*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--c-paper: #fffaf2;--c-paper-2: #fff4e4;--c-card: #ffffff;--c-line: #efe3d2;--c-line-hi: #e3d2b9;--c-ink: #2a1606;--c-ink-2: #6f5c45;--c-ink-3: #a08d76;--c-spark: #f59017;--c-spark-d: #c9760a;--c-spark-soft:#ffeacc;--c-violet: #6c4ce0;--c-violet-d: #5836c4;--c-violet-soft:#ebe4fb;--c-mint: #18a06b;--c-mint-soft: #e1f6ee;--d-bg: #161220;--d-bg-2: #1e1830;--d-card: #221c34;--d-line: rgba(255,255,255,.1);--d-line-hi: rgba(255,255,255,.2);--d-fg: #f7f4ee;--d-fg-dim: #b9b1c7;--d-fg-mut: #837b97;--d-spark: #ffb627;--d-violet: #a888fb;--d-mint: #3ddc84;--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", monospace;--max-w: 1140px;--section-py: clamp(4rem, 8vw, 7rem);--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--r-xl: 26px}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{background:var(--c-paper);color:var(--c-ink);font-family:var(--font-body);line-height:1.65;min-height:100vh;overflow-x:hidden;background-image:radial-gradient(circle at 1px 1px,rgba(245,144,23,.06) 1px,transparent 0);background-size:30px 30px}.container{width:100%;max-width:var(--max-w);margin:0 auto;padding:0 1.5rem}section{padding:var(--section-py) 0;position:relative}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.025em;line-height:1.12;color:var(--c-ink)}h1{font-size:clamp(2.2rem,5vw,3.5rem);font-weight:700}h2{font-size:clamp(1.7rem,3.5vw,2.5rem);font-weight:700}h3{font-size:1.2rem;font-weight:600}p{color:var(--c-ink-2);font-size:1.05rem;line-height:1.7}strong{color:var(--c-ink);font-weight:600}a{color:var(--c-spark-d);text-decoration:none;transition:color .2s}a:hover{color:var(--c-ink)}.u-spark{color:var(--c-spark-d);position:relative;white-space:nowrap}.u-spark:after{content:"";position:absolute;left:-2%;right:-2%;bottom:.05em;height:.42em;background:var(--c-spark-soft);z-index:-1;border-radius:4px}.section-label{font-family:var(--font-mono);font-size:.72rem;color:var(--c-spark-d);text-transform:uppercase;letter-spacing:.2em;margin-bottom:.75rem;display:inline-flex;align-items:center;gap:.5rem}.section-title{margin-bottom:1rem}.section-intro{max-width:640px;margin-bottom:1rem;color:var(--c-ink-2)}.btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-body);font-size:.92rem;font-weight:600;padding:.85rem 1.5rem;border-radius:var(--r-md);border:1px solid transparent;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn--spark{background:var(--c-spark);color:#fff;box-shadow:0 12px 26px -12px #f59017a6}.btn--spark:hover{background:#e08210;color:#fff;transform:translateY(-1px)}.btn--ghost{background:transparent;color:var(--c-ink);border-color:var(--c-line-hi)}.btn--ghost:hover{background:var(--c-paper-2);color:var(--c-ink)}.btn--on-dark{background:var(--d-spark);color:#2a1606;box-shadow:0 14px 32px -14px #ffb627b3}.btn--on-dark:hover{background:#ffc44d;color:#2a1606;transform:translateY(-1px)}.btn--ghost-dark{background:transparent;color:var(--d-fg);border-color:var(--d-line-hi)}.btn--ghost-dark:hover{background:#ffffff0f;color:#fff}.chip{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:.66rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--c-violet-d);padding:.35rem .7rem;border:1px solid var(--c-violet-soft);background:var(--c-violet-soft);border-radius:999px}.chip--mint{color:var(--c-mint);background:var(--c-mint-soft);border-color:var(--c-mint-soft)}.chip--spark{color:var(--c-spark-d);background:var(--c-spark-soft);border-color:var(--c-spark-soft)}.pulse{width:8px;height:8px;border-radius:50%;background:var(--c-mint)}.pulse--dark{background:var(--d-mint)}.live-badge{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--font-mono);font-size:.68rem;font-weight:600;letter-spacing:.08em;color:var(--d-mint);background:#3ddc841f;padding:.35rem .7rem;border-radius:999px}.live-badge .pulse{animation:pulse 1.6s infinite}@keyframes pulse{0%{box-shadow:0 0 #3ddc8480}70%{box-shadow:0 0 0 8px #3ddc8400}to{box-shadow:0 0 #3ddc8400}}.brand{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-weight:700;font-size:1.4rem;letter-spacing:-.03em;color:var(--c-ink);text-decoration:none}.brand__mark{width:32px;height:32px;border-radius:9px;background:var(--c-spark);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.brand__mark svg{width:17px;height:17px;display:block}.brand--on-dark{color:var(--d-fg)}.brand--on-dark .brand__mark{background:var(--d-spark)}.card{position:relative;background:var(--c-card);border:1px solid var(--c-line);border-radius:var(--r-lg);padding:1.6rem;transition:border-color .2s,transform .2s,box-shadow .2s}.card:hover{border-color:var(--c-line-hi);transform:translateY(-3px);box-shadow:0 24px 44px -34px #2a160659}.card h3{margin-bottom:.5rem}.card p{font-size:.95rem}.card-icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;font-size:1.25rem}.points{list-style:none;margin:1rem 0 0;padding:0}.points li{position:relative;padding-left:1.5rem;margin-bottom:.5rem;font-size:.88rem;color:var(--c-ink-2);line-height:1.5}.points li:before{content:"";position:absolute;left:0;top:.55rem;width:7px;height:7px;border-radius:50%;background:var(--c-spark)}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:1.4rem}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.4rem}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;background:#fffaf2d1;backdrop-filter:blur(12px);border-bottom:1px solid var(--c-line);padding:0 1.5rem}.navbar-inner{max-width:var(--max-w);margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:66px}.navbar-links{display:flex;align-items:center;gap:1.8rem;list-style:none}.navbar-links a{font-size:.9rem;font-weight:500;color:var(--c-ink-2)}.navbar-links a:hover{color:var(--c-ink)}.navbar-right{display:flex;align-items:center;gap:1rem}.navbar-lang{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--c-violet-d);border:1px solid var(--c-violet-soft);padding:.35rem .6rem;border-radius:8px;transition:all .2s}.navbar-lang:hover{background:var(--c-violet-soft);color:var(--c-violet-d)}.navbar-cta{font-size:.86rem;font-weight:600;padding:.55rem 1.05rem;border-radius:10px;background:var(--c-spark);color:#fff}.navbar-cta:hover{background:#e08210;color:#fff}.hamburger{display:none;background:none;border:none;color:var(--c-ink);font-size:1.5rem;cursor:pointer;padding:.5rem}.mobile-menu{display:none;position:fixed;inset:66px 0 0;background:#fffaf2fa;backdrop-filter:blur(12px);z-index:99;padding:2rem}.mobile-menu.open{display:flex;flex-direction:column;gap:1.25rem}.mobile-menu a{font-size:1rem;font-weight:500;color:var(--c-ink);padding:.5rem 0;border-bottom:1px solid var(--c-line)}.navbar-lang--mob{display:none}@media(max-width:860px){.navbar-links{display:none}.hamburger{display:block}.navbar-lang--mob{display:inline-flex;align-items:center}}.hero{background:var(--d-bg);color:var(--d-fg);padding:calc(66px + clamp(2.5rem,6vw,5rem)) 0 clamp(3rem,6vw,5rem);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-10%;left:8%;width:520px;height:520px;background:radial-gradient(circle,rgba(255,182,39,.18),transparent 62%);pointer-events:none}.hero:after{content:"";position:absolute;bottom:-20%;right:0%;width:560px;height:560px;background:radial-gradient(circle,rgba(168,136,251,.14),transparent 62%);pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:3rem;align-items:center;position:relative;z-index:1}.hero-eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;color:var(--d-spark);background:#ffb6271f;border:1px solid rgba(255,182,39,.25);padding:.4rem .85rem;border-radius:999px;margin-bottom:1.4rem}.hero-headline{font-size:clamp(2.3rem,4.6vw,3.5rem);font-weight:700;line-height:1.08;color:var(--d-fg);margin-bottom:1.2rem;max-width:16ch}.hero-headline .u-spark{color:var(--d-spark)}.hero-headline .u-spark:after{background:#ffb62729}.hero-sub{font-size:clamp(1.05rem,1.6vw,1.2rem);color:var(--d-fg-dim);margin-bottom:1.8rem;max-width:44ch}.hero-ctas{display:flex;gap:.8rem;flex-wrap:wrap;margin-bottom:1.8rem}.preview{background:var(--d-card);border:1px solid var(--d-line);border-radius:var(--r-lg);padding:1.2rem;position:relative;z-index:1;box-shadow:0 40px 80px -50px #000000e6}.preview-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.9rem}.preview-top .tag{font-size:.72rem;color:var(--d-fg-mut);font-family:var(--font-mono)}.preview-q{font-family:var(--font-display);font-weight:600;font-size:1.05rem;color:var(--d-fg);margin-bottom:.9rem}.opt{background:var(--d-bg-2);border-radius:var(--r-sm);padding:.6rem .75rem;margin-bottom:.55rem;position:relative;overflow:hidden}.opt:last-child{margin-bottom:0}.opt .fill{position:absolute;inset:0;background:#a888fb2e;z-index:0}.opt.win .fill{background:#3ddc8429}.opt .row{position:relative;z-index:1;display:flex;justify-content:space-between;font-size:.85rem;font-weight:500;color:var(--d-fg)}.opt .row b{font-family:var(--font-mono);color:var(--d-violet)}.opt.win .row b{color:var(--d-mint)}.preview-foot{display:flex;align-items:center;justify-content:space-between;margin-top:1rem;font-size:.74rem;color:var(--d-fg-mut)}.preview-code{font-family:var(--font-mono);background:var(--d-bg-2);border:1px solid var(--d-line);border-radius:8px;padding:.25rem .55rem;color:var(--d-spark)}@media(max-width:860px){.hero-grid{grid-template-columns:1fr;gap:2.2rem}.hero-headline{max-width:none}}.trust-bar{background:var(--d-bg);border-top:1px solid var(--d-line);padding:.9rem 0;overflow:hidden}.trust-track{display:flex;gap:2.5rem;white-space:nowrap;width:max-content;animation:marquee 26s linear infinite}.trust-bar:hover .trust-track{animation-play-state:paused}.trust-item{font-family:var(--font-mono);font-size:.74rem;letter-spacing:.08em;color:var(--d-fg-dim);display:inline-flex;align-items:center;gap:.6rem}.trust-item:before{content:"✦";color:var(--d-spark)}@keyframes marquee{to{transform:translate(-50%)}}.lead-block{max-width:720px}.spotlight{background:var(--d-bg);color:var(--d-fg);position:relative;overflow:hidden}.spotlight:before{content:"";position:absolute;top:-15%;right:5%;width:480px;height:480px;background:radial-gradient(circle,rgba(255,182,39,.14),transparent 62%);pointer-events:none}.spotlight .section-label{color:var(--d-spark)}.spotlight h2{color:var(--d-fg)}.spotlight .section-intro{color:var(--d-fg-dim)}.spot-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:2.6rem;align-items:center;position:relative;z-index:1}.spot-feature{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.spot-card{background:var(--d-card);border:1px solid var(--d-line);border-radius:var(--r-md);padding:1.1rem}.spot-card .ic{font-size:1.2rem;margin-bottom:.5rem;display:block}.spot-card h4{color:var(--d-fg);font-size:1rem;margin-bottom:.25rem}.spot-card p{color:var(--d-fg-dim);font-size:.82rem;line-height:1.5}.board{background:var(--d-card);border:1px solid var(--d-line);border-radius:var(--r-lg);padding:1.2rem}.board h4{color:var(--d-fg);font-size:1rem;margin-bottom:.9rem;display:flex;align-items:center;gap:.5rem}.board-row{display:flex;align-items:center;gap:.7rem;padding:.55rem .7rem;border-radius:var(--r-sm);margin-bottom:.5rem;background:var(--d-bg-2)}.board-row:last-child{margin-bottom:0}.board-rank{font-family:var(--font-mono);font-weight:700;width:22px;color:var(--d-spark)}.board-name{flex:1;color:var(--d-fg);font-size:.9rem;font-weight:500}.board-score{font-family:var(--font-mono);color:var(--d-mint);font-size:.85rem}.board-row--lead{background:#ffb6271a;border:1px solid rgba(255,182,39,.22)}@media(max-width:860px){.spot-grid{grid-template-columns:1fr;gap:2rem}}.tool-chips{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.5rem}.tool-chip{font-family:var(--font-mono);font-size:.78rem;color:var(--c-violet-d);background:var(--c-violet-soft);border:1px solid #ddd0f7;border-radius:8px;padding:.4rem .7rem}.tool-chip--write{color:var(--c-spark-d);background:var(--c-spark-soft);border-color:#f7dcb3}.flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.4rem}.flow-step{position:relative;background:var(--c-card);border:1px solid var(--c-line);border-radius:var(--r-lg);padding:1.6rem}.flow-num{font-family:var(--font-display);font-size:2.2rem;font-weight:700;color:var(--c-spark);line-height:1;margin-bottom:.6rem}.flow-step h3{margin-bottom:.5rem}.flow-step p{font-size:.92rem}.price-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.4rem;max-width:760px;margin:0 auto}.price-card{position:relative;background:var(--c-card);border:1px solid var(--c-line);border-radius:var(--r-lg);padding:1.8rem;display:flex;flex-direction:column}.price-card--featured{border-color:var(--c-spark);box-shadow:0 24px 50px -30px #f5901773}.price-flag{position:absolute;top:-12px;left:1.8rem;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--c-spark);padding:.3rem .7rem;border-radius:999px}.price-name{font-family:var(--font-display);font-size:1.2rem;font-weight:600;margin-bottom:.25rem}.price-tag{color:var(--c-ink-3);font-size:.9rem;margin-bottom:1rem}.price-amt{font-family:var(--font-display);font-size:2.4rem;font-weight:700;color:var(--c-ink);line-height:1;margin-bottom:.25rem}.price-amt small{font-size:.9rem;font-weight:500;color:var(--c-ink-3)}.price-list{list-style:none;margin:1.2rem 0;padding:0;flex:1}.price-list li{position:relative;padding-left:1.6rem;margin-bottom:.55rem;font-size:.9rem;color:var(--c-ink-2)}.price-list li:before{content:"✓";position:absolute;left:0;top:0;color:var(--c-mint);font-weight:700}.price-note{text-align:center;font-size:.88rem;color:var(--c-ink-3);margin-top:1.5rem}.footer{background:var(--d-bg);color:var(--d-fg-dim);padding:3rem 0 2.2rem;border-top:1px solid var(--d-line)}.footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.2rem}.footer p{font-size:.82rem;color:var(--d-fg-mut)}.footer .tagline{color:var(--d-fg-dim);font-size:.9rem;max-width:30ch;margin-top:.6rem}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--c-line-hi),transparent);margin:0;border:0}.reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:translateY(0)}.stagger>.reveal:nth-child(1){transition-delay:0s}.stagger>.reveal:nth-child(2){transition-delay:.08s}.stagger>.reveal:nth-child(3){transition-delay:.16s}.stagger>.reveal:nth-child(4){transition-delay:.24s}.stagger>.reveal:nth-child(5){transition-delay:.32s}.stagger>.reveal:nth-child(6){transition-delay:.4s}
