@font-face{font-family:Cormorant Garamond;src:url('/assets/fonts/CormorantGaramond-Regular.ttf') format('truetype');font-style:normal;font-weight:300 700;font-display:swap}
@font-face{font-family:Cormorant Garamond;src:url('/assets/fonts/CormorantGaramond-Italic.ttf') format('truetype');font-style:italic;font-weight:300 700;font-display:swap}
@font-face{font-family:Inter;src:url('/assets/fonts/Inter.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
:root{--paper:#fbf5e7;--linen:#e8e2d6;--ink:#25282b;--muted:#60656b;--line:#d7dfe5;--blue:#285ed6;--error:#9f3025;color-scheme:light}
*{box-sizing:border-box}
html{scroll-behavior:auto;scroll-padding-top:24px}
body{margin:0;background:var(--paper);color:var(--ink);font:400 18px/1.65 Inter,system-ui,sans-serif;font-optical-sizing:none;font-feature-settings:'blwf' 1,'cv03' 1,'cv04' 1,'cv09' 1,'cv11' 1;-webkit-font-smoothing:antialiased}
::selection{background:#dbe6fb;color:var(--ink)}
p,h1,h2,figure{margin:0}
p{color:var(--muted);text-wrap:pretty}
a{color:inherit;text-decoration:none;text-underline-offset:.2em}
a:hover{color:var(--blue)}
a:focus-visible,button:focus-visible,input:focus-visible,[tabindex='-1']:focus-visible{outline:2px solid var(--blue);outline-offset:5px}
.skip-link{position:absolute;left:24px;top:8px;transform:translateY(-180%);padding:8px 16px;background:var(--paper);z-index:2}
.skip-link:focus{transform:none}
.navigation{padding:20px 24px}
.navigation-content{max-width:920px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--line)}
.wordmark{font:600 28px/1.2 'Cormorant Garamond',Georgia,serif;letter-spacing:-.03em;min-height:44px;display:flex;align-items:center}
.nav-features{padding:11px 0 11px 16px;font:600 15px/1.4 Inter,system-ui,sans-serif;min-height:44px}
.caption{font:500 11px/1.5 Inter,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}
.small{font-size:13px;line-height:1.5}
.rail{width:100%;max-width:1080px;margin-inline:auto;padding-inline:24px}
.hero{overflow:clip}
.introduction{padding-block:0 64px;display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center;position:relative;z-index:1}
.identity{display:flex;flex-direction:column;gap:24px;align-items:center}
.brand-logo{width:240px;height:240px;display:block;object-fit:contain}
h1{font:500 112px/.95 'Cormorant Garamond',Georgia,serif;letter-spacing:-.04em;text-wrap:balance}
h1 em{font-weight:400}
.introduction-copy{display:flex;flex-direction:column;align-items:center;gap:24px;max-width:480px}
.introduction-copy>p{text-wrap:pretty}
.keep-phrase{white-space:nowrap}
.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:12px 24px;border:0;border-radius:8px;background:var(--blue);color:#fff;font:600 15px/1.4 Inter,system-ui,sans-serif;cursor:pointer;text-align:center}
.button:hover{background:#214fb6;color:#fff}
.button:active{background:#1d449c}
.button:disabled{opacity:.65;cursor:wait}
.hero-cta{width:190px}
.product-overview{display:flex;flex-direction:column;align-items:center;gap:24px;padding-bottom:88px;text-align:center}
.overview-stage{position:relative;height:744px;width:100%;isolation:isolate;clip-path:inset(-220px 0 0)}
.overview-screen{position:absolute;display:block;width:740px;max-width:none;height:auto;left:calc(50% - 80px);top:32px;transform:translateX(-50%) rotate(-25deg);transform-origin:50% 0%;border-radius:40px;box-shadow:0 20px 40px rgba(30,45,60,.12)}
.product-overview figcaption{padding-inline:24px;max-width:700px;position:relative}
.sample-note{display:block;font-size:11px;line-height:1.5;margin-top:8px}
.features{padding-block:56px 80px;display:flex;flex-direction:column;align-items:center;gap:80px;scroll-margin-top:24px;text-align:center}
h2{font:500 52px/1.05 'Cormorant Garamond',Georgia,serif;letter-spacing:-.025em;text-wrap:pretty}
.features-title{max-width:650px;width:100%}
.feature{display:flex;flex-direction:column;gap:32px;align-items:center;width:100%}
.feature-copy{display:flex;flex-direction:column;align-items:center;gap:24px;min-width:0;width:100%}
.feature-copy>p{max-width:520px;text-wrap:pretty}
.feature-art{max-width:100%;overflow:hidden}
.feature-art>img{display:block;width:100%;height:auto}
.feature-art picture,.feature-art picture>img{display:block;width:100%;height:auto}
.needs-you-art{width:560px;border-radius:12px}
.notification-art{width:620px;border:1px solid var(--line);border-radius:12px;box-shadow:0 6px 12px rgba(30,45,60,.08)}
.waitlist{display:flex;flex-direction:column;align-items:center;gap:24px;padding:64px 24px 72px;background:var(--linen);text-align:center;scroll-margin-top:24px}
.waitlist h2{width:100%;max-width:650px;text-wrap:balance}
#waitlist-form{width:440px;max-width:100%;display:flex;flex-direction:column;gap:16px;text-align:left}
#waitlist-form label{display:flex;flex-direction:column;gap:8px;font:600 15px/1.4 Inter,system-ui,sans-serif}
.form-field{display:flex;flex-direction:column;gap:8px}
#waitlist-form input{width:100%;height:52px;min-width:0;padding:14px 16px;border:1px solid #817a6d;border-radius:8px;background:var(--paper);color:var(--ink);font:400 16px/1.2 Inter,system-ui,sans-serif;caret-color:var(--blue)}
#waitlist-form input::placeholder{color:#686760;opacity:1}
#waitlist-form input[aria-invalid='true']{border-color:var(--error)}
.field-error:empty{display:none}
.field-error{color:var(--error);font:400 13px/1.5 Inter,system-ui,sans-serif}
.honeypot{display:none}
.form-message:empty{display:none}
.form-message{padding-top:4px;color:var(--ink)}
.form-message[data-error='true']{color:var(--error)}
.waitlist-purpose{max-width:440px}
.preview-note a{text-decoration:underline}
.privacy-page{padding-block:64px;display:flex;flex-direction:column;gap:24px;max-width:820px}
.privacy-page h1{font-size:64px;line-height:1.05}
@media(min-width:1200px){.features-title{position:relative;top:16px}}
@media(max-width:1199.98px){
 h1{font-size:88px}
 h2{font-size:46px}
 .overview-screen{width:680px;left:50%;top:12px}
 .overview-stage{height:720px}
}
@media(max-width:809.98px){
 .navigation{padding-block:16px}
 .introduction{padding-block:24px 48px;gap:24px}
 .identity{gap:20px}
 .brand-logo{width:192px;height:192px}
 h1{font-size:64px;line-height:1}
 h2{font-size:40px}
 .introduction-copy>p{text-wrap:pretty}
 .overview-stage{height:440px}
 .overview-screen{width:420px;left:53%;top:24px;border-radius:28px;transform:translateX(-50%) rotate(-18deg)}
 .product-overview{gap:20px;padding-bottom:48px}
 .sample-note{font-size:12px}
 .features{gap:56px;padding-block:48px 56px}
 .feature{gap:24px}
 .feature-copy{gap:20px}
 .feature-copy>p{text-wrap:pretty}
 .waitlist{padding-block:48px}
 .waitlist h2{max-width:440px}
 .privacy-page h1{font-size:48px}
}
@media(max-width:389.98px){
 .brand-logo{width:176px;height:176px}
 h1{font-size:56px}
 .overview-screen{width:374px;left:54%}
 .overview-stage{height:400px}
}