.hero{padding:140px 0 64px;position:relative;overflow:hidden}.hero-grid-bg{position:absolute;inset:0;background-image:linear-gradient(to right,rgba(24,24,27,.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(24,24,27,.04) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse at 50% 30%,#000 0%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 0%,transparent 70%);pointer-events:none}.hero-inner{position:relative;z-index:1;text-align:left;max-width:1100px;margin:0 auto}.hero-meta{margin-top:40px;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:28px;color:var(--zinc-500);font-size:13.5px}.hero-meta .dot{width:4px;height:4px;border-radius:50%;background:var(--zinc-300)}.hero-mockup{margin-top:64px;position:relative;perspective:2000px}.hero-mockup .main{transform:rotateX(8deg);transform-origin:50% 100%}.hero-mockup .float{position:absolute;border-radius:12px;background:#fff;border:1px solid var(--zinc-200);box-shadow:0 18px 50px -20px #18181b40;padding:14px 16px;font-size:12.5px;color:var(--zinc-700)}.hero-mockup .float-1{left:-2%;top:18%;width:240px;animation:floaty 6s ease-in-out infinite}.hero-mockup .float-2{right:-2%;top:32%;width:220px;animation:floaty 7s ease-in-out -2s infinite}.hero-mockup .float-3{right:6%;top:58%;width:230px;animation:floaty 8s ease-in-out -4s infinite}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.story{padding:100px 0 140px}.story-head{text-align:center;max-width:760px;margin:0 auto 64px}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.story-steps{display:flex;flex-direction:column;gap:60px}.story-step{border-left:2px solid var(--zinc-200);padding:24px 0 24px 28px;transition:border-color .32s var(--ease-out),opacity .32s;opacity:.4}.story-step.is-active{opacity:1;border-left-color:var(--ink)}.story-step .num{font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:.06em;color:var(--zinc-500);margin-bottom:10px}.story-step h3{font-size:30px;line-height:1.1;letter-spacing:-.025em;margin:0 0 10px;font-weight:500}.story-step p{color:var(--zinc-600);font-size:15.5px;line-height:1.6;margin:0;max-width:50ch}.story-stage-wrap{position:sticky;top:120px;height:560px;display:flex;align-items:center;justify-content:center}.story-stage-slide{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.94) translateY(20px);transition:opacity .6s var(--ease-out),transform .7s var(--ease-out);pointer-events:none}.story-stage-slide.is-active{opacity:1;transform:none;pointer-events:auto}.story-stage-slide .mockup{width:100%;max-width:540px}.modules{padding:100px 0}.modules-head{display:flex;justify-content:space-between;align-items:end;gap:40px}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:64px;border-top:1px solid var(--zinc-200);border-left:1px solid var(--zinc-200)}.module{padding:40px 36px;border-right:1px solid var(--zinc-200);border-bottom:1px solid var(--zinc-200);position:relative;overflow:hidden;transition:background .22s ease;min-height:280px}.module:hover{background:var(--bg-alt)}.module .icon{width:32px;height:32px;border-radius:8px;background:var(--zinc-100);border:1px solid var(--zinc-200);display:flex;align-items:center;justify-content:center;margin-bottom:28px;color:var(--zinc-700)}.module h3{font-size:20px;letter-spacing:-.02em;font-weight:500;margin:0 0 8px}.module p{color:var(--zinc-600);font-size:14.5px;line-height:1.55;margin:0 0 18px}.module .link{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--ink)}.module .link:after{content:"→";transition:transform .22s}.module:hover .link:after{transform:translate(4px)}.compare{padding:100px 0;background:var(--bg-alt);border-top:1px solid var(--zinc-200);border-bottom:1px solid var(--zinc-200)}.compare-table{margin-top:56px;background:#fff;border:1px solid var(--zinc-200);border-radius:14px;overflow:hidden}.compare-row{display:grid;grid-template-columns:1.4fr 1fr 1fr;border-bottom:1px solid var(--zinc-150)}.compare-row:last-child{border-bottom:0}.compare-row>div{padding:22px 24px}.compare-row.head{background:var(--zinc-50);font-size:12.5px;font-weight:500;color:var(--zinc-600);text-transform:uppercase;letter-spacing:.08em}.compare-row.head>div{padding:16px 24px}.compare-row .feat{font-weight:500;font-size:14.5px}.compare-row .feat .sub{font-size:13px;color:var(--zinc-500);font-weight:400;margin-top:4px}.compare-row .yes{color:var(--ink);font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px}.compare-row .yes:before{content:"";width:16px;height:16px;border-radius:50%;background:var(--ink);flex-shrink:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'><path d='M4 8.5l2.5 2.5L12 5.5' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-size:contain}.compare-row .no{color:var(--zinc-400);font-size:14px}.compare-row .no:before{content:"—";margin-right:8px}.compare-row .col-old{background:#00000004}.final-cta{padding:100px 0;background:var(--zinc-950);color:#fff;text-align:center;position:relative;overflow:hidden}.final-cta:before{content:"";position:absolute;top:-200px;left:50%;width:1200px;height:600px;transform:translate(-50%);background:radial-gradient(ellipse at center,rgba(255,255,255,.06) 0%,transparent 60%);pointer-events:none}.final-cta-inner{position:relative;z-index:1}.final-cta h2{color:#fff}.final-cta h2 .serif{color:var(--zinc-300)}.final-cta .actions{margin-top:36px;display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.demo-dashboard{padding:18px;font-size:11px;color:var(--zinc-700)}.demo-dash-head{display:flex;justify-content:space-between;margin-bottom:14px}.demo-dash-head h4{font-size:14px;margin:0;letter-spacing:-.015em}.demo-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.demo-kpi{background:var(--zinc-50);border:1px solid var(--zinc-150);border-radius:8px;padding:12px}.demo-kpi .lbl{font-size:10px;color:var(--zinc-500);letter-spacing:.04em;text-transform:uppercase}.demo-kpi .val{font-size:18px;font-weight:500;letter-spacing:-.015em;margin-top:4px}.demo-kpi .delta{font-size:10.5px;color:#16a34a;margin-top:2px}.demo-kpi .delta.neg{color:#dc2626}.demo-row{display:grid;grid-template-columns:1.4fr 1fr 1fr .6fr;gap:8px;padding:10px 12px;border-bottom:1px solid var(--zinc-150);font-size:11px}.demo-row.head{background:var(--zinc-50);font-weight:500;color:var(--zinc-500);text-transform:uppercase;letter-spacing:.04em;font-size:9.5px;border-radius:6px;border:0;padding:8px 12px}.demo-row .pillsm{display:inline-flex;align-items:center;height:18px;padding:0 7px;border-radius:5px;font-size:9.5px;font-weight:500;background:var(--zinc-100);color:var(--zinc-700)}.demo-row .pillsm.green{background:#dcfce7;color:#166534}.demo-row .pillsm.red{background:#fee2e2;color:#991b1b}.demo-row .pillsm.amber{background:#fef3c7;color:#92400e}.pillsm{display:inline-flex;align-items:center;height:18px;padding:0 7px;border-radius:5px;font-size:9.5px;font-weight:500;background:var(--zinc-100);color:var(--zinc-700)}@media(max-width:980px){.story-grid{grid-template-columns:1fr;gap:32px}.story-stage-wrap{position:relative;top:0;height:auto}.story-stage-slide{position:relative;opacity:1;transform:none}.story-stage-slide:not(.is-active){display:none}.story-step{opacity:1}.module-grid{grid-template-columns:repeat(2,1fr)}.modules-head{flex-direction:column;align-items:flex-start;gap:20px}.hero-mockup .float{display:none}}@media(max-width:640px){.hero{padding:56px 0 40px}.module-grid{grid-template-columns:1fr}.module{min-height:0}.compare-row,.compare-row.head{grid-template-columns:1fr}.compare-row>div{padding:14px 18px}.compare-row.head{display:none}.hero-mockup{margin-top:36px}.demo-kpis,.demo-dashboard .demo-kpis{grid-template-columns:repeat(2,1fr)!important}}