:root{--bg:#f7f8fa;--surface:#fff;--surface-2:#f0f2f6;--border:#e3e7ee;--border-strong:#cdd3de;--ink-0:#171b26;--ink-1:#515a6b;--ink-2:#8a92a3;--accent:#6366f1;--accent-soft:#6366f117;--accent-strong:#4f46e5;--success:#059669;--success-soft:#0596691a;--danger:#dc2626;--radius:16px;--font:"Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--mono:ui-monospace, "Cascadia Mono", "JetBrains Mono", Consolas, monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink-0);font-family:var(--font);-webkit-font-smoothing:antialiased;line-height:1.65}::selection{background:var(--accent-soft)}a{color:inherit;text-decoration:none}.wrap{max-width:1120px;margin:0 auto;padding:0 24px}nav{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#f7f8fad9;position:sticky;top:0}nav .wrap{justify-content:space-between;align-items:center;height:60px;display:flex}.logo{letter-spacing:-.02em;font-size:17px;font-weight:700}.logo b{color:var(--accent-strong)}.logo span{color:var(--ink-2);margin-left:6px;font-size:13px;font-weight:500}.nav-links{color:var(--ink-1);gap:28px;font-size:14px;display:flex}.nav-links a:hover{color:var(--ink-0)}.btn{font:inherit;cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:15px;font-weight:600;transition:all .18s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 8px 24px -8px #6366f166}.btn-primary:hover{background:var(--accent-strong);transform:translateY(-1px)}.btn-ghost{color:var(--ink-0);border-color:var(--border);background:0 0}.btn-ghost:hover{border-color:var(--ink-2);background:var(--surface-2)}.btn-sm{border-radius:10px;padding:8px 14px;font-size:13px}header.hero{padding:96px 0 72px;position:relative;overflow:hidden}header.hero:before{content:"";pointer-events:none;background:radial-gradient(700px 340px at 12% -5%,#6366f129,#0000 65%),radial-gradient(560px 300px at 92% 18%,#0596691a,#0000 65%),radial-gradient(420px 240px at 70% 90%,#6366f114,#0000 60%);position:absolute;inset:0}.hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:64px;display:grid;position:relative}.hero h1{letter-spacing:-.03em;margin-bottom:20px;font-size:clamp(2.3rem,5vw,3.6rem);font-weight:800;line-height:1.12}.hero h1 em{color:var(--accent-strong);font-style:normal}.rot-word{color:var(--accent-strong);text-align:left;min-width:5.2ch;transition:opacity .3s,transform .3s;display:inline-block}.rot-word.in{opacity:1;transform:translateY(0)}.rot-word.out{opacity:0;transform:translateY(-8px)}.hero p.lead{color:var(--ink-1);max-width:46ch;margin-bottom:32px;font-size:17px}.hero-cta{flex-wrap:wrap;gap:12px;margin-bottom:36px;display:flex}.hero-meta{color:var(--ink-2);flex-wrap:wrap;gap:24px;font-size:13px;display:flex}.hero-meta b{color:var(--ink-0);font-weight:600}.mock{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:24px;position:relative;box-shadow:0 30px 80px -30px #171b2640}.mock-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.mock-pill{font-size:11px;font-family:var(--mono);color:var(--ink-2);border:1px solid var(--border);border-radius:999px;padding:3px 8px}.mock-pill.green{color:var(--success);background:var(--success-soft);border-color:#34d3994d}.mock h2{letter-spacing:-.02em;margin-bottom:10px;font-size:20px}.mock p{color:var(--ink-1);font-size:13.5px}.mock p b{color:var(--ink-0)}.mock .price{color:var(--accent-strong);font-weight:700}.mock .rel{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;margin:14px 0;padding:12px 14px}.mock .rel .t{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2);margin-bottom:6px;font-size:11px}.mock .rel li{color:var(--ink-1);padding:2px 0;font-size:13px;list-style:none}.mock .rel li a{color:var(--accent-strong)}.mock table{border-collapse:collapse;width:100%;margin:14px 0;font-size:12.5px}.mock th{text-align:left;color:var(--ink-2);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);padding:6px 8px;font-size:11px;font-weight:500}.mock td{color:var(--ink-1);border-bottom:1px solid #e3e7eee6;padding:6px 8px}.mock td:first-child{color:var(--ink-0)}.mock .faq{border-top:1px solid var(--border);padding-top:10px}.mock .faq div{color:var(--ink-1);padding:3px 0;font-size:12.5px}.mock .faq b{color:var(--ink-0);font-weight:600}.tag{font-size:11px;font-family:var(--mono);border:1px solid var(--border);background:var(--bg);color:var(--accent-strong);border-radius:999px;padding:4px 10px;font-weight:600;position:absolute}.tag-1{top:-14px;left:0}.tag-2{top:-14px;left:135px}.tag-3{top:-14px;left:270px}section{border-top:1px solid #26262f80;padding:88px 0}.sec-label{font-family:var(--mono);color:var(--accent-strong);letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px;font-size:12px}h2.sec{letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(1.6rem,3vw,2.3rem);font-weight:800;line-height:1.2}.sec-sub{color:var(--ink-1);max-width:60ch;margin-bottom:48px;font-size:16px}.usp{grid-template-columns:1fr 1fr;align-items:start;gap:56px;display:grid}.usp-left p{color:var(--ink-1);margin-bottom:18px;font-size:16px}.usp-left p b{color:var(--ink-0)}.contrast{flex-direction:column;gap:14px;display:flex}.contrast-item{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--ink-1);padding:18px 20px;font-size:14px;position:relative}.contrast-item .who{font-size:11px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;display:block}.contrast-item.bad{border-color:#dc262647}.contrast-item.bad .who{color:var(--danger)}.contrast-item.good{border-color:#05966952}.contrast-item.good .who{color:var(--success)}.contrast-item .x{color:var(--ink-2)}.feats{flex-direction:column;max-width:900px;margin:0 auto;display:flex}.feat{border-top:1px solid var(--border);border-radius:12px;grid-template-columns:72px 1fr;align-items:baseline;gap:24px;padding:26px 8px;transition:background .15s;display:grid}.feat:last-child{border-bottom:1px solid var(--border)}.feat:hover{background:var(--surface)}.feat .num{font-family:var(--mono);color:var(--accent-strong);font-size:14px;font-weight:600}.feat h3{letter-spacing:-.01em;margin-bottom:6px;font-size:19px;font-weight:700}.feat p{color:var(--ink-1);max-width:72ch;font-size:14.5px}.feat .detail{color:var(--ink-2);font-size:13px;font-family:var(--mono);margin-top:4px}.steps{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.step{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:26px}.step .n{font-family:var(--mono);color:var(--ink-2);margin-bottom:10px;font-size:13px}.step h3{margin-bottom:8px;font-size:17px}.step p{color:var(--ink-1);font-size:14px}.toggle{background:var(--bg);border:1px solid var(--border);border-radius:12px;gap:8px;width:fit-content;margin-top:18px;padding:5px;display:flex}.toggle button{font:inherit;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .15s}.toggle button.on{background:var(--accent-soft);color:var(--accent-strong)}.toggle-out{color:var(--ink-1);min-height:44px;margin-top:12px;font-size:13px}.toggle-out b.draft{color:var(--accent-strong)}.toggle-out b.live{color:var(--success)}.stats{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.stat{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:26px}.stat .v{letter-spacing:-.03em;color:var(--ink-0);font-size:34px;font-weight:800;font-family:var(--mono)}.stat .v small{color:var(--ink-2);font-size:16px;font-weight:500}.stat .l{color:var(--ink-2);margin-top:6px;font-size:13px}.note{color:var(--ink-2);margin-top:22px;font-size:13px}.plans{grid-template-columns:repeat(4,1fr);gap:20px;max-width:1120px;display:grid}.plan{border:1px solid var(--border);background:var(--surface);border-radius:20px;flex-direction:column;padding:32px;display:flex;position:relative}.plan.featured{border-color:#6366f173;box-shadow:0 20px 60px -30px #6366f159}.plan .pname{margin-bottom:4px;font-size:15px;font-weight:700}.plan .pprice{letter-spacing:-.03em;margin:12px 0 4px;font-size:40px;font-weight:800}.plan .pprice small{color:var(--ink-2);font-size:15px;font-weight:500}.plan ul{flex:1;margin-top:18px;list-style:none}.plan li{color:var(--ink-1);border-bottom:1px solid #26262f80;padding:6px 0;font-size:14px}.plan li:last-child{border-bottom:0}.plan li b{color:var(--ink-0)}.plan .btn{width:100%;margin-top:22px}.checkout-form{flex-direction:column;gap:8px;margin-top:22px;display:flex}.checkout-form input{border:1px solid var(--border);font:inherit;background:var(--surface-0);color:var(--ink-0);border-radius:10px;padding:10px 12px}.checkout-form .btn{margin-top:0}.form-err{color:#c0392b;font-size:13px}.provider-row{gap:8px;display:flex}.provider-row .prov{border:1px solid var(--border);background:var(--surface-0);color:var(--ink-2);font:inherit;cursor:pointer;border-radius:10px;flex:1;padding:8px;font-size:13px}.provider-row .prov.on{border-color:var(--accent);color:var(--accent-strong);background:var(--accent-soft);font-weight:600}.cta{text-align:center;padding:96px 0}.cta h2{letter-spacing:-.03em;margin-bottom:14px;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800}.cta p{color:var(--ink-1);margin-bottom:30px;font-size:16px}.int-hero{padding:72px 0 40px}.int-hero h1{letter-spacing:-.03em;margin-bottom:16px;font-size:clamp(2rem,4vw,3rem);font-weight:800}.int-hero h1 em{color:var(--accent-strong);font-style:normal}.int-hero p{color:var(--ink-1);max-width:60ch;margin-bottom:28px;font-size:17px}.search{border:1px solid var(--border);background:var(--surface);width:100%;max-width:380px;font:inherit;color:var(--ink-0);border-radius:12px;padding:12px 16px;font-size:14px;transition:border-color .15s}.search:focus{border-color:var(--accent);outline:none}.cat-btns{flex-wrap:wrap;gap:8px;display:flex}.cat-btns button{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--ink-1);cursor:pointer;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .15s}.cat-btns button:hover{border-color:var(--ink-2)}.cat-btns button.on{background:var(--accent-soft);color:var(--accent-strong);border-color:#6366f14d}.int-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;display:grid}.int-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:22px;transition:all .15s;display:block}.int-card:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:0 14px 40px -24px #171b264d}.int-card .ic-name{align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}.int-card .ic-cat{font-size:11px;font-family:var(--mono);color:var(--ink-2);text-transform:uppercase;letter-spacing:.08em;margin:4px 0 8px}.int-card p{color:var(--ink-1);font-size:13px}.faq-list{max-width:720px}.faq-item{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin-bottom:12px;padding:20px 22px}.faq-item h3{margin-bottom:6px;font-size:15px}.faq-item p{color:var(--ink-1);font-size:14px}footer{color:#a7adbd;background:#171b26;margin-top:40px;padding:56px 0 24px;font-size:13px}footer .logo{color:#fff}footer .logo b{color:#8b8ff5}footer .logo span{color:#8a92a3}footer .footer-grid{grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px;margin-bottom:40px;display:grid}footer .footer-desc{color:#8a92a3;max-width:30ch;margin-top:14px;line-height:1.6}footer .footer-col{flex-direction:column;gap:7px;display:flex}footer .footer-h{text-transform:uppercase;letter-spacing:.08em;color:#6b7280;margin-bottom:6px;font-size:11px}footer .footer-col a{color:#a7adbd;text-decoration:none;transition:color .15s}footer .footer-col a:hover{color:#fff}footer .footer-bottom{color:#6b7280;border-top:1px solid #ffffff14;padding-top:22px;font-size:12px}@media (max-width:900px){footer .footer-grid{grid-template-columns:1fr 1fr;gap:28px}}html.js .rv{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(16px)}html.js .rv.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}html.js .rv{opacity:1;transition:none;transform:none}}@media (max-width:900px){.hero-grid,.usp{grid-template-columns:1fr;gap:40px}.steps,.stats,.plans{grid-template-columns:1fr}.nav-links{display:none}header.hero{padding:56px 0 48px}.tag{display:none}}