:root{--bg:#0a0e16;--bg-soft:#0f1522;--surface:#131b2c;--surface-2:#182238;--border:#223052;--text:#e8edf7;--muted:#94a3bd;--accent:#38bdf8;--accent-2:#818cf8;--accent-warm:#fbbf24;--radius:14px;--maxw:1080px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{max-width:var(--maxw);margin:0 auto;padding:0 24px}.site-header{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#0a0e16d1;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;height:64px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-size:1.15rem;font-weight:800;display:flex}.brand-mark{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#07101f;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:1.1rem;font-weight:900;display:inline-flex}.brand-dot{color:var(--accent)}.site-nav{flex-wrap:wrap;gap:4px;display:flex}.site-nav a{color:var(--muted);border-radius:9px;padding:8px 13px;font-size:.92rem;transition:color .15s,background .15s}.site-nav a:hover{color:var(--text);background:var(--surface)}.hero{padding:88px 0 64px;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(600px 300px at 15% 0,#38bdf824,#0000 70%),radial-gradient(500px 300px at 85% 10%,#818cf821,#0000 70%);position:absolute;inset:0}.hero .container{position:relative}.hero .kicker{border:1px solid var(--border);background:var(--surface);color:var(--accent);border-radius:999px;align-items:center;gap:8px;margin-bottom:22px;padding:6px 14px;font-size:.82rem;font-weight:600;display:inline-flex}.hero h1{letter-spacing:-.03em;max-width:720px;font-size:clamp(2.2rem,5.5vw,3.6rem);font-weight:800;line-height:1.12}.hero h1 .grad{background:linear-gradient(90deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text}.hero p.lead{color:var(--muted);max-width:640px;margin-top:20px;font-size:1.12rem}.hero-cta{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.btn{border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:.95rem;font-weight:700;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#07101f;box-shadow:0 8px 24px #38bdf840}.btn-ghost{border:1px solid var(--border);color:var(--text);background:var(--surface)}.section{padding:72px 0}.section.alt{background:var(--bg-soft);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.section-head{margin-bottom:40px}.section-head .eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-size:.85rem;font-weight:700}.section-head h2{letter-spacing:-.02em;margin-top:8px;font-size:clamp(1.6rem,3.5vw,2.3rem)}.section-head p{color:var(--muted);max-width:620px;margin-top:10px}.grid{gap:20px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:26px;transition:border-color .15s,transform .15s}.card:hover{border-color:var(--accent);transform:translateY(-3px)}.card .icon{border:1px solid var(--border);background:linear-gradient(135deg,#38bdf829,#818cf829);border-radius:11px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:16px;font-size:1.3rem;display:flex}.card h3{letter-spacing:-.01em;margin-bottom:8px;font-size:1.12rem}.card p{color:var(--muted);font-size:.94rem}.product-card{flex-direction:column;display:flex}.product-card .badge{color:var(--accent);background:#38bdf81f;border:1px solid #38bdf84d;border-radius:999px;align-self:flex-start;margin-bottom:14px;padding:4px 12px;font-size:.78rem;font-weight:700}.product-card .badge.warm{color:var(--accent-warm);background:#fbbf241a;border-color:#fbbf244d}.product-card ul{flex:1;gap:8px;margin:14px 0 20px;list-style:none;display:grid}.product-card ul li{color:var(--muted);padding-left:22px;font-size:.92rem;position:relative}.product-card ul li:before{content:"✓";color:var(--accent);font-weight:700;position:absolute;left:0}.product-card .domain{color:var(--muted);font-size:.85rem}.stats{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:24px}.stat .num{letter-spacing:-.02em;background:linear-gradient(90deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800}.stat .lbl{color:var(--muted);margin-top:4px;font-size:.86rem}.code-block{border:1px solid var(--border);border-radius:var(--radius);color:#cbd5e1;background:#0b1120;padding:20px 22px;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.85rem;line-height:1.7;overflow-x:auto}.code-block .cm{color:#64748b}.steps{counter-reset:step;grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.step{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.step .n{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#07101f;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;margin-bottom:12px;font-size:.9rem;font-weight:800;display:inline-flex}.step h3{margin-bottom:6px;font-size:1.02rem}.step p{color:var(--muted);font-size:.92rem}.table-wrap{border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto}table{border-collapse:collapse;background:var(--surface);width:100%;font-size:.92rem}th,td{text-align:left;border-bottom:1px solid var(--border);padding:13px 18px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.82rem;font-weight:600}tr:last-child td{border-bottom:none}.pkg{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.pkg-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;padding:28px;display:flex;position:relative}.pkg-card.featured{border-color:var(--accent);box-shadow:0 0 40px #38bdf814}.pkg-card .tag{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#07101f;border-radius:999px;padding:3px 12px;font-size:.75rem;font-weight:800;position:absolute;top:-12px;left:24px}.pkg-card h3{font-size:1.15rem}.pkg-card .price{letter-spacing:-.02em;margin:8px 0 4px;font-size:1.5rem;font-weight:800}.pkg-card .price small{color:var(--muted);font-size:.85rem;font-weight:500}.pkg-card ul{flex:1;gap:9px;margin:18px 0 24px;list-style:none;display:grid}.pkg-card ul li{color:var(--muted);padding-left:24px;font-size:.92rem;position:relative}.pkg-card ul li:before{content:"✓";color:var(--accent);font-weight:700;position:absolute;left:0}.post-list{gap:18px;display:grid}.post-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px 26px;transition:border-color .15s,transform .15s;display:block}.post-item:hover{border-color:var(--accent);transform:translateY(-2px)}.post-item .meta{color:var(--muted);gap:12px;margin-bottom:8px;font-size:.82rem;display:flex}.post-item .tag{color:var(--accent);background:#38bdf81a;border-radius:999px;padding:2px 10px;font-size:.75rem;font-weight:700}.post-item h2{letter-spacing:-.01em;margin-bottom:8px;font-size:1.18rem}.post-item p{color:var(--muted);font-size:.93rem}.article{max-width:760px;margin:0 auto;padding:56px 24px 80px}.article .back{color:var(--muted);font-size:.88rem}.article .back:hover{color:var(--text)}.article .meta{color:var(--muted);gap:12px;margin:14px 0 8px;font-size:.85rem;display:flex}.article .meta .tag{color:var(--accent);font-weight:700}.article h1{letter-spacing:-.02em;margin:6px 0 26px;font-size:clamp(1.8rem,4vw,2.5rem);line-height:1.18}.article .prose h2{letter-spacing:-.01em;margin:36px 0 12px;font-size:1.45rem}.article .prose h3{margin:28px 0 10px;font-size:1.15rem}.article .prose p{color:#c3cddd;margin-bottom:16px}.article .prose ul,.article .prose ol{color:#c3cddd;margin:0 0 16px 22px}.article .prose li{margin-bottom:6px}.article .prose code{background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:2px 7px;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.86em}.article .prose pre{border:1px solid var(--border);background:#0b1120;border-radius:12px;margin-bottom:18px;padding:18px 20px;overflow-x:auto}.article .prose pre code{background:0 0;border:none;padding:0;font-size:.86rem}.article .prose blockquote{border-left:3px solid var(--accent);background:var(--surface);color:#c3cddd;border-radius:0 10px 10px 0;margin-bottom:16px;padding:12px 18px}.article .prose a{color:var(--accent);text-decoration:underline}.article .prose strong{color:var(--text)}.faq{gap:14px;max-width:760px;display:grid}.faq details{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px 22px}.faq summary{cursor:pointer;font-size:.98rem;font-weight:700}.faq details p{color:var(--muted);margin-top:10px;font-size:.92rem}.cta-band{background:radial-gradient(400px 200px at 20% 0%, #38bdf824, transparent 70%), radial-gradient(400px 200px at 80% 100%, #818cf824, transparent 70%), var(--surface);border:1px solid var(--border);text-align:center;border-radius:18px;padding:44px 36px}.cta-band h2{letter-spacing:-.02em;font-size:clamp(1.5rem,3vw,2rem)}.cta-band p{color:var(--muted);max-width:520px;margin:12px auto 24px}.site-footer{border-top:1px solid var(--border);background:var(--bg-soft);margin-top:40px}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:40px;padding:44px 24px 20px;display:flex}.footer-brand{font-size:1.2rem;font-weight:800}.footer-brand span{color:var(--accent)}.footer-tag{color:var(--muted);margin-top:6px;font-size:.88rem}.footer-links{flex-wrap:wrap;gap:60px;display:flex}.footer-links h4{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:12px;font-size:.82rem}.footer-links a{color:var(--muted);padding:4px 0;font-size:.92rem;display:block}.footer-links a:hover{color:var(--text)}.footer-bottom{border-top:1px solid var(--border);color:var(--muted);padding:18px 24px;font-size:.82rem}.page-hero{padding:64px 0 8px}.page-hero .eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-size:.85rem;font-weight:700}.page-hero h1{letter-spacing:-.02em;margin:10px 0 14px;font-size:clamp(1.9rem,4.5vw,2.9rem);line-height:1.15}.page-hero p{color:var(--muted);max-width:660px;font-size:1.05rem}@media (max-width:900px){.grid-3,.grid-4,.steps,.pkg,.stats{grid-template-columns:1fr 1fr}}@media (max-width:640px){.grid-2,.grid-3,.grid-4,.steps,.pkg{grid-template-columns:1fr}.site-nav{display:none}.footer-links{gap:32px}}