:root{
  --night:#081730; --night-2:#0E2A4F; --night-3:#163B69;
  --paper:#F4FAFC; --paper-2:#E6F3F8; --white:#fff;
  --ink:#0E2A4F; --body:#3A5573; --quiet:#5E7690;
  --ice:#C9F4F8; --sky:#3FB8F7; --sky-deep:#0B78BE;
  --orange:#F2650F; --orange-hot:#FF8F33; --orange-deep:#C4470A; --ember:#8E2B08;
  --line:rgba(14,42,79,.12);
  --display:'Sora',system-ui,sans-serif;
  --text:'Figtree',system-ui,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--night);color:var(--body);font:400 1.0625rem/1.65 var(--text);overflow-x:clip}
h1,h2,h3,p,ul,ol{margin:0;padding:0}
ul,ol{list-style:none}
a{color:inherit}
img,svg{display:block}
:focus-visible{outline:3px solid var(--sky);outline-offset:3px;border-radius:6px}
.skip{position:absolute;left:-999px;top:8px;background:#fff;color:var(--ink);padding:8px 14px;z-index:30;border-radius:8px}
.skip:focus{left:8px}

.wrap{max-width:1160px;margin:0 auto;padding:0 24px}
.eyebrow{font:600 .8125rem/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--orange-deep);margin-bottom:14px}
.on-night .eyebrow{color:var(--orange-hot)}
h1,h2,h3{font-family:var(--display);color:var(--ink);letter-spacing:-.02em}
h2{font-size:clamp(1.9rem,4vw,2.9rem);line-height:1.14;font-weight:700;text-wrap:balance}
section[id]{scroll-margin-top:84px}
h3{font-size:1.2rem;line-height:1.3;font-weight:700}
.section{padding:96px 0}
.lede{max-width:62ch;font-size:1.1875rem;margin-top:16px}
.on-night{color:#B9CBE0}
.on-night h1,.on-night h2,.on-night h3{color:#fff}

/* Mockup strip */
.mock-strip{background:#000;color:#fff;font:500 .8125rem/1.4 var(--mono);text-align:center;padding:8px 16px}

/* The glossy button: every clickable thing on the page is cut from the logo */
.btn{position:relative;display:inline-flex;white-space:nowrap;align-items:center;justify-content:center;gap:.5em;border:0;cursor:pointer;
  font:700 1.2rem/1 var(--display);letter-spacing:-.01em;text-decoration:none;color:#fff;padding:1.02em 1.75em;border-radius:999px;
  text-shadow:0 1px 2px rgba(110,30,0,.65);
  background:linear-gradient(180deg,#FB8428 0%,#E9590B 48%,#C4470A 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -4px 8px rgba(120,30,0,.45),0 4px 0 var(--ember),0 12px 26px rgba(196,71,10,.42);
  transition:transform .12s ease,box-shadow .12s ease,filter .15s ease}
.btn::before{content:"";position:absolute;left:7%;right:7%;top:4px;height:40%;border-radius:999px;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.52),rgba(255,255,255,.04))}
.btn span{position:relative}
.btn:hover{filter:brightness(1.07)}
.btn:active{transform:translateY(3px);box-shadow:inset 0 2px 6px rgba(110,30,0,.55),0 1px 0 var(--ember),0 4px 10px rgba(196,71,10,.4)}
.btn.sm{font-size:1rem;padding:.8em 1.35em;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -3px 6px rgba(120,30,0,.45),0 3px 0 var(--ember),0 8px 18px rgba(196,71,10,.4)}
.btn.ice{color:var(--ink);text-shadow:0 1px 0 rgba(255,255,255,.6);
  background:linear-gradient(180deg,#F2FEFF 0%,#C9F4F8 52%,#93DCEA 100%);
  box-shadow:inset 0 1px 0 #fff,inset 0 -4px 8px rgba(11,120,190,.28),0 4px 0 #4E9FBA,0 12px 26px rgba(63,184,247,.28)}
.btn.ice:active{box-shadow:inset 0 2px 6px rgba(11,120,190,.4),0 1px 0 #4E9FBA,0 4px 10px rgba(63,184,247,.25)}

/* Small glossy dome */
.dome{position:relative;flex:none;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;color:var(--ice);
  background:radial-gradient(circle at 35% 26%,#FF9C42 0,#F76C12 34%,#E0500A 68%,#AE3708 94%,#8E2B08 100%);
  box-shadow:inset 0 -3px 6px rgba(110,30,0,.4),0 7px 14px rgba(196,71,10,.34);
  transition:transform .15s ease,box-shadow .15s ease}
.dome::before{content:"";position:absolute;left:14%;top:7%;width:62%;height:34%;border-radius:50%;transform:rotate(-16deg);pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,0))}
.dome svg{position:relative;width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.dome b{position:relative;font:800 1.35rem/1 var(--display);color:#fff;text-shadow:0 1px 2px rgba(110,30,0,.6)}

/* Header */
.site-head{position:sticky;top:0;z-index:20;background:#081730;border-bottom:1px solid rgba(255,255,255,.08)}
.head-row{display:flex;align-items:center;gap:28px;height:76px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;font:800 1.15rem/1 var(--display);letter-spacing:.08em;margin-right:auto}
.brand svg{width:48px;height:44px}
.nav{display:flex;gap:30px}
.nav a{color:#CFDDEC;text-decoration:none;font-weight:600;font-size:1rem}
.nav a:hover{color:#fff}
.menu{display:none;position:relative}
.menu summary{list-style:none;cursor:pointer;color:#fff;font-weight:600;padding:10px 4px}
.menu summary::-webkit-details-marker{display:none}
.menu div{position:absolute;right:0;top:46px;background:var(--night-2);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:8px;min-width:170px;box-shadow:0 18px 40px rgba(0,0,0,.45)}
.menu a{display:block;padding:10px 14px;color:#fff;text-decoration:none;font-weight:600}

/* Hero: the night sky, with the button rising like a sun */
.hero{position:relative;overflow:hidden;padding:52px 0 180px;
  background:
    radial-gradient(1.5px 1.5px at 12% 22%,rgba(255,255,255,.75),transparent 100%),
    radial-gradient(1.5px 1.5px at 28% 68%,rgba(255,255,255,.4),transparent 100%),
    radial-gradient(2px 2px at 44% 14%,rgba(255,255,255,.55),transparent 100%),
    radial-gradient(1.5px 1.5px at 56% 54%,rgba(255,255,255,.35),transparent 100%),
    radial-gradient(1.5px 1.5px at 66% 9%,rgba(255,255,255,.6),transparent 100%),
    radial-gradient(2px 2px at 92% 30%,rgba(255,255,255,.6),transparent 100%),
    radial-gradient(1.5px 1.5px at 7% 82%,rgba(255,255,255,.35),transparent 100%),
    radial-gradient(1.5px 1.5px at 96% 74%,rgba(255,255,255,.35),transparent 100%),
    linear-gradient(180deg,#071429 0%,#0B2142 58%,#17406F 100%)}
.hero-grid{display:grid;grid-template-columns:1.22fr .78fr;gap:40px;align-items:center}
.hero-grid>div:first-child{position:relative;z-index:1}
.hero h1{font-size:clamp(2.45rem,4.9vw,3.75rem);line-height:1.07;font-weight:800;letter-spacing:-.03em}
.hero h1 em{font-style:normal;color:var(--orange-hot)}
.keys{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 22px}
.keys li{font:600 .9375rem/1 var(--mono);color:var(--ink);padding:10px 15px;border-radius:999px;
  background:linear-gradient(180deg,#F2FEFF,#C9F4F8 55%,#A4E4EF);box-shadow:inset 0 1px 0 #fff,0 2px 0 #4E9FBA}
.hero p.lede{color:#CFDDEC;margin:0 0 34px}
.actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center}
.sun{position:relative;justify-self:center;width:100%;max-width:470px}
.sun::before{content:"";position:absolute;inset:-24%;pointer-events:none;background:radial-gradient(closest-side,rgba(255,143,51,.2) 0,rgba(255,143,51,.15) 24%,rgba(255,143,51,.09) 46%,rgba(255,143,51,.04) 66%,rgba(255,143,51,.012) 84%,rgba(255,143,51,0) 100%);filter:blur(14px)}
.sun svg{position:relative;width:100%;height:auto;overflow:visible;animation:rise 1.2s cubic-bezier(.2,.8,.2,1) both}
#spec{transition:transform .25s ease-out}
@keyframes rise{from{transform:translateY(60px);opacity:0}to{transform:none;opacity:1}}

/* Daylight: page turns from night to day as the problems get solved */
.day{position:relative;z-index:2;background:var(--paper);color:var(--body);margin-top:-110px;
  border-radius:50% 50% 0 0 / 110px 110px 0 0;
  box-shadow:0 -5px 0 var(--orange-hot),0 -26px 70px rgba(255,143,51,.5)}
.who{padding:112px 0 80px}
.who-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px}
.who p+p{margin-top:16px}
.who strong{color:var(--ink);font-weight:600}

/* Steps */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:52px 0 44px;position:relative}
.steps::before{content:"";position:absolute;left:30px;right:16%;top:29px;height:3px;background:linear-gradient(90deg,var(--orange-hot),var(--sky))}
.steps li{position:relative}
.steps h3{margin:20px 0 8px}
.center-row{display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.fine{font-size:.9375rem;color:var(--quiet)}

/* Capabilities */
.caps{background:var(--paper-2)}
.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}
.cap{background:#fff;border-radius:22px;padding:26px;box-shadow:0 1px 0 #fff inset,0 0 0 1px var(--line),0 10px 24px rgba(14,42,79,.06);transition:transform .16s ease,box-shadow .16s ease}
.cap h3{margin:18px 0 8px}
.cap:hover{transform:translateY(-3px);box-shadow:0 0 0 1px rgba(242,101,15,.35),0 16px 32px rgba(14,42,79,.1)}
.cap:hover .dome{transform:translateY(2px);box-shadow:inset 0 2px 5px rgba(110,30,0,.45),0 3px 7px rgba(196,71,10,.34)}

/* Work */
.work-list{margin-top:44px;border-top:1px solid var(--line)}
.work-list li{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr) minmax(0,.8fr);gap:28px;padding:26px 0;border-bottom:1px solid var(--line);align-items:start}
.tags{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
.tags span{font:600 .75rem/1 var(--mono);color:var(--sky-deep);background:#E2F4FD;padding:7px 10px;border-radius:999px}
.more{font:600 .875rem/1.4 var(--mono);color:var(--quiet);margin-top:18px}
.clients{margin-top:64px}
.clients p{text-align:center;color:var(--quiet);font-size:.9375rem;margin-bottom:20px}
.logos{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}
.logos li{background:#fff;border-radius:16px;height:82px;display:grid;place-items:center;padding:12px;box-shadow:0 0 0 1px var(--line)}
.logos img{max-height:42px;max-width:100%;object-fit:contain}

/* About */
.about{background:linear-gradient(180deg,#0E2A4F,#081730)}
.about-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center}
.about p+p{margin-top:16px}
.about p:not(.eyebrow){margin-top:16px}
.about h2{margin-bottom:6px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.stat{text-align:center;color:#CFDDEC;font-weight:600}
.stat .dome{width:100%;max-width:138px;height:auto;aspect-ratio:1;margin:0 auto 12px}
.stat .dome b{font-size:clamp(1.5rem,2.8vw,2.1rem);letter-spacing:-.02em}
.stat:nth-child(2) .dome{background:radial-gradient(circle at 35% 26%,#A8E5FF 0,#4FBEF8 34%,#1F9BE3 68%,#0F6FB2 100%);box-shadow:inset 0 -3px 6px rgba(8,60,110,.4),0 7px 14px rgba(11,120,190,.4)}
.stat:nth-child(2) .dome b{color:#06264a;text-shadow:0 1px 0 rgba(255,255,255,.35)}
.stat:nth-child(3) .dome{background:radial-gradient(circle at 35% 26%,#FFFFFF 0,#DDFAFC 38%,#A9E8F1 74%,#6FC4D8 100%);box-shadow:inset 0 -3px 6px rgba(11,120,190,.3),0 7px 14px rgba(63,184,247,.3)}
.stat:nth-child(3) .dome b{color:var(--ink);text-shadow:none}

/* Old way vs new way: flat loses to glossy */
.compare{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:44px}
.way{border-radius:26px;padding:32px}
.way h3{font:600 .875rem/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;margin-bottom:16px}
.way li{display:flex;gap:12px;padding:8px 0;align-items:baseline}
.way.old{background:#E3E9EE;color:#51667C}
.way.old h3{color:#51667C}
.way.new{position:relative;overflow:hidden;color:#fff;
  background:radial-gradient(circle at 25% 0,#F2701A 0,#DC520B 46%,#B23E09 100%);
  box-shadow:inset 0 -5px 12px rgba(110,30,0,.4),0 18px 34px rgba(196,71,10,.34);text-shadow:0 1px 2px rgba(110,30,0,.55)}
.way.new::before{content:"";position:absolute;left:4%;right:4%;top:5px;height:30%;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0));pointer-events:none}
.way.new h3{color:#fff;position:relative;font-weight:600}
.way.new ul{position:relative}
.way.new li{font-weight:600}
.way i{font-style:normal;font-weight:700;flex:none;width:1.1em}

/* Chatbot section */
.more-than{margin-top:80px}
.mt-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:32px}
.mt-grid h3{margin-bottom:6px}
.mt-grid li{border-top:3px solid var(--sky);padding-top:16px}

/* FAQ */
.faq{background:var(--paper-2)}
.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:56px}
.qs{display:grid;gap:12px}
details.q{background:#fff;border-radius:18px;box-shadow:0 0 0 1px var(--line)}
details.q summary{list-style:none;cursor:pointer;display:flex;gap:16px;justify-content:space-between;align-items:center;padding:18px 20px;font:600 1.0625rem/1.35 var(--display);color:var(--ink)}
details.q summary::-webkit-details-marker{display:none}
details.q p{padding:0 20px 20px}
.plus{flex:none;position:relative;width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 35% 26%,#FF9C42,#F2650F 50%,#B83A08);box-shadow:0 2px 5px rgba(196,71,10,.4);transition:transform .2s ease}
.plus::before,.plus::after{content:"";position:absolute;left:8px;right:8px;top:14px;height:2px;background:#fff;border-radius:2px}
.plus::after{transform:rotate(90deg)}
details[open] .plus{transform:rotate(45deg)}

/* Closing call to action */
.closing{background:linear-gradient(180deg,#17406F 0%,#0B2142 45%,#071429 100%);text-align:center;padding:96px 0 84px;border-radius:50% 50% 0 0 / 90px 90px 0 0;margin-top:-1px;position:relative}
.faq{padding-bottom:170px}
.closing{margin-top:-90px;z-index:3}
.closing svg.mark{width:128px;height:118px;margin:0 auto 26px;filter:drop-shadow(0 12px 18px rgba(0,0,0,.45))}
.closing .lede{margin:16px auto 0}
.closing .actions{justify-content:center;margin:34px 0 22px}
.closing .small{font-size:.9375rem;color:#9FB5CC}
.contact-row{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;margin-top:22px}
.contact-row a{color:var(--ice);font-weight:600;text-decoration:none}
.contact-row a:hover{text-decoration:underline}

/* Footer */
footer{background:#071429;color:#8FA6BF;padding:30px 0 40px;font-size:.9375rem}
.foot{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:32px;border-top:1px solid rgba(255,255,255,.1);padding-top:36px}
.foot .brand{font-size:1rem;margin-bottom:10px}
.foot .brand svg{width:40px;height:37px}
.foot h3{font:600 .75rem/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#CFDDEC;margin-bottom:10px}
.foot a{color:#8FA6BF;text-decoration:none}
.foot a:hover{color:#fff}
.foot li{padding:3px 0}
.legal{display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;margin-top:30px;font-size:.875rem;color:#7D96B0}

@media (max-width:980px){
  .work-list li{grid-template-columns:1fr}
  .tags{justify-content:flex-start}
  .logos{grid-template-columns:repeat(4,1fr)}
  .mt-grid{grid-template-columns:repeat(2,1fr)}
  .cap-grid{grid-template-columns:repeat(2,1fr)}
  .about-grid,.faq-grid{grid-template-columns:1fr;gap:36px}
}
@media (max-width:820px){
  .nav{display:none}.menu{display:block}
  .head-row{gap:12px;height:68px}
  .hero{padding:32px 0 150px}
  .hero-grid{grid-template-columns:1fr;gap:20px}
  .sun{order:-1;max-width:236px}
  .who-grid,.compare,.steps{grid-template-columns:1fr}
  .who-grid{gap:18px}
  .steps{gap:30px}
  .steps::before{display:none}
  .section{padding:68px 0}
  .day{margin-top:-70px;border-radius:50% 50% 0 0 / 70px 70px 0 0}
  .who{padding:84px 0 56px}
  .foot{grid-template-columns:1fr 1fr}
  .foot>div:first-child{grid-column:1/-1}
}
@media (max-width:560px){
  .wrap{padding:0 16px}
  .cap-grid,.mt-grid{grid-template-columns:1fr}
  .logos{grid-template-columns:repeat(2,1fr)}
  .brand{font-size:.9375rem;gap:8px;letter-spacing:.06em}
  .head-row .brand svg{width:40px;height:37px}
  .head-row .btn.sm{padding:.75em 1em}
  .actions .btn{width:100%}
  .way{padding:24px}
  .btn.sm{font-size:.9375rem}
}
@media (max-width:350px){.head-row .brand{font-size:0}}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
}

[id]{scroll-margin-top:92px}
.sun{max-width:420px;position:relative}
.bot{width:100%;height:auto;overflow:visible;display:block}
.sun .bot{animation:rise 1.2s cubic-bezier(.2,.8,.2,1) both}
.bob{animation:bob 4.5s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(-7px)}}
.armLU{animation:armLU 28s ease-in-out 1.2s infinite}
.armLF{animation:armLF 28s ease-in-out 1.2s infinite}
.armRU{transform:rotate(-91.6deg);animation:armRU 28s ease-in-out 1.2s infinite}
.armRF{transform:rotate(-88.7deg);animation:armRF 28s ease-in-out 1.2s infinite}
.idle *{animation-play-state:paused!important}
@keyframes armRU{0%,30%{transform:rotate(-91.6deg)}34%,52%{transform:none}56%,100%{transform:rotate(-91.6deg)}}
@keyframes armRF{0%,6%{transform:rotate(-88.7deg)}8%,12%{transform:rotate(-70deg)}10%,14%{transform:rotate(-106deg)}16%,30%{transform:rotate(-88.7deg)}34%,52%{transform:none}56%,72%{transform:rotate(-88.7deg)}74%,78%,82%{transform:rotate(-70deg)}76%,80%{transform:rotate(-106deg)}85%,100%{transform:rotate(-88.7deg)}}
@keyframes armLU{0%,34%{transform:none}38%,48%{transform:rotate(91.6deg)}54%,68%{transform:none}72%,85%{transform:rotate(91.6deg)}90%,100%{transform:none}}
@keyframes armLF{0%,34%{transform:none}38%,48%{transform:rotate(88.7deg)}40%,44%{transform:rotate(70deg)}42%,46%{transform:rotate(106deg)}54%,68%{transform:none}72%,85%{transform:rotate(88.7deg)}74%,78%,82%{transform:rotate(70deg)}76%,80%{transform:rotate(106deg)}90%,100%{transform:none}}
.nudge{animation:nudge 6s ease-in-out infinite}
@keyframes nudge{0%,100%{transform:rotate(0)}45%,55%{transform:rotate(2.2deg)}}
.beacon{animation:beacon 2.6s ease-in-out infinite}
@keyframes beacon{50%{opacity:.55}}
.lid{transform-box:fill-box;transform-origin:center;animation:blink 5.5s linear infinite}
@keyframes blink{0%,95%,100%{transform:none}97.5%{transform:scaleY(.08)}}
.eyes{transition:transform .14s ease-out}
.chestbtn{transition:transform .11s ease}
.chest{position:absolute;border:0;padding:0;border-radius:50%;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.clients{padding-top:112px}
.who{padding-top:72px}
.gaps{background:var(--paper-2)}
.picker{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:44px;margin-top:44px;align-items:start}
.pains{display:grid;gap:10px}
.pain{display:block;width:100%;text-align:left;padding:16px 20px;border:0;cursor:pointer;border-radius:16px;background:#fff;font:600 1.0625rem/1.3 var(--text);color:var(--ink);box-shadow:0 0 0 1px var(--line);transition:background .15s,color .15s,transform .12s}
.pain:hover{transform:translateX(5px)}
.pain[aria-pressed=true]{background:var(--ink);color:#fff;box-shadow:none}
.fit{position:relative;background:#fff;border-radius:24px;padding:clamp(26px,3.6vw,40px);box-shadow:0 20px 44px rgba(14,42,79,.13)}
.fit::before{content:"";position:absolute;left:-30px;top:var(--y,26px);width:31px;height:54px;clip-path:polygon(0 50%,100% 0,100% 100%);background:linear-gradient(180deg,#8FDCFF,#1CA0EE);transition:top .22s cubic-bezier(.3,.7,.2,1)}
.fit small{display:block;font:600 .8125rem/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--orange-deep);margin-bottom:10px}
.fit h3{font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.08;margin-bottom:12px}
.chips{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0 24px}
.chips span{font:600 .75rem/1 var(--mono);color:var(--ink);background:var(--ice);padding:7px 10px;border-radius:999px}
.people-grid{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:clamp(28px,5vw,60px);align-items:center}
.portrait{width:clamp(170px,19vw,220px);aspect-ratio:1;border-radius:50%;padding:9px;background:radial-gradient(circle at 34% 24%,#FFA24A,#F76C12 40%,#BC3C08 84%,#8E2B08);box-shadow:0 14px 28px rgba(0,0,0,.45)}
.portrait img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.people-grid .lede{margin-top:14px}
.people-grid .small{margin-top:12px;font-size:.9688rem}
.people-grid a.more-link{display:inline-block;margin-top:14px;color:var(--ice);font-weight:600}
.stats.row{grid-template-columns:repeat(3,96px);gap:12px}
.stats.row .dome b{font-size:1.2rem}
.closing-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:40px;align-items:center;text-align:left}
.closing .botbox{max-width:280px;justify-self:center;width:100%}
.closing .lede{margin:16px 0 0}
.ask{margin-top:26px}
.ask label{display:block;font-weight:600;color:#fff;margin-bottom:8px}
.ask textarea{display:block;width:100%;min-height:124px;resize:vertical;border:0;border-radius:18px;padding:16px 18px;background:#fff;color:var(--ink);font:400 1.125rem/1.45 var(--text);box-shadow:inset 0 3px 8px rgba(14,42,79,.2)}
.ask textarea::placeholder{color:#5E7186}
.closing .ask .actions{margin:20px 0 0;justify-content:flex-start}
.ask .note{font-size:.9375rem;color:#B9CBE0;max-width:36ch;line-height:1.35}
.contact-row{justify-content:flex-start}
.page-hero{padding:56px 0 170px;background:linear-gradient(180deg,#071429 0%,#0B2142 58%,#17406F 100%);text-align:center}
.page-hero h1{font-size:clamp(2.3rem,5vw,3.6rem);line-height:1.08;font-weight:800;letter-spacing:-.03em;text-wrap:balance}
.page-hero p{max-width:62ch;margin:16px auto 0}
.page-hero .eyebrow{margin-bottom:12px}
.day-end{padding-bottom:80px}
.prose{max-width:780px;margin:0 auto;padding:96px 24px 40px;color:var(--body)}
.prose h2{font-size:clamp(1.4rem,2.6vw,1.75rem);margin:40px 0 12px;line-height:1.2}
.prose h3{margin:26px 0 8px}
.prose p{margin:0 0 14px}
.prose ul,.prose ol{list-style:disc;padding-left:22px;margin:0 0 16px}
.prose ol{list-style:decimal}
.prose li{margin-bottom:7px}
.prose a{color:var(--orange-deep);text-underline-offset:3px;word-break:break-word}
.prose strong{color:var(--ink);font-weight:600}
.prose table{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:.9688rem;display:block;overflow-x:auto}
.prose th,.prose td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.prose th{color:var(--ink);font-weight:600}
.team{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}
.person{background:#fff;border-radius:22px;padding:28px 24px;text-align:center;box-shadow:0 0 0 1px var(--line),0 10px 24px rgba(14,42,79,.06)}
.person .portrait{width:136px;margin:0 auto 16px;padding:6px}
.person .role{font:600 .8125rem/1.35 var(--mono);color:var(--orange-deep);margin:4px 0 12px}
.story{max-width:760px}
.story p{margin-top:16px}
.plinks{margin-top:10px;font-weight:600}.plinks a{color:var(--orange-deep);margin:0 5px}
.formers{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:28px}
.former{background:#fff;border-radius:18px;padding:22px;box-shadow:0 0 0 1px var(--line)}
.former .role{font:600 .75rem/1.35 var(--mono);color:var(--quiet);margin:3px 0 10px}
@media (max-width:980px){.people-grid{grid-template-columns:auto minmax(0,1fr)}.stats.row{grid-column:1/-1;justify-content:start}.team{grid-template-columns:1fr}}
@media (max-width:820px){
  .sun{max-width:250px}
  .picker{grid-template-columns:minmax(0,1fr);margin-top:30px}
  .fit{margin:26px 0 8px;padding:24px 22px}
  .fit::before{left:26px;top:-26px;width:44px;height:27px;clip-path:polygon(50% 0,100% 100%,0 100%)}
  .closing-grid{grid-template-columns:minmax(0,1fr)}
  .closing .botbox{order:-1;max-width:190px}
  .page-hero{padding:36px 0 130px}
  .prose{padding-top:72px}
  .formers{grid-template-columns:1fr}
}
@media (max-width:620px){.people-grid{grid-template-columns:minmax(0,1fr)}.portrait{margin:0 auto}}