:root{--bg: #f5f6f8;--surface: #ffffff;--ink: #0b1530;--ink-2: #334155;--mute: #64748b;--line: #e3e7ee;--accent: #0e7c7b;--accent-ink: #ffffff;--accent-soft: #e3f3f2;--hi: #d9f99d;--warn: #b45309;--warn-soft: #fef3c7;--bad: #b91c1c;--radius: 14px;--shadow: 0 1px 2px rgba(11, 21, 48, .06), 0 8px 24px rgba(11, 21, 48, .06);--font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--display: "Manrope", "Inter", system-ui, sans-serif;--mono: ui-monospace, "SFMono-Regular", Consolas, monospace;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 var(--font)}img,svg{max-width:100%;display:block}a{color:inherit}h1,h2,h3,h4{font-family:var(--display);letter-spacing:-.02em;line-height:1.15;margin:0 0 .5em}h1{font-size:clamp(30px,5vw,52px);font-weight:800}h2{font-size:clamp(22px,3vw,32px);font-weight:800}h3{font-size:18px;font-weight:700}p{margin:0 0 1em}code,.mono{font-family:var(--mono);font-size:.92em}.wrap{max-width:1200px;margin:0 auto;padding:0 16px}.section{padding:56px 0}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;display:block}.muted{color:var(--mute)}.small{font-size:13px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:999px;padding:12px 22px;font:600 15px var(--font);cursor:pointer;text-decoration:none;transition:transform .08s,background .15s,border-color .15s}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--ink);color:#fff}.btn-primary:hover{background:color-mix(in srgb,var(--ink) 85%,white)}.btn-accent{background:var(--accent);color:var(--accent-ink)}.btn-accent:hover{background:color-mix(in srgb,var(--accent) 85%,black)}.btn-ghost{background:transparent;border-color:var(--line);color:var(--ink)}.btn-ghost:hover{border-color:var(--ink)}.btn[disabled]{opacity:.5;cursor:not-allowed}.btn-block{width:100%}.announce{background:var(--ink);color:#dbe3f3;font-size:13px;text-align:center;padding:8px 16px}.announce b{color:var(--hi);font-weight:600}.site-header{position:sticky;top:0;z-index:40;background:#ffffffeb;backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}.site-header .wrap{display:flex;align-items:center;gap:24px;height:68px}.logo{display:flex;align-items:center;gap:10px;font:800 20px var(--display);letter-spacing:-.03em;text-decoration:none}.logo-mark{width:30px;height:30px;border-radius:9px;background:var(--ink);display:grid;place-items:center}.nav{display:flex;gap:22px;margin-left:8px}.nav a{text-decoration:none;font-weight:500;color:var(--ink-2);font-size:14px}.nav a:hover,.nav a[aria-current=page]{color:var(--ink)}.nav .soon{font-size:10px;background:var(--accent-soft);color:var(--accent);padding:1px 6px;border-radius:999px;margin-left:4px;vertical-align:2px}.header-actions{margin-left:auto;display:flex;gap:10px;align-items:center}.cart-btn{position:relative;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:8px 14px;text-decoration:none;font-weight:600;font-size:14px;background:#fff}.cart-count{min-width:20px;height:20px;border-radius:999px;background:var(--accent);color:#fff;font-size:12px;display:inline-grid;place-items:center;padding:0 6px}.menu-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:10px;width:40px;height:40px;cursor:pointer}@media (max-width: 900px){.nav{display:none;position:absolute;top:68px;left:0;right:0;background:#fff;flex-direction:column;gap:0;border-bottom:1px solid var(--line);margin:0}.nav.open{display:flex}.nav a{padding:14px 16px;border-top:1px solid var(--line)}.menu-toggle{display:inline-grid;place-items:center}}.hero{background:radial-gradient(1200px 500px at 80% -10%,color-mix(in srgb,var(--accent) 18%,white) 0%,transparent 60%),linear-gradient(180deg,#fff 0%,var(--bg) 100%);border-bottom:1px solid var(--line)}.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding-top:64px;padding-bottom:64px}.hero p.lead{font-size:18px;color:var(--ink-2);max-width:540px}.hero-ctas{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.hero-stats{display:flex;gap:28px;flex-wrap:wrap;margin-top:8px}.hero-stats div{font-size:13px;color:var(--mute)}.hero-stats b{display:block;font:800 22px var(--display);color:var(--ink)}.hero-art{display:flex;justify-content:center;align-items:flex-end;gap:6px}@media (max-width: 860px){.hero .wrap{grid-template-columns:1fr}.hero-art{order:-1}}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;cursor:pointer;color:var(--ink-2)}.chip.on,.chip:hover{border-color:var(--ink);color:var(--ink)}.chip.on{background:var(--ink);color:#fff}.badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:3px 9px;border-radius:999px;background:var(--accent-soft);color:var(--accent)}.badge-warn{background:var(--warn-soft);color:var(--warn)}.badge-dark{background:var(--ink);color:#fff}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;text-decoration:none;transition:box-shadow .2s,transform .2s,border-color .2s}.card:hover{box-shadow:var(--shadow);transform:translateY(-2px);border-color:#cfd6e2}.card-media{background:linear-gradient(180deg,#f8fafc,#eef2f6);display:grid;place-items:center;padding:22px 0 14px;position:relative}.card-media .badge{position:absolute;top:12px;left:12px}.card-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:4px;flex:1}.card-title{font:700 16px var(--display)}.card-meta{font-size:13px;color:var(--mute)}.card-price{margin-top:auto;padding-top:8px;font-weight:700}.card-price span{font-weight:500;color:var(--mute);font-size:13px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:13px;font-weight:600}.input,select.input,textarea.input{font:inherit;border:1px solid var(--line);border-radius:10px;padding:11px 12px;background:#fff;color:var(--ink);width:100%}.input:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:transparent}.row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}@media (max-width: 600px){.row-2,.row-3{grid-template-columns:1fr}}.check{display:flex;gap:10px;align-items:flex-start;font-size:14px}.check input{margin-top:4px;width:18px;height:18px;accent-color:var(--accent);flex:none}.alert{border-radius:10px;padding:12px 14px;font-size:14px}.alert-warn{background:var(--warn-soft);color:#78350f}.alert-err{background:#fee2e2;color:#7f1d1d}.alert-ok{background:var(--accent-soft);color:#134e4a}.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.trust div{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px}.trust b{display:block;font-family:var(--display);margin-bottom:4px}.trust span{font-size:13px;color:var(--mute)}@media (max-width: 860px){.trust{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.trust{grid-template-columns:1fr}}.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tier{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:10px}.tier.featured{border-color:var(--ink);box-shadow:var(--shadow)}.tier ul{margin:0;padding-left:18px;color:var(--ink-2);font-size:14px}@media (max-width: 860px){.tiers{grid-template-columns:1fr}}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:step}.steps div{position:relative;padding:22px;background:#fff;border-radius:var(--radius);border:1px solid var(--line)}.steps div:before{counter-increment:step;content:counter(step,decimal-leading-zero);font:800 13px var(--mono);color:var(--accent);display:block;margin-bottom:8px}@media (max-width: 860px){.steps{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.steps{grid-template-columns:1fr}}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line);font-size:14px;vertical-align:middle}.table th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--mute);font-weight:600}.num{text-align:right!important;white-space:nowrap}.prose{max-width:760px}.prose h2{margin-top:1.6em;font-size:22px}.prose li{margin-bottom:.4em}details.faq{background:#fff;border:1px solid var(--line);border-radius:12px;padding:0 18px;margin-bottom:10px}details.faq summary{cursor:pointer;padding:16px 0;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:12px}details.faq summary:after{content:"+";font-weight:400;font-size:20px;line-height:1}details.faq[open] summary:after{content:"–"}details.faq div{padding-bottom:16px;color:var(--ink-2)}.site-footer{background:var(--ink);color:#b6c2d9;margin-top:64px;padding:48px 0 28px;font-size:14px}.site-footer a{text-decoration:none;color:#dbe3f3}.site-footer a:hover{color:#fff}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:28px}.footer-grid h4{color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.footer-grid ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.ruo{margin-top:32px;padding-top:20px;border-top:1px solid #1f2b4d;font-size:12px;line-height:1.6;color:#8b98b4}@media (max-width: 760px){.footer-grid{grid-template-columns:1fr 1fr}}.gate{position:fixed;inset:0;z-index:100;background:#0b1530b8;backdrop-filter:blur(6px);display:none;place-items:center;padding:16px}.gate.show{display:grid}.gate .panel{max-width:480px}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%) translateY(120px);background:var(--ink);color:#fff;padding:12px 18px;border-radius:999px;font-size:14px;font-weight:600;transition:transform .25s,visibility .25s;z-index:90;display:flex;gap:12px;align-items:center;visibility:hidden}.toast.show{transform:translate(-50%) translateY(0);visibility:visible}.toast a{color:var(--hi)}.copy{display:flex;align-items:center;gap:8px;background:#f1f5f9;border:1px solid var(--line);border-radius:10px;padding:10px 12px}.copy code{flex:1;overflow-wrap:anywhere;font-size:14px}.copy button{flex:none;border:1px solid var(--line);background:#fff;border-radius:8px;padding:6px 10px;font:600 12px var(--font);cursor:pointer}
