@font-face{font-family:Manrope;src:url('/brand/manrope.ttf') format('truetype');font-style:normal;font-weight:200 800;font-display:swap}
:root{color-scheme:light dark;--paper:#f3f5f7;--surface:#fff;--ink:#18212b;--muted:#52606d;--accent:#215db0;--accent-hover:#174b91;--on-accent:#fff;--line:#cdd4dc;--soft:#eaf0f8;--error:#a12828;--focus:#215db0;--s1:.5rem;--s2:.75rem;--s3:1rem;--s4:1.5rem;--s5:2rem;--s6:3rem;--s7:4rem;--s8:6rem;--radius:.375rem;--body:'Helvetica Neue',Arial,sans-serif;--display:Manrope,'Helvetica Neue',sans-serif;--small:.875rem;--body-size:1.125rem;--h1:clamp(2.65rem,5.6vw,5.75rem);--h2:clamp(2rem,3vw,3rem);--h3:2.5rem;--content:1200px;--gutter:clamp(1rem,5vw,4rem);--motion:180ms;scroll-behavior:smooth;scroll-padding-top:var(--s5)}
*{box-sizing:border-box}
body{overflow-wrap:anywhere;margin:0;background:var(--surface);color:var(--ink);font:var(--body-size)/1.6 var(--body);-webkit-font-smoothing:antialiased}
::selection{background:var(--accent);color:var(--on-accent)}
html{scrollbar-color:var(--muted) var(--paper)}
.wrap{width:min(calc(100% - 2 * var(--gutter)),var(--content));margin-inline:auto}
a{color:var(--accent);text-underline-offset:.25em;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
a,button,input{transition:background-color var(--motion) ease-out,color var(--motion) ease-out,border-color var(--motion) ease-out}
:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
main:focus{outline:none}
.skip{position:absolute;left:var(--gutter);top:var(--s3);padding:var(--s2) var(--s3);background:var(--surface);transform:translateY(-200%);z-index:2}
.skip:focus{transform:translateY(0)}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);min-height:104px}
.wordmark{font:800 1.5rem/1 var(--display);letter-spacing:-.035em;text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
nav{display:flex;gap:var(--s5);flex-wrap:wrap}
nav a{display:inline-flex;align-items:center;min-height:44px;font-size:1rem;text-decoration:none;color:var(--ink)}
nav a:hover{color:var(--accent);text-decoration:underline}
h1,h2,h3{font-family:var(--display);font-weight:650;letter-spacing:-.035em;line-height:1.12;margin:0;text-wrap:balance}
h1{font-size:var(--h1);font-weight:600}
h2{font-size:var(--h2)}
h3{font-size:var(--h3)}
p{margin:0 0 var(--s4);max-width:65ch}
.hero{display:grid;grid-template-columns:1.55fr 1fr;align-items:end;gap:var(--s7);padding-block:var(--s8)}
.hero-intro p{max-width:35ch;color:var(--muted);margin-bottom:var(--s5)}
.primary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:var(--s2) var(--s4);border:1px solid var(--accent);border-radius:var(--radius);background:var(--accent);color:var(--on-accent);font:600 1rem/1.5 var(--body);text-decoration:none;cursor:pointer}
.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);text-decoration:none}
.primary:disabled{opacity:.7;cursor:wait}
.products{padding-block:var(--s5) var(--s8)}
.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s4);margin-bottom:var(--s6)}
.section-heading h2{font-size:1.5rem;letter-spacing:-.025em}
.section-heading p{font-size:1rem;color:var(--muted);margin:0}
.product{display:grid;grid-template-columns:1fr 1.55fr;gap:var(--s7);align-items:center}
.product-copy h3{margin-bottom:var(--s4)}
.product-summary{font-size:1.25rem;line-height:1.45;color:var(--ink)}
.product-copy>p:not(.product-summary){color:var(--muted);font-size:1rem}
.product-details{padding-left:1.1em;margin:0 0 var(--s5);font-size:1rem;color:var(--ink)}
.product-details li{padding-left:var(--s1);margin-bottom:var(--s1)}
.product-copy .text-link{display:block;margin-block:var(--s4);font-size:1rem}
.product-copy .availability{font-size:var(--small);margin:0;max-width:46ch}
.product-figure{margin:0;min-width:0}
.image-stage{background:var(--paper);padding:var(--s5);border-radius:var(--radius);overflow:hidden}
.product-image{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:var(--radius)}
figcaption{font-size:var(--small);color:var(--muted);margin-top:var(--s3);max-width:60ch}
.principles{display:grid;grid-template-columns:1fr 1fr;gap:var(--s8);padding-block:var(--s7) var(--s8);border-top:1px solid var(--line)}
.principles p{color:var(--muted)}
.text-link{font-weight:500}
.waitlist-section{background:var(--paper);padding-block:var(--s7)}
.waitlist-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--s8);align-items:start}
.waitlist-layout h2{margin-bottom:var(--s4)}
.waitlist-layout p{color:var(--muted)}
form>label{display:block;font-size:1rem;font-weight:600;margin-bottom:var(--s2)}
.email-row{display:flex;gap:var(--s2);margin-bottom:var(--s4)}
input[type=email]{width:100%;min-width:0;min-height:48px;background:var(--surface);color:var(--ink);border:1px solid var(--muted);border-radius:var(--radius);padding:var(--s2) var(--s3);font:1rem/1.5 var(--body);caret-color:var(--accent)}
input::placeholder{color:var(--muted)}
.email-row button{flex-shrink:0}
.consent-label{display:flex;align-items:start;gap:var(--s2);font-size:var(--small);font-weight:400;cursor:pointer;padding-block:var(--s1);margin:0}
input[type=checkbox]{width:20px;height:20px;flex-shrink:0;accent-color:var(--accent);margin:0;margin-top:2px}
.form-help{font-size:var(--small);margin-top:var(--s3);margin-bottom:0}
#waitlistStatus{font-size:1rem;margin-top:var(--s3);color:var(--ink)}
#waitlistStatus[data-error=true]{color:var(--error)}
.site-footer{display:flex;justify-content:space-between;gap:var(--s5);padding-block:var(--s6)}
.site-footer p{font-size:var(--small);color:var(--muted);margin:var(--s1) 0 0}
.footer-links{display:flex;gap:var(--s4);align-items:center;flex-wrap:wrap}
.footer-links a{font-size:var(--small);display:inline-flex;align-items:center;min-height:44px}
@media(max-width:1000px){.hero{gap:var(--s5)}.product{grid-template-columns:1fr 1.2fr;gap:var(--s5)}.image-stage{padding:var(--s3)}.waitlist-layout{gap:var(--s6)}.email-row{flex-direction:column;align-items:stretch}.principles{gap:var(--s7)}}
@media(max-width:700px){.site-header{align-items:start;flex-direction:column;gap:0;padding-block:var(--s3)}nav{gap:var(--s2);width:100%;justify-content:space-between}nav a{font-size:var(--small)}.hero{grid-template-columns:1fr;gap:var(--s5);padding-block:var(--s6) var(--s7)}.hero-intro p{max-width:44ch}.section-heading{display:block;margin-bottom:var(--s5)}.section-heading p{margin-top:var(--s1)}.product{grid-template-columns:1fr;gap:var(--s5)}.image-stage{padding:var(--s3)}.products{padding-bottom:var(--s7)}.principles,.waitlist-layout{grid-template-columns:1fr;gap:var(--s5)}.principles{padding-block:var(--s7)}.site-footer{flex-direction:column;gap:var(--s4)}.footer-links{gap:var(--s3)}.footer-links a:first-child{flex-basis:100%}}
@media(prefers-color-scheme:dark){:root{--paper:#141a21;--surface:#1b232d;--ink:#eef2f6;--muted:#b7c3d0;--accent:#9ac3ff;--accent-hover:#bfd8ff;--on-accent:#142c4d;--line:#465463;--soft:#27374b;--error:#ffb4ab;--focus:#9ac3ff}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}a,button,input,*::before,*::after{transition:none;animation:none}}

#challenge:not(:empty){margin-top:var(--s3);min-height:140px}

.language-nav{display:flex;flex-wrap:wrap;gap:var(--s3);margin-block-start:var(--s3)}.language-nav a{display:inline-flex;align-items:center;min-height:44px}.language-nav [aria-current="page"]{font-weight:700;text-decoration-thickness:2px}