:root{--bg: #17181f;--panel: #212131;--panel-2: #2a2a3d;--line: #34344a;--text: #ffffff;--muted: #b4b6c8;--accent: #2d39e0;--accent-2: #4652ff;--ok: #2fbf71;--warn: #f2b84b;--err: #ff5d6c;--radius: 18px;--font: "Familjen Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select{font:inherit}h1,h2,h3{font-weight:500;line-height:1.15;margin:0 0 16px}h1{font-size:clamp(32px,5vw,52px)}h2{font-size:clamp(28px,4vw,42px)}h3{font-size:22px}p{margin:0 0 14px;color:var(--muted)}.container{width:100%;max-width:1180px;margin:0 auto;padding:0 20px}.section{padding:88px 0}.section-alt{background:var(--panel)}.center{text-align:center}.lead{font-size:18px;max-width:760px;margin:0 auto 28px}.eyebrow{display:inline-block;padding:10px 30px;border-radius:50px;background:var(--panel-2);color:var(--text);font-size:14px;margin-bottom:26px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 30px;border-radius:50px;border:1px solid transparent;background:var(--accent);color:#fff;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s,opacity .15s}.btn:hover{background:var(--accent-2)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-outline{background:transparent;border-color:#fff}.btn-outline:hover{background:#ffffff14}.btn-sm{padding:8px 20px;font-size:13px;text-transform:uppercase;white-space:nowrap}@media (max-width: 420px){.logo img{height:28px}.btn-sm{padding:8px 14px}}.btn-block{width:100%}.btn-row{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.header{position:sticky;top:0;z-index:20;background:var(--panel);border-bottom:1px solid #0003}.header-inner{display:flex;align-items:center;justify-content:space-between;height:72px;gap:20px}.logo img{height:34px;width:auto}.nav{display:flex;gap:34px}.nav a{color:var(--muted);font-weight:500}.nav a:hover,.nav a.active{color:#fff}.header-actions{display:flex;gap:12px;align-items:center}.menu-btn{display:none;background:none;border:1px solid var(--line);color:#fff;border-radius:8px;width:42px;height:38px;cursor:pointer}@media (max-width: 860px){.nav{display:none;position:absolute;top:72px;left:0;right:0;flex-direction:column;gap:0;background:var(--panel);border-bottom:1px solid var(--line)}.nav.open{display:flex}.nav a{padding:14px 20px;border-top:1px solid var(--line)}.menu-btn{display:block}.header-actions .btn-outline{display:none}}.hero{padding:110px 0 120px;text-align:center;background:radial-gradient(ellipse at 50% 120%,#2d39e033,transparent 60%),var(--bg)}.hero p{font-size:18px;max-width:900px;margin:0 auto 34px}.grid{display:grid;gap:24px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 960px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.card{background:var(--panel);border-radius:var(--radius);padding:32px;border:1px solid #ffffff08}.card h3{margin-bottom:10px}.card-icon{width:56px;height:56px;margin-bottom:18px}.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}@media (max-width: 860px){.split{grid-template-columns:1fr}}.check-list{list-style:none;padding:0;margin:0}.check-list li{padding:10px 0 10px 34px;position:relative;color:var(--muted)}.check-list li:before{content:"";position:absolute;left:0;top:13px;width:20px;height:20px;border-radius:50%;background:var(--accent) url(/assets/mark.png) center/14px no-repeat}.tabs{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:6px;background:var(--panel);border-radius:50px;margin:10px auto 36px}.tab{border:0;background:transparent;color:var(--muted);padding:10px 24px;border-radius:50px;cursor:pointer;font-weight:500}.tab.active{background:var(--accent);color:#fff}.plan-card{background:var(--panel);border-radius:var(--radius);padding:28px 24px 30px;text-align:center;display:flex;flex-direction:column}.plan-size{font-size:24px;font-weight:600;margin-bottom:6px}.plan-price{font-size:26px;font-weight:600}.plan-price small{font-size:16px;font-weight:500}.plan-price s{color:var(--muted);font-size:18px;font-weight:400;margin-right:6px}.plan-rule{height:2px;background:var(--accent);width:70%;margin:18px auto 20px;border-radius:2px;opacity:.8}.plan-features{list-style:none;padding:0;margin:0 0 24px;flex:1}.plan-features li{padding:4px 0;color:#e6e7f2;font-size:15px}.plan-note{color:var(--warn);font-size:14px;margin-bottom:8px}.press{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:40px 56px}.press img{height:34px;width:auto;opacity:.85;filter:grayscale(1) brightness(1.8)}.faq{max-width:860px;margin:0 auto}.faq details{background:var(--panel);border-radius:14px;margin-bottom:12px;border:1px solid #ffffff08}.faq summary{cursor:pointer;padding:20px 24px;font-weight:500;font-size:18px;list-style:none;display:flex;justify-content:space-between;gap:16px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--accent-2);font-size:22px;line-height:1}.faq details[open] summary:after{content:"–"}.faq .answer{padding:0 24px 20px}.faq .answer ul{color:var(--muted);margin:0 0 12px;padding-left:20px}.footer{background:var(--panel);padding:64px 0 30px;margin-top:0}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}@media (max-width: 860px){.footer-grid{grid-template-columns:1fr 1fr}}.footer h4{margin:0 0 14px;font-weight:500;text-transform:capitalize}.footer a{display:block;color:var(--muted);padding:4px 0}.footer a:hover{color:#fff}.footer .copy{border-top:1px solid var(--line);margin-top:40px;padding-top:22px;color:var(--muted);font-size:14px;text-align:center}.cta-band{text-align:center;padding:80px 0}.checkout-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:28px;align-items:start}@media (max-width: 900px){.checkout-grid{grid-template-columns:1fr}}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid .full{grid-column:1 / -1}@media (max-width: 560px){.form-grid{grid-template-columns:1fr}}label.field{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--muted)}.field input,.field select{background:var(--bg);border:1px solid var(--line);color:#fff;border-radius:10px;padding:12px 14px;outline:none;width:100%}.field input:focus,.field select:focus{border-color:var(--accent-2)}.options{display:grid;gap:10px}.option{display:flex;gap:12px;align-items:center;padding:14px 16px;border-radius:12px;border:1px solid var(--line);cursor:pointer;background:var(--bg)}.option.selected{border-color:var(--accent-2);background:#2d39e01a}.option input{accent-color:var(--accent)}.option small{display:block;color:var(--muted)}.option.disabled{opacity:.45;cursor:not-allowed}.summary-row{display:flex;justify-content:space-between;padding:8px 0;color:var(--muted)}.summary-row strong{color:#fff}.summary-total{border-top:1px solid var(--line);margin-top:8px;padding-top:14px;font-size:20px}.notice{padding:14px 16px;border-radius:12px;background:var(--panel-2);color:var(--muted);font-size:14px}.notice.err{background:#ff5d6c1f;color:#ffb3bb}.notice.ok{background:#2fbf711f;color:#9de8bf}.agree{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--muted)}.agree input{margin-top:4px;accent-color:var(--accent)}.agree a,.link{color:#9aa2ff;text-decoration:underline}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;word-break:break-all}.qr{background:#fff;padding:12px;border-radius:12px;width:220px;margin:12px auto}.status-badge{display:inline-block;padding:6px 14px;border-radius:50px;font-size:14px;background:var(--panel-2)}.status-badge.ok{background:#2fbf7133;color:#9de8bf}.status-badge.wait{background:#f2b84b26;color:#f6d38f}.status-badge.bad{background:#ff5d6c26;color:#ffb3bb}.spinner{width:18px;height:18px;border:2px solid #fff5;border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.stack>*+*{margin-top:16px}