:root { --ink:#f7f8fb; --muted:#9aa8c7; --bg:#0d0e16; --panel:#121522; --line:#293148; --teal:#16c8b6; --blue:#2f6df6; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--bg); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; line-height:1.55; }
a { color:inherit; }
.site-header { position:sticky; top:0; z-index:10; display:flex; align-items:center; justify-content:space-between; gap:32px; min-height:88px; padding:16px max(28px,calc((100% - 1280px)/2)); border-bottom:1px solid rgba(77,91,125,.35); background:rgba(13,14,22,.88); backdrop-filter:blur(16px); }
.brand,.profile-brand { display:inline-flex; align-items:center; gap:13px; color:var(--teal); font-size:clamp(1.25rem,2vw,1.7rem); font-weight:800; letter-spacing:-.045em; text-decoration:none; }
.brand strong,.profile-brand strong { color:#fff; }
.brand-mark,.profile-brand-mark { position:relative; display:block; width:48px; height:38px; }
.brand-mark i,.profile-brand-mark i { position:absolute; display:block; width:17px; height:17px; border:4px solid var(--teal); border-radius:50%; }
.brand-mark i:nth-child(1),.profile-brand-mark i:nth-child(1){ left:1px; bottom:0; border-color:var(--blue); }.brand-mark i:nth-child(2),.profile-brand-mark i:nth-child(2){ left:17px; top:10px }.brand-mark i:nth-child(3),.profile-brand-mark i:nth-child(3){ right:0; top:0; border-color:#58d9d2 }.brand-mark::before,.brand-mark::after,.profile-brand-mark::before,.profile-brand-mark::after { content:""; position:absolute; height:3px; background:#8192b6; transform:rotate(-43deg); transform-origin:left center; }.brand-mark::before,.profile-brand-mark::before { width:18px; left:14px; top:25px }.brand-mark::after,.profile-brand-mark::after { width:17px; left:28px; top:15px }
.site-nav { display:flex; align-items:center; gap:38px; }.site-nav a { color:var(--muted); font-weight:700; text-decoration:none; }.site-nav a:hover { color:#fff; }.site-nav .nav-cta { padding:13px 22px; border-radius:12px; color:#071611; background:var(--teal); box-shadow:0 10px 30px rgba(22,200,182,.2); }
.hero-section { position:relative; display:grid; align-items:center; min-height:calc(100vh - 88px); padding:100px max(28px,calc((100% - 1280px)/2)); overflow:hidden; }.hero-content { position:relative; z-index:1; max-width:980px; }.hero-glow { position:absolute; left:33%; top:44%; width:500px; height:500px; border-radius:50%; background:rgba(22,200,182,.1); filter:blur(100px); }
.status-pill,.section-kicker { display:inline-flex; margin:0 0 28px; color:var(--teal); font-size:.82rem; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }.status-pill { padding:8px 18px; border:1px solid rgba(22,200,182,.45); border-radius:999px; background:rgba(22,200,182,.08); }
h1,h2,h3,p { margin-top:0; }h1 { max-width:1050px; margin-bottom:28px; font-size:clamp(3.6rem,8vw,7.3rem); line-height:.98; letter-spacing:-.065em; }h1 span { color:var(--teal); }h2 { margin-bottom:18px; font-size:clamp(2.4rem,5vw,4.6rem); line-height:1.05; letter-spacing:-.05em; }h3 { margin-bottom:14px; font-size:clamp(1.65rem,3vw,2.6rem); line-height:1.1; letter-spacing:-.035em; }
.hero-copy { max-width:760px; margin-bottom:34px; color:var(--muted); font-size:clamp(1.15rem,2vw,1.55rem); }.hero-actions { display:flex; flex-wrap:wrap; gap:16px; }.button { display:inline-flex; align-items:center; justify-content:center; gap:16px; min-height:58px; padding:0 28px; border:1px solid var(--line); border-radius:12px; font-weight:850; text-decoration:none; }.button-primary { border-color:var(--teal); color:#071611; background:var(--teal); box-shadow:0 12px 36px rgba(22,200,182,.2); }.button-secondary { background:rgba(13,14,22,.7); }.button:hover { transform:translateY(-2px); }
.how-section { padding:120px max(28px,calc((100% - 1280px)/2)); background:var(--panel); }.section-intro { max-width:800px; margin:0 auto 70px; text-align:center; }.section-intro .section-kicker { margin-bottom:18px; }.section-intro>p:last-child,.sample-section>p,.early-access p { color:var(--muted); font-size:1.12rem; }
.steps { display:grid; gap:22px; }.step-card { display:grid; grid-template-columns:150px minmax(0,1fr); gap:42px; align-items:center; min-height:320px; padding:54px; border:1px solid var(--line); border-radius:24px; background:#0f111b; }.step-reverse { grid-template-columns:minmax(0,1fr) 150px; }.step-reverse .step-number { grid-column:2; }.step-reverse div { grid-column:1; grid-row:1; }.step-number { display:grid; place-items:center; width:130px; height:130px; border:1px solid rgba(22,200,182,.45); border-radius:28px; color:var(--teal); background:rgba(22,200,182,.09); font-size:3.4rem; font-weight:900; }.step-card p { max-width:850px; color:var(--muted); font-size:1.15rem; }.step-card ul { display:grid; gap:10px; margin:24px 0 0; padding:0; list-style:none; color:var(--muted); }.step-card li::before { content:"✓"; margin-right:12px; color:var(--teal); font-weight:900; }
.sample-section { padding:120px max(28px,calc((100% - 920px)/2)); text-align:center; }.sample-section .button { margin-top:20px; }.early-access { position:relative; overflow:hidden; margin:0; padding:110px max(28px,calc((100% - 900px)/2)); border-top:1px solid rgba(22,200,182,.25); text-align:center; background:radial-gradient(circle at 50% 20%,rgba(22,200,182,.13),transparent 38%),#141a28; }.early-access::before { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(90deg,transparent,rgba(47,109,246,.04),transparent); }.early-access>* { position:relative; z-index:1; }.early-access h2 { max-width:800px; margin-left:auto; margin-right:auto; font-size:clamp(2.6rem,5vw,4.4rem); }.early-access>p { max-width:760px; margin-left:auto; margin-right:auto; }.interest-community { display:flex; justify-content:center; margin-bottom:24px; }.interest-community span { display:grid; place-items:center; width:58px; height:58px; margin-left:-8px; border:3px solid var(--bg); border-radius:50%; color:#fff; font-weight:900; background:var(--teal); }.interest-community span:first-child { margin-left:0 }.interest-community span:nth-child(2){background:#149cda}.interest-community span:nth-child(3){background:#7c3aed}.interest-community span:nth-child(4){background:#f59e0b}.interest-community span:nth-child(5){background:#12b981}.waitlist-label { color:var(--text)!important; font-size:1.25rem!important; font-weight:800; }.early-access .section-kicker { display:block; margin:58px 0 12px; }.waitlist-form { display:grid; grid-template-columns:minmax(260px,520px) auto; justify-content:center; gap:14px; margin:34px auto 0; }.waitlist-form input[type="email"] { min-height:58px; padding:0 20px; border:1px solid var(--line); border-radius:12px; outline:0; color:var(--ink); background:#10131e; font:inherit; font-size:1.05rem; }.waitlist-form input[type="email"]:focus { border-color:var(--teal); box-shadow:0 0 0 3px rgba(22,200,182,.13); }.waitlist-form button { font:inherit; cursor:pointer; }.waitlist-form button:disabled { cursor:wait; opacity:.65; }.waitlist-message { min-height:1.6em; margin-top:16px!important; color:#ffb4b4!important; font-weight:750; }.waitlist-message.is-success { color:#7ff5e7!important; }.waitlist-privacy { margin-top:0!important; color:#7483a4!important; font-size:.86rem!important; }.member-link { display:inline-block; margin-top:16px; color:var(--muted); font-weight:750; }.honeypot { position:absolute!important; left:-10000px!important; width:1px!important; height:1px!important; overflow:hidden!important; }.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.site-footer { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:36px max(28px,calc((100% - 1280px)/2)); border-top:1px solid var(--line); color:var(--muted); }.site-footer p { margin:0; }.brand-small { font-size:1.15rem; }.brand-small .brand-mark { transform:scale(.8); transform-origin:left center; margin-right:-6px; }
@media(max-width:800px){.site-header{align-items:flex-start}.site-nav{gap:16px}.site-nav a:not(.nav-cta){display:none}.hero-section{min-height:auto;padding-top:90px;padding-bottom:100px}.step-card,.step-reverse{grid-template-columns:1fr;padding:32px}.step-reverse .step-number,.step-reverse div{grid-column:auto;grid-row:auto}.step-number{width:92px;height:92px;border-radius:22px;font-size:2.4rem}.waitlist-form{grid-template-columns:1fr}.site-footer{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.site-header{min-height:72px;padding:12px 18px}.brand{font-size:1.08rem}.brand-mark{transform:scale(.78);transform-origin:left center;margin-right:-8px}.site-nav .nav-cta{padding:10px 12px;font-size:.82rem}.hero-section,.how-section,.sample-section,.early-access{padding-left:20px;padding-right:20px}.hero-section{padding-top:70px}.hero-actions .button{width:100%}.step-card{padding:26px 22px}.early-access{padding-top:80px;padding-bottom:80px}.waitlist-form .button{width:100%}.site-footer{padding-left:20px;padding-right:20px}}
.brand-mark{display:block;width:52px;height:43px;object-fit:contain}
.brand-logo-image{display:block;width:clamp(250px,25vw,400px);height:auto}
.brand-small .brand-logo-image{width:240px}
@media(max-width:520px){.brand-logo-image{width:200px}}