[tabindex]:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--brand-mid);outline-offset:3px}:root{--navy:#0e1b26;--navy-2:#1c3a52;--brand:#2563eb;--brand-d:#1d4ed8;--brand-mid:#3b82f6;--brand-light:#dbeafe;--logo:#2563eb;--ink:#15212b;--t2:#475569;--t3:#7c8a99;--line:#e2e8f0;--bg:#f1f5f9;--ok:#16a34a;--ok-l:#e8f6ee;--warn:#d97706;--bad:#dc2626;--bad-l:#fbecec;--wa:#25d366;--wa-d:#128c4a;--radius:14px;--shadow:0 10px 30px rgba(15,30,45,.10);--shadow-s:0 4px 14px rgba(15,30,45,.07);--surface:#fff;--surface-2:#f6f9fc;--mono:ui-monospace,SFMono-Regular,Menlo,monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:var(--ink);background:var(--bg);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}svg.ti{width:1em;height:1em;vertical-align:-.125em}.wrap{width:100%;max-width:1160px;margin:0 auto;padding:0 22px}.btn{display:inline-flex;align-items:center;gap:8px;border:1px solid transparent;border-radius:11px;padding:12px 20px;font-size:15px;font-weight:700;cursor:pointer;transition:.15s;white-space:nowrap}.btn i{font-size:19px}.btn-wa{background:var(--wa);color:#053a1d}.btn-wa:hover{background:var(--wa-d);color:#fff}.btn-ghost{background:0 0;border-color:rgba(255,255,255,.32);color:#fff}.btn-ghost:hover{background:rgba(255,255,255,.12)}.btn-light{background:#fff;color:var(--brand-d)}.btn-light:hover{background:var(--brand-light)}.btn-brand{background:var(--brand);color:#fff}.btn-brand:hover{background:var(--brand-d)}header.nav{position:sticky;top:0;z-index:50;background:rgba(14,27,38,.9);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08)}.nav .wrap{display:flex;align-items:center;gap:18px;height:64px}.brand{display:flex;align-items:center;gap:11px;color:#fff;font-weight:800;letter-spacing:.3px;font-size:18px}.brand .logo{width:34px;height:34px;border-radius:9px;background:var(--navy);border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:var(--logo);font-weight:800;font-size:20px}.brand small{font-weight:400;opacity:.55;font-size:13px;margin-left:2px}.nav nav{margin-left:auto;display:flex;align-items:center;gap:24px}.nav nav a.link{color:rgba(255,255,255,.78);font-size:14.5px;font-weight:600}.nav nav a.link:hover{color:#fff}.nav .acts{display:flex;align-items:center;gap:10px}.nav .acts .btn{padding:9px 15px;font-size:14px}.hero{background:radial-gradient(circle at 50% -12%,var(--navy-2),var(--navy) 72%);color:#fff;padding:64px 0 78px;position:relative;overflow:hidden}.hero .grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--brand-mid);background:rgba(37,99,235,.12);border:1px solid rgba(37,99,235,.3);padding:6px 13px;border-radius:99px}h1.headline{font-size:45px;line-height:1.08;font-weight:800;margin:20px 0 0;letter-spacing:-.6px}h1.headline span{color:var(--brand-mid)}.lead{font-size:18px;color:rgba(255,255,255,.8);margin-top:18px;max-width:580px}.lead b{color:#fff;font-weight:700}.device-note{margin-top:18px;font-size:14px;color:rgba(255,255,255,.62);display:flex;align-items:center;gap:8px}.device-note i{font-size:18px;color:var(--brand-mid)}.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.hero-stats{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap}.hero-stats .s{display:flex;align-items:center;gap:9px;font-size:13.5px;font-weight:600;color:rgba(255,255,255,.82)}.hero-stats .s i{font-size:19px;color:var(--brand-mid)}.mockup{position:relative;display:flex;justify-content:center}.phone{width:286px;background:#0b1622;border:1px solid rgba(255,255,255,.12);border-radius:32px;padding:12px;box-shadow:0 34px 80px rgba(0,0,0,.55)}.phone .screen{background:var(--bg);border-radius:22px;overflow:hidden}.ph-top{background:var(--brand-d);color:#fff;padding:13px 14px}.ph-top .t1{font-size:14px;font-weight:700;display:flex;align-items:center;gap:7px}.ph-top .t2{font-size:11.5px;opacity:.82;margin-top:3px;display:flex;align-items:center;gap:6px}.ph-body{padding:13px;color:var(--ink)}.ph-item{background:#fff;border:1px solid var(--line);border-radius:12px;padding:11px 12px;margin-bottom:9px}.ph-item .sku{font-family:var(--mono);font-size:12px;color:var(--t2)}.ph-item .nm{font-weight:700;font-size:14px;margin-top:1px}.ph-row{display:flex;align-items:center;gap:8px;margin-top:9px}.ph-qty{flex:1;border:1px solid var(--brand);border-radius:9px;padding:8px 10px;font-weight:800;color:var(--brand-d);font-size:16px}.ph-save{background:var(--ok);color:#fff;border:none;border-radius:9px;padding:9px 14px;font-weight:700;font-size:13px;display:inline-flex;align-items:center;gap:5px}.ph-lock{background:#eff6ff;border:1px solid var(--brand-light);border-radius:11px;padding:10px 12px;font-size:12px;color:var(--brand-d);display:flex;align-items:center;gap:7px;font-weight:600}.ph-chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--ok);font-weight:700;margin-top:7px}.float{position:absolute;background:#fff;color:var(--ink);border-radius:12px;padding:9px 13px;box-shadow:var(--shadow);font-size:12.5px;font-weight:700;display:flex;align-items:center;gap:8px}.float i{font-size:18px}.float.f1{top:14px;left:-10px;color:var(--ok)}.float.f2{bottom:96px;right:-16px;color:var(--brand)}.float.f3{bottom:6px;left:6px;color:var(--warn)}.proof-strip{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.proof-row{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 40px;padding:22px 20px}.proof{display:flex;align-items:center;gap:10px;font-size:14.5px;font-weight:700;color:var(--ink)}.proof i{font-size:22px;color:var(--brand)}section.block{padding:74px 0}.sec-head{text-align:center;max-width:740px;margin:0 auto 46px}.eyebrow.dark{color:var(--brand);background:#eff6ff;border-color:#dbeafe}.sec-head h2{font-size:33px;font-weight:800;margin:16px 0 12px;letter-spacing:-.4px}.sec-head p{font-size:17px;color:var(--t2)}.band{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.vs{display:grid;grid-template-columns:1fr 1fr;gap:22px}.vs-card{border-radius:var(--radius);padding:26px;border:1px solid var(--line);background:#fff}.vs-card.bad{background:var(--bad-l);border-color:#f0d2d2}.vs-card.good{background:var(--ok-l);border-color:#bfe6cd}.vs-card .h{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px;margin-bottom:14px}.vs-card.bad .h{color:var(--bad)}.vs-card.good .h{color:var(--ok)}.vs-card .h i{font-size:24px}.vs-list{list-style:none;display:flex;flex-direction:column;gap:11px}.vs-list li{display:flex;align-items:flex-start;gap:10px;font-size:15px;color:var(--ink)}.vs-list li i{flex-shrink:0;font-size:19px;margin-top:1px}.vs-card.bad li i{color:var(--bad)}.vs-card.good li i{color:var(--ok)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;counter-reset:st}.step{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px 22px 22px;position:relative}.step::before{counter-increment:st;content:counter(st);position:absolute;top:-16px;left:22px;width:36px;height:36px;background:var(--brand);color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:17px;box-shadow:var(--shadow)}.step i.big{font-size:28px;color:var(--brand);margin-top:8px}.step h3{font-size:18px;margin:11px 0 7px;font-weight:800}.step p{font-size:14.5px;color:var(--t2)}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:var(--shadow)}.panel-h{font-size:13px;font-weight:700;color:var(--t2);text-transform:uppercase;letter-spacing:.6px;display:flex;align-items:center;gap:8px;margin-bottom:16px}.panel-h i{color:var(--brand);font-size:18px}.panel-h .live{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--ok);text-transform:none;letter-spacing:0;font-weight:700}.panel-h .live .dot{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px rgba(22,163,74,.18)}.browser{max-width:980px;margin:0 auto;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:#fff}.browser-bar{display:flex;align-items:center;gap:7px;padding:10px 14px;background:#f1f5f9;border-bottom:1px solid var(--line)}.browser-bar .bdot{width:11px;height:11px;border-radius:50%;flex-shrink:0;background:#cbd5e1}.browser-bar .bdot:first-child{background:#f87171}.browser-bar .bdot:nth-child(2){background:#fbbf24}.browser-bar .bdot:nth-child(3){background:#34d399}.browser-bar .burl{margin-left:10px;font-size:12.5px;color:var(--t3);background:#fff;border:1px solid var(--line);border-radius:7px;padding:3px 12px;flex:1;max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audit{padding:22px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.kpi{border:1px solid var(--line);border-radius:12px;padding:13px 14px;background:var(--surface-2)}.kpi .kl{font-size:11px;color:var(--t2);text-transform:uppercase;letter-spacing:.4px;display:flex;align-items:center;gap:5px}.kpi .kl i{font-size:14px;color:var(--brand)}.kpi .kv{font-size:23px;font-weight:800;margin-top:4px;line-height:1}.kpi.ok .kv{color:var(--ok)}.kpi.warn .kv{color:var(--warn)}.kpi.brand .kv{color:var(--brand-d)}.atable{width:100%;border-collapse:collapse;font-size:13.5px}.atable th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--t2);padding:8px 10px;border-bottom:1px solid var(--line)}.atable td{padding:9px 10px;border-bottom:1px solid var(--line)}.atable tr:last-child td{border-bottom:none}.atable .sku{font-family:var(--mono);font-size:12.5px;color:var(--t2)}.pill{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:99px}.pill.m{background:var(--ok-l);color:var(--ok)}.pill.f{background:var(--bad-l);color:var(--bad)}.pill.s{background:#eef6ff;color:var(--brand-d)}.audit-foot{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.evolbox{flex:1;min-width:230px;border:1px solid var(--line);border-radius:12px;padding:14px 16px;background:#fff}.evolbox .et{font-size:12px;font-weight:700;color:var(--t2);display:flex;align-items:center;gap:7px;margin-bottom:11px}.evolbox .et i{color:var(--brand)}.erow{display:flex;align-items:center;gap:10px;margin-bottom:8px}.erow .el{width:46px;font-size:12px;font-weight:700;color:var(--t2)}.erow .bar{flex:1;height:10px;background:#eef2f6;border-radius:99px;overflow:hidden}.erow .bar i{display:block;height:100%;border-radius:99px;background:var(--bad)}.erow .bar i.mid{background:var(--warn)}.erow .bar i.ok{background:var(--ok)}.erow .en{width:54px;text-align:right;font-size:12px;font-weight:700;color:var(--t2)}.spot{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin-bottom:62px}.spot:last-child{margin-bottom:0}.spot.rev .spot-txt{order:2}.spot-txt .tag{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:var(--brand);background:#eff6ff;border:1px solid #dbeafe;padding:5px 12px;border-radius:99px;text-transform:uppercase;letter-spacing:.6px}.spot-txt h3{font-size:26px;font-weight:800;margin:15px 0 12px;letter-spacing:-.3px}.spot-txt p{font-size:16.5px;color:var(--t2)}.spot-txt ul{list-style:none;margin-top:16px;display:flex;flex-direction:column;gap:10px}.spot-txt ul li{display:flex;align-items:flex-start;gap:10px;font-size:15px}.spot-txt ul li i{color:var(--ok);font-size:19px;flex-shrink:0;margin-top:1px}.dist-row{display:flex;align-items:center;gap:12px;margin-bottom:11px}.dist-row .lbl{width:104px;font-size:13px;font-weight:700;display:flex;align-items:center;gap:6px}.dist-row .lbl i{font-size:16px;color:var(--brand)}.dist-row .bar{flex:1;height:14px;background:#eef2f6;border-radius:99px;overflow:hidden}.dist-row .bar i{display:block;height:100%;background:var(--brand);border-radius:99px}.dist-foot{margin-top:14px;background:#eff6ff;border:1px solid var(--brand-light);border-radius:11px;padding:11px 13px;font-size:13.5px;color:var(--brand-d);display:flex;align-items:center;gap:8px;font-weight:600}.dist-foot i{font-size:19px;flex-shrink:0}.pace-top{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.pace-top .c{background:var(--surface-2);border:1px solid var(--line);border-radius:11px;padding:12px;text-align:center}.pace-top .c span{font-size:11px;color:var(--t2);text-transform:uppercase;letter-spacing:.4px;display:block}.pace-top .c b{font-size:21px;font-weight:800;color:var(--ink);margin-top:3px;display:block}.pace-top .c.hi b{color:var(--ok)}.pb{display:flex;align-items:center;gap:12px;margin-bottom:11px}.pb .lbl{width:96px;font-size:13px;font-weight:700;display:flex;align-items:center;gap:6px}.pb .lbl i{color:var(--brand);font-size:15px}.pb .bar{flex:1;height:12px;background:#eef2f6;border-radius:99px;overflow:hidden}.pb .bar i{display:block;height:100%;border-radius:99px;background:var(--ok)}.pb .bar i.mid{background:var(--brand-mid)}.pb .bar i.low{background:var(--warn)}.pb .n{width:40px;text-align:right;font-weight:800;font-size:13px;color:var(--t2)}.blind .ph-item{background:var(--surface-2)}.blind-q{font-size:13.5px;color:var(--ink);font-weight:600;margin-bottom:12px;display:flex;align-items:center;gap:8px}.blind-q i{color:var(--brand);font-size:18px}.blind-r{display:flex;align-items:center;gap:10px;background:var(--ok-l);border:1px solid #bfe6cd;border-radius:11px;padding:11px 13px;font-size:14px;font-weight:700;color:var(--ok)}.blind-r i{font-size:20px}.blind-no{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:12.5px;color:var(--t2)}.blind-no i{color:var(--t3);font-size:16px}.mv-row{display:flex;align-items:center;gap:11px;padding:10px 0;border-bottom:1px solid var(--line)}.mv-row:last-of-type{border-bottom:none}.mv-row .ic{width:34px;height:34px;border-radius:9px;background:#eff6ff;color:var(--brand);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.mv-row .info{flex:1}.mv-row .info b{font-size:13.5px;display:block}.mv-row .info span{font-size:12px;color:var(--t2)}.mv-row .tag2{font-size:11px;font-weight:700;padding:3px 9px;border-radius:99px;background:var(--ok-l);color:var(--ok)}.mv-eq{margin-top:14px;background:var(--navy);color:#fff;border-radius:11px;padding:12px 14px;font-size:13px;display:flex;align-items:center;gap:9px;flex-wrap:wrap}.mv-eq i{font-size:18px;color:var(--brand-mid)}.mv-eq code{font-family:var(--mono);font-size:12.5px;background:rgba(255,255,255,.1);padding:2px 7px;border-radius:6px}.rec{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.rec:last-of-type{border-bottom:none}.rec>i{font-size:20px;color:var(--brand);flex-shrink:0}.rec .info{flex:1}.rec .info b{font-size:14px;display:block}.rec .info span{font-size:12.5px;color:var(--t2)}.rec .lk{font-size:11px;font-weight:700;color:var(--brand-d);background:#eff6ff;border:1px solid var(--brand-light);padding:4px 9px;border-radius:99px;display:inline-flex;align-items:center;gap:5px}.comp-note{margin-top:16px;background:#fff7ed;border:1px solid #f3dcc0;border-radius:11px;padding:13px 14px;font-size:14px;color:#7a4a12;display:flex;gap:9px;align-items:flex-start}.comp-note i{font-size:20px;flex-shrink:0;margin-top:1px}.roles{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.role{border:1px solid var(--line);border-radius:var(--radius);padding:22px;background:#fff;text-align:center}.role .ic{width:52px;height:52px;border-radius:14px;background:#eff6ff;color:var(--brand);margin:0 auto 12px;display:flex;align-items:center;justify-content:center;font-size:26px}.role h3{font-size:17px;font-weight:800;margin-bottom:4px}.role .how{font-size:12px;font-weight:700;color:var(--brand-d);background:#eff6ff;border-radius:99px;padding:3px 10px;display:inline-block;margin-bottom:9px}.role p{font-size:13.5px;color:var(--t2)}.feats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feat{border:1px solid var(--line);border-radius:var(--radius);padding:22px;background:#fff;transition:.15s}.feat:hover{border-color:var(--brand-mid);box-shadow:var(--shadow);transform:translateY(-2px)}.feat .ic{width:44px;height:44px;border-radius:12px;background:#eff6ff;color:var(--brand);display:flex;align-items:center;justify-content:center;font-size:23px}.feat h3{font-size:16.5px;margin:14px 0 7px;font-weight:800}.feat p{font-size:14px;color:var(--t2)}.cta{background:radial-gradient(circle at 50% 130%,var(--navy-2),var(--navy) 72%);color:#fff;text-align:center;padding:80px 0}.cta h2{font-size:35px;font-weight:800;letter-spacing:-.4px;max-width:780px;margin:0 auto}.cta p{font-size:18px;color:rgba(255,255,255,.8);margin:16px auto 30px;max-width:620px}.cta .row{display:flex;justify-content:center;flex-wrap:wrap;gap:13px}.cta .phone-line{margin-top:22px;font-size:15px;color:rgba(255,255,255,.7);display:inline-flex;align-items:center;gap:7px}.cta .phone-line b{color:#fff}footer{background:#0b1622;color:rgba(255,255,255,.6);padding:34px 0;font-size:14px}footer .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:16px;justify-content:space-between}footer a.link{color:rgba(255,255,255,.72)}footer a.link:hover{color:#fff}footer .fbrand{display:flex;align-items:center;gap:9px;color:#fff;font-weight:800}footer .fbrand .logo{width:28px;height:28px;border-radius:8px;background:var(--navy);border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:var(--logo);font-size:16px}.wa-float{position:fixed;right:20px;bottom:20px;z-index:80;background:var(--wa);color:#fff;border-radius:99px;padding:14px 20px;font-weight:800;font-size:15px;display:flex;align-items:center;gap:9px;box-shadow:0 10px 30px rgba(18,140,74,.45);transition:.15s}.wa-float i{font-size:24px}.wa-float:hover{background:var(--wa-d);transform:translateY(-2px)}.only-mobile{display:none}@media(max-width:980px){h1.headline{font-size:38px}.hero .grid,.spot,.vs{grid-template-columns:1fr;gap:34px}.spot.rev .spot-txt{order:0}.steps{grid-template-columns:repeat(2,1fr)}.feats,.roles{grid-template-columns:repeat(2,1fr)}.mockup{order:-1}.nav nav .link{display:none}.kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.wrap{padding:0 16px}h1.headline{font-size:30px}.lead{font-size:16px}.cta h2,.sec-head h2{font-size:25px}.spot-txt h3{font-size:22px}.feats,.roles,.steps{grid-template-columns:1fr}section.block{padding:54px 0}.nav .acts .btn-light{display:none}.float{display:none}.audit{padding:16px}.wa-float span.lbl{display:none}.wa-float{padding:15px}.only-desktop{display:none}.only-mobile{display:inline}}html[data-device=mobile] .only-desktop{display:none}html[data-device=mobile] .only-mobile{display:inline}.bw-100{width:100%}.bw-46{width:46%}.bw-27{width:27%}.bw-82{width:82%}.bw-60{width:60%}.bw-38{width:38%}.bw-64{width:64%}.bw-78{width:78%}.bw-54{width:54%}.bw-31{width:31%}