:root {--navy:#273985;--orange:#e44216;--cream:#f7f3ea;--ink:#010101;--muted:#5e5b58;--line:#ddd6ca}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:system-ui,"Segoe UI",sans-serif}
a{color:inherit}
.site{min-height:100dvh;display:flex;flex-direction:column}
.shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.header{width:100%;border-bottom:1px solid var(--line)}
.header__inner{height:80px;display:flex;justify-content:space-between;align-items:center;gap:24px}
.brand{display:inline-flex;align-items:center;gap:11px;color:var(--navy);text-decoration:none;flex-shrink:0}
.brand__icon{width:40px;height:40px;object-fit:contain}
.brand__wordmark{width:149px;height:auto;object-fit:contain}
.header__note{font-family:system-ui,"Segoe UI",sans-serif;font-size:12px;font-weight:700;letter-spacing:.13em;color:var(--navy);text-transform:uppercase;white-space:nowrap}
.main{flex:1;display:flex;align-items:center}
.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);column-gap:28px;align-items:center;width:100%;padding:clamp(44px,7vw,78px) 0 70px}
.copy{max-width:650px}
.eyebrow{font:700 13px system-ui,"Segoe UI",sans-serif;letter-spacing:.1em;color:var(--orange);display:flex;gap:9px;align-items:center;margin-bottom:25px}
.eyebrow__dot{width:8px;height:8px;background:var(--orange);border-radius:100%}
h1{font:700 clamp(48px,4.7vw,72px)/1.09 system-ui,"Segoe UI",sans-serif;color:var(--navy);letter-spacing:-.045em;margin:0;max-width:720px}
.hero__period{color:var(--orange)}
.lead{font:400 clamp(18px,1.54vw,22px)/1.55 system-ui,"Segoe UI",sans-serif;color:#2d2d2d;margin:28px 0 0;max-width:575px}
.lead strong{font-weight:700}
.supporting{font:400 18px/1.55 system-ui,"Segoe UI",sans-serif;color:var(--muted);margin:12px 0 0}
.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:52px;padding:0 26px;border-radius:99px;background:var(--orange);color:white;text-decoration:none;font:700 15px system-ui,"Segoe UI",sans-serif;transition:transform .18s ease,background .18s ease}
.button:hover,.button:focus-visible{background:#c6340e;transform:translateY(-2px)}
.button:focus-visible{outline:3px solid #273985;outline-offset:3px}
.art{min-width:0;display:flex;justify-content:center;align-items:center}
.art__animation{position:relative;width:100%;max-width:590px;aspect-ratio:14/11}
.art__animation>img{width:100%;height:100%;object-fit:contain;display:block}
.art__animation svg{width:100%!important;height:100%!important;display:block}
.footer{border-top:1px solid var(--line)}
.footer__inner{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:24px 0 30px}
.footer__brand{font:700 15px system-ui,"Segoe UI",sans-serif;color:var(--navy);white-space:nowrap}
.footer__legal{text-align:right;font:400 12px/1.55 system-ui,"Segoe UI",sans-serif;color:#66615c}
@media(max-width:950px){.hero{grid-template-columns:minmax(0,1fr);gap:16px;padding:46px 0 55px}.copy{max-width:750px}.art__animation{max-width:730px;margin-inline:auto}.hero h1{max-width:750px}.footer__inner{align-items:flex-start;flex-direction:column;gap:14px}.footer__legal{text-align:left}}
@media(max-width:600px){.shell{width:min(100% - 36px,1180px)}.header__inner{height:74px}.brand__icon{width:32px;height:32px}.brand__wordmark{width:133px}.header__note{font-size:9px;letter-spacing:.045em;max-width:100px;white-space:normal;text-align:right}.hero{padding:46px 0 45px;gap:18px}h1{font-size:clamp(38px,9vw,53px);line-height:1.08}.lead{font-size:18px;margin-top:23px}.supporting{font-size:16px}.art__animation{aspect-ratio:14/11}.footer__brand{font-size:13px}.footer__legal{font-size:11px}.button{min-height:50px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Footer privacy link and temporary-site privacy page */
.footer__left{display:flex;align-items:center;gap:25px;flex-wrap:wrap}
.footer__privacy{font:500 13px/1.5 system-ui,"Segoe UI",sans-serif;color:var(--navy);text-underline-offset:3px}
.footer__privacy:hover{text-decoration-thickness:2px}
.footer__privacy:focus-visible{outline:3px solid var(--navy);outline-offset:3px}
.policy{padding:55px 0 76px;width:100%;max-width:880px}
.policy__back{font-size:14px;color:var(--navy);text-underline-offset:3px}
.policy h1{font-size:clamp(34px,4vw,52px);letter-spacing:-.035em;line-height:1.15;margin:26px 0 14px;max-width:900px}
.policy__updated{font-size:14px;color:var(--muted);margin:0 0 28px}
.policy p,.policy li{font-size:16px;line-height:1.7;color:#343434}
.policy p{margin:13px 0}
.policy h2{font-size:21px;line-height:1.3;color:var(--navy);margin:34px 0 10px;letter-spacing:-.015em}
.policy ul{padding-left:22px;margin:12px 0 18px}
.policy li{margin:5px 0}
.policy a{color:var(--navy);text-underline-offset:3px}
.policy a:focus-visible{outline:3px solid var(--navy);outline-offset:3px}
@media(max-width:600px){.footer__left{gap:10px 22px}.footer__privacy{font-size:12px}.policy{padding:34px 0 52px}.policy p,.policy li{font-size:15px}.policy h2{font-size:19px}}

/* Temporary-site waitlist */
.waitlist{margin-top:30px;max-width:560px}
.waitlist h2{color:var(--navy);font:700 22px/1.25 system-ui,"Segoe UI",sans-serif;letter-spacing:-.02em;margin:0 0 5px}
.waitlist__intro{margin:0 0 15px;color:var(--muted);font:400 15px/1.5 system-ui,"Segoe UI",sans-serif}
.waitlist__fields{display:flex;gap:9px;align-items:stretch}
.waitlist__fields input{min-width:0;flex:1;height:52px;border:1px solid #b6afa5;border-radius:12px;padding:0 16px;font:400 16px system-ui,"Segoe UI",sans-serif;background:#fff;color:#202020}
.waitlist__fields input:focus-visible,.waitlist__consent input:focus-visible{outline:3px solid var(--navy);outline-offset:2px}
.waitlist__button{border:0;cursor:pointer;white-space:nowrap;padding-inline:21px}
.waitlist__button:disabled{opacity:.60;cursor:not-allowed;transform:none}
.waitlist__consent{display:flex;align-items:flex-start;gap:10px;margin-top:14px;font:400 13px/1.5 system-ui,"Segoe UI",sans-serif;color:#4f4b47;cursor:pointer}
.waitlist__consent input{width:17px;height:17px;flex:0 0 auto;margin:2px 0 0;accent-color:var(--navy)}
.waitlist__consent a{color:var(--navy);text-underline-offset:3px}
.waitlist__turnstile{min-height:0;margin-top:12px}
.waitlist__status{font:500 13px/1.5 system-ui,"Segoe UI",sans-serif;margin:7px 0 0;color:var(--muted);min-height:20px}
.waitlist__status--success{color:#145f38}
.waitlist__status--error{color:#aa3015}
.waitlist__honeypot{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:600px){.waitlist{margin-top:27px}.waitlist h2{font-size:20px}.waitlist__fields{flex-direction:column}.waitlist__button{width:100%}}

/* Quiet contact link in footer; newsletter remains the primary CTA */
.footer__contact{font:400 12px/1.5 system-ui,"Segoe UI",sans-serif;color:#66615c}
.footer__contact a{color:inherit;text-underline-offset:3px;text-decoration-thickness:1px}
.footer__contact a:hover{color:var(--navy)}
.footer__contact a:focus-visible{outline:3px solid var(--navy);outline-offset:3px}

/* Preview v3: leaner mobile conversion flow; preserve desktop branding. */
.waitlist__status:empty { display: none; }
.waitlist__turnstile { margin-top: 0; }
@media (max-width: 950px) {
  .hero { row-gap: 8px; }
  .art__animation { max-width: 570px; }
}
@media (max-width: 600px) {
  .shell { width: min(100% - 36px, 1180px); }
  .header__inner { height: 64px; }
  .brand { gap: 8px; }
  .brand__icon { width: 30px; height: 30px; }
  .brand__wordmark { width: 124px; }
  .hero { padding: 28px 0 32px; row-gap: 4px; }
  .eyebrow { font-size: 11px; letter-spacing: .075em; margin-bottom: 17px; gap: 7px; }
  .eyebrow__dot { width: 7px; height: 7px; }
  h1 { font-size: clamp(35px, 8.6vw, 47px); line-height: 1.08; letter-spacing: -.042em; }
  .lead { font-size: 16px; line-height: 1.5; margin-top: 18px; }
  .supporting { font-size: 14px; line-height: 1.48; margin-top: 9px; }
  .waitlist { margin-top: 24px; }
  .waitlist h2 { font-size: clamp(19px, 4.9vw, 22px); line-height: 1.25; margin-bottom: 6px; }
  .waitlist__intro { font-size: 14px; line-height: 1.5; margin-bottom: 12px; }
  .waitlist__fields { flex-direction: column; gap: 10px; }
  .waitlist__fields input { width: 100%; min-height: 50px; height: 50px; font-size: 16px; }
  .waitlist__button { width: 100%; min-height: 50px; }
  .waitlist__consent { font-size: 12.5px; line-height: 1.55; gap: 10px; margin-top: 13px; }
  .waitlist__consent input { width: 20px; height: 20px; margin-top: 1px; }
  .waitlist__status { margin-top: 9px; min-height: 0; }
  .art { margin-top: 12px; }
  .art__animation { width: 100%; max-width: 390px; }
  .footer__inner { padding: 22px 0 26px; }
  .footer__left { gap: 9px 16px; }
  .footer__legal { font-size: 10.5px; }
}
@media (max-width: 360px) {
  .shell { width: calc(100% - 30px); }
  h1 { font-size: 34px; }
  .waitlist h2 { font-size: 19px; }
}

/* Preview v4: natural two-line desktop headline and a clearer launch date. */
@media (min-width: 951px) {
  .hero { grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); }
  .hero h1 { font-size: clamp(49px, 4.3vw, 68px); }
}
.eyebrow { font-size: 15px; }
.eyebrow__dot { width: 9px; height: 9px; flex: 0 0 auto; }
@media (max-width: 600px) {
  .eyebrow { font-size: 13px; }
  .eyebrow__dot { width: 8px; height: 8px; }
}

/* Double opt-in helper text */
.waitlist__hint{font:400 12px/1.55 system-ui,"Segoe UI",sans-serif;color:#66615c;margin:9px 0 0}
