html{scroll-behavior:smooth;scroll-padding-top:70px}
.lnav{display:flex;gap:4px}.lnav a{color:var(--text);font-size:14px;font-weight:600;padding:6px 10px;border-radius:8px}.lnav a:hover{background:var(--panel);text-decoration:none}
.btn.lg{padding:12px 20px;font-size:15px;border-radius:12px}
.hero2{max-width:1160px;margin:0 auto;padding:48px 24px 40px;display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}
.hero2 h1{font-size:clamp(30px,4.4vw,50px);line-height:1.08;margin:16px 0 14px;letter-spacing:-.02em}
.hero2 p{font-size:18px;color:var(--muted);max-width:56ch;margin:0}
.proof{list-style:none;padding:0;margin:22px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;font-size:14px}.proof li{display:flex;gap:7px;align-items:flex-start}.proof svg{color:var(--accent);margin-top:3px}
.mock{background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}
.mock-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--panel-2);font-size:12px;font-weight:700;color:var(--muted)}.mock-bar i{width:10px;height:10px;border-radius:50%;background:var(--line)}.mock-bar span{margin-left:8px}
.mock-body{padding:14px;display:flex;flex-direction:column;gap:9px}
.mock-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.mock-stats div{border:1px solid var(--line);border-radius:10px;padding:8px;background:var(--panel-2)}.mock-stats b{display:block;font-size:20px}.mock-stats span{font-size:11px;color:var(--muted)}
.mock-row{display:flex;gap:8px;align-items:center;font-size:12.5px;padding:6px 0;border-bottom:1px solid var(--line)}
.mock-bars{display:flex;flex-direction:column;gap:6px;margin-top:4px}
.mock-note{padding:8px 14px;font-size:11px;color:var(--muted);border-top:1px solid var(--line);background:var(--panel-2)}
.sec{max-width:1160px;margin:0 auto;padding:56px 24px}
.sec h2{font-size:clamp(24px,3vw,34px);letter-spacing:-.01em;margin:0 0 8px}
.sec .lead{color:var(--muted);font-size:17px;max-width:70ch;margin:0 0 26px}
.sec.alt{max-width:none;background:var(--panel-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.sec.alt .inner{max-width:1112px;margin:0 auto}
.center{text-align:center;margin-top:26px}
.card h3{font-size:16px}
.pain-q{font-weight:800;font-size:16px;margin-bottom:10px}.pain-a{display:flex;gap:8px;color:var(--muted);font-size:14px}.pain-a svg{color:var(--accent);flex:none;margin-top:3px}
.num{font-size:12px;font-weight:800;color:var(--primary);letter-spacing:.08em}
.step{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--primary);color:#fff;font-weight:800;margin-bottom:8px}
.tick{list-style:none;padding:0;margin:8px 0 12px;display:flex;flex-direction:column;gap:6px;font-size:14px}.tick li{display:flex;gap:7px;align-items:flex-start}.tick svg{color:var(--accent);flex:none;margin-top:3px}
.cmp th:last-child{color:var(--primary)}.cmp td.win{font-weight:700}.cmp td.win svg{color:var(--accent);vertical-align:-3px}
.chip{padding:9px 16px;border-radius:999px;border:1px solid var(--line);background:var(--panel);font-weight:600;font-size:14px}
.faq{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin-bottom:10px}.faq summary{cursor:pointer;font-weight:700}.faq p{margin:10px 0 0;color:var(--muted)}
.cta-box{display:grid;grid-template-columns:1fr 1.1fr;gap:32px;align-items:start}
.final{text-align:center;background:linear-gradient(135deg,var(--primary),#4d3fd0);color:#fff;padding:56px 24px}.final h2{font-size:clamp(24px,3vw,34px);margin:0 0 8px}.final p{margin:0 0 20px;opacity:.9}
@media (max-width:900px){.hero2,.cta-box{grid-template-columns:1fr;gap:26px;padding-top:28px}.lnav{display:none}.proof{grid-template-columns:1fr}.mock-stats{grid-template-columns:repeat(2,1fr)}.sec{padding:40px 16px}.hero2{padding-left:16px;padding-right:16px}}

/* ---- funnel ---- */
.calc-box{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:center}
.calc-box input[type=range]{width:100%;accent-color:var(--primary)}
.calc-res{text-align:center;display:flex;flex-direction:column;gap:10px;align-items:center;padding:26px}
.calc-big b{font-size:clamp(36px,6vw,56px);line-height:1;color:var(--primary)}.calc-big span{font-weight:700;color:var(--muted)}
.calc-small{font-size:18px}.calc-small b{font-size:22px}
.quiz{padding:26px}.quiz-q{font-size:22px;margin:10px 0 18px}
.quiz-progress{height:6px;border-radius:999px;background:var(--panel-2);overflow:hidden;margin-bottom:8px}.quiz-progress i{display:block;height:100%;width:0;background:var(--primary);transition:width .3s}
.quiz-dial{--p:0;width:92px;height:92px;border-radius:50%;display:grid;place-items:center;flex:none;position:relative;background:conic-gradient(var(--c,var(--primary)) calc(var(--p)*1%),var(--panel-2) 0)}
.quiz-dial::before{content:"";position:absolute;inset:9px;border-radius:50%;background:var(--panel)}
.quiz-dial b,.quiz-dial span{position:relative;font-weight:800}.quiz-dial b{font-size:26px}.quiz-dial span{font-size:12px;margin-left:1px;align-self:center}
.quiz-dial{grid-auto-flow:column;place-content:center}
.quiz-dial.ok{--c:var(--accent)}.quiz-dial.warn{--c:var(--warn)}.quiz-dial.bad{--c:var(--danger)}
.ok-text{color:var(--accent)}
.demo{display:flex;flex-direction:column;gap:14px;max-width:860px}
.demo-tabs{display:flex;flex-wrap:wrap;gap:8px}
.demo-tabs button{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:var(--panel);font-weight:700;font-size:13.5px}
.demo-tabs button span{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--panel-2);font-size:12px}
.demo-tabs button.on{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,var(--panel));color:var(--primary)}.demo-tabs button.on span{background:var(--primary);color:#fff}
.demo-pane{display:flex;flex-direction:column;gap:10px;padding:22px}.demo-detail{background:var(--panel-2);border-radius:10px;padding:10px 14px;font-weight:600;font-size:14px}
.ind-card{display:block;color:var(--text)}.ind-card:hover{text-decoration:none;border-color:var(--primary);transform:translateY(-2px)}
.sticky-cta{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:40;display:flex;align-items:center;gap:14px;background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:8px 10px 8px 20px;box-shadow:var(--shadow);max-width:calc(100vw - 24px);font-weight:700;font-size:14px}
@media (max-width:900px){.calc-box{grid-template-columns:1fr}.sticky-cta{left:12px;right:12px;transform:none;border-radius:16px}.sticky-cta span{display:none}.sticky-cta .btn.primary{flex:1;justify-content:center}.quiz-q{font-size:19px}}
.need{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:var(--panel-2);--nc:var(--primary)}.need.ok{--nc:var(--accent)}.need.warn{--nc:var(--warn)}.need.bad{--nc:var(--danger)}
.need-bar{height:8px;border-radius:999px;background:var(--line);overflow:hidden;margin:6px 0}.need-bar i{display:block;height:100%;width:0;background:var(--nc);transition:width .5s}.need b{color:var(--nc)}
.gaps{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}.gaps li{border-left:3px solid var(--warn);padding-left:12px}.gap-why{color:var(--muted);font-size:14px}.gap-fix{font-size:14px;margin-top:2px}.gap-fix span{color:var(--accent);font-weight:700}.gap-fix em{font-style:normal}