:root{--bg:#071013;--panel:#0d191d;--line:#1d3036;--ink:#e8f3f5;--muted:#8ba0a8;--cyan:#62e6db}
*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink)}body{margin:0;background:radial-gradient(circle at 80% 0,#13353b 0,transparent 32rem),var(--bg);font-family:Inter,system-ui,sans-serif}a{color:inherit;text-decoration:none}.site-header,footer{max-width:1240px;margin:auto;padding:22px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center;font-weight:750}.brand-mark{width:31px;height:31px;display:grid;place-items:center;background:var(--cyan);color:#061012;border-radius:3px}.brand small{color:var(--muted);font:10px monospace;letter-spacing:.15em;text-transform:uppercase}.site-header nav,footer div{display:flex;gap:26px;align-items:center}.site-header nav>a:not(.button),footer a{color:var(--muted);font-size:14px}.button{display:inline-flex;justify-content:center;background:var(--cyan);color:#061012!important;border:1px solid var(--cyan);border-radius:3px;padding:13px 19px;font-weight:750}.button-small{padding:9px 14px}.button-outline{background:transparent;color:var(--cyan)!important}.hero{max-width:1240px;margin:auto;padding:90px 32px 40px;display:grid;grid-template-columns:1fr .78fr;gap:0 72px;align-items:center}.hero>.eyebrow,.hero>h1,.hero>.lead,.hero>.hero-actions{grid-column:1}.eyebrow{color:var(--cyan);font:600 11px monospace;letter-spacing:.17em;text-transform:uppercase}.eyebrow span{display:inline-block;width:22px;border-top:1px solid;margin-right:10px;vertical-align:middle}.hero h1{font-size:clamp(52px,6vw,88px);line-height:.92;letter-spacing:-.065em;margin:20px 0 26px}.hero h1 em{color:var(--cyan);font-style:normal}.lead{color:#a8babf;font-size:18px;line-height:1.65}.hero-actions{display:flex;gap:28px;align-items:center;margin-top:18px}.text-link{color:var(--cyan)}.workspace-preview{grid-column:2;grid-row:1/6;border:1px solid #29434a;background:#09171b;box-shadow:18px 18px #0e292e;transform:rotate(1deg)}.preview-top{padding:13px;border-bottom:1px solid var(--line);display:flex;gap:7px}.dot{width:6px;height:6px;background:#34535b;border-radius:50%}.preview-label{margin-left:auto;color:#66838a;font:10px monospace}.preview-body{padding:20px}.media-frame{height:260px;background:linear-gradient(135deg,#163d43,#071013 72%);display:grid;place-items:center;position:relative;border:1px solid #244148}.play{font-size:72px;font-weight:800;color:#62e6db20}.timecode{position:absolute;left:12px;bottom:10px;font:11px monospace;color:var(--cyan)}.notes{display:grid;gap:1px;margin-top:14px;background:var(--line)}.notes div{background:var(--panel);padding:15px;display:flex;justify-content:space-between}.notes b{color:var(--cyan);font:11px monospace}.notes span{color:var(--muted);font-size:12px}.features{max-width:1176px;margin:80px auto;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.features article{padding:34px;min-height:210px;border-right:1px solid var(--line)}.features article:last-child{border:0}.features article>span{color:#46636a;font:12px monospace}.features h2{font-size:21px;margin:40px 0 12px}.features p,.pricing-intro p,.purchase-note p,.auth-card>p,.prose-shell p{color:var(--muted);line-height:1.65}.pricing-callout{max-width:1176px;margin:0 auto 80px;padding:48px;background:var(--cyan);color:#061012;display:flex;justify-content:space-between;align-items:center}.pricing-callout .eyebrow{color:#0e4f4c}.pricing-callout h2{font-size:36px;margin:12px 0}.pricing-callout .button{background:#071013;color:white!important;border-color:#071013}footer{border-top:1px solid var(--line);border-bottom:0;color:#668087;font-size:13px}.pricing-shell,.prose-shell{max-width:1176px;margin:auto;padding:78px 32px}.pricing-intro{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-bottom:48px}.pricing-intro h1,.prose-shell h1{font-size:52px;line-height:1;letter-spacing:-.05em;margin:14px 0}.price-grid{display:grid;gap:12px}.price-card{border:1px solid var(--line);background:var(--panel);padding:28px;display:grid;grid-template-columns:1fr 1.3fr 220px;align-items:center;gap:30px;position:relative}.price-card.featured{border-color:var(--cyan);background:#102428}.price-card h2{font-size:32px;margin:9px 0}.price-card h2 small{font-size:13px;color:var(--muted)}.plan-label,.popular{font:11px monospace;color:var(--cyan);text-transform:uppercase}.popular{position:absolute;right:18px;top:12px}.price-card p,.price-card li{color:var(--muted);font-size:13px;line-height:1.6}.purchase-note{margin-top:40px;padding:30px;border-left:3px solid var(--cyan);background:var(--panel)}.auth-shell{min-height:calc(100vh - 78px);display:grid;place-items:center;padding:40px;background:linear-gradient(90deg,transparent 0 50%,#0c1d21 50%)}.auth-card{width:min(470px,100%);padding:42px;background:#0b171a;border:1px solid #29434a;box-shadow:-14px 14px #102d32}.auth-card h1{font-size:42px;margin:16px 0}.auth-card form{display:grid;gap:17px;margin-top:28px}.auth-card label{display:grid;gap:8px;color:#9bb0b5;font-size:12px}.auth-card input{background:#071013;border:1px solid #294148;color:white;padding:14px}.auth-note,.form-message{font-size:12px;color:var(--muted)}.prose-shell article{max-width:760px;border-left:1px solid var(--cyan);padding-left:42px}.prose-shell h2{margin-top:40px}.inline-actions{display:flex;gap:24px;align-items:center;margin:30px 0}@media(max-width:800px){.site-header,footer{padding:18px}.site-header nav>a:not(.button){display:none}.hero{padding:60px 20px;display:block}.hero h1{font-size:55px}.workspace-preview{margin-top:50px;transform:none;box-shadow:8px 8px #0e292e}.features{margin:30px 20px;grid-template-columns:1fr}.features article{border-right:0;border-bottom:1px solid var(--line)}.pricing-callout{margin:50px 20px;display:block}.price-card{grid-template-columns:1fr}.pricing-intro{grid-template-columns:1fr}.auth-shell{background:none;padding:20px}.pricing-shell,.prose-shell{padding:52px 20px}}
