@font-face{font-family:'DM Sans';src:url('/brand/blue-skies-v1/dm-sans.ttf') format('truetype');font-weight:100 1000;font-display:swap}
@font-face{font-family:'Bricolage Grotesque';src:url('/brand/blue-skies-v1/bricolage-grotesque.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root { --art-target:url('/brand/blue-skies-v1/target.png'); --art-chat:url('/brand/blue-skies-v1/chat.png'); --art-reach:url('/brand/blue-skies-v1/reach.png'); --art-book:url('/brand/blue-skies-v1/book.png'); --art-spark:url('/brand/blue-skies-v1/spark.png'); }
html[data-brand="blue-skies"] {
  --ac-font: 'DM Sans', sans-serif;
  --cloud-heading: 'Bricolage Grotesque', sans-serif;
  --ac-bg: #f7faff;
  --ac-surface: #ffffff;
  --ac-soft: #edf2ff;
  --ac-text: #152540;
  --ac-muted: #465873;
  --ac-line: #cbd8ec;
  --ac-accent: #244cbd;
  --ac-accent-hover: #193a9c;
  --ac-highlight: #dce8ff;
  --cloud-sidebar: #eaf2ff;
  --cloud-logo-blue: #1270d1;
}

html[data-brand="blue-skies"] {
  .sidebar { background: var(--cloud-sidebar); }
  .hub-brand { font-family: var(--cloud-heading); color: var(--ac-text); }
  .hub :is(h1, h2) { font-family: var(--cloud-heading); }
  .hub :is(.page-heading h1, .industry-hero h1, .industry-guide-header h1, .watch-title) {
    color: var(--ac-accent); font-weight: 700; letter-spacing: -.043em;
  }
  .hub :is(.library-heading h2, .industry-promo h2, .feature-content h2) { font-weight: 700; letter-spacing: -.043em; }
  .hub .industry-guide .industry-video-plan h2 { font-family: var(--cloud-heading) !important; }
  .brand-mark, .profile { background: var(--ac-highlight); color: var(--ac-accent); }
  .brand-mark:has(img) { position: relative; background: var(--cloud-logo-blue); overflow: hidden; }
  .brand-mark img {
    position: absolute; width: 108%; height: auto; top: 3px; left: -4%;
    mask-image: linear-gradient(transparent, #000 14%, #000 68%, transparent 72%);
  }
  .nav-item.active { background: var(--ac-highlight); color: var(--ac-accent); }
  .nav-item:hover, .quick-path:hover, .format-button:not(.active):hover { background: var(--ac-soft); color: var(--ac-accent); }
  .topic-dot { background: var(--ac-accent); }
  :is(.sidebar-bottom a, #search-form > span, #menu, .close-preview, .creator-link:hover) { color: var(--ac-accent); }
  .resource-preview { background: var(--ac-soft); }
  .save-button { background: var(--ac-surface); }
  .save-button.saved { background: var(--ac-highlight); }
  .feature-video { background: var(--ac-text); }
  .feature-video:after { background: linear-gradient(0deg, rgba(12,15,28,.94), rgba(12,15,28,.04) 90%); }

  :is(.industry-hero, .industry-guide section, .industry-related, .guide-question, .industry-table-wrap, .industry-comparison td, .industry-comparison th) { border-color: var(--ac-line); }
  :is(.industry-stats strong, #industry-filters label, .industry-guide p, .industry-guide li, .industry-email) { color: var(--ac-text); }
  #industry-filters :is(input, select), #industry-filters .industry-clear { background: var(--ac-surface); color: var(--ac-text); border-color: var(--ac-line); }
  #industry-filters input::placeholder { color: var(--ac-muted); }
  .industry-card:hover { background: var(--ac-soft); border-color: var(--ac-accent); }
  :is(.industry-breadcrumb a, .industry-sector-link, .guide-byline a, .industry-guide a, .industry-comparison a, .guide-contents a, .guide-foundations a) { color: var(--ac-accent); }
  :is(.guide-action, .guide-watchout, .guide-contents, .guide-foundations, .industry-comparison thead) { background: var(--ac-soft); }
  :is(.guide-action, .guide-watchout) strong { color: var(--ac-accent); }
  .industry-email { background: var(--ac-surface); border-color: var(--ac-line); }
  .industry-guide .industry-video-plan { background: var(--ac-soft); border-color: var(--ac-line); }

  :is(.creator-back, .watch-creator .creator-link) { color: var(--ac-accent); }
  .watch-creator { color: var(--ac-muted); }
  .watch-avatar { background: var(--ac-highlight); color: var(--ac-accent); }
  .watch-actions button, .preview-actions button { border-color: var(--ac-line); background: var(--ac-soft); }
  :is(.watch-description, .watch-next img, .watch-next:has(>div:only-child)) { background: var(--ac-soft); }
  .ac-feedback { background: var(--ac-text); }
  :is(button, a, input, select, summary):focus-visible { outline-color: #1341bf; }
}


html[data-brand][data-brand="blue-skies"] {
  --cloud-heading: 'Bricolage Grotesque', sans-serif;
  --ac-bg: #fbfdff;
  --ac-surface: #fff;
  --ac-soft: #e8f2ff;
  --ac-text: #142d51;
  --ac-muted: #43556d;
  --ac-line: #cadcf2;
  --ac-accent: #194ec5;
  --ac-accent-hover: #153d9b;
  --ac-highlight: #cfebff;
  --cloud-sidebar: #e8f5ff;
  --bright-hero: #e1f1ff;
  --bright-aura: #8edbff;
  --bright-track-target: #def1ff;
  --bright-track-offer: #ffe3cf;
  --bright-track-inbox: #fff0a9;
  --bright-edge-target: #50a6ef;
  --bright-edge-offer: #eb8864;
  --bright-edge-inbox: #e4b84b;
  --bright-home-art: var(--art-reach);
  --bright-home-small: var(--art-chat);
  --bright-directory-art: var(--art-book);
  --bright-directory-small: var(--art-spark);
}
html[data-brand][data-brand="blue-skies"] {
  .hub .page-heading h1, .hub .industry-hero h1 { color: var(--ac-text); }
  .hub .industry-guide-header h1, .hub .watch-title { color: var(--ac-accent); }
  .nav-item.active { box-shadow: inset 0 0 0 1px var(--ac-line); }
  .industry-card, .quick-path, .watch-next:has(> div:only-child) { --card-fill: var(--bright-track-target); --card-edge: var(--bright-edge-target); }
  .industry-card:nth-child(3n+2 of .industry-card:not([hidden])), .quick-path:nth-child(2), .watch-next:nth-child(3n+2 of .watch-next) { --card-fill: var(--bright-track-offer); --card-edge: var(--bright-edge-offer); }
  .industry-card:nth-child(3n of .industry-card:not([hidden])), .quick-path:nth-child(3), .watch-next:nth-child(3n of .watch-next) { --card-fill: var(--bright-track-inbox); --card-edge: var(--bright-edge-inbox); }
  .industry-card, .quick-path, .watch-next:has(> div:only-child) { background: var(--card-fill); border-color: var(--card-edge); }
  .industry-card:hover, .quick-path:hover { background: var(--ac-surface); border-color: var(--ac-accent); }
  .industry-card-bottom { color: var(--ac-text) !important; }
  .industry-card-bottom a { color: var(--ac-accent); }
  .quick-path > span { flex: 0 0 35px; width: 35px; height: 30px; font-size: 0 !important; background: center / contain no-repeat; }
  .quick-path:nth-child(1) > span { background-image: var(--art-target); }
  .quick-path:nth-child(2) > span { background-image: var(--art-chat); }
  .quick-path:nth-child(3) > span { background-image: var(--art-reach); }
  .guide-contents { border-color: var(--bright-edge-target); box-shadow: inset 0 0 0 1px var(--bright-edge-target); }
  .watch-description { background: var(--bright-hero); }
  :is(button, a, input, select, summary):focus-visible { outline-color: var(--ac-accent); }
}

html[data-brand="blue-skies"] {
  --content-gutter: 40px;
  --section-gap: 32px;
  --card-gap: 16px;
  --panel-padding: 24px;
  --control-height: 48px;
  --control-radius: 8px;
  --ac-hover: var(--ac-accent-hover);
  font-family: var(--ac-font);
  color: var(--ac-text);
  background: var(--ac-bg);
}

html[data-brand="blue-skies"] {
  .hub .hub-brand, .brand:has(.cloud-logo) {
    display: flex; align-items: center; gap: 8px; padding: 0;
    min-height: 40px; color: var(--ac-text); font: 700 17px/1.15 var(--cloud-heading);
    letter-spacing: -.035em; text-decoration: none; white-space: nowrap;
  }
  .cloud-logo { display: block; width: 48px; height: 27px; flex: none; object-fit: contain; filter: drop-shadow(0 2px 1px #10284c26); }
  .sidebar { padding: 20px 16px 16px; }
  .sidebar .hub-brand { margin: 0 0 16px; }
  .sidebar .nav-item { gap: 12px; padding-inline: 8px; margin-block: 2px; }
  .sidebar .topics-label { margin: 16px 0 4px; padding-inline: 8px; }
  .sidebar-bottom { padding-inline: 8px; }
  .hub .hub-header { padding-inline: max(var(--content-gutter), calc((100% - 1550px) / 2 + var(--content-gutter))); gap: var(--card-gap); }
  .hub main { padding: var(--section-gap) var(--content-gutter) 0; }
  .hub #search-form { min-height: var(--control-height); }

  .cloud-intro, .industry-hero {
    position: relative; isolation: isolate; display: grid; gap: var(--card-gap);
    padding: var(--panel-padding); border: 1px solid var(--ac-line); border-radius: var(--ac-radius);
    background: linear-gradient(110deg, var(--bright-hero), var(--ac-soft));
  }
  .cloud-intro { margin-bottom: var(--section-gap); }
  .cloud-intro .page-heading, .cloud-intro h1, .cloud-intro .brand-intro, .cloud-intro .brand-links,
  .industry-hero h1, .industry-hero > p, .industry-hero .industry-stats { margin: 0; }
  .cloud-intro .brand-links, .watch-actions, .preview-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
  .cloud-intro .brand-links > a, .cloud-intro .brand-links > button,
  .watch-actions > :is(a,button), .preview-actions > :is(a,button),
  #industry-filters :is(input,select,button), #industry-more, #copy-email, .industry-promo-head > a,
  .strategy-entry .submit-form :is(.input-row,button) {
    min-height: var(--control-height); border-radius: var(--control-radius); box-sizing: border-box;
  }
  .cloud-intro .brand-links > a, .watch-actions > :is(a,button), .preview-actions > :is(a,button) {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 10px 16px;
    font-size: 14px; font-weight: 600; line-height: 1.3;
  }
  .cloud-intro .brand-links > a { border: 1px solid var(--ac-line); background: var(--ac-surface); text-decoration: none; }
  .cloud-intro .brand-links > a:hover { border-color: var(--ac-accent); }
  .cloud-intro .brand-links > button { padding-inline: 16px; line-height: 1.3; }
  #featured > .feature-video, .watch-player { display: block; }
  .quick-paths { gap: var(--card-gap); margin: var(--section-gap) 0; }
  .quick-path { gap: 8px; }
  .quick-path > span { flex-basis: 32px; width: 32px; }
  .library-heading, .browse-controls { margin-bottom: var(--card-gap); }
  .resource-grid { gap: var(--section-gap) var(--card-gap); }
  #industry-grid, #industry-filters, .watch-related { gap: var(--card-gap); }
  #industry-filters label { gap: 8px; }
  .industry-card { padding: var(--panel-padding); gap: 12px; }
  .industry-card h2 { margin: 0; }
  .industry-card > p { margin: 0; }
  .industry-card-bottom { margin-top: auto; }
  .industry-hero .industry-stats { gap: var(--card-gap); }
  .industry-guide-layout { gap: var(--section-gap); }
  .guide-contents, .guide-foundations, .watch-description { padding: var(--panel-padding); }

  .site-header .brand { margin: 0; }
  .site-header, body:not(.hub) > header { border-color: var(--ac-line); }
  .site-header nav { gap: var(--card-gap); }
  body:not(.hub) :is(h1,h2,h3) { font-family: var(--cloud-heading); }
  .strategy-entry .ai-panel, .mcp-instructions pre { background: var(--ac-soft); border-color: var(--ac-line); }
  .strategy-entry .ai-panel { padding: var(--panel-padding); gap: var(--card-gap); }
  .strategy-entry .input-row { min-height: var(--control-height); border-radius: var(--control-radius); padding: 0; }
  .strategy-entry .input-row input { min-height: calc(var(--control-height) - 2px); padding-inline: 16px; }
  .strategy-entry .ai-client { min-height: var(--control-height); border-radius: var(--control-radius); }
  .strategy-entry .ai-client-buttons { gap: 12px; }
  .strategy-entry .ai-client { border-color: var(--ac-line); color: var(--ac-text); }
  .strategy-entry .ai-client:hover { border-color: var(--ac-accent); background: var(--ac-highlight); }
  .strategy-entry :is(.ai-eyebrow,.ai-feedback) { color: var(--ac-accent); }
  .strategy-entry :is(.ai-panel-copy>p:last-child,.ai-helper) { color: var(--ac-muted); }
  .strategy-entry .ai-panel :is(a,button):focus-visible { outline-color: var(--ac-accent); }

  @media (min-width: 1101px) {
    .cloud-intro, .industry-hero {
      background: radial-gradient(ellipse 42% 125% at 96% 65%, var(--bright-aura), transparent 84%), linear-gradient(105deg, var(--bright-hero) 60%, var(--ac-soft));
    }
    .cloud-intro::after, .industry-hero::after {
      content: ''; position: absolute; inset: 12px 16px 12px auto; width: 30%; pointer-events: none; z-index: -1;
      background: var(--bright-home-small) right 4% bottom 15% / 35% auto no-repeat, var(--bright-home-art) left 12% center / 69% auto no-repeat;
    }
    .industry-hero::after {
      background: var(--bright-directory-small) right 4% top 12% / 32% auto no-repeat, var(--bright-directory-art) left 12% center / 73% auto no-repeat;
    }
    .cloud-intro .page-heading, .cloud-intro .brand-intro, .cloud-intro .brand-links,
    .industry-hero > :is(h1,p,.industry-stats) { max-width: 70%; }
  }

  @media (max-width: 1150px) { --content-gutter: 24px; }
  @media (max-width: 720px) {
    --content-gutter: 16px; --panel-padding: 16px; --section-gap: 24px; --card-gap: 12px;
    .hub .hub-header { gap: 12px; }
    .hub #search-form { min-height: 44px; }
    .cloud-intro .brand-links { display: grid; grid-template-columns: minmax(0,1fr); gap: 8px; }
    .cloud-intro .brand-links > :is(a,button) { padding-inline: 12px; }
    .industry-guide-layout { gap: var(--section-gap); }
  }
}