:root{--bg:#f7f8fb;--surface:#fff;--line:#e7e9f0;--line-2:#d5d9e4;--ink:#0d1424;--ink-2:#4a5568;--ink-3:#8090a8;--brand:#0f766e;--brand-ink:#0b5f59;--brand-2:#14b8a6;--brand-soft:#e7faf6;--soft:#f1f4f8;--good:#15803d;--good-soft:#eafbf0;--bad:#c2410c;--bad-soft:#fff3ec;--warn:#a16207;--warn-soft:#fef9e7;--r:16px;--shadow:0 1px 2px rgba(13,20,36,.04),0 12px 32px -18px rgba(13,20,36,.18);--ease:cubic-bezier(.2,.7,.2,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit;color:inherit}.tnum{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:rgba(247,248,251,.86);-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--line)}.topbar-in{max-width:1120px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;gap:20px}.wordmark{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:18px;letter-spacing:-.02em;color:var(--ink)}.nav{display:flex;gap:2px}.nav a{padding:7px 11px;border-radius:9px;color:var(--ink-2);font-size:14px;font-weight:500}.nav a:hover{background:var(--soft);color:var(--ink);text-decoration:none}.grow{flex:1 1}.pill{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-2);padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);white-space:nowrap}.dot{width:8px;height:8px;border-radius:50%;background:var(--good);box-shadow:0 0 0 0 rgba(21,128,61,.4);animation:pulse 2.4s infinite}.dot.wait{background:var(--warn);animation:none}.dot.off{background:var(--bad);animation:none}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(21,128,61,.35)}70%{box-shadow:0 0 0 7px rgba(21,128,61,0)}to{box-shadow:0 0 0 0 rgba(21,128,61,0)}}main{max-width:1120px;margin:0 auto;padding:8px 20px 96px}.hero{padding:48px 0 12px;display:grid;grid-template-columns:1.25fr 1fr;grid-gap:40px;gap:40px}.eyebrow,.hero{align-items:center}.eyebrow{display:inline-flex;gap:8px;font-size:13px;font-weight:600;color:var(--brand);background:var(--brand-soft);padding:5px 11px;border-radius:999px}.hero h1{font-size:46px;line-height:1.06;letter-spacing:-.035em;margin:16px 0 14px}.hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--brand),var(--brand-2));-webkit-background-clip:text;background-clip:text;color:transparent}.hero p.lead{color:var(--ink-2);font-size:18px;margin:0 0 22px;max-width:560px}.cta{display:flex;gap:10px;flex-wrap:wrap}.steps{display:grid;grid-gap:10px;gap:10px}.step{display:grid;grid-template-columns:34px 1fr;grid-gap:12px;gap:12px;align-items:start;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow)}.step .k{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-weight:700;color:var(--brand);background:var(--brand-soft)}.step b{display:block;font-size:15px}.step span{color:var(--ink-2);font-size:14px}section{margin-top:56px;scroll-margin-top:84px}.head{display:flex;align-items:end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}.head h2{font-size:24px;letter-spacing:-.02em;margin:0}.head p{margin:4px 0 0;color:var(--ink-2);font-size:15px;max-width:640px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:22px}.tabs{display:inline-flex;padding:4px;gap:4px;background:var(--soft);border-radius:12px}.tab{border:0;background:transparent;padding:7px 14px;border-radius:9px;font-weight:600;font-size:14px;color:var(--ink-2);cursor:pointer;transition:background .2s var(--ease),color .2s}.tab[aria-selected=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px rgba(13,20,36,.08)}.q{font-size:19px;font-weight:600;letter-spacing:-.01em;margin:18px 0 4px}.q-sub{color:var(--ink-3);font-size:14px;margin-bottom:18px}.compare{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.side{border:1px solid var(--line);border-radius:14px;padding:20px;background:var(--surface);transition:border-color .3s}.side.on{border-color:rgba(20,184,166,.55);background:linear-gradient(180deg,#f0fdfa,#fff 55%)}.side .tag{font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);display:flex;gap:8px;align-items:center;flex-wrap:wrap}.side.on .tag{color:var(--brand)}.big{font-size:54px;font-weight:700;letter-spacing:-.045em;line-height:1;margin:12px 0 2px;display:flex;align-items:baseline;gap:10px}.big small{font-size:15px;font-weight:600;letter-spacing:0;color:var(--ink-3)}.expl{color:var(--ink-2);font-size:14px;margin:6px 0 16px;min-height:42px}.rows{grid-gap:12px;gap:12px}.row,.rows{display:grid}.row{grid-template-columns:22px 1fr auto;grid-gap:10px;gap:10px;align-items:center}.row .n{color:var(--ink-3);font-size:13px}.row .who{font-weight:600;font-size:14px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.row .r{font-size:13px;color:var(--ink-2);text-align:right;white-space:nowrap}.track{height:6px;background:var(--soft);overflow:hidden;margin-top:6px}.track,.track>i{border-radius:4px}.track>i{display:block;height:100%;background:#94a3b8;transition:width .9s var(--ease)}.on .track>i{background:linear-gradient(90deg,var(--brand),var(--brand-2))}.mv{font-size:12px;font-weight:700}.mv.up{color:var(--good)}.mv.down{color:var(--bad)}.verdict{margin-top:16px;padding:14px 16px;border-radius:12px;background:var(--soft);color:var(--ink-2);font-size:15px}.verdict b{color:var(--ink)}.badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;background:var(--soft);color:var(--ink-2);white-space:nowrap}.badge.good{background:var(--good-soft);color:var(--good)}.badge.bad{background:var(--bad-soft);color:var(--bad)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.brand{background:var(--brand-soft);color:var(--brand)}.split{display:grid;grid-template-columns:1.15fr 1fr;grid-gap:16px;gap:16px;align-items:start}.form{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.field{display:grid;grid-gap:6px;gap:6px}.field.w2{grid-column:span 2}.field.w4{grid-column:1/-1}.field label{font-size:13px;font-weight:600;color:var(--ink-2)}.field input,.field select{width:100%;padding:10px 12px;border:1px solid var(--line-2);border-radius:10px;background:var(--surface);transition:border-color .15s,box-shadow .15s}.field input:focus,.field select:focus{outline:none;border-color:var(--brand-2);box-shadow:0 0 0 3px rgba(20,184,166,.18)}.range{display:flex;gap:10px;align-items:center}.range input[type=range]{flex:1 1;accent-color:var(--brand);padding:0;border:0;box-shadow:none}.range output{min-width:44px;text-align:right;font-weight:700}.help{font-size:13px;color:var(--ink-3);grid-column:1/-1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:11px;border:1px solid transparent;background:var(--brand);color:#fff;font-weight:600;cursor:pointer;transition:background .15s,transform .1s}.btn:hover{background:var(--brand-ink);text-decoration:none}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:progress}.btn.ghost{background:var(--surface);color:var(--ink);border-color:var(--line-2)}.btn.ghost:hover{background:var(--soft)}.btn.sm{padding:7px 12px;font-size:13px;border-radius:9px}.spin{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;animation:rot .8s linear infinite}.btn.ghost .spin{border-color:var(--line-2);border-top-color:var(--brand)}@keyframes rot{to{transform:rotate(1turn)}}.list{grid-gap:8px;gap:8px}.li,.list{display:grid}.li{grid-template-columns:1fr auto;grid-gap:10px;gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:12px}.li,.li .t{align-items:center}.li .t{font-weight:600;font-size:14px;display:flex;gap:6px;flex-wrap:wrap}.li .s{font-size:13px;margin-top:2px}.empty,.li .s{color:var(--ink-3)}.empty{font-size:14px;padding:6px 0}.toast{margin-top:16px;padding:16px 18px;border-radius:14px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);display:grid;grid-gap:10px;gap:10px;animation:rise .45s var(--ease)}.toast.good{border-color:#bbf7d0}.toast.bad{border-color:#fed7aa;background:var(--bad-soft)}.chain{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.rc{font:12px ui-monospace,SFMono-Regular,Menlo,monospace;padding:3px 8px;border-radius:7px;background:var(--soft);color:var(--ink-2)}a.rc:hover{background:#e3e8ef;text-decoration:none}.board{grid-gap:10px;gap:10px}.board,.lb{display:grid}.lb{grid-template-columns:28px 1.4fr 1fr 110px;grid-gap:14px;gap:14px;align-items:center;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.lb .pos{font-weight:700;color:var(--ink-3)}.lb .nm{font-weight:700;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.lb .rule{font-size:13px;color:var(--ink-3);margin-top:2px}.lb .facts{font-size:13px;color:var(--ink-2)}.lb .trust{text-align:right}.lb .trust b{font-size:22px;letter-spacing:-.02em;display:block}.lb .trust span{font-size:12px;color:var(--ink-3)}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;color:var(--ink-3);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.06em;padding:10px;white-space:nowrap}td,th{border-bottom:1px solid var(--line)}td{padding:12px 10px;vertical-align:middle}tr:last-child td{border-bottom:0}.scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.muted{color:var(--ink-3);font-size:13px}.legend{display:flex;gap:16px;flex-wrap:wrap;margin-top:12px;font-size:13px;color:var(--ink-2)}.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}.curve path.line{stroke-dasharray:2000;stroke-dashoffset:2000;animation:draw 1.8s var(--ease) forwards}@keyframes draw{to{stroke-dashoffset:0}}.stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.stat{padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.stat b{font-size:28px;letter-spacing:-.03em;display:block}.stat span{font-size:13px;color:var(--ink-3)}.integr{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-top:12px}.integr .stat b{font-size:15px;letter-spacing:0;display:flex;gap:8px;align-items:center}.reveal{opacity:0;transform:translateY(14px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal.in{opacity:1;transform:none}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.sk{height:14px;border-radius:7px;background:linear-gradient(90deg,#eef1f6,#f8f9fc,#eef1f6);background-size:200% 100%;animation:sh 1.2s infinite}@keyframes sh{0%{background-position:200% 0}to{background-position:-200% 0}}.logo-check{stroke-dasharray:40;stroke-dashoffset:40;animation:check .9s .2s var(--ease) forwards}@keyframes check{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.logo-check{stroke-dashoffset:0}}footer{margin-top:64px;padding-top:22px;border-top:1px solid var(--line);display:flex;gap:16px;flex-wrap:wrap;justify-content:space-between;color:var(--ink-3);font-size:13px}@media (max-width:900px){.hero{grid-template-columns:1fr;padding-top:28px;gap:24px}.hero h1{font-size:36px}.compare,.split{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.integr{grid-template-columns:1fr}.nav{display:none}}@media (max-width:560px){main{padding:4px 16px 72px}.topbar-in{padding:10px 16px}.hero h1{font-size:31px}.hero p.lead{font-size:16px}.big{font-size:44px}.card,.side{padding:16px}.form{grid-template-columns:1fr 1fr}.field.w2{grid-column:1/-1}.lb{grid-template-columns:24px 1fr}.lb .facts,.lb .trust{grid-column:2;text-align:left}.pill .long{display:none}.tabs{width:100%}.tab{flex:1 1;padding:7px 6px}}.btn{white-space:nowrap}.scroll table{min-width:680px}.tryflow{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.trystep{display:grid;grid-gap:6px;gap:6px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow);color:var(--ink);transition:transform .2s var(--ease),border-color .2s}a.trystep:hover{transform:translateY(-2px);border-color:var(--brand-2);text-decoration:none}.trystep .k{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-weight:700;color:var(--brand);background:var(--brand-soft)}.trystep span:not(.k){color:var(--ink-2);font-size:14px}.howgrid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px}.howgrid .card p{margin:6px 0 0;color:var(--ink-2);font-size:14px}@media (max-width:900px){.tryflow{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.howgrid,.tryflow{grid-template-columns:1fr}}.advice{grid-column:1/-1;font-size:14px;color:var(--ink-2);padding:12px 14px;border-radius:12px;background:var(--soft);border:1px solid var(--line);transition:background .3s,border-color .3s}.advice b{color:var(--ink)}.advice.warn{background:var(--warn-soft);border-color:#fde68a}.advice.good{background:var(--good-soft);border-color:#bbf7d0}.linkbtn{background:none;border:0;padding:0;font:inherit;font-weight:700;color:var(--ink);cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:var(--line-2);text-decoration-color:var(--line-2);text-underline-offset:3px}.linkbtn:hover{color:var(--brand);-webkit-text-decoration-color:currentColor;text-decoration-color:currentColor}.drawer-bg{position:fixed;inset:0;z-index:50;background:rgba(13,20,36,.32);display:flex;justify-content:flex-end;animation:fade .2s var(--ease)}.drawer{width:min(520px,100%);height:100%;overflow-y:auto;background:var(--bg);padding:22px;box-shadow:-20px 0 50px -20px rgba(13,20,36,.35);animation:slide .35s var(--ease)}.drawer-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px}.drawer h3{margin:2px 0 0;font-size:24px;letter-spacing:-.02em}.drawer h4{margin:22px 0 10px;font-size:15px}.rel{grid-gap:10px}.rel,.relrow{display:grid;gap:10px}.relrow{grid-template-columns:64px 1fr auto;grid-gap:10px;align-items:center}.relbars{display:grid;grid-gap:4px;gap:4px}.relbars .track{margin-top:0}.relbars .track>i{background:linear-gradient(90deg,var(--brand),var(--brand-2))}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes slide{0%{transform:translateX(40px);opacity:0}to{transform:none;opacity:1}}@media (max-width:560px){.drawer{padding:16px}.drawer .stats{grid-template-columns:repeat(3,1fr)!important}.drawer .stat b{font-size:20px}}.scorecard{display:grid;grid-template-columns:auto 1fr;grid-gap:24px;gap:24px;align-items:center;margin-top:18px;padding:22px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);box-shadow:var(--shadow)}.score-ring{--p:50;width:132px;height:132px;border-radius:50%;display:grid;place-items:center;align-content:center;background:radial-gradient(closest-side,var(--surface) 78%,transparent 79% 100%),conic-gradient(var(--brand-2) calc(var(--p) * 1%),var(--soft) 0)}.score-ring b{font-size:40px;letter-spacing:-.03em;line-height:1}.score-ring span{font-size:12px;color:var(--ink-3)}.score-label{font-size:22px;font-weight:700;letter-spacing:-.01em;color:var(--brand)}@media (max-width:560px){.scorecard{grid-template-columns:1fr;justify-items:start}}.importrow{display:flex;gap:8px}.importrow input{flex:1 1;min-width:0}.quote{margin-top:8px;padding:10px 12px;border-left:3px solid var(--brand-2);background:var(--soft);border-radius:0 10px 10px 0;font-size:14px;color:var(--ink-2)}@media (max-width:560px){.importrow{flex-direction:column}}.toast.countdown{border-color:rgba(20,184,166,.5);background:linear-gradient(90deg,var(--brand-soft),#fff)}.toast.countdown b{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}