:root{--bg: #000000;--ink: #ffffff;--dim: #8e8e93;--surface: #1c1c1e;--hairline: #2c2c2e;--font: "Space Grotesk", system-ui, -apple-system, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{background:var(--bg)}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font);font-weight:400;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;overflow-x:hidden}::selection{background:var(--ink);color:var(--bg)}.page{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:calc(24px + env(safe-area-inset-top)) 24px calc(24px + env(safe-area-inset-bottom))}.layout{width:100%;max-width:560px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:clamp(14px,2.6vh,26px)}.doc-head{display:flex;flex-direction:column;gap:10px}.wordmark{font-size:30px;font-weight:700;letter-spacing:-.04em;line-height:1;color:var(--ink)}.wordmark-sub{font-size:11px;font-weight:500;letter-spacing:.22em;color:var(--dim)}.headline{font-size:clamp(36px,6.5vw,56px);font-weight:700;letter-spacing:-.03em;line-height:1.04;color:var(--ink)}.subline{font-size:16px;line-height:1.6;color:var(--dim);max-width:44ch}.band-fig{width:100%;display:flex;justify-content:center}.band-svg{width:100%;max-width:560px;height:auto;max-height:40vh;user-select:none;-webkit-user-select:none}.steps-line{font-size:15px;font-weight:500;letter-spacing:.02em;color:var(--ink)}.steps-line .sep{color:var(--dim);padding:0 6px;font-weight:400}.price{font-size:16px;font-weight:500;color:var(--ink)}.form-block{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.field-label{font-size:11px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--dim)}.perk{font-size:13px;line-height:1.55;color:var(--dim);max-width:46ch;margin-top:-4px}.form{width:100%;display:flex;gap:10px;flex-wrap:wrap}.email-input{flex:1 1 220px;min-width:0;height:52px;padding:0 22px;border-radius:999px;border:1px solid var(--hairline);background:var(--surface);color:var(--ink);font-family:var(--font);font-size:16px;outline:none;appearance:none;-webkit-appearance:none}.email-input::placeholder{color:var(--dim)}.email-input:focus-visible{border-color:var(--ink)}.submit-btn{height:52px;padding:0 28px;border:none;border-radius:999px;background:var(--ink);color:var(--bg);font-family:var(--font);font-size:15px;font-weight:700;letter-spacing:.01em;cursor:pointer;-webkit-tap-highlight-color:transparent}.submit-btn:hover{opacity:.85}.submit-btn:disabled{opacity:.5;cursor:default}.form-msg{min-height:1.2em;font-size:13px;color:var(--dim)}.form-msg.err{color:var(--ink)}.success-state{display:inline-flex;align-items:center;height:52px;padding:0 28px;border-radius:999px;border:1px solid var(--hairline);background:var(--surface);color:var(--ink);font-size:15px;font-weight:500;text-decoration:none}.success-state:hover{border-color:var(--ink)}.follow{font-size:14px;color:var(--dim)}.follow a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--hairline);padding-bottom:1px}.follow a:hover{border-bottom-color:var(--ink)}.footer{font-size:12px;color:var(--dim)}@media (min-width: 960px){.page{padding:40px 48px}.layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-auto-rows:min-content;column-gap:clamp(48px,6vw,96px);row-gap:clamp(14px,2.4vh,26px);align-content:center;max-width:1080px;min-height:calc(100dvh - 80px)}.layout>*{grid-column:1}.band-fig{grid-column:2;grid-row:1 / span 7;align-self:center;justify-self:center}.band-svg{max-width:100%;max-height:64vh}.headline{font-size:clamp(40px,4.6vw,58px)}}@media (max-width: 700px){.page{padding-top:calc(32px + env(safe-area-inset-top))}.layout{gap:16px}.band-svg{max-height:34vh}.form{flex-direction:column}.email-input{flex:0 0 auto;width:100%}.submit-btn{width:100%}}
