:root{--ink:#0c1424;--ink-2:#16203a;--paper:#f6f8fb;--surface:#fff;--line:#e5eaf1;--primary:#0fa38b;--primary-d:#0b7f6d;--accent:#ff6a3d;--gold:#f4b740;--text:#1a2233;--muted:#5c6880;--soft:#8a94a6;--r:16px;--shadow:0 14px 40px -22px rgba(12,20,36,.4)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,sans-serif;color:var(--text);background:var(--paper);line-height:1.6;-webkit-font-smoothing:antialiased}.disp,h1,h2,h3{font-family:Sora,sans-serif;letter-spacing:-.02em;line-height:1.1;color:var(--ink)}.mono{font-family:Space Mono,monospace}a{color:inherit;text-decoration:none}.wrap{max-width:1160px;margin:0 auto;padding:0 22px}.eyebrow{font-family:Space Mono,monospace;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--primary);font-weight:700}.btn{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:11px;padding:13px 22px;font-family:Sora;font-weight:600;font-size:15px;cursor:pointer;transition:.18s;text-decoration:none}.btn-accent{background:var(--accent);color:#fff;box-shadow:0 12px 26px -12px rgba(255,106,61,.8)}.btn-accent:hover{transform:translateY(-2px)}.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover{background:var(--ink-2)}.btn-ghost{background:transparent;border:1px solid var(--line);color:var(--ink)}.btn-ghost:hover{border-color:var(--primary);color:var(--primary)}.btn-sm{padding:9px 15px;font-size:13.5px;border-radius:9px}header{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:rgba(246,248,251,.86);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav{justify-content:space-between;height:68px;gap:20px}.logo,.nav{display:flex;align-items:center}.logo{gap:11px;font-family:Sora;font-weight:800;font-size:20px;color:var(--ink)}.logo .mark{width:34px;height:34px}.nav-links{display:flex;gap:26px;font-weight:500;font-size:15px;color:var(--muted)}.nav-links a:hover{color:var(--ink)}.nav-right{gap:14px}.cart,.nav-right{display:flex;align-items:center}.cart{gap:7px;font-weight:600;font-size:14px;color:var(--ink)}.cart .badge{background:var(--accent);color:#fff;border-radius:20px;font-size:12px;padding:1px 8px;font-family:Space Mono}.hero{padding:64px 0 50px;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;grid-gap:40px;gap:40px;align-items:center}.hero h1{font-size:54px;font-weight:800;margin:16px 0 18px}.hero h1 .hl{color:var(--primary)}.hero p.lead{font-size:19px;color:var(--muted);max-width:520px;margin-bottom:28px}.hero-cta{gap:13px}.hero-cta,.hero-meta{display:flex;flex-wrap:wrap}.hero-meta{gap:26px;margin-top:30px}.hero-meta .m b{font-family:Sora;font-size:24px;color:var(--ink);display:block}.hero-meta .m span{font-size:13px;color:var(--soft)}.graph{background:var(--ink);border-radius:24px;padding:18px;box-shadow:var(--shadow);position:relative}.graph svg{width:100%;height:auto;display:block}.node-label{font-family:Space Mono;font-size:10.5px;fill:#cfe}.node-c{font-family:Sora;font-size:12px;font-weight:700;fill:#fff}.trust{background:var(--ink);color:#dfe5ee}.trust .wrap{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:18px;gap:18px;padding:20px 22px}.trust .t{display:flex;gap:11px;align-items:flex-start}.trust .t .ic{color:var(--primary);flex:none;margin-top:2px}.trust .t b{font-family:Sora;font-size:14px;color:#fff;display:block}.trust .t span{font-size:12.5px;color:#9aa6b8}section{padding:66px 0}.sec-head{text-align:center;max-width:660px;margin:0 auto 44px}.sec-head h2{font-size:38px;font-weight:800;margin:12px 0}.sec-head p{color:var(--muted);font-size:17px}.packs{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:22px;gap:22px}.pack{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:28px;display:flex;flex-direction:column;transition:.2s;position:relative}.pack:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.pack.feat{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.pack .tag{position:absolute;top:-12px;left:28px;background:var(--primary);color:#fff;font-family:Space Mono;font-size:11px;font-weight:700;padding:4px 12px;border-radius:20px;letter-spacing:.05em}.pack h3{font-size:22px;margin-bottom:6px}.pack .desc{color:var(--muted);font-size:14.5px;margin-bottom:18px;min-height:42px}.pack .price{font-family:Sora;font-size:38px;font-weight:800;color:var(--ink)}.pack .price small{font-size:15px;color:var(--soft);font-weight:600}.pack ul{list-style:none;margin:18px 0 24px;display:flex;flex-direction:column;gap:10px}.pack ul li{display:flex;gap:9px;font-size:14.5px;color:var(--text)}.pack ul li .ck{color:var(--primary);flex:none}.pack .btn{margin-top:auto;justify-content:center}.cat-controls{display:flex;justify-content:center;gap:10px;margin-bottom:28px;flex-wrap:wrap}.chip{border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:8px 16px;font-size:13.5px;font-weight:600;color:var(--muted);cursor:pointer}.chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}.catalog{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:18px;gap:18px}.site{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:12px;transition:.18s}.site:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#d4dbe6}.site .top{display:flex;justify-content:space-between;align-items:flex-start}.site .name{font-family:Sora;font-weight:700;font-size:17px;color:var(--ink)}.site .kind{font-family:Space Mono;font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--soft)}.site .url{font-family:Space Mono;font-size:12px;color:var(--primary);word-break:break-all}.metrics{display:flex;gap:14px;flex-wrap:wrap}.metric b{font-family:Sora;font-size:16px;color:var(--ink)}.metric span{display:block;font-size:11px;color:var(--soft)}.score{display:inline-flex;align-items:center;gap:5px;background:#fff7e6;color:#8a6400;border:1px solid #f4e2b0;border-radius:8px;padding:3px 9px;font-family:Space Mono;font-size:12px;font-weight:700}.site .foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:6px}.site .pp{font-family:Sora;font-weight:800;font-size:20px;color:var(--ink)}.df{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:700;color:var(--primary)}.pipe-sec{background:var(--ink);color:#e7ecf3}.pipe-sec h2{color:#fff}.pipe-sec .sec-head p{color:#9aa6b8}.pipe{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:0;gap:0;margin-top:10px}.pipe,.step{position:relative}.step{padding:0 14px;text-align:center}.step .num{width:46px;height:46px;border-radius:50%;background:var(--ink-2);border:1px solid #2b3958;color:var(--primary);font-family:Space Mono;font-weight:700;display:grid;place-items:center;margin:0 auto 16px;position:relative;z-index:2}.step.go .num{background:var(--accent);border-color:var(--accent);color:#fff}.step h3{font-family:Sora;color:#fff;font-size:16px;margin-bottom:7px}.step p{font-size:13px;color:#9aa6b8}.pipe .line{position:absolute;top:23px;left:10%;right:10%;height:2px;background:linear-gradient(90deg,#2b3958,var(--primary),var(--accent));z-index:1}.compare{display:grid;grid-template-columns:1fr 1fr;grid-gap:22px;gap:22px;max-width:900px;margin:0 auto}.col{border-radius:var(--r);padding:28px;border:1px solid var(--line)}.col.old{background:var(--surface)}.col.new{background:#062a25;color:#dff3ee;border-color:#0b4a40}.col h3{font-size:21px;margin-bottom:18px}.col.new h3{color:#fff}.col ul{list-style:none;display:flex;flex-direction:column;gap:13px}.col li{display:flex;gap:10px;font-size:14.5px}.col.old li{color:var(--muted)}.x{color:#c44}.v,.x{flex:none}.v{color:#34d39e}.band{background:linear-gradient(120deg,var(--primary),var(--primary-d));color:#fff;border-radius:24px;padding:48px;text-align:center;box-shadow:var(--shadow)}.band h2{color:#fff;font-size:34px;margin-bottom:12px}.band p{opacity:.9;font-size:17px;margin-bottom:24px}footer{background:var(--ink);color:#9aa6b8;padding:54px 0 30px;margin-top:10px}.fgrid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;grid-gap:30px;gap:30px;margin-bottom:34px}footer .fh{font-family:Sora;color:#fff;font-size:14px;margin-bottom:14px}footer a{display:block;color:#9aa6b8;font-size:14px;padding:4px 0}footer a:hover{color:#fff}.fbottom{border-top:1px solid #243049;padding-top:20px;justify-content:space-between;font-size:13px;flex-wrap:wrap}.fbottom,.toast{display:flex;gap:10px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(120px);background:var(--ink);color:#fff;padding:14px 22px;border-radius:12px;font-weight:600;font-size:14px;box-shadow:var(--shadow);z-index:99;transition:.3s;align-items:center}.toast.show{transform:translateX(-50%) translateY(0)}@media(max-width:920px){.hero-grid{grid-template-columns:1fr}.hero h1{font-size:40px}.trust .wrap{grid-template-columns:1fr 1fr}.packs{grid-template-columns:1fr}.catalog,.pipe{grid-template-columns:1fr 1fr}.pipe{gap:24px}.pipe .line{display:none}.compare{grid-template-columns:1fr}.nav-links{display:none}.fgrid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.catalog{grid-template-columns:1fr}.sec-head h2{font-size:30px}.hero h1{font-size:33px}}.faq{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.faq details{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px 22px}.faq summary{font-family:Sora;font-weight:700;font-size:16.5px;color:var(--ink);cursor:pointer;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";float:right;color:var(--primary);font-size:20px;line-height:1}.faq details[open] summary:after{content:"–"}.faq details p{color:var(--muted);font-size:15px;margin-top:10px}.intro{max-width:820px;margin:0 auto;color:var(--muted);font-size:16px;display:flex;flex-direction:column;gap:14px}.intro h2{font-size:30px;font-weight:800;text-align:center;margin-bottom:6px}footer .foot-note{font-size:14px;max-width:300px}