/* Midnight, periwinkle and coastal blue; coral stays with the original smile. */
body{background:#e3e8f3;color:#283047;--muted:#59657d;--line:#39476e30;--coral:#a25342}
.site-header{background:#171d36;border-color:#c3c9ec25;color:#e9edf8;backdrop-filter:none}
.site-header .desktop-nav a:hover,.site-header a[aria-current=page]{color:#aebaff}
.site-header .header-cta{border-color:#bbc5ea70;color:#e8edf8}
.site-header .header-cta:hover{background:#c8c6ff;border-color:#c8c6ff;color:#252943}
.mobile-menu nav{background:#1c2543;color:#e4e9fb;border-color:#c4ccef35}
.site-header :focus-visible,footer :focus-visible{outline-color:#b8c4ff}
.pill.dark{background:#343e70;color:#f2f4ff}
.pill.dark:hover{background:#47528b}
.hero h1 em{color:#c7bfff}
.hero .eyebrow{color:#bcc5df;font-size:11px;letter-spacing:1.6px}
.hero .eyebrow i,.study-top i{background:#9fdcf3;box-shadow:none}
.hero .study-controls button[aria-pressed=true]{background:#c7c4ff;color:#232846}
.hero .study-face>span{border-color:#bbb0f75c}
.hero .study-face>span:nth-child(2){border-color:#8ccce85c}
.hero .hero-bottom a:hover{color:#b9baff}
.signal-marquee{background:#202741;color:#d4dbf0;border-color:#c9d5ff20}
.signal-marquee i{color:#8bd8f0}
body[data-page=index]{background:radial-gradient(ellipse at 0% 60%,#d2e5f0,transparent 65%),radial-gradient(ellipse at 100% 70%,#d8d3ee,transparent 60%),#e5e8f4}
.green-invitation{background:#d3fc6c;color:#162013}
.green-invitation .eyebrow{color:#23331c}
.green-invitation h2>span{color:#4f6928}
.green-invitation p:not(.eyebrow){color:#27381e}
.green-invitation .pill.dark{background:#272f56;color:#f4f4ff}
.green-invitation .pill.dark:hover{background:#394577}
.green-invitation .invitation-note{color:#3b5129}
.green-steps>div{border-color:#4f6d3240}
.green-steps span{color:#425e26}
.green-invitation .what-if-seal{border-color:#637a3950;color:#4d662d}
.nz-contours{position:absolute;right:-8%;top:-5%;height:115%;width:55%;pointer-events:none;opacity:.4;mask-image:linear-gradient(90deg,transparent,#000 35%)}
.nz-contours svg{width:100%;height:100%;stroke:#6e8a38;stroke-width:1.1}
.business-start input{border-color:#7c89b16b;background:#f0f3fb;color:#293754}
.business-shortcuts a{text-decoration-color:#6d7da67a}
.business-start h2 em{color:#77669b}
.home-okayd-section{background:#1d2539;color:#f0edf8}
.home-okayd-section .eyebrow{color:#b5bfd9}
.home-okayd-section p:not(.eyebrow){color:#b8c4db}
.home-play-band{background:#151d35;border-color:#93a6e32b;color:#e4edff}
.home-play-band .eyebrow{color:#a6c3e4}
.home-play-band p:not(.eyebrow){color:#a5b9d7}
.home-play-band:hover{border-color:#b9b0f26b}
.play-band-art canvas{cursor:crosshair}
body[data-page=services]{background:#e2e5f1}
.service-list article>span{color:#5a698c}
.service-list article:nth-child(2) h3{color:#3e4d77}
body[data-page=services] .method{border-color:#566a9630}
.principle{background:#cdd8ed}
.principle em{color:#60619c}
body[data-page=work]{background:radial-gradient(ellipse at 90% 0,#cfd8ef,transparent 65%),#e8e6f3;--muted:#606780;--line:#495b8730;--coral:#746099}
body[data-page=work] .eyebrow{color:#646d93}
.immersive-product{background:#1a2238;border-color:#5e6c8b}
.immersive-product .okayd-story>p{color:#bdc8df}
.immersive-product .okayd-visual{background:radial-gradient(ellipse,#b49d4b24,transparent 75%)}
.intro-split p,.service-list p,.method-grid p,.faq details p{font-size:16px;line-height:1.8}
.service-list small,.method-grid article>span{font-size:11px}
.faq summary{font-size:18px;line-height:1.5}
.okayd-story>p:not(.product-kicker){font-size:16px;line-height:1.8}
.product-details{font-size:12px}
.product-family-colours>span{font-size:11px}
.product-preview-controls button{font-size:14px;min-height:44px;padding:10px 14px;border-radius:5px}
.immersive-product .pill{font-size:16px;border-radius:5px}
.about-intro>p:not(.eyebrow),.founder-pair p:not(.eyebrow){font-size:17px;line-height:1.8}
body[data-page=about]{background:radial-gradient(ellipse at 85% 15%,#c9dce9,transparent 65%),#e4e8f4;--muted:#596c80;--coral:#a25342}
body[data-page=about] .about-contact{background:#d0dced}
body[data-page=business]{background:#e5e8f4;--muted:#5d6881}
.industry-form input,.industry-form select,.business-request input,.business-request textarea{background:#f2f4fc;border-color:#7b86b16b;color:#293754}
.industry-examples{background:linear-gradient(110deg,#d2d9f1,#d6e5f0)}
.industry-cards article{border-color:#5b72a654}
.industry-cards article>span{color:#5c7191}
.industry-cards button{color:#3c5282;border-color:#627aab70}
.business-request-panel{background:#d5def2;border-color:#7c91bd3b}
.business-request-intro li{border-color:#647ba735}
.business-request-intro li b{color:#40557d}
#request-summary{background:#edf2fc}
.request-review-actions button{border-color:#627aab70}
body:has(.play-centre){background:#11192d}
.play-tabs{background:#1b2742;border-color:#a0b3dc35}
.play-tabs button[aria-selected=true]{background:#c5c4ff;color:#2c3153}
.play-tabs button[aria-selected=true]>span{color:#565d8c}
.play-actions .pill{background:#c4c8ff;color:#2b3252}
.play-top-controls button{background:#172541de;border-color:#91a7da50}
.play-energy input{accent-color:#c5c4ff}
.play-heading>p{font-size:17px;line-height:1.7}
.play-tabs button{font-size:15px;padding:18px 14px}
.play-tabs button>span{font-size:10px}
.play-stage-title>p:first-child{font-size:10px}
.play-stage-title>p:last-child{font-size:14px;max-width:280px}
.play-top-controls button{font-size:13px;min-height:44px;padding:10px 16px}
.play-energy{font-size:14px}
.play-energy output{font-size:12px}
.play-actions .pill,.play-actions>button:last-child{font-size:14px;padding:13px 18px}
.play-feedback{font-size:14px}
.play-palettes button{width:34px;height:34px}
.palette-wrap>span{font-size:9px}
.play-bottom>p{font-size:12px;line-height:1.8}
.play-bottom .text-link{font-size:14px}
footer.wrap{background:#171d36;color:#bdc8e4;border-color:#c3c9ec25}
footer a:hover{color:#bac5ff}
body:has(.play-centre) footer{color:#bdc8e4}
@media(max-width:600px){.hero .eyebrow{font-size:10px}.green-invitation .eyebrow{font-size:10px;letter-spacing:1px;max-width:280px}.nz-contours{width:110%;right:-75%;opacity:.3}.business-start input{background:#f0f3fb}}
@media(max-width:800px){.play-tabs button{font-size:14px}.play-stage-title>p:last-child{font-size:13px;max-width:235px}.play-energy{font-size:12px}.play-actions .pill,.play-actions>button:last-child{font-size:12px;padding:12px 14px}.play-top-controls button{font-size:12px;padding:10px 14px}.play-heading>p{font-size:16px}}

/* Carry the homepage's dark blue into the opening sections. */
.midnight-section,
.possibilities,
body:has(.play-centre) .inner-page {
  background: radial-gradient(ellipse at 85% 5%, #222c50, transparent 65%), #10121b;
}

.midnight-section,
.possibilities {
  color: #f0f1f8;
  --muted: #b8c3db;
  --line: #a5b4dd40;
  --coral: #c7bfff;
}

body .midnight-section .eyebrow,
.midnight-section .intro-split .lead,
.midnight-section .about-intro .lead,
.midnight-section .service-list article h3,
.midnight-section .service-list article > span,
.midnight-section .journey-promise,
.midnight-section .contact-status strong,
.possibilities .eyebrow {
  color: #c6d2ec;
}

.midnight-section .journey-panel {
  color: #283047;
  --muted: #59657d;
  --line: #39476e30;
  --coral: #a25342;
}

.midnight-section .industry-form .pill.dark {
  background: #c7bfff;
  color: #232846;
}

.midnight-section .industry-form .pill.dark:hover {
  background: #dad5ff;
}

.possibilities .workflow-demo {
  background: #25304c;
  box-shadow: 0 30px 90px #0004;
}

.nyted-showcase {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(24px, 5vw, 76px);
  padding-block: 0 clamp(64px, 9vw, 120px);
}

.home-nyted-section {
  padding-top: clamp(56px, 8vw, 100px);
}

.nyted-brand {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: clamp(16px, 3vw, 32px);
  padding: clamp(30px, 7vw, 96px) 24px;
  border: 1px solid #a9ba793d;
  border-radius: 14px;
  background: radial-gradient(ellipse at 30% 20%, #47513c, #242d26 75%);
  color: #fbf8f1;
}

.nyted-brand img {
  width: clamp(190px, 26vw, 400px);
  height: auto;
}

.nyted-brand > span {
  font-size: clamp(48px, 7vw, 100px);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -.08em;
}

.nyted-brand > span > span {
  color: #edbc92;
}

.nyted-story h2 {
  margin-block: 14px 18px;
}

.nyted-story p:not(.eyebrow) {
  font-size: 17px;
  line-height: 1.7;
  max-width: 48ch;
}

.nyted-story .pill.dark {
  background: #d8e4b5;
  color: #222c21;
}

.nyted-story .pill.dark:hover {
  background: #eaf1d7;
}

@media (max-width: 700px) {
  .nyted-showcase {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 1000px) {
  .home-okayd-section {
    overflow-x: clip;
  }

  .site-header .header-cta {
    display: none;
  }

  .site-header .brand {
    max-width: calc(100% - 115px);
  }

  .mobile-menu summary {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 13px;
    border: 1px solid #bbc5ea70;
    border-radius: 5px;
    cursor: pointer;
  }

  .mobile-menu[open] summary {
    background: #293456;
  }

  .mobile-menu .close-icon,
  .mobile-menu[open] .menu-icon {
    display: none;
  }

  .mobile-menu[open] .close-icon {
    display: inline;
  }
}