:root{--bg:#120f0e;--bg-deep:#0c0a09;--surface-1:#221b18d1;--surface-2:#352924e0;--surface-3:#faf1e614;--surface-hairline:#fff4e81a;--surface-hairline-strong:#fff4e82e;--text-primary:#f6efe6;--text-secondary:#f6efe6c7;--text-tertiary:#f6efe685;--text-on-brand:#120f0e;--brand:#2bd6c2;--brand-soft:#2bd6c229;--brand-line:#2bd6c26b;--brand-warm:#d58d66;--brand-gold:#f3cc8c;--silk:#fff6eb;--silk-soft:#fff6ebcc;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, Menlo, monospace;--r-sm:10px;--r-md:18px;--r-lg:28px;--r-xl:38px;--r-pill:9999px;--dur-fast:.18s;--dur-standard:.26s;--dur-slow:.52s;--ease-out:cubic-bezier(.22, 1, .36, 1);--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--page-gutter:clamp(20px, 4vw, 48px);--content-width:min(1200px, calc(100vw - (var(--page-gutter) * 2)));--section-gap:clamp(36px, 5vw, 56px);--section-padding:clamp(72px, 12vh, 120px) 0}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);min-height:100vh;color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:16px;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0}img,iframe{max-width:100%;display:block}::selection{background:var(--brand);color:var(--text-on-brand)}:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--brand-gold);margin-bottom:14px;font-size:11px}.label--center{text-align:center}.nav{z-index:100;padding:14px var(--page-gutter);transition:background var(--dur-standard) var(--ease-out), box-shadow var(--dur-standard) var(--ease-out), padding var(--dur-standard) var(--ease-out);position:fixed;top:0;left:0;right:0}.nav--compact{box-shadow:0 1px 0 var(--surface-hairline);padding:10px var(--page-gutter);background:#0c0a09d9}.nav__inner{max-width:var(--content-width);align-items:center;gap:24px;margin:0 auto;display:flex}.nav__brand{color:var(--silk);white-space:nowrap;align-items:center;gap:10px;font-size:15px;font-weight:700;display:inline-flex}.nav__mark{background:radial-gradient(circle at 35% 35%, #a8fff2 0%, var(--brand) 42%, #0f7669 100%);border-radius:50%;flex-shrink:0;width:14px;height:14px;box-shadow:0 0 0 1px #2bd6c24d,0 0 20px #2bd6c240}.nav__links{align-items:center;gap:18px;margin-left:8px;display:flex}.nav__links a{color:var(--text-secondary);transition:color var(--dur-fast) var(--ease-out);font-size:13px;font-weight:500}.nav__links a:hover{color:var(--silk)}.nav__actions{align-items:center;gap:10px;margin-left:auto;display:flex}.btn{border-radius:var(--r-pill);min-height:40px;transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);white-space:nowrap;justify-content:center;align-items:center;padding:0 18px;font-size:14px;font-weight:600;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn--primary{color:var(--text-on-brand);background:linear-gradient(135deg, #81f2e5 0%, var(--brand) 52%, #1bb8aa 100%);box-shadow:0 8px 24px #2bd6c233}.btn--primary:hover{box-shadow:0 12px 32px #2bd6c24d}.btn--ghost{color:var(--silk);border:1px solid var(--surface-hairline-strong);background:#ffffff0a}.btn--ghost:hover{border-color:var(--brand-line);background:#ffffff14}.btn--lg{min-height:48px;padding:0 24px;font-size:15px}.reveal{opacity:0;transition:opacity .7s var(--ease-out), transform .7s var(--ease-out);transform:translateY(24px)}.reveal--visible{opacity:1;transform:translateY(0)}.section-header{max-width:640px;margin:0 auto var(--section-gap);text-align:center}.section-title{letter-spacing:-.03em;color:var(--silk);font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:700;line-height:1.15}.section-title em{color:var(--brand);font-style:normal}.noscript-fallback{text-align:center;background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:32px;display:flex;position:fixed;inset:0}.noscript-fallback h1{max-width:12ch;font-size:clamp(2rem,7vw,3.6rem);line-height:.95}.noscript-fallback p{max-width:36ch;color:var(--text-secondary)}.form-hp{display:none}@media (width<=768px){.nav__links{display:none}.nav__inner{gap:12px}}@media (width<=480px){.nav__actions .btn--ghost{display:none}}.hero{min-height:100svh;padding:120px var(--page-gutter) 72px;align-items:center;display:flex;position:relative;overflow:hidden}.hero__bg{pointer-events:none;background:radial-gradient(at 20% 30%,#2bd6c212,#0000 40%),radial-gradient(at 80% 20%,#d58d6614,#0000 35%),radial-gradient(at 50% 90%,#2bd6c20a,#0000 30%);position:absolute;inset:0}.hero__inner{max-width:var(--content-width);grid-template-columns:1fr minmax(340px,460px);align-items:center;gap:clamp(32px,5vw,72px);width:100%;margin:0 auto;display:grid;position:relative}.hero__content{min-width:0}.hero__title{letter-spacing:-.045em;color:var(--silk);margin-bottom:20px;font-size:clamp(2.8rem,6vw,5.6rem);font-weight:800;line-height:.92}.hero__title em{color:var(--brand);font-style:normal}.hero__sub{max-width:52ch;color:var(--text-secondary);margin-bottom:28px;font-size:clamp(1rem,1.3vw,1.12rem);line-height:1.7}.hero__actions{flex-wrap:wrap;gap:12px;margin-bottom:36px;display:flex}.hero__stats{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.stat{border:1px solid var(--surface-hairline);background:linear-gradient(#18141299,#0d0b0a66);border-radius:18px;padding:16px}.stat__label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--brand);margin-bottom:8px;font-size:10px;display:block}.stat__value{color:var(--silk);font-size:13px;font-weight:600;line-height:1.4;display:block}.hero__demo{position:relative}.demo-frame{border:1px solid var(--surface-hairline-strong);background:#0e0c0bcc;border-radius:28px;overflow:hidden;box-shadow:0 30px 80px #0000004d,0 0 0 1px #fff4e80f}.demo-frame__bar{color:var(--silk);grid-template-columns:1fr auto 1fr;align-items:center;padding:12px 16px;font-size:13px;font-weight:600;display:grid}.demo-frame__bar span{border-radius:var(--r-pill);background:#ffffff1f;width:28px;height:4px}.demo-frame__bar span:last-child{justify-self:end}.demo-frame__screen{background:linear-gradient(#12171ff2,#080a0dfa);min-height:500px;position:relative;overflow:hidden}.demo-frame__screen iframe{background:#0a0c0d;border:0;width:100%;height:500px}.demo-frame__caption{color:var(--text-tertiary);text-align:center;margin-top:14px;font-size:13px;line-height:1.6}.how{padding:var(--section-padding);max-width:var(--content-width);margin:0 auto}.how__grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.how__card{border:1px solid var(--surface-hairline);background:linear-gradient(#181412c7,#0d0b0a99);border-radius:24px;padding:32px}.how__number{font-family:var(--font-mono);color:var(--brand);margin-bottom:16px;font-size:28px;font-weight:700;line-height:1;display:block}.how__card h3{color:var(--silk);margin-bottom:12px;font-size:1.2rem;font-weight:700}.how__card p{color:var(--text-secondary);font-size:14px;line-height:1.7}.story{padding:var(--section-padding);max-width:var(--content-width);margin:0 auto}.story__timeline{gap:16px;display:grid}.chapter{border:1px solid var(--surface-hairline);transition:border-color var(--dur-standard) var(--ease-out), box-shadow var(--dur-standard) var(--ease-out);background:linear-gradient(#181412c7,#0d0b0a99);border-radius:24px;grid-template-columns:60px 1fr;gap:clamp(20px,3vw,36px);padding:clamp(24px,3vw,36px);display:grid}.chapter:hover{border-color:var(--brand-line)}.chapter[data-active]{border-color:#2bd6c259;box-shadow:0 0 0 1px #2bd6c21a}.chapter__index{font-family:var(--font-mono);color:var(--text-tertiary);padding-top:4px;font-size:14px;font-weight:600}.chapter__body h3{color:var(--silk);letter-spacing:-.02em;margin-bottom:12px;font-size:clamp(1.2rem,2vw,1.5rem);font-weight:700;line-height:1.2}.chapter__body>p{color:var(--text-secondary);max-width:60ch;margin-bottom:16px;font-size:14px;line-height:1.7}.chapter__tags{flex-wrap:wrap;gap:8px;display:flex}.chapter__tags span{border-radius:var(--r-pill);min-height:30px;color:var(--silk-soft);background:#ffffff08;border:1px solid #fff4e81a;align-items:center;padding:0 12px;font-size:12px;font-weight:500;display:inline-flex}.chapter__compare{grid-template-columns:1fr 1fr;gap:12px;max-width:520px;display:grid}.compare-card{border:1px solid var(--surface-hairline);background:#ffffff05;border-radius:18px;padding:18px}.compare-card--primary{background:linear-gradient(#2bd6c214,#ffffff05);border-color:#2bd6c240}.compare-card .label{margin-bottom:6px;font-size:10px}.compare-card strong{color:var(--silk);margin-bottom:8px;font-size:1.8rem;line-height:1;display:block}.compare-card p{color:var(--text-secondary);font-size:12px;line-height:1.55}.community{padding:var(--section-padding);max-width:var(--content-width);margin:0 auto}.community__grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:36px;display:grid}.community__card{border:1px solid var(--surface-hairline);background:linear-gradient(#181412c7,#0d0b0a99);border-radius:22px;padding:28px}.community__card .label{margin-bottom:10px}.community__card h3{color:var(--silk);margin-bottom:10px;font-size:1.1rem;font-weight:700}.community__card p{color:var(--text-secondary);font-size:14px;line-height:1.65}.community__cta{text-align:center}.final{padding:var(--section-padding);max-width:var(--content-width);margin:0 auto}.final__inner{border:1px solid var(--surface-hairline);background:linear-gradient(#181412d9,#0d0b0ab3);border-radius:28px;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,56px);padding:clamp(32px,4vw,48px);display:grid}.final__sub{color:var(--text-secondary);max-width:48ch;margin-bottom:24px;font-size:14px;line-height:1.7}.final__actions{flex-wrap:wrap;gap:10px;display:flex}.newsletter h3{color:var(--silk);margin-bottom:8px;font-size:1.1rem;font-weight:700}.newsletter>p{color:var(--text-secondary);margin-bottom:20px;font-size:13px;line-height:1.6}.newsletter__row{gap:8px;margin-bottom:12px;display:flex}.newsletter__row input[type=email]{color:#120f0e;min-width:0;min-height:48px;font:inherit;background:#fffaf5f5;border:1px solid #fff4e829;border-radius:14px;flex:1;padding:0 16px;font-size:14px}.newsletter__row input[type=email]::placeholder{color:#120f0e70}.newsletter__row input[type=email]:focus{outline:2px solid var(--brand);outline-offset:2px}.newsletter__consent{color:var(--text-tertiary);align-items:flex-start;gap:10px;margin-bottom:8px;font-size:12px;line-height:1.5;display:flex}.newsletter__consent input{accent-color:var(--brand);flex-shrink:0;margin-top:2px}.newsletter__status{min-height:18px;color:var(--brand);font-size:13px;font-family:var(--font-mono)}.footer{border-top:1px solid var(--surface-hairline);padding:32px var(--page-gutter)}.footer__inner{max-width:var(--content-width);align-items:center;gap:16px;margin:0 auto;display:flex}.footer__brand{color:var(--silk);align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.footer__tagline{color:var(--text-tertiary);font-size:12px}.footer__links{gap:16px;margin-left:auto;display:flex}.footer__links a{color:var(--text-secondary);transition:color var(--dur-fast) ease;font-size:12px}.footer__links a:hover{color:var(--silk)}@media (width<=1024px){.hero__inner{grid-template-columns:1fr}.hero__demo{max-width:460px;margin:0 auto}.hero__stats{grid-template-columns:1fr}}@media (width<=900px){.how__grid,.community__grid{grid-template-columns:1fr}}@media (width<=700px){.chapter{grid-template-columns:1fr}.chapter__index{padding-top:0}.chapter__compare,.final__inner{grid-template-columns:1fr}.newsletter__row{flex-direction:column}.demo-frame__screen{min-height:360px}.demo-frame__screen iframe{height:360px}.footer__inner{flex-wrap:wrap}.footer__links{width:100%;margin-left:0}}@media (width<=480px){.hero__title{font-size:2.2rem}.hero{padding-top:100px;padding-bottom:48px}.demo-frame__screen{min-height:300px}.demo-frame__screen iframe{height:300px}}