#root{min-height:100vh}:root{--bg:#0d1422;--bg-soft:#111827;--card:#151c2c;--card-light:#1d273a;--text:#f1f4f8;--muted:#a8b1bd;--muted-strong:#c8d2df;--teal:#00f0c8;--blue:#2563ff;--blue-deep:#1470e6;--warning:#ffb86b;--border:#ffffff1a;--border-strong:#ffffff2e;--shadow:0 24px 80px #00000059}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:radial-gradient(circle at 0 0,#00f0c824,#0000 32%),radial-gradient(circle at 100% 0,#2563ff29,#0000 34%),linear-gradient(#0d1422 0%,#0a101c 100%);margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.app{width:min(1180px,100% - 32px);margin:0 auto}.navbar{justify-content:space-between;align-items:center;gap:24px;min-height:86px;display:flex}.brand img{width:210px;max-width:52vw;display:block}.navbar nav{color:var(--muted);gap:22px;font-size:.94rem;display:flex}.navbar nav a{transition:color .2s}.navbar nav a:hover{color:var(--teal)}.hero{grid-template-columns:minmax(0,1.03fr) minmax(380px,.97fr);align-items:center;gap:54px;min-height:calc(100vh - 86px);padding:42px 0 78px;display:grid}.eyebrow,.section-label{color:var(--teal);text-transform:uppercase;letter-spacing:.16em;margin:0 0 18px;font-size:.76rem;font-weight:800}h1,h2,h3,p{overflow-wrap:anywhere}h1{letter-spacing:-.04em;margin:0;font-size:clamp(3rem,7vw,6.6rem);line-height:.95}h1 span{background:linear-gradient(90deg, var(--teal), var(--blue));color:#0000;-webkit-background-clip:text;background-clip:text}h2{letter-spacing:-.03em;margin:0 0 22px;font-size:clamp(2rem,4vw,3.8rem);line-height:1}h3{margin:0 0 12px;font-size:1.2rem}p{color:var(--muted);line-height:1.7}.hero-text{max-width:650px;margin:28px 0 0;font-size:1.15rem}.audience-line{max-width:660px;color:var(--muted-strong);margin:18px 0 0}.hero-actions{flex-wrap:wrap;gap:16px;margin-top:34px;display:flex}.btn{border:1px solid var(--border);border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 22px;font-weight:800;transition:transform .2s,border-color .2s,background .2s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn.primary{background:linear-gradient(135deg, var(--teal), var(--blue));color:#06101d;border:none}.btn.secondary{color:var(--text);background:#ffffff0b}.hero-visual{position:relative}.dashboard-card{background:linear-gradient(145deg, #151c2cf5, #111827db), var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:24px;padding:22px;position:relative;overflow:hidden}.dashboard-card:before{content:"";background:radial-gradient(circle,#00f0c838,#0000 66%);width:210px;height:210px;position:absolute;inset:-70px -60px auto auto}.mock-topbar,.dashboard-grid,.pipeline,.time-saved{z-index:1;position:relative}.mock-topbar{align-items:center;gap:8px;margin-bottom:22px;display:flex}.mock-topbar span{background:#fff3;border-radius:50%;width:11px;height:11px}.mock-topbar span:first-child{background:var(--teal)}.mock-topbar strong{color:var(--muted-strong);margin-left:auto;font-size:.88rem}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.metric,.time-saved,.pipeline>div{border:1px solid var(--border);background:#ffffff0b;border-radius:16px}.metric{min-height:104px;padding:18px}.metric span,.time-saved span,.pipeline span{color:var(--muted);margin-bottom:8px;font-size:.78rem;display:block}.metric strong{color:var(--text);font-size:2rem;line-height:1;display:block}.primary-metric{background:linear-gradient(145deg,#00f0c81f,#2563ff14);border-color:#00f0c86b}.pipeline{gap:10px;margin-top:14px;display:grid}.pipeline>div{padding:14px 16px}.pipeline strong,.time-saved strong{color:var(--text)}.time-saved{justify-content:space-between;align-items:center;gap:18px;margin-top:14px;padding:16px;display:flex}.time-saved span{margin-bottom:0}.time-saved strong{font-size:1.35rem}.request-stack{border:1px solid var(--border);background:#0a101ceb;border-radius:20px;gap:9px;width:100%;margin-top:14px;padding:14px;display:grid;position:relative;box-shadow:0 18px 46px #00000059}.request-stack span{color:var(--muted-strong);background:#ffffff0f;border-radius:12px;padding:10px 12px;font-size:.88rem}.request-stack span:last-child{color:var(--teal);background:#00f0c81f}.section{border-top:1px solid var(--border);padding:86px 0}.section-heading{max-width:820px;margin-bottom:34px}.split-intro{max-width:890px}.split-intro p:last-child{font-size:1.08rem}.comparison-grid{grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr);align-items:center;gap:22px;display:grid}.compare-card,.use-card,.module-card,.package-card{border:1px solid var(--border);background:#ffffff0b;border-radius:20px}.compare-card{min-height:360px;padding:26px}.compare-card.before{background:linear-gradient(145deg,#ffb86b14,#ffffff09)}.compare-card.after{background:linear-gradient(145deg,#00f0c81a,#2563ff14);border-color:#00f0c857}.compare-title{align-items:center;gap:12px;margin-bottom:22px;display:flex}.compare-title h3{margin-bottom:0}.status-dot,.module-mark{border-radius:999px;width:12px;height:12px;display:inline-flex}.status-dot.warm{background:var(--warning);box-shadow:0 0 22px #ffb86b5c}.status-dot.cool,.module-mark{background:var(--teal);box-shadow:0 0 22px #00f0c84d}.tag-cloud{flex-wrap:wrap;gap:10px;display:flex}.tag-cloud span{border:1px solid var(--border);min-height:38px;color:var(--muted-strong);background:#ffffff0d;border-radius:999px;align-items:center;padding:8px 12px;display:inline-flex}.tag-cloud.ordered span{background:#00f0c812;border-color:#00f0c833}.compare-arrow{color:#06101d;background:linear-gradient(135deg, var(--teal), var(--blue));border-radius:999px;place-items:center;width:56px;height:56px;font-size:1.8rem;font-weight:900;display:grid}.process-flow{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.process-step{border:1px solid var(--border);background:#ffffff0b;border-radius:20px;min-height:168px;padding:20px;position:relative}.process-step:not(:last-child):after{content:"";background:linear-gradient(90deg, var(--teal), var(--blue));width:16px;height:2px;position:absolute;top:50%;right:-15px}.process-step span{color:#06101d;background:linear-gradient(135deg, var(--teal), var(--blue));border-radius:12px;place-items:center;width:36px;height:36px;margin-bottom:22px;font-weight:900;display:grid}.process-step p{color:var(--text);margin:0;font-weight:750;line-height:1.45}.dashboard-band{border:1px solid var(--border);background:#ffffff09;border-radius:24px;grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);align-items:center;gap:40px;margin-top:42px;padding:34px;display:grid}.dashboard-band .dashboard-card{box-shadow:0 18px 54px #00000040}.use-case-grid,.packages{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.use-card,.package-card{padding:26px}.use-card p{min-height:126px}.micro-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:20px;display:grid}.micro-flow span{min-height:42px;color:var(--muted-strong);text-align:center;background:#2563ff1f;border-radius:12px;place-items:center;padding:8px;font-size:.78rem;display:grid}.modules-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.module-card{min-height:210px;padding:22px}.module-card h3{margin-top:18px}.package-card{min-height:344px}.package-card.highlighted{background:linear-gradient(145deg,#00f0c817,#2563ff14);border-color:#00f0c86b}ul{color:var(--muted);margin:22px 0 0;padding-left:20px;line-height:1.9}li::marker{color:var(--teal)}.demo-section{background:linear-gradient(135deg,#00f0c81f,#2563ff1f);border:1px solid #ffffff1f;border-radius:24px;justify-content:space-between;align-items:center;gap:28px;margin:80px 0;padding:42px;display:flex}.demo-section h2{max-width:780px}.demo-section p{max-width:720px}footer{border-top:1px solid var(--border);justify-content:space-between;gap:20px;padding:32px 0 48px;display:flex}footer p{margin:0;font-size:.95rem}@media (width<=1040px){.navbar nav{gap:14px;font-size:.88rem}.hero,.dashboard-band{grid-template-columns:1fr}.hero{min-height:auto}.hero-visual{max-width:620px}.process-flow,.modules-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.process-step:not(:last-child):after{display:none}}@media (width<=860px){.navbar nav{display:none}.comparison-grid,.use-case-grid,.packages{grid-template-columns:1fr}.compare-arrow{margin:0 auto;transform:rotate(90deg)}.use-card p{min-height:auto}.demo-section{display:block}.demo-section .btn{margin-top:24px}footer{flex-direction:column}}@media (width<=560px){.app{width:min(100% - 22px,1180px)}.brand img{width:170px}.hero{gap:34px;padding-top:28px}h1{font-size:clamp(2.85rem,14vw,4.4rem)}.hero-actions{flex-direction:column}.btn{width:100%}.dashboard-card,.compare-card,.use-card,.module-card,.package-card,.demo-section,.dashboard-band{border-radius:18px}.dashboard-card,.compare-card,.use-card,.module-card,.package-card{padding:20px}.dashboard-grid,.process-flow,.modules-grid,.micro-flow{grid-template-columns:1fr}.request-stack{width:100%;margin-top:14px;position:static}.section{padding:64px 0}.dashboard-band,.demo-section{padding:24px}.time-saved{flex-direction:column;align-items:flex-start;gap:8px}}