:root{--sky:#e0f2fe;--sky2:#bae6fd;--teal:#0d9488;--teal2:#14b8a6;--blue:#0284c7;--ink:#0f2a3d;--muted:#4b6475;--card:#ffffffcc;--r:20px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--ink);line-height:1.55;background:linear-gradient(180deg,#f0f9ff 0%,#ecfeff 45%,#fff 100%);min-height:100vh;overflow-x:hidden}
a{color:var(--blue)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--teal2);outline-offset:2px}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px}
.sr-only,.hp{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
header.top{padding:20px 0}
.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.logo img{width:36px;height:36px}
.wordmark{font-weight:800;font-size:1.5rem;letter-spacing:-.02em;line-height:1}
.wordmark small{font-size:.62em;font-weight:600;color:var(--teal);letter-spacing:0}
.hero{position:relative;text-align:center;padding:48px 0 72px}
.breeze{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.breeze svg{position:absolute;width:140%;left:-20%;opacity:.55}
.breeze .b1{top:8%;animation:drift 18s ease-in-out infinite alternate}
.breeze .b2{top:48%;animation:drift 24s ease-in-out infinite alternate-reverse}
@keyframes drift{from{transform:translateX(-4%)}to{transform:translateX(4%)}}
@media (prefers-reduced-motion:reduce){.breeze svg{animation:none}}
.pill{display:inline-block;background:#fff;border:1px solid var(--sky2);color:var(--teal);font-weight:600;font-size:.85rem;padding:6px 14px;border-radius:999px;margin-bottom:22px}
.hero .big-logo{font-weight:800;letter-spacing:-.03em;line-height:1;margin:0 0 18px;font-size:clamp(3rem,13vw,5.5rem);background:linear-gradient(90deg,var(--blue),var(--teal2));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .big-logo small{font-size:.42em;letter-spacing:0;font-weight:700;color:var(--teal);-webkit-text-fill-color:var(--teal);margin-right:.04em}
h1{font-size:clamp(1.6rem,5.5vw,2.6rem);line-height:1.15;margin:0 auto 14px;max-width:18ch;letter-spacing:-.02em}
.sub{font-size:clamp(1.05rem,3.6vw,1.25rem);color:var(--muted);max-width:34ch;margin:0 auto 30px}
.btn{display:inline-block;border:0;cursor:pointer;background:linear-gradient(90deg,var(--blue),var(--teal));color:#fff;font:inherit;font-weight:700;font-size:1.05rem;padding:14px 26px;border-radius:999px;text-decoration:none;box-shadow:0 8px 24px -8px #0284c780;transition:transform .15s}
.btn:hover{transform:translateY(-1px)}
section{padding:40px 0}
h2{font-size:clamp(1.4rem,4.5vw,2rem);text-align:center;margin:0 0 8px;letter-spacing:-.01em}
.lead{text-align:center;color:var(--muted);margin:0 auto 28px;max-width:46ch}
.cards{display:grid;gap:16px;grid-template-columns:1fr}
@media(min-width:760px){.cards{grid-template-columns:repeat(3,1fr);gap:20px}
.cards.features{grid-template-columns:repeat(6,1fr);justify-items:stretch}
.cards.features .card{grid-column:span 2}
.cards.features .card:nth-child(4){grid-column:2 / span 2}
.cards.features .card:nth-child(5){grid-column:4 / span 2}}
.later{text-align:center;color:var(--muted);font-size:.92rem;margin:18px auto 0;max-width:42ch;opacity:.9}
.card{background:var(--card);backdrop-filter:blur(6px);border:1px solid #e0f2fe;border-radius:var(--r);padding:24px;box-shadow:0 10px 30px -18px #0f2a3d40}
.card .ic{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--sky),#ccfbf1);margin-bottom:14px}
.card .ic svg{width:26px;height:26px;stroke:var(--teal);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.card h3{margin:0 0 6px;font-size:1.15rem}.card p{margin:0;color:var(--muted)}
.soon{display:inline-block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--blue);background:var(--sky);padding:3px 9px;border-radius:999px;margin-bottom:10px}
.signup{background:#fff;border:1px solid var(--sky2);border-radius:28px;padding:32px 22px;max-width:560px;margin:0 auto;box-shadow:0 20px 50px -30px #0284c760}
form{display:grid;gap:14px;margin-top:8px}
label.f{font-weight:600;font-size:.95rem}
input[type=email]{width:100%;font:inherit;font-size:1.05rem;padding:14px 16px;border:1.5px solid #cbd5e1;border-radius:14px;background:#f8fafc;color:var(--ink)}
input[type=email]:focus{border-color:var(--teal2);background:#fff}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:.95rem;color:var(--ink)}
.consent input{width:20px;height:20px;margin-top:2px;flex:none;accent-color:var(--teal)}
.fine{font-size:.85rem;color:var(--muted);margin:0}
form .btn{width:100%}
footer{padding:36px 0 44px;text-align:center;color:var(--muted);font-size:.92rem}
footer nav{margin-top:6px}footer nav a{margin:0 8px}
.page{max-width:720px;background:#fff;border:1px solid #e0f2fe;border-radius:24px;padding:28px 22px;margin:10px auto 0}
.page h1{max-width:none;margin-bottom:10px}.page h2{text-align:left;font-size:1.2rem;margin-top:24px}
.center{text-align:center}