@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:200 800;font-stretch:75% 100%;font-display:swap;
  src:url("../fonts/bricolage-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:200 800;font-stretch:75% 100%;font-display:swap;
  src:url("../fonts/bricolage-latin-ext.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  color-scheme:light;
  --navy:#1C2340; --navy-2:#2C355A; --gold:#FFBE0B; --pale:#FFF1C7; --grey:#F2F3F7; --muted:#5E6583;
  --line:#D9DCE6; --field:#868DA8; --orange:#FF9F1C; --amber:#9A5B00; --soft:#C9CDE0; --white:#FFFFFF; --red:#B3261E;
  --font:"Bricolage Grotesque",system-ui,-apple-system,"Segoe UI",sans-serif;
  --g:clamp(16px, calc(7.619vw - 13.71px), 96px);          
  --sec:clamp(56px, calc(5.333vw + 35.2px), 112px);        
  --sec-l:clamp(64px, calc(6.095vw + 40.2px), 128px);
  --ease:cubic-bezier(.2,.7,.2,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
  --focus:0 0 0 3px var(--white),0 0 0 6px var(--navy);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:16px;interpolate-size:allow-keywords}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:var(--white);color:var(--navy);font:400 17px/1.5 var(--font);-webkit-font-smoothing:antialiased;
  overflow-x:clip;min-height:100vh;display:flex;flex-direction:column}
main{flex:1;outline:none}
::selection{background:var(--gold);color:var(--navy)}
img{max-width:100%;display:block}
a{color:inherit;text-decoration-thickness:2px;text-underline-offset:4px}
h1,h2,h3{margin:0;text-wrap:balance;font-weight:800}
p{margin:0;text-wrap:pretty}
button,input,textarea,select{font:inherit;color:inherit}
input::placeholder,textarea::placeholder{color:#666C8A;opacity:1}
:focus-visible{outline:none;box-shadow:var(--focus);border-radius:10px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;z-index:50;background:var(--navy);color:#fff;padding:10px 16px;border-radius:999px;font-weight:700;text-decoration:none}
.skip:focus{top:12px}
.defs{position:absolute;width:0;height:0}
.wrap{padding-inline:var(--g);width:100%;max-width:1440px;margin-inline:auto}
.ph-tok{white-space:normal;overflow-wrap:anywhere}


.h1{font-size:clamp(44px, calc(4.19vw + 27.66px), 88px);line-height:.94;letter-spacing:-.031em}
.h1-xl{font-size:clamp(48px, calc(5.333vw + 27.2px), 104px);line-height:.94;letter-spacing:-.031em}
.h1-home{font-size:clamp(48px, calc(3.81vw + 33.14px), 88px);line-height:.94;letter-spacing:-.031em;max-width:13ch}
.h2{font-size:clamp(38px, calc(2.476vw + 28.34px), 64px);line-height:.98;letter-spacing:-.026em}
.h2-m{font-size:clamp(34px, calc(2.095vw + 25.83px), 56px);line-height:.98;letter-spacing:-.026em}
.h2-s{font-size:clamp(28px, calc(1.143vw + 23.54px), 40px);line-height:1.02;letter-spacing:-.022em}
.lead{font-size:clamp(19px, calc(.381vw + 17.51px), 23px);line-height:1.45;font-weight:450;max-width:26em}
.p{font-size:clamp(18px, calc(.19vw + 17.26px), 20px);line-height:1.5;max-width:36em}
.p + .p{margin-top:14px}
.muted{color:var(--muted)}
.cap{margin:12px 0 0;font-size:13.5px;line-height:1.4;color:var(--muted);font-weight:500}
.sticker{display:inline-block;margin:0 0 26px 2px;padding:10px 18px;background:var(--gold);border:2px solid var(--navy);border-radius:18px;
  font-weight:800;font-size:clamp(16px, calc(.286vw + 14.89px), 19px);line-height:1.5;transform:rotate(-2.5deg);transform-origin:left center}


.tag{display:inline-flex;align-items:center;padding:3px 11px;border-radius:999px;font-weight:750;font-size:13.5px;line-height:1.5;white-space:nowrap;vertical-align:middle}
.tag-sample{background:var(--navy);color:#fff}
.tag-beta{background:var(--orange);color:var(--navy)}
.tag-planned{background:var(--grey);color:var(--navy);box-shadow:inset 0 0 0 1.5px var(--line)}
.tag-coming{background:#E4E6EE;color:var(--navy)}
.tag-gold{background:var(--gold);color:var(--navy)}


.btn{display:inline-flex;align-items:center;justify-content:center;min-height:60px;padding:14px 32px;border-radius:999px;border:2px solid var(--navy);
  background:var(--navy);color:#fff;font-weight:700;font-size:18px;line-height:1.2;text-decoration:none;cursor:pointer;text-align:center;
  transition:transform .25s var(--ease),background-color .2s,box-shadow .25s var(--ease)}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px -12px rgba(28,35,64,.55)}
.btn:active{transform:translateY(0) scale(.98)}
.btn-sm{min-height:44px;padding:8px 22px;font-size:17px}
.btn-gold{background:var(--gold);color:var(--navy);border-color:var(--gold)}
.btn-ghost{background:#fff;color:var(--navy)}
.btn-wide{width:100%}
.tlink{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-weight:700;font-size:clamp(17px, calc(.095vw + 16.63px), 18px);color:var(--navy);text-decoration:none}
.tlink span{background:linear-gradient(currentColor,currentColor) 0 100%/100% 2px no-repeat;padding-bottom:2px;transition:background-size .3s var(--ease)}
.tlink:hover span{background-size:0 2px;background-position:100% 100%}
.chev{width:12px;height:12px;flex:none;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s var(--ease)}
.tlink:hover .chev{transform:translateX(4px)}


.cup{display:inline-block;flex:none;line-height:0}
.cup svg{display:block;width:100%;height:auto;overflow:visible}
.c-bg{fill:#fff}
.c-liq{fill:var(--gold);transform:translateY(0);transition:transform 1.4s var(--ease-out)}
.c-line{fill:none;stroke:var(--navy);stroke-width:3;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.c-num{font-family:var(--font);font-weight:800;font-size:23px;letter-spacing:-1px;fill:var(--navy);font-variant-numeric:tabular-nums}
.cup.is-empty .c-liq{transform:translateY(var(--drop));transition:none}
.cup-post{width:clamp(150px, calc(9.52vw + 112.9px), 250px)}
.cup-post .c-line{stroke-width:clamp(4px, .5vw, 5px)}
.cup-big .c-line{stroke-width:6}
.cup-match{width:58px}
.cup-match .c-line{stroke-width:2.5}
.cup-q{width:38px}
.cup-q .c-line{stroke-width:2.5}
.cup-ico{width:46px}
.cup-ico .c-line{stroke-width:2.5}
.cup-yes{width:30px}
.cup-yes .c-line{stroke-width:2.5}


.hdr{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.94);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);
  transition:box-shadow .3s}
.hdr.is-scrolled{box-shadow:0 1px 0 var(--line),0 10px 24px -20px rgba(28,35,64,.5)}
.hdr-in{max-width:1440px;margin-inline:auto;padding:14px var(--g);min-height:72px;display:flex;align-items:center;gap:28px}
@media (min-width:1100px){.hdr-in{min-height:88px;padding-block:22px}}
.logo{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:var(--navy);flex:none;min-height:44px}
.logo-mark{width:30px;height:30px}
.logo-word{font-weight:800;font-size:clamp(17px, calc(.286vw + 15.89px), 20px);letter-spacing:-.025em}
.lm-bg{fill:#fff}.lm-fill{fill:var(--gold)}
.lm-line{fill:none;stroke:var(--navy);stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round}
.logo:hover .lm-fill{animation:sip 1.1s var(--ease) both}
@keyframes sip{0%{transform:translateY(0)}40%{transform:translateY(3px)}100%{transform:translateY(0)}}
.logo-light{color:#fff}.logo-light .lm-bg{fill:#fff}.logo-light .lm-line{stroke:#fff}
.nav{display:none;gap:4px;align-items:center}
.nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 13px;border-radius:999px;font-weight:600;font-size:16.5px;text-decoration:none;color:var(--navy);
  transition:background-color .2s}
.nav a:hover{background:var(--grey)}
.nav a[aria-current="page"]{background:var(--gold)}
.hdr-right{margin-left:auto;display:flex;align-items:center;gap:16px}
.hdr-signin{display:inline-flex;align-items:center;min-height:44px;font-weight:650;font-size:17px;text-decoration:none;white-space:nowrap}
@media (max-width:1099px){.hdr-in{gap:12px}.hdr-right{gap:12px}.menu-btn{padding:0 14px 0 12px}}
@media (max-width:359px){.menu-lab{display:none}}
.hdr-signin:hover{text-decoration:underline}
.hdr-signup{display:none}
.menu-btn{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0 16px 0 14px;border:2px solid var(--navy);border-radius:999px;background:#fff;
  font-weight:700;font-size:17px;cursor:pointer}
.menu-ic{display:inline-flex;flex-direction:column;gap:4px}
.menu-ic i{display:block;width:16px;height:2px;background:var(--navy);border-radius:2px;transition:transform .3s var(--ease),opacity .2s}
.menu-btn[aria-expanded="true"] .menu-ic i:nth-child(1){transform:translateY(6px) rotate(45deg)}
.menu-btn[aria-expanded="true"] .menu-ic i:nth-child(2){opacity:0}
.menu-btn[aria-expanded="true"] .menu-ic i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.menu{position:absolute;left:0;right:0;top:100%;background:var(--white);border-bottom:2px solid var(--navy);padding:8px var(--g) 22px;
  clip-path:inset(0 0 0 0);transition:clip-path .45s var(--ease-out)}
.menu.is-closing,.menu.is-opening{clip-path:inset(0 0 100% 0)}
.menu nav{display:flex;flex-direction:column}
.menu nav a:not(.btn){display:flex;align-items:center;min-height:56px;font-weight:750;font-size:24px;letter-spacing:-.02em;text-decoration:none;border-bottom:2px solid var(--line)}
.menu nav a[aria-current="page"]{color:var(--navy);text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:4px}
.menu-cta{margin-top:18px}
@media (min-width:1100px){
  .nav{display:flex}.hdr-signup{display:inline-flex}.menu-btn{display:none}.menu{display:none!important}
  .hdr-in{gap:36px}
}


.sec{padding-block:var(--sec)}
.sec-l{padding-block:var(--sec-l)}
.bg-gold{background:var(--gold)}
.bg-grey{background:var(--grey)}
.bg-pale{background:var(--pale)}
.bg-navy{background:var(--navy);color:#fff}
.rule-top{border-top:2px solid var(--navy)}
.rule-y{border-block:2px solid var(--navy)}


.ph{position:relative;overflow:hidden;border:2px solid var(--navy);border-radius:clamp(24px, calc(1.524vw + 18px), 40px);background:var(--grey)}
.ph img{width:100%;height:100%;object-fit:cover}
.ph-missing{display:flex;align-items:center;justify-content:center;color:var(--muted);font-weight:700;min-height:200px}
.ph-noborder{border:0;border-radius:0}


.dev-phone{margin:0;width:var(--pw,230px);flex:none}
.dev-phone-body{position:relative;padding:8px;background:var(--navy);border-radius:38px;box-shadow:0 30px 60px -30px rgba(28,35,64,.55),0 2px 0 rgba(255,255,255,.08) inset}
.dev-screen{position:relative;overflow:hidden;background:#fff;border-radius:30px;aspect-ratio:390/844}
.dev-screen .scr{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;opacity:0;transform:translateY(14px) scale(.985);
  transition:opacity .6s var(--ease),transform .8s var(--ease-out)}
.dev-screen .scr.is-on{opacity:1;transform:none}
.dev-screen .scr.is-leaving{opacity:0;transform:translateY(-14px) scale(.985)}
.dev-browser{margin:0;width:100%}
.dev-browser-body{border:2px solid var(--navy);border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 30px 60px -34px rgba(28,35,64,.5)}
.dev-bar{display:flex;gap:8px;align-items:center;height:34px;padding:0 14px;background:var(--grey);border-bottom:2px solid var(--navy)}
.dev-bar i{width:11px;height:11px;border-radius:50%;border:2px solid var(--navy);background:#fff}
.dev-bar i:first-child{background:var(--gold)}
.dev-browser .dev-screen{border-radius:0;aspect-ratio:16/10}


.hero{padding-top:clamp(16px, calc(2.29vw + 7.07px), 40px);padding-bottom:clamp(48px, calc(4.57vw + 30.17px), 96px)}
.hero-grid{display:grid;gap:28px;align-items:center}
.hero-copy{display:flex;flex-direction:column;align-items:flex-start}
.hero-copy .lead{margin:clamp(18px, calc(.95vw + 14.29px), 28px) 0 clamp(24px, calc(.95vw + 20.29px), 34px)}
.hero-ctas{display:flex;flex-wrap:wrap;align-items:center;gap:6px 26px;width:100%}
.hero-art{position:relative;height:clamp(500px, calc(15.24vw + 440.6px), 660px)}
.hero-art .ph{position:absolute;inset:0 0 auto 0;height:clamp(330px, calc(25.7vw + 230px), 600px)}
.hero-art .dev-phone{position:absolute;right:12px;bottom:26px;--pw:clamp(170px, calc(5.71vw + 147.7px), 230px);transform:rotate(-3deg);z-index:2}
.hero-note{position:absolute;left:8px;bottom:120px;z-index:3;margin:0;padding:10px 14px;max-width:150px;background:var(--navy);color:#fff;border-radius:16px;
  font-weight:750;font-size:clamp(17px, calc(.286vw + 15.89px), 20px);line-height:1.2;transform:rotate(-4deg)}
.hero-cap{position:absolute;right:4px;bottom:0;margin:0}
.hero .btn{width:100%}
@media (min-width:760px){.hero .btn{width:auto}}
@media (min-width:1100px){
  .hero-grid{grid-template-columns:minmax(0,620px) minmax(0,1fr);gap:56px}
  .hero-art .ph{left:70px;right:0;top:0;height:600px}
  .hero-art .dev-phone{left:0;right:auto;bottom:0}
  .hero-note{left:auto;right:28px;bottom:96px;max-width:220px;padding:14px 18px}
  .hero-cap{right:8px;bottom:20px}
}

@media (prefers-reduced-motion:no-preference){
  .js .hero-art .dev-phone{animation:phoneIn 1.1s .25s var(--ease-out) both}
  .js .hero-note{animation:noteIn .7s 1.05s var(--ease-out) both}
  .js .hero-art .ph{animation:photoIn 1.2s var(--ease-out) both}
  .js .hero-copy > *{animation:riseIn .8s var(--ease-out) both}
  .js .hero-copy > :nth-child(2){animation-delay:.06s}.js .hero-copy > :nth-child(3){animation-delay:.12s}.js .hero-copy > :nth-child(4){animation-delay:.18s}
}
@keyframes phoneIn{from{opacity:0;transform:translateY(60px) rotate(4deg)}to{opacity:1;transform:rotate(-3deg)}}
@keyframes noteIn{from{opacity:0;transform:translateY(-16px) rotate(6deg) scale(.9)}to{opacity:1;transform:rotate(-4deg)}}
@keyframes photoIn{from{opacity:0;clip-path:inset(8% 8% 8% 8% round 40px)}to{opacity:1;clip-path:inset(0 0 0 0 round 0)}}
@keyframes riseIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.sticker{animation-name:none}
@media (prefers-reduced-motion:no-preference){.js .hero-copy > .sticker{animation:stickIn .7s var(--ease-out) both}}
@keyframes stickIn{from{opacity:0;transform:rotate(-10deg) scale(.8)}to{opacity:1;transform:rotate(-2.5deg)}}


.countband{display:flex;flex-direction:column;gap:clamp(12px, calc(.38vw + 10.5px), 16px)}
.count-big{border:2px solid var(--navy);border-radius:clamp(26px, calc(.57vw + 23.8px), 32px);background:var(--gold);padding:clamp(26px, calc(1.71vw + 19.3px), 44px) clamp(20px, calc(2.67vw + 9.6px), 48px) clamp(24px, calc(1.52vw + 18px), 40px);
  display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden}
.count-num{font-weight:800;font-size:clamp(38px, calc(3.62vw + 23.9px), 76px);line-height:1.02;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.count-line{font-size:clamp(18px, calc(.57vw + 15.77px), 24px);line-height:1.35;font-weight:600}
.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.fact{border:2px solid var(--navy);border-radius:22px;padding:18px 16px;display:flex;flex-direction:column;gap:6px;background:#fff;
  transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.fact:hover{transform:translateY(-4px) rotate(-.6deg);box-shadow:0 18px 30px -22px rgba(28,35,64,.7)}
.fact-big{font-weight:800;font-size:clamp(30px, calc(1.33vw + 24.8px), 44px);line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.fact-line{font-size:clamp(16px, calc(.095vw + 15.6px), 17px);line-height:1.4}
.fact-dark{background:var(--navy);color:#fff;grid-column:1/-1}
@media (min-width:1100px){.facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.fact{padding:24px 26px;border-radius:24px}.fact-dark{grid-column:auto}}


.car-head{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 20px;margin-bottom:12px}
.car{display:flex;gap:clamp(12px, calc(1.14vw + 7.5px), 24px);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;
  padding-inline:var(--g);scroll-padding-inline:var(--g);overscroll-behavior-x:contain;padding-bottom:4px}
.car::-webkit-scrollbar{display:none}
.car > *{scroll-snap-align:start;flex:none}
.car-foot{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:22px;padding-inline:var(--g)}
.dots{display:flex;gap:6px;align-items:center}
.dot{width:44px;height:44px;border:0;background:none;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.dot::before{content:"";width:12px;height:12px;border-radius:999px;border:2px solid var(--navy);background:#fff;transition:width .35s var(--ease),background-color .2s}
.dot[aria-selected="true"]::before{width:28px;background:var(--navy)}
.arw{width:56px;height:56px;border-radius:999px;border:2px solid var(--navy);background:var(--navy);color:#fff;display:none;align-items:center;justify-content:center;cursor:pointer;
  transition:transform .25s var(--ease),opacity .2s}
.arw svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
.arw-prev{background:#fff;color:var(--navy)}
.arw:hover{transform:scale(1.06)}
.arw:disabled{opacity:.3;cursor:default;transform:none}
@media (min-width:1100px){.arw{display:inline-flex}}


.post{width:min(314px, calc(100vw - 2 * var(--g) - 28px));border:2px solid var(--navy);border-radius:26px;overflow:hidden;background:#fff;display:flex;flex-direction:column;
  transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.post-cup{position:relative;background:var(--gold);border-bottom:2px solid var(--navy);display:flex;align-items:center;justify-content:center;height:200px}
.post-cup .tag{position:absolute;left:16px;top:16px}
.post-body{padding:20px 20px 18px;display:flex;flex-direction:column;flex:1}
.post-emp{margin:0 0 6px;color:var(--muted);font-weight:650;font-size:clamp(15px, calc(.29vw + 13.9px), 18px);line-height:1.3}
.post-role{margin:0 0 12px;font-size:clamp(24px, calc(1.52vw + 18px), 40px);line-height:1.04;letter-spacing:-.025em}
.post-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}
.chip-g,.chip-p{font-size:clamp(14px, calc(.19vw + 13.26px), 16px);font-weight:600;border-radius:999px;padding:4px 12px;background:var(--grey)}
.chip-p{background:var(--pale)}
.post-why{font-size:clamp(16px, calc(.29vw + 14.9px), 19px);line-height:1.45;margin-bottom:10px}
.post-why b{font-weight:750}
.post-link{margin-top:auto}
.post:hover{transform:translateY(-6px);box-shadow:0 26px 40px -30px rgba(28,35,64,.8)}
.post:hover .cup-post{animation:tilt 1s var(--ease) both}
@keyframes tilt{0%,100%{transform:rotate(0)}35%{transform:rotate(-7deg)}70%{transform:rotate(3deg)}}
@media (min-width:1100px){
  .post{width:1010px;display:grid;grid-template-columns:400px minmax(0,1fr);border-radius:32px}
  .post-cup{height:auto;min-height:440px;border-bottom:0;border-right:2px solid var(--navy)}
  .post-cup .tag{left:24px;top:24px}
  .post-body{padding:44px 44px 36px}
  .post-role{margin-bottom:18px}
  .post-chips{gap:8px;margin-bottom:22px}
}
.sec-posts{padding-left:0;padding-right:0}


.cupsec{display:grid;gap:28px;align-items:center}
.cupsec .p{margin-bottom:14px}
.callout{font-size:clamp(18px, calc(.19vw + 17.26px), 20px);line-height:1.5;font-weight:650;background:var(--pale);border-radius:18px;padding:12px 16px;box-shadow:inset 0 0 0 2px var(--gold);max-width:32em}
.cupsec-art{display:flex;gap:clamp(16px, calc(1.14vw + 11.5px), 28px);align-items:flex-start}
.cuptile{flex:none;width:clamp(150px, calc(17.1vw + 83.1px), 330px);background:var(--grey);border-radius:clamp(28px, calc(1.14vw + 23.5px), 40px);
  padding:clamp(20px, calc(1.52vw + 14px), 36px) clamp(14px, calc(1.52vw + 8px), 30px) clamp(18px, calc(1.14vw + 13.5px), 30px);position:relative}
.cuptile .cup{width:100%}
.checks{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.checks li{font-size:14px;font-weight:700;padding:4px 10px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 2px var(--line);color:var(--muted);
  transition:background-color .4s,color .4s,box-shadow .4s}
.checks li.is-lit{background:var(--gold);color:var(--navy);box-shadow:inset 0 0 0 2px var(--navy)}
.cupsec-art .dev-phone{--pw:clamp(170px, calc(5.33vw + 149.2px), 226px);margin-top:clamp(0px, 2.3vw, 24px)}
@media (min-width:1100px){.cupsec{grid-template-columns:540px minmax(0,1fr);gap:88px}}


.inside-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 24px;margin-bottom:clamp(22px, calc(.95vw + 18.3px), 32px)}
.tabs{display:none;gap:8px;flex-wrap:wrap}
.tabs button{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 20px;border-radius:999px;border:2px solid var(--navy);background:#fff;color:var(--navy);
  font-weight:700;font-size:17px;cursor:pointer;transition:background-color .25s,color .25s}
.tabs button[aria-selected="true"]{background:var(--navy);color:#fff}
.tabs .tag{font-size:12.5px;padding:1px 9px}
@media (min-width:1100px){.tabs{display:flex}.inside-sub{display:none}}
.slide{width:min(314px, calc(100vw - 2 * var(--g) - 28px));min-height:560px;border:2px solid var(--navy);border-radius:26px;overflow:hidden;background:var(--gold);
  padding:24px 20px 0;display:flex;flex-direction:column}
.slide:nth-child(even){background:#fff}
.slide-pill{display:inline-flex;align-self:flex-start;gap:8px;align-items:center;margin-bottom:12px}
.slide-pill .pill{padding:3px 12px;border-radius:999px;background:#fff;font-weight:750;font-size:15px}
.slide:nth-child(even) .pill{background:var(--gold)}
.slide h3{font-size:clamp(28px, calc(1.52vw + 22px), 44px);line-height:1.03;letter-spacing:-.025em;margin-bottom:12px}
.slide p.p{font-size:clamp(17px, calc(.29vw + 15.9px), 20px)}
.slide-art{margin-top:auto;padding-top:18px;height:250px;overflow:hidden;display:flex;justify-content:center}
.slide-art .dev-phone{--pw:200px}
.slide-art .dev-browser{width:400px;max-width:none}
.slide-cap{display:none}
@media (min-width:1100px){
  .slide{width:1248px;height:600px;min-height:0;display:grid;grid-template-columns:420px minmax(0,1fr);gap:48px;border-radius:32px;padding:0 48px 0 56px}
  .slide-text{display:flex;flex-direction:column;padding:64px 0 44px}
  .slide-cap{display:block;margin-top:auto;font-size:15px;font-weight:700}
  .slide-art{margin:0;padding:56px 0 0;height:600px;align-items:flex-start}
  .slide-art .dev-phone{--pw:280px}
  .slide-art.is-browser{align-items:center;justify-content:flex-end;padding:56px 0}
  .slide-art .dev-browser{width:720px}
}
.slide .dev-phone,.slide .dev-browser{transition:transform .9s var(--ease-out)}
.slide:not(.is-current) .dev-phone{transform:translateY(40px)}
.slide:not(.is-current) .dev-browser{transform:translateX(40px)}


.accph{display:flex;flex-direction:column;gap:20px}
@media (max-width:1099px){.accph-list{display:contents}.accph-list > :not(.acc){order:-1}.accph .acc{margin-top:-4px}}
.accph-stage{position:relative;overflow:hidden;border:2px solid var(--navy);border-radius:clamp(22px, calc(.57vw + 19.8px), 28px);height:var(--h,260px);background:var(--grey)}
.accph-stage .ph{position:absolute;inset:0;border:0;border-radius:0;opacity:0;clip-path:inset(0 0 0 100%);transition:clip-path .9s var(--ease-out),opacity .2s}
.accph-stage .ph img{transform:scale(1.06);transition:transform 1.4s var(--ease-out)}
.accph-stage .ph.is-on{opacity:1;clip-path:inset(0 0 0 0);z-index:2}
.accph-stage .ph.is-on img{transform:none}
.accph-stage .ph.is-under{opacity:1;clip-path:inset(0 0 0 0);z-index:1;transition:none}
.acc{border-top:2px solid var(--navy)}
.acc-i{border-bottom:2px solid var(--navy)}
.acc-i summary,.faq-i summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px}
.acc-i summary::-webkit-details-marker,.faq-i summary::-webkit-details-marker{display:none}
.acc-i summary{min-height:clamp(56px, calc(.76vw + 53px), 64px);padding:8px 6px 8px 2px;font-weight:800;font-size:clamp(20px, calc(.57vw + 17.8px), 26px);line-height:1.15;letter-spacing:-.012em}
.acc-t{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}
.acc-body{padding:0 2px 20px}
.acc-body .p{font-size:clamp(18px, calc(.19vw + 17.26px), 20px)}
.plus{width:26px;height:26px;flex:none;fill:none;stroke:var(--navy);stroke-width:2;transition:transform .35s var(--ease)}
.plus path{stroke-width:2.2;stroke-linecap:round}
details[open] > summary .plus{transform:rotate(45deg)}
summary:hover .plus{transform:scale(1.12)}
details[open] > summary:hover .plus{transform:rotate(45deg) scale(1.12)}
.stepnum{display:inline-flex;width:34px;height:34px;flex:none;border-radius:999px;border:3px solid var(--navy);background:#fff;align-items:center;justify-content:center;font-weight:800;font-size:16px}
.stepnum.odd{background:var(--gold)}
@media (min-width:1100px){
  .accph{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
  .accph .accph-stage{order:0}
  .accph-list{order:1}
}

@supports selector(::details-content){
  .acc-i::details-content,.faq-i::details-content{block-size:0;overflow:hidden;transition:block-size .45s var(--ease),content-visibility .45s allow-discrete}
  .acc-i[open]::details-content,.faq-i[open]::details-content{block-size:auto}
}
.acc-body,.faq-a{transition:opacity .4s .05s,transform .45s var(--ease)}
details:not([open]) > .acc-body,details:not([open]) > .faq-a{opacity:0;transform:translateY(-6px)}



.tk{display:flex;flex-direction:column;overflow:hidden;user-select:none}
.tk-row{overflow:hidden}
.tk-track{display:flex;width:max-content}
.tk-set{display:flex;align-items:center;flex:none}
@media (prefers-reduced-motion:no-preference){
  .tk-track{animation:tick var(--dur,70s) linear infinite;will-change:transform}
  .tk-track.tk-rev{animation-direction:reverse;--dur:85s}
  .tk.is-off .tk-track{animation-play-state:paused}
}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(calc(-100% / var(--reps, 2)))}}

.tk-companies{background:var(--pale);border-block:2px solid var(--navy);padding:clamp(20px, calc(.76vw + 17px), 28px) 0;gap:clamp(8px, calc(.38vw + 6.5px), 12px)}

.tk-companies .tk-set{gap:clamp(36px, calc(1.9vw + 28.6px), 56px);padding-right:clamp(36px, calc(1.9vw + 28.6px), 56px)}
.tk-area{font-weight:800;font-size:clamp(40px, calc(2.29vw + 31.1px), 64px);line-height:1.05;letter-spacing:-.02em;font-stretch:75%;color:var(--amber);white-space:nowrap;text-transform:uppercase}
.tk-co{display:inline-flex;align-items:center;font-weight:800;font-size:clamp(25px, calc(1.43vw + 19.4px), 40px);line-height:1;color:var(--navy);white-space:nowrap}

.tk-companies{--lg:clamp(24px, calc(.95vw + 20.3px), 34px)}
.tk-logo{display:block;flex:none;height:calc(var(--lg) * var(--k, 1));width:auto;max-width:none}

.tk-note{margin:clamp(2px, calc(.38vw + .5px), 6px) var(--g) 0;font-size:12px;line-height:1.4;font-weight:400;
  letter-spacing:0;color:var(--muted);text-align:center;text-wrap:balance}

.tk-facts{background:var(--navy);padding:clamp(18px, calc(.38vw + 16.5px), 22px) 0}
.tk-facts .tk-set{gap:14px;padding-right:14px}
.tk-chip{display:inline-flex;align-items:center;gap:12px;padding:12px 22px;border-radius:999px;background:#fff;color:var(--navy);font-weight:750;font-size:clamp(18px, calc(.38vw + 16.5px), 22px);white-space:nowrap}
.tk-chip i{width:12px;height:12px;border-radius:50%;background:var(--gold);box-shadow:inset 0 0 0 2px var(--navy)}

.tk-motivation{background:var(--gold);border-block:2px solid var(--navy);padding:clamp(18px, calc(.76vw + 15px), 26px) 0}
.tk-motivation .tk-set{gap:clamp(48px, calc(2.29vw + 39.1px), 72px);padding-right:clamp(48px, calc(2.29vw + 39.1px), 72px)}
.tk-mot{font-weight:380;font-style:italic;font-size:clamp(26px, calc(1.33vw + 20.8px), 40px);line-height:1.2;letter-spacing:-.01em;white-space:nowrap}


.band-split{display:grid;gap:24px;align-items:center}
.band-split .ph{height:clamp(230px, calc(18.1vw + 159.4px), 420px)}
.band-art{position:relative}
.cupbadge{position:absolute;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid var(--navy);border-radius:30px;width:clamp(92px, calc(2.67vw + 81.6px), 120px);height:clamp(92px, calc(2.67vw + 81.6px), 120px);
  right:10px;bottom:-24px;transition:transform .4s var(--ease)}
.cupbadge .cup{width:70%}
.band-art:hover .cupbadge{transform:rotate(-8deg) scale(1.05)}
@media (min-width:1100px){
  .band-split{grid-template-columns:minmax(0,1fr) 560px;gap:72px}
  .cupbadge{left:-36px;right:auto;bottom:-28px}
}
.info{display:grid;gap:14px;align-items:start}
.info-body{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
@media (min-width:1100px){.info{grid-template-columns:560px minmax(0,1fr);gap:72px}.info-body{border-top:2px solid var(--navy);padding-top:22px}}


.faq-grid{display:grid;gap:18px;align-items:start}
.faq-grid .ph{height:clamp(200px, calc(9.52vw + 162.9px), 300px)}
.faq-list{border-top:2px solid var(--navy);width:100%}
.faq-i{border-bottom:2px solid var(--navy)}
.faq-i summary{min-height:clamp(60px, calc(.38vw + 58.5px), 64px);padding:8px 8px 8px 4px;font-weight:750;font-size:clamp(18px, calc(.19vw + 17.26px), 20px);line-height:1.3}
.faq-q{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}
.faq-a p{margin:0;padding:0 4px 22px;max-width:38em;font-size:clamp(17px, calc(.095vw + 16.63px), 18px);line-height:1.5}
@media (min-width:1100px){.faq-grid{grid-template-columns:460px minmax(0,1fr);gap:72px}}
.ask{border-bottom:2px solid var(--navy);padding:10px 4px 14px}
.ask-form{display:flex;align-items:center;gap:10px}
.ask input{flex:1;min-width:0;min-height:52px;padding:0 2px;border:0;border-bottom:2px dashed var(--field);background:transparent;color:var(--navy);
  font-weight:750;font-size:clamp(18px, calc(.19vw + 17.26px), 20px);border-radius:0;transition:border-color .3s}
.ask input:focus{outline:none;border-bottom:2px solid var(--navy);box-shadow:none}
@media (max-width:759px){.ask-form{gap:8px}.ask input{font-size:17px}.ask .tag-coming{font-size:12px;padding:2px 8px}}
.ask-go{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;flex:none;border-radius:999px;border:2px solid var(--navy);background:var(--navy);cursor:pointer;
  transition:transform .25s var(--ease)}
.ask-go svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
.ask-go:hover{transform:translateX(3px)}
.ask-line{margin:10px 0 0;font-size:14.5px;line-height:1.45;color:var(--muted)}
.ask-ans{margin-top:14px;display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:20px;background:#fff;border:2px solid var(--navy);overflow:hidden}
.ask-ans .cup{width:34px}
.ask-ans .cup .c-line{stroke-width:2.5}
.ask-ans p{margin:0;font-size:clamp(16px, calc(.19vw + 15.26px), 18px);line-height:1.5}
.ask-ans .ask-src{margin-top:6px;font-size:14.5px;color:var(--muted)}
.ask-ans .typing::after{content:"";display:inline-block;width:2px;height:1em;margin-left:2px;background:var(--navy);vertical-align:-2px;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}

.faq-ask[hidden]{display:none}

@media (prefers-reduced-motion:no-preference){
  [data-ask-sample] .ask-ans{animation:ansIn .55s var(--ease-out) both}
  [data-ask] .ask-ans{transition:height .25s var(--ease),opacity .25s var(--ease)}
}
@media (prefers-reduced-motion:reduce){[data-ask] .ask-ans{transition-duration:0s!important}}
@keyframes ansIn{from{opacity:0;transform:translateY(-8px);max-height:0}to{opacity:1;transform:none;max-height:400px}}


.final{display:grid;gap:28px;align-items:center}
.final-h{font-size:clamp(58px, calc(6.667vw + 32px), 128px);line-height:.92;letter-spacing:-.03em;max-width:9ch}
.final .lead{margin:clamp(18px, calc(.57vw + 15.8px), 24px) 0 clamp(24px, calc(.57vw + 21.8px), 30px);font-weight:500}
.final .btn{width:100%}
.final-cup{width:clamp(180px, calc(19.05vw + 105.7px), 380px);justify-self:center;position:relative}
.final-cup .cup{width:100%}
.steam{position:absolute;left:14%;width:52%;top:-14%;height:auto;pointer-events:none;overflow:visible}
.steam path{fill:none;stroke:var(--navy);stroke-width:4;stroke-linecap:round;opacity:.0;stroke-dasharray:100;stroke-dashoffset:0}
@media (prefers-reduced-motion:no-preference){.steam path{animation:steam 4.2s ease-in-out infinite}.steam path:nth-child(2){animation-delay:1.4s}.steam path:nth-child(3){animation-delay:2.8s}}
@media (prefers-reduced-motion:reduce){.steam path{opacity:.18}}
@keyframes steam{0%{opacity:0;stroke-dashoffset:100;transform:translateY(10px)}30%{opacity:.35}70%{opacity:.25}100%{opacity:0;stroke-dashoffset:-100;transform:translateY(-14px)}}
@media (min-width:760px){.final .btn{width:auto}}
@media (min-width:1100px){.final{grid-template-columns:minmax(0,1fr) 380px;gap:48px}}
.cta-c{display:flex;flex-direction:column;align-items:center;text-align:center;gap:28px}
.cta-c .h2{font-size:clamp(44px, calc(4.95vw + 24.7px), 96px);line-height:.95;letter-spacing:-.03em}
.ctaband{display:flex;flex-direction:column;align-items:flex-start;gap:24px}
.ctaband h2{font-size:clamp(48px, calc(3.81vw + 33.1px), 88px);line-height:.94;letter-spacing:-.03em;max-width:11ch}
.ctaband .btn{width:100%}
@media (min-width:760px){.ctaband{flex-direction:row;align-items:center;justify-content:space-between}.ctaband .btn{width:auto}}


.ftr{background:var(--navy);color:#fff;padding:clamp(56px, calc(2.67vw + 45.6px), 84px) 0 clamp(28px, calc(.76vw + 25px), 36px)}
.ftr a{color:#fff;text-decoration:none}
.ftr a:hover{text-decoration:underline;text-decoration-color:var(--gold)}
.ftr-top{display:grid;gap:40px}
.ftr-brand{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.ftr-tag{font-size:clamp(19px, calc(.29vw + 17.9px), 22px);line-height:1.4;font-weight:600;max-width:20em}
.ftr-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}
.ftr-h{font-size:15px;font-weight:700;color:var(--soft);margin-bottom:10px}
.ftr-col ul{list-style:none;margin:0;padding:0}
.ftr-col a{display:inline-flex;align-items:center;min-height:44px;font-weight:650;font-size:17px;line-height:1.3}
.ftr-mid{display:grid;gap:12px;margin-top:40px;padding-top:24px;border-top:1px solid rgba(255,255,255,.18)}
.ftr-strong{font-weight:650;font-size:17px}
.ftr-soft{font-size:15px;color:var(--soft);max-width:30em}
.ftr .btn-gold{color:var(--navy)}
.ftr .btn-gold:hover{text-decoration:none}
.ftr .logo-word{font-size:clamp(22px, calc(.57vw + 19.8px), 28px)}
.ftr .logo-mark{width:clamp(30px, calc(.76vw + 27px), 38px);height:clamp(30px, calc(.76vw + 27px), 38px)}
.ftr-word{margin:clamp(36px, 4vw, 56px) 0 clamp(20px, 2vw, 28px);font-weight:800;font-size:clamp(40px, 11.6vw, 170px);line-height:.85;letter-spacing:-.045em;color:var(--gold);white-space:nowrap}
.ftr-word span{display:inline-block}
@media (prefers-reduced-motion:no-preference){
  .js .ftr-word span{transform:translateY(30%);opacity:0;transition:transform 1s var(--ease-out),opacity .6s}
  .js .ftr-word.is-in span{transform:none;opacity:1}
  .js .ftr-word.is-in span:nth-child(2){transition-delay:.08s}.js .ftr-word.is-in span:nth-child(3){transition-delay:.16s}
}
.ftr-base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;font-size:15px;color:var(--soft)}
.ftr-base .ftr-marks,.ftr-slim .ftr-marks{flex-basis:100%;max-width:72ch;font-size:13px;line-height:1.45}
@media (min-width:760px){.ftr-cols{grid-template-columns:repeat(4,minmax(0,1fr))}.ftr-mid{grid-template-columns:auto auto 1fr}.ftr-soft{justify-self:end}}
@media (min-width:1100px){.ftr-top{grid-template-columns:minmax(0,1fr) 732px;gap:48px}}
.ftr-slim{border-top:2px solid var(--line);padding:22px 0 26px;margin-top:auto}
.ftr-slim .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 20px}
.ftr-slim nav{display:flex;gap:18px}
.ftr-slim a{display:inline-flex;align-items:center;min-height:44px;font-weight:650;font-size:16px;text-decoration:none}
.ftr-slim a:hover{text-decoration:underline}
.ftr-slim p{font-size:14.5px;color:var(--muted)}


.phero{padding-top:clamp(16px, calc(3.81vw + 1.14px), 56px);padding-bottom:clamp(40px, calc(5.33vw + 19.2px), 96px)}
.phero-grid{display:grid;gap:24px;align-items:center}
.phero-copy{display:flex;flex-direction:column;align-items:flex-start}
.phero-copy .lead{margin-top:clamp(16px, calc(.76vw + 13px), 24px);max-width:30em}
.phero .ph{height:clamp(230px, calc(19.9vw + 152.4px), 440px)}
@media (min-width:1100px){.phero-grid{grid-template-columns:minmax(0,1fr) 540px;gap:64px}.phero-grid.wide-art{grid-template-columns:minmax(0,1fr) 520px}}


.rowblock{display:grid;gap:12px;border-top:2px solid var(--navy);padding-top:clamp(20px, calc(.76vw + 17px), 28px)}
.rowblock + .rowblock{margin-top:clamp(36px, calc(1.9vw + 28.6px), 56px)}
.rowblock .p + .p{margin-top:14px}
@media (min-width:1100px){.rowblock{grid-template-columns:400px minmax(0,1fr);gap:64px}}


.srccards{display:grid;gap:clamp(14px, calc(.57vw + 11.8px), 20px);margin-top:clamp(20px, calc(1.33vw + 14.8px), 34px)}
.srccard{border:2px solid var(--navy);border-radius:clamp(24px, calc(.38vw + 22.5px), 28px);overflow:hidden;background:#fff;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.srccard .ph{border:0;border-radius:0;border-bottom:2px solid var(--navy);height:clamp(200px, calc(5.71vw + 177.7px), 260px)}
.srccard .ph img{transition:transform 1.2s var(--ease-out)}
.srccard:hover{transform:translateY(-5px);box-shadow:0 24px 40px -30px rgba(28,35,64,.8)}
.srccard:hover .ph img{transform:scale(1.05)}
.srccard-b{padding:clamp(20px, calc(.95vw + 16.3px), 30px) clamp(18px, calc(1.14vw + 13.5px), 30px) clamp(24px, calc(.95vw + 20.3px), 34px)}
.srccard h3{font-size:clamp(24px, calc(.76vw + 21px), 32px);line-height:1.05;letter-spacing:-.02em;margin-bottom:10px}
.srccard p{font-size:clamp(17px, calc(.095vw + 16.6px), 18px);line-height:1.5}
@media (min-width:760px){.srccards{grid-template-columns:repeat(2,minmax(0,1fr))}}
.srccards-3{grid-template-columns:1fr}
@media (min-width:1100px){.srccards-3{grid-template-columns:repeat(3,minmax(0,1fr))}}


.cuplist{list-style:none;margin:0;padding:0;border-top:2px solid var(--line)}
.cuplist li{display:flex;gap:18px;align-items:center;padding:16px 0;border-bottom:2px solid var(--line);font-size:clamp(17px, calc(.29vw + 15.9px), 20px);line-height:1.4;font-weight:600}
.cuplist li .tag{margin-left:6px}


.draft{margin:0 0 clamp(20px, calc(.95vw + 16.3px), 30px);display:inline-flex;align-items:center;gap:12px;padding:12px 18px;border-radius:16px;background:var(--pale);box-shadow:inset 0 0 0 2px var(--gold);font-weight:700;font-size:17px}
.updated{margin-top:12px;color:var(--muted);font-size:16px}
.draft .cup{width:26px}
.draft .cup .c-line{stroke-width:2.2}
.v-uni{display:none!important}
html[data-variant="university-login"] .v-uni{display:revert!important}
html[data-variant="university-login"] .v-code{display:none!important}
html[data-variant="university-login"] .btn.v-uni{display:inline-flex!important}
[hidden]{display:none!important}


.cmp{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;display:none}
.cmp th,.cmp td{padding:16px;text-align:left;vertical-align:middle}
.cmp thead th{font-weight:800;font-size:18px;line-height:1.25;padding-top:18px;padding-bottom:18px}
.cmp thead th.us{background:var(--gold);border-radius:18px 18px 0 0;font-size:19px}
.cmp tbody th{padding-left:0;font-weight:700;font-size:18px;line-height:1.35;border-top:2px solid var(--line)}
.cmp tbody td{border-top:2px solid var(--line);font-size:16px;color:var(--muted)}
.cmp tbody td.us{background:var(--pale);border-top:2px solid var(--navy);color:var(--navy)}
.cmp tbody td.src{color:var(--navy);font-weight:650}
.cmp tbody tr{transition:background-color .25s}
.cmp tbody tr:hover{background:#FAFAFC}
.yes{display:inline-flex;align-items:center;gap:8px;font-weight:750}
.cmp-cards{list-style:none;margin:0;padding:0}
.cmp-cards li{border-top:2px solid var(--line);padding:16px 0;display:flex;flex-direction:column;gap:8px}
.cmp-claim{font-weight:750;font-size:18px;line-height:1.35;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.cmp-us{display:flex;align-items:center;gap:10px;font-size:16px}
.cmp-us .pill{padding:4px 12px;border-radius:999px;background:var(--pale);font-weight:750}
.cmp-others{font-size:15px;line-height:1.45;color:var(--muted)}
.cmp-note{margin-top:18px;max-width:60em;font-size:15px;line-height:1.5;color:var(--muted)}
.cmp-note a{color:var(--navy)}
@media (min-width:1100px){.cmp{display:table}.cmp-cards{display:none}}

.mk{display:inline-flex;align-items:flex-start;gap:9px}
.mk .cup-mk{width:24px;margin-top:1px}
.cup-mk .c-line{stroke-width:2.4}
.mk-no .c-line{stroke:var(--navy)}
.cmp2{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;display:none}
.cmp2 caption{caption-side:top;text-align:left;font-weight:700;font-size:15px;color:var(--muted);padding-bottom:12px}
.cmp2 th,.cmp2 td{padding:16px 14px;text-align:left;vertical-align:top}
.cmp2 thead th{font-weight:800;font-size:17px;line-height:1.25;vertical-align:bottom;padding-top:18px;padding-bottom:16px}
.cmp2 thead th.us{background:var(--gold);border-radius:18px 18px 0 0;font-size:18px}
.cmp2 thead td{width:26%}
.cmpx-4 .cmp2 thead td{width:28%}
.cmp2 tbody th{padding-left:0;font-weight:700;font-size:17px;line-height:1.35;border-top:2px solid var(--line)}
.cmp2 tbody td{border-top:2px solid var(--line);font-size:15.5px;line-height:1.4}
.cmp2 tbody td.us{background:var(--pale);border-top:2px solid var(--navy);font-weight:650}
.cmp2 tbody tr:last-child td.us{border-radius:0 0 18px 18px}
.cmp2 tbody tr{transition:background-color .25s}
.cmp2 tbody tr:hover td:not(.us){background:#FAFAFC}
.cmp2 sup,.cc-name sup{font-size:.7em}
.cc-cap{font-weight:700;font-size:15px;color:var(--muted);margin-bottom:10px}
.cc-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.cc{border:2px solid var(--navy);border-radius:22px;overflow:hidden;background:#fff}
.cc-row{padding:16px 18px 12px;font-weight:800;font-size:19px;line-height:1.25;letter-spacing:-.01em}
.cc-us{display:flex;flex-direction:column;gap:6px;padding:12px 18px 14px;background:var(--pale);border-block:2px solid var(--navy)}
.cc-name{font-weight:750;font-size:14px;color:var(--muted)}
.cc-us .cc-name{color:var(--navy)}
.cc-us .mk{font-weight:650;font-size:16.5px}
.cc-others{list-style:none;margin:0;padding:6px 18px 12px}
.cc-others li{display:flex;flex-direction:column;gap:4px;padding:10px 0;border-bottom:1.5px solid var(--line);font-size:15.5px;line-height:1.4}
.cc-others li:last-child{border-bottom:0}
@media (min-width:1100px){.cmp2{display:table}.cc-list,.cc-cap{display:none}}
.cmp-note{margin-top:18px;max-width:62em;font-size:15px;line-height:1.5;color:var(--muted)}
.srcs{margin-top:14px;border-top:2px solid var(--line);border-bottom:2px solid var(--line)}
.srcs summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;font-weight:750;font-size:16px}
.srcs summary::-webkit-details-marker{display:none}
.srcs-in{display:grid;gap:18px;padding:4px 0 20px}
.src-h{font-weight:800;font-size:16px;margin-bottom:6px}
.src-brand ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.src-brand li{display:flex;flex-direction:column;gap:2px;font-size:14px;line-height:1.4}
.src-row{font-weight:700;color:var(--muted)}
.src-brand a{color:var(--navy);overflow-wrap:anywhere;text-underline-offset:3px;text-decoration-thickness:1px;display:inline-block;padding:3px 0}
@media (min-width:1100px){.srcs-in{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}}

.obj{display:grid;gap:22px;align-items:start}
.obj-list{display:flex;flex-direction:column;gap:12px}
.obj-i{border:2px solid var(--navy);border-radius:22px;background:#fff;transition:transform .35s var(--ease),box-shadow .35s var(--ease),background-color .3s}
.obj-i summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:64px;padding:14px 18px}
.obj-i summary::-webkit-details-marker{display:none}
.obj-q{font-weight:800;font-size:clamp(19px, calc(.76vw + 16px), 27px);line-height:1.2;letter-spacing:-.015em}
.obj-a p{margin:0;padding:0 18px 20px;max-width:40em;font-size:clamp(17px, calc(.19vw + 16.26px), 19px);line-height:1.55}
.obj-i:hover{transform:translateY(-3px);box-shadow:0 18px 30px -24px rgba(28,35,64,.8)}
.obj-i[open]{box-shadow:0 18px 30px -24px rgba(28,35,64,.8)}
.obj-i[open] .plus{fill:var(--gold)}
@supports selector(::details-content){
  .obj-i::details-content{block-size:0;overflow:hidden;transition:block-size .45s var(--ease),content-visibility .45s allow-discrete}
  .obj-i[open]::details-content{block-size:auto}
}
.obj-a{transition:opacity .4s .05s,transform .45s var(--ease)}
.obj-i:not([open]) > .obj-a{opacity:0;transform:translateY(-6px)}
@media (min-width:1100px){.obj{grid-template-columns:400px minmax(0,1fr);gap:64px}.obj .h2{position:sticky;top:120px}.obj-i summary{padding:18px 26px}.obj-a p{padding:0 26px 24px}}
.hsband{border:2px solid var(--navy);border-radius:clamp(24px, calc(.76vw + 21px), 32px);background:var(--gold);padding:clamp(24px, calc(1.14vw + 19.5px), 36px) clamp(20px, calc(2.29vw + 11px), 44px);
  display:flex;flex-direction:column;gap:14px}
.hsband p{font-weight:750;font-size:clamp(20px, calc(.57vw + 17.8px), 26px);line-height:1.3}
.hsband .cup{width:clamp(56px, calc(1.52vw + 50px), 72px)}
@media (min-width:760px){.hsband{flex-direction:row;align-items:center;gap:28px}}
.truecards{display:grid;gap:14px;margin-top:clamp(20px, calc(1.14vw + 15.5px), 32px)}
@media (min-width:1100px){.truecards{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}
.colleges{display:grid;gap:20px}
.colleges-rows{border-top:2px solid var(--navy)}
.colleges-rows > *{padding:20px 0;border-bottom:2px solid var(--line)}
.colleges-rows > :last-child{border-bottom:0;display:flex;flex-direction:column;align-items:flex-start}
.pill-g{display:inline-flex;align-self:flex-start;padding:3px 12px;border-radius:999px;background:var(--gold);font-weight:750;font-size:14px;margin-bottom:14px}
@media (min-width:1100px){.colleges{grid-template-columns:474px minmax(0,1fr);gap:64px}}


.formcard{border:2px solid var(--navy);border-radius:clamp(26px, calc(.57vw + 23.8px), 32px);padding:clamp(22px, calc(1.33vw + 16.8px), 36px) clamp(18px, calc(1.71vw + 11.3px), 36px);background:#fff;display:flex;flex-direction:column;align-items:flex-start;width:100%}
.fgrid{width:100%;display:grid;gap:0 16px}
@media (min-width:760px){.fgrid-2{grid-template-columns:repeat(2,minmax(0,1fr))}}
.fld{display:flex;flex-direction:column;gap:7px;margin:0 0 20px;min-width:0;width:100%}
.fld label,.fld legend{font-weight:700;font-size:16px;line-height:1.5}
.fld input,.fld textarea,.fld select{font-size:17px;line-height:1.4;color:var(--navy);background:#fff;border:2px solid var(--field);border-radius:14px;padding:12px 14px;min-height:52px;width:100%;
  transition:border-color .2s,box-shadow .2s}
.fld textarea{resize:vertical;min-height:128px;line-height:1.5}
.fld input:focus,.fld textarea:focus,.fld select:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 4px var(--pale)}
.fld .help{font-size:15px;color:var(--muted)}
.fld.is-ok input{border-color:#2E7D4F}
.err{display:flex;gap:8px;align-items:flex-start;margin:2px 0 0;color:var(--red);font-weight:650;font-size:15px;line-height:1.4}
.fld.is-err input,.fld.is-err textarea,.fld.is-err select{border-color:var(--red)}
.ok{display:flex;gap:14px;align-items:center;padding:18px 20px;border-radius:20px;background:var(--pale);box-shadow:inset 0 0 0 2px var(--gold);font-weight:700;font-size:18px;line-height:1.4}
.ok .cup{width:40px}
.slab{position:relative;width:calc(100% - 12px)}
.slab::before{content:"";position:absolute;inset:12px -12px -12px 12px;background:var(--gold);border-radius:inherit;border-radius:34px;z-index:-1}
.slab{isolation:isolate}
.form-status{margin:14px 0 0;font-weight:650;font-size:16px;line-height:1.5;min-height:0}
.form-status:empty{margin:0}
.form-status.is-err{color:var(--red)}
.form-status.is-ok{color:var(--navy)}

.free-line{margin:0 0 clamp(16px, calc(.76vw + 13px), 24px);font-size:clamp(18px, calc(.38vw + 16.5px), 22px);line-height:1.4;color:var(--navy)}
.free-line strong{font-weight:800}
.fine{margin:16px 0 0;font-size:15px;color:var(--muted);line-height:1.5}
.fine a{color:var(--navy)}
.below{margin-top:24px;font-weight:650;font-size:18px}
.below a{color:var(--navy)}
.busy{opacity:.75;pointer-events:none}


.auth{display:grid;gap:28px;align-items:start;padding-top:clamp(16px, calc(3.81vw + 1.14px), 56px);padding-bottom:var(--sec)}
.auth-copy{display:flex;flex-direction:column;align-items:flex-start}
.auth-copy .lead{margin-top:clamp(16px, calc(.76vw + 13px), 24px)}
.auth .ph{width:100%;height:clamp(200px, calc(9.52vw + 162.9px), 300px);margin-top:28px}
.track3{display:flex;align-items:center;margin-top:36px;width:100%;max-width:520px}
.track3 span{flex:1;height:4px;background:var(--navy)}
.track3 b{width:32px;height:32px;border-radius:999px;border:3px solid var(--navy);background:#fff;flex:none}
.track3 b:first-child{background:var(--gold)}
.track3-l{display:flex;justify-content:space-between;width:100%;max-width:520px;margin-top:10px;font-weight:700;font-size:15px}
.track3-n{margin-top:18px;font-size:17px;max-width:30em}
.code-in{letter-spacing:.4em;font-size:26px!important;font-weight:750;text-align:center;font-variant-numeric:tabular-nums}
@media (min-width:1100px){.auth{grid-template-columns:minmax(0,1fr) 560px;gap:64px}}


.qhdr{border-bottom:2px solid var(--line);position:relative}
.qhdr-in{max-width:1440px;margin-inline:auto;padding:14px var(--g);min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.qhdr-step{font-weight:800;font-size:17px}
.qprog{position:absolute;left:0;right:0;bottom:-2px;height:4px}
.qprog span{display:block;height:100%;width:calc(var(--p) * 100%);background:var(--gold);transform-origin:left;transition:transform .8s var(--ease-out)}
@media (prefers-reduced-motion:no-preference){.js .qprog span{animation:grow .9s var(--ease-out) both}}
@keyframes grow{from{transform:scaleX(.7)}}
.quiz{display:grid;gap:24px;padding-block:clamp(20px, calc(3.05vw + 8.1px), 64px) clamp(40px, 4vw, 64px)}
.qside{display:none}
.qside ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:26px}
.qside li{display:flex;align-items:center;gap:14px;font-weight:600;font-size:17px;color:var(--muted)}
.qside li.qs-done,.qside li.qs-now{color:var(--navy)}
.qside li.qs-now{font-weight:800}
.qside li.qs-todo .c-line{stroke:var(--field)}
.qmain{max-width:760px}
.qmain .lead{margin-top:14px;font-size:clamp(18px, calc(.29vw + 16.9px), 21px)}
.qform{margin-top:clamp(24px, calc(1.33vw + 18.8px), 38px)}
.qbar{display:flex;flex-wrap:wrap-reverse;gap:12px;justify-content:space-between;align-items:center;border-top:2px solid var(--line);padding-top:22px;margin-top:10px}
.qbar .btn{min-height:56px}
.qbar .btn-ghost{padding-inline:26px}
.qmeta{display:flex;flex-wrap:wrap;gap:4px 18px;align-items:center;margin-top:20px;color:var(--muted);font-size:15px}
.linkbtn{background:none;border:0;padding:0;min-height:44px;color:var(--navy);font-weight:700;font-size:16px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.chips{display:flex;flex-wrap:wrap;gap:10px 12px;border:0;margin:0;padding:0}
.chip{position:relative;display:inline-flex}
.chip input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.chip span{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 20px 0 14px;border-radius:999px;border:2px solid var(--field);background:#fff;font-weight:700;font-size:17px;
  transition:background-color .2s,border-color .2s,transform .25s var(--ease)}
.chip span::before{content:"";width:18px;height:18px;flex:none;border-radius:5px;border:2px solid var(--navy);background:#fff center/12px no-repeat;transition:background-color .2s}
.chip input[type=radio] + span::before{border-radius:50%}
.chip input:checked + span{background:var(--pale);border-color:var(--navy)}
.chip input:checked + span::before{background-color:var(--navy);background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxMiAxMic+PHBhdGggZD0nTTIgNi41TDUgOUwxMCAzJyBmaWxsPSdub25lJyBzdHJva2U9JyNmZmYnIHN0cm9rZS13aWR0aD0nMi4yJyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnLz48L3N2Zz4=")}
.chip input:focus-visible + span{box-shadow:var(--focus)}
.chip:active span{transform:scale(.96)}
@media (prefers-reduced-motion:no-preference){.chip input:checked + span{animation:pop .35s var(--ease)}}
@keyframes pop{50%{transform:scale(1.05)}}
.fs{border:0;margin:0 0 26px;padding:0;min-width:0}
.fs legend{font-weight:800;font-size:18px;margin-bottom:4px;padding:0}
.fs .help{font-size:15px;color:var(--muted);margin:0 0 14px}
.matches{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:14px}
.match{display:flex;gap:18px;border:2px solid var(--navy);border-radius:22px;padding:20px clamp(16px, 2vw, 28px);background:#fff;transition:opacity .3s,transform .4s var(--ease)}
.match h3{font-size:clamp(19px, calc(.29vw + 17.9px), 22px);line-height:1.2;letter-spacing:-.01em}
.match-meta{margin-top:6px;color:var(--muted);font-weight:600;font-size:15.5px}
.match-why{margin-top:10px;font-size:16px}
.match-btns{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}
.match.is-skipped{opacity:.5}
.btn-pill{min-height:44px;padding:0 18px;border-radius:999px;border:2px solid var(--navy);background:#fff;font-weight:700;font-size:16px;cursor:pointer;transition:background-color .2s,transform .2s}
.btn-pill-gold{background:var(--gold)}
.btn-pill[aria-pressed="true"]{background:var(--navy);color:#fff}
.btn-pill:active{transform:scale(.96)}
.scoring{display:flex;align-items:center;gap:16px;margin-top:20px;font-weight:700;font-size:18px}
.scoring .cup{width:48px}
@media (min-width:1100px){.quiz{grid-template-columns:316px minmax(0,1fr);gap:96px}.qside{display:block;border-right:2px solid var(--line);padding:8px 0;min-height:560px}}
.done{display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(48px, 6vw, 96px) var(--g) var(--sec)}
.done .cup{width:clamp(140px, 14vw, 200px);margin-bottom:28px}
.done .lead{margin:18px 0 30px;max-width:28em}


.route .accph-stage{--h:clamp(250px, calc(29.5vw + 135px), 560px)}
.route-title{font-weight:800;font-size:clamp(18px, calc(.19vw + 17.26px), 20px);margin-bottom:14px}
.steps{position:relative;padding-top:clamp(40px, calc(3.05vw + 28.1px), 72px)}
.step{position:relative;isolation:isolate;padding:8px var(--g) 44px}
.step-shift{position:absolute;inset:0;z-index:-1;opacity:1;transition:opacity 1.2s var(--ease)}
.step.tint-pre .step-shift{opacity:0}
.cmpx-6 .cmp2 thead td{width:21%}
.cmpx-6 .cmp2 thead th.us{width:19%}
.step-shift.gold{background:var(--gold)}.step-shift.pale{background:var(--pale)}
.step-has-bg{padding-top:36px}
.step-head{display:flex;align-items:center;gap:14px}
.step-circ{width:64px;height:64px;flex:none;border-radius:999px;border:4px solid var(--navy);background:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:800;
  letter-spacing:-.04em;line-height:1;position:relative;z-index:1;transition:background-color .5s,transform .5s var(--ease)}
.step.is-reached .step-circ{background:var(--gold)}
.step.is-reached .step-circ{transform:scale(1.04)}
.step h2{margin-top:16px;font-size:clamp(34px, calc(2.48vw + 24.3px), 60px);line-height:.98;letter-spacing:-.035em}
.step-p{margin:14px 0 18px;font-size:clamp(18px, calc(.29vw + 16.9px), 21px);line-height:1.5;max-width:26em}
.step-plan{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:clamp(16px, calc(.19vw + 15.3px), 18px);line-height:1.45;margin:0 0 18px}
.step-art{position:relative}
.step-art .cap{margin-top:10px}
.art-phones{position:relative;border-radius:24px;background:var(--grey);height:330px;overflow:hidden;display:flex;justify-content:center;padding-top:22px}
.art-phones .dev-phone{--pw:190px}
.art-phones .dev-phone + .dev-phone{display:none}
.step:nth-child(odd) .art-phones{background:var(--gold)}
.step-has-bg .art-phones{background:#fff}
.art-photo{position:relative;padding-bottom:30px}
.art-photo .ph{height:clamp(240px, calc(20.95vw + 158.3px), 460px)}
.art-photo .cupbadge{right:10px;bottom:0;left:auto;width:clamp(92px, calc(5.52vw + 70.5px), 150px);height:clamp(92px, calc(5.52vw + 70.5px), 150px);border-radius:clamp(24px, 1.9vw, 34px)}

.path-v,.path-c,.step-rail{display:none}
.art-phones .cap{position:absolute;left:14px;bottom:10px;margin:0;background:#fff;padding:2px 10px;border-radius:999px;z-index:3}
.acc-t{flex-wrap:nowrap}
.acc-t .tag{flex:none}
@media (min-width:1100px){
  .step{display:grid;padding:0 80px;align-items:start}
  .step-odd{grid-template-columns:160px minmax(0,1fr)}
  .step-even{grid-template-columns:minmax(0,1fr) 160px}
  .step-has-bg{padding-top:56px}
  .step-rail{display:flex;flex-direction:column;align-items:center;align-self:stretch}
  .step-circ{width:120px;height:120px;border-width:6px;font-size:64px}
  .path-v{display:block;width:6px;flex:1;background:var(--line);position:relative;overflow:hidden}
  .path-v::after{content:"";position:absolute;inset:0;background:var(--navy);transform:scaleY(var(--p,0));transform-origin:top}
  .step-inner{display:grid;gap:56px;padding-bottom:80px}
  .step-has-bg .step-inner{padding-bottom:56px}
  .step-odd .step-inner{grid-template-columns:500px minmax(0,1fr);padding-left:48px}
  .step-even .step-inner{grid-template-columns:minmax(0,1fr) 500px;padding-right:48px}
  .step-even .step-rail{order:2}
  .step-even .step-text{order:2}
  .step-text{padding-top:28px}
  .step h2{margin-top:0}
  .step-head{display:block}
  .step-head .step-circ{display:none}
  .step-head .tag{margin-bottom:14px}
  .step-p{margin-top:22px}
  .art-phones{height:560px;background:none!important;overflow:visible;display:block;padding:0}
  .art-phones::before{content:"";position:absolute;top:60px;left:0;right:0;height:420px;border-radius:32px;background:var(--grey)}
  .step-odd .art-phones::before{background:var(--gold)}
  .art-phones .dev-phone{position:absolute;top:0;left:48px;--pw:230px;transform:rotate(-2deg)}
  .art-phones .dev-phone + .dev-phone{display:block;top:90px;left:292px;--pw:190px;transform:rotate(3deg)}
  .art-phones.one .dev-phone{left:50%;margin-left:-130px;--pw:240px;transform:none}
  .art-phones .cap{position:absolute;bottom:0;left:0}
  .art-browser{padding-top:12px}
  .path-c{display:block;height:82px;position:relative;margin:0 80px}
  .path-c i{position:absolute;display:block;border-color:var(--line);border-style:solid;border-width:0}
  .path-c i::after{content:"";position:absolute;inset:-6px;border:inherit;border-color:var(--navy);clip-path:inset(0 calc((1 - var(--p,0)) * 100%) 0 0)}
  .path-c.ltr i:first-child{left:77px;width:1066px;top:0;height:44px;border-left-width:6px;border-bottom-width:6px;border-bottom-left-radius:36px}
  .path-c.ltr i:last-child{left:1131px;width:72px;top:38px;height:44px;border-right-width:6px;border-top-width:6px;border-top-right-radius:36px}
  .path-c.rtl i:first-child{left:113px;width:1090px;top:0;height:44px;border-right-width:6px;border-bottom-width:6px;border-bottom-right-radius:36px}
  .path-c.rtl i:last-child{left:77px;width:72px;top:38px;height:44px;border-left-width:6px;border-top-width:6px;border-top-left-radius:36px}
  .path-c.rtl i::after{clip-path:inset(0 0 0 calc((1 - var(--p,0)) * 100%))}
}
@media (min-width:1100px) and (max-width:1439px){
  .step{padding:0 40px}
  .step-odd .step-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .step-even .step-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .path-c{display:none}
}
@media (min-width:1440px){.steps{max-width:1440px;margin-inline:auto}}


.founder{display:grid;gap:28px;align-items:start}
.founder-ph{border:2px dashed var(--field);border-radius:32px;min-height:clamp(240px, 25vw, 380px);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;
  color:var(--muted);font-weight:700;background:var(--grey)}
.founder-ph .cup{width:72px}
@media (min-width:1100px){.founder{grid-template-columns:minmax(0,1fr) 420px;gap:80px}}


@media (prefers-reduced-motion:no-preference){
  .js .rv.rv-pre{opacity:0;transform:translateY(28px)}
  .js .rv{transition:opacity .8s var(--ease),transform 1s var(--ease-out)}
  .js .rv-photo.rv-pre{opacity:1;transform:none;clip-path:inset(12% 6% 12% 6% round 40px)}
  .js .rv-photo{transition:clip-path 1.2s var(--ease-out)}
}


.pilot{display:flex;flex-direction:column;align-items:flex-start;gap:14px;max-width:34rem}
.pilot-line{margin:0;padding:14px 20px;border:2px solid var(--navy);border-radius:22px;background:#fff;color:var(--navy);
  font-weight:650;font-size:clamp(16px, calc(.29vw + 14.9px), 19px);line-height:1.4}
.pilot-ftr .pilot-line{background:transparent;border-color:var(--gold);color:#fff}
.pilot-ftr .pilot-btn,.bg-navy .pilot-btn{background:var(--gold);color:var(--navy);border-color:var(--gold)}
.rowblock .pilot{margin-top:20px}
.formcard .h2-s{margin-bottom:12px}
.hero-ctas .pilot{flex:1 1 100%}
.ctaband .pilot,.final .pilot{max-width:30rem}
.final .pilot{margin-bottom:clamp(40px, calc(-2.1vw + 70px), 56px)}
@media (min-width:1100px){.final .pilot{margin-bottom:0}}
.cta-c .pilot{align-items:center;text-align:center}
.contact-p{margin-top:18px;font-weight:600}
.pilot + .p{margin-top:16px}
.cmp-note a{text-decoration:underline}


@view-transition{navigation:auto}
@media (prefers-reduced-motion:reduce){
  @view-transition{navigation:none}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}
::view-transition-old(root),::view-transition-new(root){animation-duration:.35s}