:root,[data-theme="dark"]{--bg:#070b18;--bg-2:#090f21;--soft:#0c1429;--card:#0d162d;--card-2:#101b35;--text:#f4f7ff;--muted:#a9b7cf;--border:#1d2b49;--accent:#0183fe;--accent-2:#0169e7;--cyan:#22d3ee;--accent-soft:rgba(1,131,254,.12);--success:#4ade80;--shadow:0 4px 16px rgba(0,0,0,.18);color-scheme:dark}
[data-theme="light"]{--bg:#f8faff;--bg-2:#eef3ff;--soft:#edf2fc;--card:#fff;--card-2:#f7f9ff;--text:#10172a;--muted:#4f5d75;--border:#dce4f2;--accent:#006bdc;--accent-2:#0169e7;--cyan:#0891b2;--accent-soft:rgba(1,131,254,.09);--success:#16a34a;--shadow:0 4px 16px rgba(15,54,105,.07);color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;overflow-x:hidden;background:var(--bg);color:var(--text);font:400 16px/1.65 "DM Sans",Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}button,input,select{font:inherit}a{color:inherit}button,a{transition:color .2s,background .2s,border-color .2s,transform .2s,box-shadow .2s}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.container{width:min(1160px,calc(100% - 48px));margin-inline:auto}.skip-link{position:fixed;left:16px;top:-60px;z-index:1000;padding:10px 15px;background:var(--accent);color:#fff;border-radius:8px}.skip-link:focus{top:12px}.hidden{display:none!important}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
h1,h2,h3,.brand{font-family:Manrope,"DM Sans",sans-serif}h1,h2,h3,p{margin-top:0}em{font-style:normal;color:var(--accent)}
.topbar{position:sticky;top:0;z-index:100;background:var(--card);border-bottom:1px solid color-mix(in srgb,var(--border) 72%,transparent)}.topbar-inner{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:1.08rem;letter-spacing:-.03em;text-decoration:none;white-space:nowrap}.brand b{color:var(--accent)}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:var(--accent);box-shadow:0 2px 8px rgba(0,0,0,.18);color:#fff;font-size:.87rem}.topnav{display:flex;gap:34px}.topnav a,.mobile-menu a{color:var(--muted);font-size:.9rem;font-weight:600;text-decoration:none}.topnav a:hover{color:var(--text)}.nav-actions{display:flex;align-items:center;gap:9px}.icon-btn{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid var(--border);border-radius:10px;background:var(--card);color:var(--muted);cursor:pointer}.theme-sun{display:none}[data-theme="light"] .theme-moon{display:none}[data-theme="light"] .theme-sun{display:inline}.hamburger,.mobile-menu{display:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 20px;border:1px solid transparent;border-radius:10px;font-weight:700;font-size:.91rem;text-decoration:none;cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#fff;background:#006bdc;box-shadow:0 2px 8px rgba(0,0,0,.18)}.btn-primary:hover{background:#005fbf;box-shadow:0 4px 12px rgba(0,0,0,.22)}.btn-ghost,.btn-outline{color:var(--text);background:color-mix(in srgb,var(--card) 65%,transparent);border-color:var(--border)}.btn-ghost:hover,.btn-outline:hover{border-color:var(--accent);background:var(--accent-soft)}.btn-sm{min-height:38px;padding:8px 15px;font-size:.84rem}.btn-lg{min-height:51px;padding:12px 23px}.btn-block{width:100%}.pwa-install-button{white-space:nowrap}.pwa-install-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important;box-shadow:none!important}
.hero{position:relative;overflow:hidden;padding:105px 0 0;background:var(--bg)}.hero:before{content:"";position:absolute;inset:0;opacity:.2;background-image:none;background-size:auto;mask-image:none}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:82px}.eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:18px;color:var(--accent);font-size:.72rem;font-weight:800;letter-spacing:.16em}.hero h1{max-width:690px;margin-bottom:24px;font-size:clamp(2.8rem,5.2vw,4.85rem);line-height:1.06;letter-spacing:-.055em}.hero h1 em{color:var(--accent)}.lede{max-width:620px;margin-bottom:31px;color:var(--muted);font-size:1.08rem;line-height:1.75}.hero-cta{display:flex;gap:12px;margin-bottom:30px}.trust-row{display:flex;flex-wrap:wrap;gap:18px;margin:0;padding:0;list-style:none;color:var(--muted);font-size:.81rem}.trust-row span{display:inline-grid;place-items:center;width:18px;height:18px;margin-right:5px;border-radius:50%;background:rgba(34,211,238,.12);color:var(--cyan);font-size:.65rem}.code-shell{position:relative}.code-card{overflow:hidden;border:1px solid #243554;border-radius:16px;background:rgba(7,13,28,.92);box-shadow:0 4px 16px rgba(0,0,0,.18);transform:perspective(1000px) rotateY(-2deg)}[data-theme="light"] .code-card{background:#111a30}.code-top,.code-foot{display:flex;align-items:center;gap:12px;padding:13px 17px;color:#b7c3d9;font-size:.72rem}.code-top{border-bottom:1px solid #1b2942}.window-dots{display:flex;gap:6px;margin-right:5px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#33415b}.window-dots i:first-child{background:#006bdc}.code-label{margin-left:auto;padding:3px 7px;border:1px solid #2b3e63;border-radius:5px;color:#c4cfe4;font-size:.64rem;letter-spacing:.12em}.code-card pre{min-height:325px;margin:0;padding:28px 26px;white-space:pre-wrap;color:#d8e3f8;font:500 .83rem/1.95 ui-monospace,SFMono-Regular,Consolas,monospace}.code-card code .comment{color:#a8b7d4}.code-card code .line{display:block;color:#dbe5f8}.code-card code .line b{display:inline-block;width:34px;color:#5cbcff;font-weight:500}.code-card code .value{color:#7dd3fc}.code-card code .string{color:#7dd3fc}.code-foot{justify-content:space-between;border-top:1px solid #1b2942}.code-foot i{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:#4ade80;box-shadow:none}.float-chip{position:absolute;display:flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid #2a3c61;border-radius:10px;background:#101a32;color:#becae0;box-shadow:0 3px 10px rgba(0,0,0,.16);font-size:.68rem;font-weight:600}.float-chip span{color:#0183fe}.chip-a{right:-25px;top:19%}.chip-b{left:-30px;bottom:15%}.benefit-strip{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);margin-top:105px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.benefit-strip>div{display:flex;align-items:center;justify-content:center;gap:16px;padding:25px 20px}.benefit-strip>div+div{border-left:1px solid var(--border)}.benefit-icon{display:grid;place-items:center;width:39px;height:39px;border:1px solid #284064;border-radius:10px;background:var(--accent-soft);color:var(--accent)}.benefit-strip p{margin:0}.benefit-strip b,.benefit-strip small{display:block}.benefit-strip b{font-size:.89rem}.benefit-strip small{color:var(--muted);font-size:.78rem}
.section{padding:108px 0}.model-section{background:var(--bg)}.section-heading{margin-bottom:52px}.section-heading h2,.integration-grid h2,.faq-grid h2,.cta-card h2{margin-bottom:18px;font-size:clamp(2rem,4vw,3.2rem);line-height:1.15;letter-spacing:-.045em}.section-heading>p:last-child{max-width:590px;color:var(--muted)}.centered{text-align:center}.centered .eyebrow{justify-content:center}.centered>p:last-child{margin-inline:auto}.model-catalog-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 20px;border:1px solid var(--border);border-bottom:0;border-radius:14px 14px 0 0;background:var(--card)}.model-catalog-head>span{color:var(--muted);font-size:.78rem}.model-count{display:inline-flex;align-items:center;gap:9px;color:var(--text);font-size:1rem}.model-count:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--success);box-shadow:none}.model-list-columns,.model-list-row{display:grid;grid-template-columns:minmax(0,1fr) 150px 120px;align-items:center;gap:20px}.model-list-columns{padding:10px 20px;border-inline:1px solid var(--border);background:var(--soft);color:var(--muted);font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.model-list{overflow:hidden;border:1px solid var(--border);border-radius:0 0 14px 14px;background:var(--card);box-shadow:var(--shadow)}.model-list-row{min-height:54px;padding:11px 20px;border-bottom:1px solid var(--border)}.model-list-row:last-child{border-bottom:0}.model-list-row:hover{background:var(--accent-soft)}.model-list-name{display:flex;align-items:center;gap:11px;min-width:0;overflow-wrap:anywhere;color:var(--text);font-size:.84rem;font-weight:700}.model-list-name i{display:inline-block;flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:var(--success)}.model-list-type{color:var(--muted);font-size:.78rem}.model-list-mult{color:var(--muted);font-size:.76rem;font-weight:700;text-align:right}.model-mult-mid{color:#d97706;font-weight:800}.model-mult-high{color:#ef4444;font-weight:800}.model-mult-warn{color:#e67e22;font-weight:800}.model-list-row.no-mult{grid-template-columns:minmax(0,1fr) 150px}.model-list-loading{display:block;color:var(--muted)}
.price-section{position:relative;background:var(--bg-2);border-block:1px solid var(--border)}.price-heading{display:grid;grid-template-columns:1fr .7fr;align-items:end;gap:60px}.price-heading p:last-child{justify-self:end;margin-bottom:6px}.card{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow)}.price-panel{overflow:hidden;border-radius:16px}.price-tools{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid var(--border)}.seg{display:flex;padding:3px;border:1px solid var(--border);border-radius:9px;background:var(--soft)}.seg button{padding:6px 13px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:.75rem;cursor:pointer}.seg button.active{background:var(--accent);color:#fff}.sort-wrap{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:.75rem}.sort-select{padding:7px 29px 7px 10px;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--text)}.catalog-message{padding:40px;text-align:center;color:var(--muted)}.catalog-message.error,.error{color:#fb7185}.table-wrap{overflow-x:auto}.price-table{width:100%;border-collapse:collapse}.price-table th,.price-table td{padding:18px 21px;border-bottom:1px solid var(--border);text-align:left}.price-table th{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.11em}.price-table tbody tr:last-child td{border-bottom:0}.price-table tbody tr:hover{background:var(--accent-soft)}.price-table th:last-child,.price-table td:last-child{text-align:right}.pkg-title{font-weight:700;font-size:.88rem}.pkg-meta{color:var(--muted);font-size:.79rem}.pkg-price{color:var(--text);font-weight:800}.price-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;padding:16px}.package-card{padding:20px;border-radius:12px;box-shadow:none}.package-card .pkg-price{margin:16px 0;font-size:1.25rem}.price-note{display:flex;align-items:center;justify-content:center;gap:8px;margin:19px 0 0;color:var(--muted);font-size:.8rem}.price-note span{display:grid;place-items:center;width:17px;height:17px;border:1px solid var(--border);border-radius:50%;font-size:.65rem}
.price-stack{display:inline-flex;flex-direction:row;align-items:baseline;gap:8px;min-width:0}.price-regular{color:var(--muted);font-size:.85rem;font-weight:600;text-decoration:line-through;text-decoration-thickness:1.5px}.launch-badge{display:inline-flex;align-items:center;width:max-content;padding:2px 6px;border:1px solid color-mix(in srgb,var(--success) 38%,transparent);border-radius:6px;background:color-mix(in srgb,var(--success) 10%,transparent);color:var(--success);font-size:.65rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;vertical-align:middle;margin-left:6px}.pkg-title{display:flex;align-items:center;flex-wrap:wrap;gap:4px;font-weight:700;font-size:.88rem}.price-cell .pkg-price,.package-card .pkg-price{display:inline-block}.package-card .price-stack{margin:12px 0 16px}.package-card>.pkg-price{margin:12px 0 16px}
.integration-section{background:var(--bg)}.integration-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;align-items:center}.integration-lede{max-width:490px;color:var(--muted)}.text-link{display:inline-flex;gap:8px;margin-top:15px;color:var(--accent);font-weight:700;text-decoration:none}.workflow{position:relative;margin:0;padding:0;list-style:none}.workflow:before{content:"";position:absolute;left:23px;top:25px;bottom:25px;width:1px;background:var(--border)}.workflow li{position:relative;display:flex;gap:23px;padding:18px 0}.workflow li>span{z-index:1;display:grid;flex:0 0 auto;place-items:center;width:47px;height:47px;border:1px solid #314b7c;border-radius:12px;background:var(--card);color:var(--accent);font:700 .66rem Manrope}.workflow h3{margin:1px 0 5px;font-size:.95rem}.workflow p{margin:0;color:var(--muted);font-size:.85rem}
.faq-section{background:var(--bg-2);border-block:1px solid var(--border)}.faq-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:100px}.faq-grid>div:first-child>p{color:var(--muted)}.support-card{display:flex;align-items:center;gap:13px;max-width:295px;margin-top:38px;padding:15px;border:1px solid var(--border);border-radius:12px;background:var(--card);text-decoration:none}.support-card>span{display:grid;place-items:center;width:35px;height:35px;border-radius:9px;background:var(--accent-soft);color:var(--accent);font-weight:800}.support-card b,.support-card small{display:block}.support-card b{font-size:.79rem}.support-card small{color:var(--muted);font-size:.74rem}.support-card i{margin-left:auto;color:var(--accent);font-style:normal}.faq-wrap{border-top:1px solid var(--border)}.faq-item{border-bottom:1px solid var(--border)}.faq-question{display:flex;align-items:center;justify-content:space-between;width:100%;padding:21px 4px;border:0;background:transparent;color:var(--text);font-weight:700;text-align:left;cursor:pointer}.faq-question i{font-size:1.25rem;font-style:normal;font-weight:400;transition:transform .2s}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s}.faq-answer p{min-height:0;overflow:hidden;margin:0;color:var(--muted);font-size:.9rem}.faq-item.open .faq-answer{grid-template-rows:1fr}.faq-item.open .faq-answer p{padding:0 44px 20px 4px}.faq-item.open .faq-question i{transform:rotate(45deg);color:var(--accent)}
.cta-section{background:var(--bg)}.cta-card{position:relative;overflow:hidden;padding:70px 30px;border:1px solid #263b66;border-radius:20px;background:#0c1730;text-align:center;box-shadow:var(--shadow)}.cta-card .eyebrow{justify-content:center}.cta-card h2{color:#f4f7ff;font-size:clamp(2.3rem,5vw,3.8rem)}.cta-card p:not(.eyebrow){max-width:510px;margin:0 auto 28px;color:#c1cce1}
footer{padding:68px 0 25px;border-top:1px solid #1d2b49;background:#060a15}.footer-main{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:60px}.footer-about .brand,.footer-col b{color:#f4f7ff}.footer-about p,.footer-col a{color:#aeb9cf}.footer-about p{max-width:310px;margin-top:20px;font-size:.83rem}.footer-col{display:flex;flex-direction:column;gap:10px}.footer-col b{margin-bottom:8px;font-size:.78rem}.footer-col a{font-size:.78rem;text-decoration:none}.footer-col a:hover{color:#93c5fd}.footer-bottom{display:flex;justify-content:center;margin-top:55px;padding-top:20px;border-top:1px solid #1d2b49;color:#aeb9cf;font-size:.74rem}.footer-bottom b{color:#60a5fa}
.modal-overlay{position:fixed;inset:0;z-index:500;display:none;place-items:center;padding:20px;background:rgba(2,5,14,.82);}.modal-overlay.show{display:grid}.modal{position:relative;width:min(520px,100%);max-height:90vh;overflow:auto;padding:34px;border:1px solid var(--border);border-radius:17px;background:var(--card);box-shadow:0 6px 24px rgba(0,0,0,.20)}.modal h2{font-size:1.75rem;line-height:1.25}.modal-close{position:absolute;right:15px;top:14px;width:34px;height:34px;border:1px solid var(--border);border-radius:9px;background:var(--soft);color:var(--muted);cursor:pointer}.modal-copy,.fine{color:var(--muted)}.fine{font-size:.78rem;text-align:center}.order-summary{margin:20px 0;padding:14px;border:1px solid var(--border);border-radius:11px;background:var(--soft)}.summary-row{display:flex;justify-content:space-between;gap:16px;padding:7px 0;color:var(--muted);font-size:.8rem}.summary-row b{color:var(--text);text-align:right}.summary-row.total{margin-top:7px;padding-top:12px;border-top:1px solid var(--border)}.token{overflow-wrap:anywhere;margin:10px 0 15px;padding:13px;border:1px solid var(--border);border-radius:9px;background:var(--soft);font-family:monospace}.status-pill{display:inline-block;padding:4px 9px;border-radius:99px;background:var(--accent-soft);color:var(--accent);font-size:.68rem}.qris-payment{display:grid;grid-template-columns:125px 1fr;gap:17px;align-items:center}.qris-payment img{width:100%;height:auto;border-radius:8px}.toast{position:fixed;right:20px;bottom:20px;z-index:600}
@media(max-width:980px){.hero{padding-top:80px}.hero-grid{grid-template-columns:1fr;gap:65px}.hero-copy{text-align:center}.hero-copy .eyebrow,.hero-cta{justify-content:center}.lede{margin-inline:auto}.trust-row{justify-content:center}.code-shell{width:min(620px,100%);margin:auto}.price-heading{grid-template-columns:1fr}.price-heading p:last-child{justify-self:start}.price-cards{grid-template-columns:repeat(2,1fr)}.integration-grid,.faq-grid{grid-template-columns:1fr;gap:55px}.footer-main{grid-template-columns:2fr repeat(2,1fr)}.footer-col:last-child{grid-column:2}}
@media(max-width:800px){.topnav,.nav-cta{display:none}.hamburger{display:grid}.mobile-menu.open{display:flex;flex-direction:column;gap:2px;padding:8px 24px 14px;border-top:1px solid var(--border);background:var(--bg)}.mobile-menu a{padding:9px}.benefit-strip{grid-template-columns:1fr}.benefit-strip>div{justify-content:flex-start;padding-left:25%}.benefit-strip>div+div{border-top:1px solid var(--border);border-left:0}.table-wrap{display:none!important}.price-cards{display:grid!important}.seg{display:none}}
@media(max-width:600px){.container{width:min(100% - 32px,1160px)}.topbar-inner{height:64px;gap:8px}.nav-actions{gap:6px}.pwa-install-button{width:38px;min-width:38px;padding:0}.pwa-install-label{display:none}.hero{padding-top:65px}.hero h1{font-size:2.6rem}.hero-cta{flex-direction:column}.hero-cta .btn{width:100%}.trust-row{gap:9px 15px}.code-card{transform:none}.code-card pre{min-height:280px;padding:22px 18px;font-size:.69rem}.float-chip{display:none}.benefit-strip{margin-top:70px}.benefit-strip>div{padding-left:15%}.section{padding:78px 0}.section-heading{margin-bottom:35px}.model-catalog-head{align-items:flex-start;flex-direction:column;gap:6px;padding:14px 15px}.model-list-columns,.model-list-row{grid-template-columns:minmax(0,1fr) 58px 60px;gap:8px;padding-inline:12px}.model-list-columns{font-size:.58rem}.model-list-name{gap:7px;font-size:.7rem}.model-list-type,.model-list-mult{font-size:.66rem}.model-list-type{text-align:center}.model-list-mult{text-align:right}.model-list-row.no-mult{grid-template-columns:minmax(0,1fr) 58px}.price-cards{grid-template-columns:1fr}.price-panel{border-radius:13px}.price-tools{justify-content:flex-end}.package-card{padding:18px}.faq-grid{gap:35px}.cta-card{padding:55px 18px}.footer-main{grid-template-columns:1fr 1fr;gap:40px 25px}.footer-about{grid-column:1/-1}.footer-col:last-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:8px}.modal{padding:27px 19px}.qris-payment{grid-template-columns:1fr}.qris-payment img{max-width:210px;margin:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* Google-or-Telegram checkout choice */
.auth-divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--muted);font-size:.75rem;text-align:center}
.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}
.auth-divider span{white-space:nowrap}
.btn-telegram{color:#fff;background:#229ed9;box-shadow:0 2px 8px rgba(0,0,0,.18)}
.btn-telegram:hover{background:#1b8ec7;box-shadow:0 4px 12px rgba(0,0,0,.22)}
.btn-telegram>span:first-child{font-size:1rem;transform:rotate(-18deg)}
.telegram-fine{margin-top:9px!important;color:var(--muted)}
/* Language switcher */
.lang-switch{display:flex;gap:4px;align-items:center}
.lang-btn{padding:5px 9px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--muted);font:inherit;font-size:.74rem;font-weight:600;line-height:1;cursor:pointer;transition:color .18s,border-color .18s,background .18s}
.lang-btn:hover{color:var(--text);border-color:var(--accent)}
.lang-btn.active{color:#fff;border-color:transparent;background:#006bdc}
.lang-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
/* Payment method tabs */
.pay-tabs{display:flex;gap:8px;margin:10px 0 14px}
.pay-tabs .btn{flex:1;padding:10px 12px;font-size:.82rem}
.pay-tabs .btn.active{border-color:transparent;background:#006bdc;color:#fff}
/* Enlarged payment QR codes (QRIS + USDT BEP-20) */
.qris-payment{grid-template-columns:1fr;justify-items:center;text-align:center;gap:14px}
.payment-qr{width:100%;max-width:340px;height:auto;border-radius:12px;background:#fff;padding:8px;box-shadow:0 3px 12px rgba(0,0,0,.16)}
.pay-body .token{word-break:break-all;font-size:.78rem;text-align:left}
.pay-body .warning{margin-top:10px;padding:9px 11px;border:1px solid rgba(255,176,32,.45);border-radius:9px;background:rgba(255,176,32,.09);color:#ffcf7a;font-size:.76rem;line-height:1.5}
/* Payment proof upload */
.proof-form{margin-top:18px;padding-top:16px;border-top:1px solid var(--border);display:grid;gap:9px}
.proof-form input[type=file]{width:100%;padding:9px;border:1px dashed var(--border);border-radius:9px;background:transparent;color:var(--muted);font:inherit;font-size:.78rem}

/* Live per-order token usage */
.usage-card{margin:18px 0;padding:18px;border:1px solid var(--border);border-radius:13px;background:rgba(37,99,235,.055)}
.usage-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.usage-heading h3{margin:0;font-size:1rem}
.usage-total{display:flex;align-items:baseline;gap:8px;margin-top:16px}.usage-total b{font-size:1.65rem}.usage-total span,.usage-grid span{color:var(--muted);font-size:.74rem}
.usage-progress{height:8px;overflow:hidden;margin:12px 0 16px;border-radius:999px;background:var(--border)}.usage-progress span{display:block;height:100%;border-radius:inherit;background:var(--accent)}
.usage-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.usage-grid div{display:flex;flex-direction:column;gap:3px;min-width:0}.usage-grid b{overflow-wrap:anywhere;font-size:.82rem}
.proof-note{display:grid;gap:5px;font-size:.76rem;color:var(--muted)}
.proof-note input{width:100%;padding:10px 11px;border:1px solid var(--border);border-radius:9px;background:transparent;color:var(--text);font:inherit}
.proof-note input:focus-visible,.proof-form input[type=file]:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
#proof-message{margin:0;font-size:.78rem;color:var(--muted)}
#proof-message.error{color:#ff8a8a}
/* Admin proof link */
.link-btn{padding:0;border:0;background:none;color:var(--accent);font:inherit;text-decoration:underline;cursor:pointer}
/* Brand logo image (replaces the letter tile) */
.brand-logo{display:block;width:40px;height:40px}
/* ---------- Account dashboard (/akun) ---------- */
.account-page{padding:44px 0 78px;min-height:60vh}
.account-card{max-width:470px;margin:34px auto;padding:34px;border-radius:17px;text-align:center}
.account-card h1{margin-bottom:12px;font-size:clamp(1.7rem,3.6vw,2.3rem);letter-spacing:-.035em}
.account-card .eyebrow{justify-content:center}
.account-lede{margin-bottom:22px;color:var(--muted);font-size:.92rem;text-align:center}
.account-card .btn-block{margin-bottom:14px}
.account-hero{position:relative;overflow:hidden;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding:26px 28px;border-radius:18px;background:var(--card)}

.account-identity{position:relative;z-index:1;display:flex;align-items:center;gap:16px;min-width:0}
.account-avatar{display:grid;flex:0 0 auto;place-items:center;overflow:hidden;width:56px;height:56px;border:1px solid rgba(255,255,255,.14);border-radius:15px;background:var(--accent);color:#fff;font:800 1.28rem Manrope,sans-serif;box-shadow:0 2px 8px rgba(1,131,254,.14)}
.account-avatar img{width:100%;height:100%;object-fit:cover}
.account-identity-copy{min-width:0}
.account-identity-copy .eyebrow{margin-bottom:7px}
.account-identity-copy h1{margin:0 0 4px;font-size:clamp(1.4rem,3vw,1.9rem);letter-spacing:-.035em;overflow-wrap:anywhere}
.account-email{margin:0;color:var(--muted);font-size:.8rem;overflow-wrap:anywhere}
.account-hero-actions{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:9px}
.account-tabs{display:flex;gap:6px;margin:22px 0 6px;padding:5px;border:1px solid var(--border);border-radius:13px;background:color-mix(in srgb,var(--soft) 75%,transparent);overflow-x:auto;scrollbar-width:none}
.account-tabs::-webkit-scrollbar{display:none}
.account-tab{display:inline-flex;align-items:center;gap:8px;flex:1 1 auto;justify-content:center;min-height:42px;padding:9px 16px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--muted);font-weight:700;font-size:.85rem;white-space:nowrap;cursor:pointer}
.account-tab:hover{color:var(--text)}
.account-tab-icon{font-size:.9rem;line-height:1}
.account-tab.active{color:#fff;background:#006bdc;box-shadow:none}
.account-message{margin:14px 0 0;color:var(--muted);font-size:.82rem}
.account-message:empty{display:none}
.account-pane{margin-top:26px}
.account-section-heading{margin-bottom:20px}
.account-section-heading h2{margin:0;font-size:clamp(1.35rem,2.8vw,1.85rem);letter-spacing:-.035em}
.account-heading-row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px}
.account-filters{display:flex;align-items:center;gap:6px;background:var(--card-2);padding:4px;border-radius:12px;border:1px solid var(--border)}
.account-filter-btn{background:transparent;border:none;color:var(--muted);font:600 .75rem Manrope,sans-serif;padding:6px 12px;border-radius:8px;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.05em}
.account-filter-btn:hover{color:var(--text);background:var(--card)}
.account-filter-btn.active{color:var(--text);background:var(--card);box-shadow:0 1px 3px rgba(0,0,0,.2);border:1px solid var(--border-light)}

.account-heading-note{margin:7px 0 0;text-align:left}
.account-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:16px}
.account-stat{position:relative;display:flex;flex-direction:column;gap:5px;padding:19px 18px;border:1px solid var(--border);border-radius:14px;background:var(--card);transition:transform .2s,border-color .2s,box-shadow .2s}
.account-stat:hover{transform:none;border-color:var(--accent);box-shadow:0 2px 8px rgba(15,54,105,.08)}
.account-stat-icon{display:grid;place-items:center;width:33px;height:33px;margin-bottom:6px;border-radius:10px;background:var(--accent-soft);color:var(--accent);font-size:.85rem}
.account-stat span:not(.account-stat-icon){color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.09em}
.account-stat strong{font:800 1.5rem/1.2 Manrope,sans-serif;letter-spacing:-.03em;overflow-wrap:anywhere}
.account-stat.success .account-stat-icon{background:rgba(74,222,128,.13);color:var(--success)}
.account-stat.success strong{color:var(--success)}
.account-stat.accent .account-stat-icon{background:rgba(34,211,238,.13);color:var(--cyan)}
.account-action-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:13px;padding:22px;border:1px solid var(--border);border-radius:14px;background:var(--card)}
.account-action-card h3{margin:0 0 5px;font-size:1.02rem;letter-spacing:-.02em}
.account-action-card .fine{margin:0;text-align:left}
.account-action-card>div{min-width:0}
.account-order-list,.account-usage-list{display:grid;gap:12px}
.account-order-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding:19px 21px;border:1px solid var(--border);border-radius:14px;background:var(--card);transition:border-color .2s,box-shadow .2s,transform .2s}
.account-order-row:hover{transform:none;border-color:var(--accent);box-shadow:0 2px 8px rgba(15,54,105,.08)}
.account-order-row h3{margin:8px 0 3px;font-size:1rem;letter-spacing:-.02em}
.account-order-row .fine{margin:0;text-align:left}
.account-order-meta{display:flex;align-items:center;gap:13px;margin-left:auto}.account-order-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.account-key-recovery{flex:1 1 100%;display:grid;grid-template-columns:1fr;gap:12px;margin-top:4px;padding:16px;border:1px solid var(--accent);border-radius:12px;background:var(--accent-soft)}
.account-key-recovery[hidden]{display:none}
.account-key-recovery-title{display:flex;align-items:center;justify-content:space-between;gap:10px}
.account-key-recovery-actions{display:flex;align-items:center;gap:8px}
.account-key-recovery .fine{margin:0;text-align:left}
.account-key-recovery label{font-weight:700;font-size:.8rem}
.account-key-field{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--border);border-radius:10px;background:var(--card)}
.account-key-field .account-key-value{overflow:auto;white-space:nowrap;font:700 .78rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--text);border:0;background:transparent;padding:0;margin:0}
.account-key-field .btn{flex-shrink:0}
.account-quickstart-card{margin-top:16px;padding:14px;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--accent) 4%,var(--card))}
.account-qs-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}
.account-qs-badge{display:inline-block;font-size:.74rem;font-weight:800;color:var(--accent);letter-spacing:.06em;text-transform:uppercase}
.account-qs-desc{margin:4px 0 0;font-size:.78rem;color:var(--muted);line-height:1.4}
.account-qs-tabs-row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.account-qs-group{display:inline-flex;padding:3px;background:var(--bg);border:1px solid var(--border);border-radius:8px;gap:2px}
.account-qs-btn{padding:4px 10px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:.75rem;font-weight:700;cursor:pointer;transition:all .15s}
.account-qs-btn:hover{color:var(--text)}
.account-qs-btn.active{background:var(--accent);color:#fff}
.account-qs-code-box{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg)}
.account-qs-code{overflow-x:auto;white-space:nowrap;font:700 .75rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--text)}
.account-qs-copy-btn{flex-shrink:0;font-size:.76rem;padding:6px 12px}
.order-detail-secrets{display:grid;gap:12px;margin-top:18px}
.order-detail-secret-row{display:grid;grid-template-columns:1fr;gap:6px}
.order-detail-secret-row label{font-weight:700;font-size:.8rem}
.order-detail-secret-box{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--border);border-radius:10px;background:var(--card)}
.order-detail-secret-value{margin:0;padding:0;border:0;background:transparent;word-break:break-all;font:700 .78rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--text);text-align:left}
.order-detail-secret-box .btn{flex-shrink:0}
.account-order-meta strong{font:800 1.05rem Manrope,sans-serif}
.account-order-id{margin-top:7px!important}.account-order-id code,.summary-row code{overflow-wrap:anywhere;color:var(--text);font:700 .78rem/1.45 ui-monospace,SFMono-Regular,Consolas,monospace}
.status-pill.ok{background:rgba(74,222,128,.13);color:var(--success)}
.status-pill.wait{background:rgba(255,176,32,.14);color:#ffcf7a}
.account-usage-card{padding:21px;border:1px solid var(--border);border-radius:14px;background:var(--card)}
.account-usage-card .usage-heading h3{margin:5px 0 0;font-size:1.12rem;letter-spacing:-.03em}
.account-usage-card .eyebrow{margin-bottom:0;font-size:.66rem}
.account-usage-card .usage-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.usage-message{margin:12px 0 0;text-align:left}
.account-card-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;margin-top:18px;padding-top:16px;border-top:1px solid var(--border)}
.account-card-action-primary{display:flex;align-items:center;gap:12px;min-width:0}
.account-card-action-meta{margin:0;text-align:left;line-height:1.45}
.account-card-action-secondary{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}
.account-empty{padding:38px 22px;border:1px dashed var(--border);border-radius:14px;background:color-mix(in srgb,var(--soft) 60%,transparent);color:var(--muted);font-size:.86rem;text-align:center}
.account-privacy-note{display:grid;gap:7px;margin-bottom:14px;padding:16px 18px;border:1px solid color-mix(in srgb,var(--cyan) 45%,var(--border));border-radius:12px;background:color-mix(in srgb,var(--cyan) 5%,var(--card))}
.account-privacy-note strong{color:var(--accent);font-size:.68rem;letter-spacing:.13em}
.account-privacy-note span{color:var(--text);font-size:.8rem;line-height:1.55}
.account-privacy-note.compact{margin-top:14px;margin-bottom:0}
.request-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px}
.request-summary article{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 19px;border:1px solid var(--border);border-radius:12px;background:var(--card)}
.request-summary span{color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.07em}
.request-summary strong{font:800 1.35rem Manrope,sans-serif}
.request-log-list{display:grid;gap:10px}
.request-log-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border:1px solid var(--border);border-radius:12px;background:var(--card)}
.usage-lifetime{margin-top:16px}.usage-lifetime>.fine{margin:0 0 8px;text-align:left}.usage-lifetime-table{display:grid;gap:1px;border:1px solid var(--border);border-radius:10px;overflow:hidden}.usage-lifetime-head,.usage-lifetime-row{display:grid;grid-template-columns:minmax(110px,2fr) repeat(4,minmax(58px,1fr));gap:8px;padding:10px 14px;align-items:center;font-size:.8rem}.usage-lifetime-head{background:var(--card-2);color:var(--muted);font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.usage-lifetime-head span{text-align:right}.usage-lifetime-head span:first-child{text-align:left}.usage-lifetime-row{background:var(--card)}.usage-lifetime-row span{text-align:right;color:var(--muted)}.usage-lifetime-row span:first-child{text-align:left;color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.76rem;overflow-wrap:anywhere;display:flex;align-items:center}.usage-lifetime-row strong{color:var(--text)}.usage-lifetime-mult{margin-left:6px;padding:1px 5px;border-radius:6px;background:color-mix(in srgb,#f59e0b 18%,transparent);color:#b45309;font-size:.64rem;font-family:Manrope,sans-serif}@media(max-width:600px){.usage-lifetime-head,.usage-lifetime-row{padding:9px 10px;font-size:.72rem;gap:6px}.usage-lifetime-head{font-size:.6rem}}
.request-log-row h3{margin:5px 0 4px;font-size:1rem}.request-log-row .fine{margin:0;text-align:left}.request-log-row .eyebrow{margin:0;font-size:.65rem}
.request-log-key-label{display:flex;flex-direction:column;gap:6px;font:700 .66rem Manrope,sans-serif;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.request-log-key-select{max-width:320px;padding:10px 14px;border:1px solid var(--border);border-radius:10px;background:var(--card);color:var(--text);font:600 .88rem inherit;cursor:pointer;outline:none;transition:border-color .2s,box-shadow .2s}.request-log-key-select:focus-visible{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.request-log-rows{display:grid;gap:10px}
.request-log-model{display:inline-block;margin-top:6px;padding:3px 9px;border-radius:99px;background:var(--accent-soft);color:var(--accent);font-size:.66rem;font-weight:700}
.request-log-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.request-log-cell{display:flex;flex-direction:column;font-size:.78rem;color:var(--muted)}
.request-log-cell span:last-child{color:var(--text);font-weight:600}
.request-log-col{font-size:.6rem;text-transform:uppercase;letter-spacing:.05em}
.request-log-more{width:100%;margin-top:4px}
#bandel-live-list{display:grid;gap:10px;margin-top:14px}
.bandel-live-card{border:1px solid var(--accent);border-radius:14px;background:var(--accent-soft);padding:16px 20px}
.bandel-live-heading{display:flex;flex-direction:column;gap:4px;margin:0 0 10px}
.bandel-live-heading h3{margin:0;font-size:.95rem}
.bandel-live-note{margin:0}
.bandel-live-rows{display:grid;gap:8px}
.bandel-live-row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:10px 14px;border:1px solid var(--border);border-radius:10px;background:var(--card)}
.bandel-live-time{font-size:.72rem;color:var(--muted);font-variant-numeric:tabular-nums}
.bandel-live-tokens{font-size:.78rem;color:var(--muted);font-variant-numeric:tabular-nums}
.bandel-live-total{display:flex;flex-direction:column;font-size:.78rem;color:var(--muted);text-align:right}
.bandel-live-total span:last-child{color:var(--text);font-weight:600}
.bandel-live-model{margin-top:0}
.request-log-disclaimer{margin:14px 2px 0;text-align:left}
.telegram-account-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:23px;border:1px solid var(--border);border-radius:14px;background:var(--card)}
.telegram-account-mark{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#229ed9;color:#fff;font-size:1.25rem;box-shadow:0 2px 8px rgba(34,158,217,.14)}
.telegram-account-card h3{margin:0 0 5px}.telegram-account-card .fine{margin:0;text-align:left}
.topup-dialog{width:min(620px,calc(100% - 24px));padding:0;border:0;background:transparent;color:var(--text)}
.topup-dialog::backdrop{background:rgba(3,6,18,.82);}
.topup-card{padding:28px;max-height:min(760px,90vh);overflow:auto}
.topup-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.topup-packages{display:grid;gap:10px;margin:22px 0}
.topup-package{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:15px;border:1px solid var(--border);border-radius:14px;cursor:pointer;background:var(--soft)}
.topup-package:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.topup-package span{display:grid;gap:3px}.topup-package small{color:var(--muted)}
/* Admin keeps its legacy class contract isolated from the marketing UI. */
.admin-page>header{max-width:1140px;margin:auto;padding:22px 24px;display:flex;justify-content:space-between;align-items:center;gap:18px;border-bottom:1px solid var(--border)}
.admin-page .logo{display:inline-flex;align-items:center;gap:10px;font-size:1.1rem;font-weight:800;text-decoration:none}.admin-page nav a{color:var(--muted);font-size:.9rem;text-decoration:none}
.admin-page .admin-main{max-width:1140px;margin:auto;padding:36px 24px 64px;min-height:70vh}.admin-page .admin-title{font-size:clamp(2rem,5vw,3rem);line-height:1.15;margin-bottom:14px}.admin-page .section-title{text-align:left}
.admin-page .card{padding:24px;border:1px solid var(--border);border-radius:14px;background:var(--card);overflow-wrap:anywhere}.admin-page .admin-orders{display:grid;gap:16px}.admin-page .admin-login{max-width:600px}
.admin-ref-table-wrap{overflow-x:auto;margin:18px 0;border:1px solid var(--border);border-radius:12px;background:var(--bg);box-shadow:inset 0 1px 3px rgba(0,0,0,.04)}
.admin-ref-table{width:100%;border-collapse:separate;border-spacing:0;text-align:left;font-size:.88rem;min-width:760px}
.admin-ref-table th{padding:14px 18px;background:var(--card-2);color:var(--muted);font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);white-space:nowrap}
.admin-ref-table td{padding:14px 18px;border-bottom:1px solid var(--border);vertical-align:middle}
.admin-ref-table tbody tr:last-child td{border-bottom:none}
.admin-ref-table tbody tr:hover{background:var(--card-2)}

.admin-page .button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid transparent;border-radius:10px;background:var(--accent);color:#fff;text-decoration:none;font-size:.9rem;font-weight:700;cursor:pointer}.admin-page .button.secondary{background:var(--card);border-color:var(--border);color:var(--text)}.admin-page .button:disabled{opacity:.45;cursor:not-allowed}.admin-page .button:not(:disabled):hover{filter:brightness(1.12)}
.admin-page .actions{display:flex;gap:10px}.admin-page .fine{font-size:.82rem;color:var(--muted)}.admin-page .verify{display:flex;align-items:flex-start;gap:10px;margin:16px 0}.admin-page .link-btn{border:0;background:none;color:var(--accent);text-decoration:underline;cursor:pointer}.admin-page .admin-summary article{background:var(--card)}.admin-page .admin-summary strong{overflow-wrap:anywhere}.admin-page>footer{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;padding:28px 24px;background:transparent;color:var(--muted);border-color:var(--border)}
@media(max-width:620px){.admin-page>header{align-items:flex-start;flex-direction:column}.admin-page .admin-main{padding:28px 16px 48px}.admin-page .admin-toolbar .button{flex:1 1 140px}.admin-page .card{padding:18px}.admin-page>footer{gap:8px}}
.admin-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}
.admin-summary article{display:grid;gap:6px;padding:18px;border:1px solid var(--border);border-radius:14px;background:var(--soft)}
.admin-summary span{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.admin-summary strong{font-size:1.25rem}
.admin-toolbar{align-items:center;flex-wrap:wrap}.admin-order-tags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:10px}
@media(max-width:620px){.admin-summary{grid-template-columns:1fr}.topup-package{grid-template-columns:auto 1fr}.topup-package>strong{grid-column:2}}
.account-footer-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:.74rem}
.account-footer-links{display:flex;gap:16px}
.account-footer-links a{color:var(--muted);text-decoration:none}
.account-footer-links a:hover{color:var(--accent)}
.price-card.featured:before{content:"";position:absolute;inset:-1px;border-radius:21px;background:var(--accent);z-index:-1;opacity:.6}
@media(max-width:980px){.account-stats{grid-template-columns:repeat(2,1fr)}.account-usage-card .usage-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.account-page{padding:26px 0 54px}.account-hero{padding:20px}.account-hero-actions{width:100%}.account-hero-actions .btn{flex:1}.account-stats{grid-template-columns:1fr}.request-summary{grid-template-columns:1fr}.account-tab{flex:0 0 auto;font-size:.8rem;padding:9px 12px}.account-action-card,.account-order-row,.request-log-row{flex-direction:column;align-items:flex-start}.account-order-meta{margin-left:0;width:100%;justify-content:flex-start;flex-wrap:wrap}.account-order-meta strong{width:100%}.account-order-actions{justify-content:flex-start}.account-key-recovery{grid-template-columns:1fr}.account-key-recovery .btn{width:100%}.account-card-actions{grid-template-columns:1fr;align-items:stretch}.account-card-action-primary{align-items:stretch;flex-direction:column;gap:10px}.account-card-action-primary .btn,.account-card-action-secondary .btn,.account-card-action-secondary a{flex:1}.account-card-action-secondary{justify-content:stretch}.telegram-account-card{grid-template-columns:auto 1fr}.telegram-account-card .btn{grid-column:1/-1;width:100%}}
@media(max-width:760px){.brand-logo{width:36px;height:36px}.hero-body h1{font-size:2.4rem;letter-spacing:-.045em}.hero-body p{font-size:1.02rem}.pricing-grid{grid-template-columns:1fr;gap:20px;margin-bottom:28px}.price-card{padding:30px;min-height:0}.account-tabs{padding:3px;margin:20px 0 0}.account-tab{padding:8px 14px;font-size:.82rem}.usage-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.payment-qr{max-width:100%}.lang-btn{padding:4px 7px;font-size:.68rem}.pay-tabs{flex-direction:column}.account-filters{width:100%;overflow-x:auto;padding:6px;gap:4px}.account-filter-btn{white-space:nowrap;flex:1 0 auto}}

.activity-popup{position:fixed;bottom:24px;left:24px;z-index:900;display:flex;align-items:center;gap:12px;max-width:min(380px,calc(100vw - 32px));padding:12px 16px;background:rgba(13,17,28,0.92);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:12px;box-shadow:0 4px 14px rgba(0,0,0,.20);font-size:0.82rem;line-height:1.35;color:var(--text);opacity:0;transform:translateY(16px);transition:opacity 0.35s cubic-bezier(0.16,1,0.3,1),transform 0.35s cubic-bezier(0.16,1,0.3,1);pointer-events:auto}
.activity-popup.visible{opacity:1;transform:translateY(0)}
.activity-popup.hiding{opacity:0;transform:translateY(12px)}
.activity-popup-icon{font-size:1.25rem;line-height:1;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.activity-popup-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.activity-popup-title{color:#edf3ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.activity-popup-title strong{color:#78dcf5;font-weight:600}
.activity-popup-title span{font-weight:600;color:#edf3ff}
.activity-popup-time{font-size:0.72rem;color:#b8c8e0}
.activity-popup-close{background:none;border:none;color:#b8c8e0;font-size:1.15rem;line-height:1;cursor:pointer;padding:2px 4px;margin-left:4px;border-radius:4px;transition:color 0.2s}
.activity-popup-close:hover{color:#fff}

.legal-page>header{max-width:1000px;margin:auto;padding:24px;display:flex;justify-content:space-between;align-items:center;gap:16px}.legal-page .logo,.legal-page nav{display:flex;align-items:center;gap:12px}.legal-page .legal{max-width:900px;margin:auto;padding:32px 24px 64px;line-height:1.8}.legal-page .legal h2{font-size:1.35rem;margin:28px 0 10px}.legal-page .legal h1{font-size:2.3rem}.legal-page>footer{padding:28px;display:flex;justify-content:center;gap:24px}.legal-page .lang-btn[aria-pressed="true"]{background:#006bdc;color:white}
/* Buyer-first landing: fixed dark API panels stay legible in both themes. */
.hero-copy h1{font-size:clamp(2.3rem,4.2vw,3.8rem);line-height:1.12;letter-spacing:-.035em}
.hero-offer{margin:24px 0 18px}.hero-offer strong{font-size:1.65rem;color:#0183fe}
.hero-offer p{margin:6px 0 0;color:var(--muted);font-size:.9rem}
.hero-api-body{padding:28px;color:#eaf2ff}.hero-api-body>code{color:#0183fe;font-size:clamp(.85rem,1.5vw,1.2rem);overflow-wrap:anywhere}
.hero-api-body p{color:#b8c8e0;line-height:1.6}.hero-api-body p:first-child{color:#fff;font-weight:700;font-size:1.2rem;margin-top:0}
.hero-api-body pre{min-height:0;height:auto;padding:20px 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.82rem;color:#eaf2ff}
.hero-api-body .text-link{color:#0183fe}.hero .float-chip{display:none}
.buyer-note{padding:20px 24px;border:1px solid var(--border);border-radius:16px;color:var(--muted);line-height:1.7;font-size:.9rem;margin-top:22px}
.verification-note{grid-column:1/-1;margin-top:0}
.quickstart-panel{background:#0c1428;border:1px solid #2a3b58;border-radius:20px;color:#edf3ff;overflow:hidden}
.quickstart-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 26px;border-bottom:1px solid #2a3b58}
.quickstart-toolbar b{display:block;color:#afc0db;font-size:.8rem;margin-bottom:8px}.quickstart-toolbar code{color:#78dcf5;overflow-wrap:anywhere}
.quickstart-toolbar .btn-ghost{color:#edf3ff;border-color:#526886;background:transparent}
.quickstart-panel pre{margin:0;padding:26px;overflow:auto;font-size:.88rem;line-height:1.7;color:#edf3ff}
.quickstart-actions{padding:0 26px 24px;display:flex;align-items:center;gap:24px}.quickstart-actions .btn{flex-shrink:0}
.quickstart-actions p{font-size:.82rem;color:#b8c8e0;line-height:1.6;margin:0}
@media(max-width:640px){.hero-copy h1{font-size:2.35rem}.hero-api-body{padding:20px}.hero-offer strong{font-size:1.45rem}.quickstart-toolbar,.quickstart-actions{align-items:flex-start;flex-direction:column;gap:14px;padding:20px}.quickstart-panel pre{padding:20px;font-size:.78rem}.buyer-note{padding:16px}.model-list-columns{font-size:.65rem}.hero-cta{flex-wrap:wrap}.code-shell{min-width:0}}

@media(max-width:600px){.activity-popup{bottom:16px;left:16px;right:16px;max-width:calc(100vw - 32px)}}

.compatibility-strip{position:relative;display:flex;align-items:center;justify-content:center;gap:24px;margin-top:62px;padding:22px 0;border-top:1px solid rgba(118,139,180,.12);border-bottom:1px solid rgba(118,139,180,.12)}
.compatibility-label{flex:0 0 auto;color:#7f8899;font:700 .68rem/1 Manrope,sans-serif;letter-spacing:.28em;white-space:nowrap}
.compatibility-apps{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}
.compatibility-app{display:inline-flex;align-items:center;gap:9px;min-height:38px;padding:8px 16px;border:1px solid rgba(132,149,180,.22);border-radius:999px;background:rgba(13,18,29,.74);color:#aeb6c5;font:600 .82rem/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.01em;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.compatibility-app i{display:block;width:8px;height:8px;border-radius:50%;background:#19dba7;box-shadow:none}
@media(max-width:720px){.compatibility-strip{align-items:flex-start;flex-direction:column;gap:16px;margin-top:46px;padding:20px 0}.compatibility-apps{justify-content:flex-start}.compatibility-app{padding:8px 13px}}

/* Compact storefront navigation */
.topbar-inner{position:relative}
.topnav{position:static;transform:none;display:flex;align-items:center;gap:26px}
@media(max-width:860px){.topnav{display:none}}
.topnav a{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase}
.pwa-install-button{width:38px;min-width:38px;padding:0}
.pwa-install-label{display:none}
.menu-wrap{position:relative}
.nav-menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:38px;padding:0 14px;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--text);font-size:.7rem;font-weight:800;letter-spacing:.12em;cursor:pointer}
.nav-menu-toggle:hover,.nav-menu-toggle[aria-expanded="true"]{border-color:var(--accent);background:var(--accent-soft)}
.nav-menu-chevron{color:var(--muted);font-size:.85rem;transition:transform .2s}
.nav-menu-toggle[aria-expanded="true"] .nav-menu-chevron{transform:rotate(180deg)}
.nav-menu-icon{display:none;font-size:1rem;line-height:1}
.site-menu{position:absolute;top:calc(100% + 9px);right:0;z-index:120;display:none;flex-direction:column;width:224px;padding:9px;border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,var(--card) 96%,transparent);box-shadow:0 4px 16px rgba(0,0,0,.16);}
.site-menu.open{display:flex}
.site-menu a{position:relative;padding:11px 12px;border-radius:7px;color:var(--muted);font-size:.84rem;font-weight:650;text-decoration:none}
.site-menu a:hover{background:var(--accent-soft);color:var(--text)}
.site-menu-featured{color:var(--text)!important}
.site-menu-featured:after{content:"";position:absolute;right:12px;bottom:4px;left:12px;height:2px;border-radius:99px;background:var(--accent-2)}
.site-menu-mobile-only{display:none}
@media(max-width:800px){.site-menu-mobile-only{display:block}}
.site-menu-divider{height:1px;margin:7px 4px;background:var(--border)}
.site-menu .site-menu-cta{background:#006bdc;color:#fff}
.site-menu .site-menu-cta:hover{background:#005fbf;color:#fff}
@media(max-width:800px){.nav-menu-toggle{width:38px;padding:0}.nav-menu-label,.nav-menu-chevron{display:none}.nav-menu-icon{display:inline}}
@media(max-width:600px){.site-menu{position:fixed;top:65px;right:16px;left:16px;width:auto}}
@media(max-width:340px){.topbar-inner>.brand>span{display:none}}

/* Focused hero: offer on the left, app setup preview on the right */
.hero-payment-note{display:flex;align-items:center;gap:9px;margin:0;color:var(--muted);font-size:.82rem;font-weight:600}
.hero-payment-note:before{content:"";flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:none}
.setup-copy{margin:10px 0 18px!important;color:#9eacc4!important;font-size:.88rem!important;line-height:1.55!important}
.setup-fields{display:grid;gap:8px}
.setup-field{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:12px;min-height:58px;padding:10px 13px;border:1px solid rgba(119,145,190,.18);border-radius:10px;background:rgba(19,31,56,.55)}
.setup-number{display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(1,131,254,.3);border-radius:8px;background:rgba(1,131,254,.09);color:#0183fe;font:800 .62rem/1 Manrope,sans-serif;letter-spacing:.05em}
.setup-field>span:last-child{display:flex;min-width:0;flex-direction:column;gap:2px}
.setup-field small{color:#6f819f;font:800 .6rem/1.2 Manrope,sans-serif;letter-spacing:.14em}
.setup-field strong{overflow-wrap:anywhere;color:#e8effb;font-size:.84rem;font-weight:650}
.setup-guide{margin-top:17px!important}
@media(max-width:980px){.hero-payment-note{justify-content:center}}
@media(max-width:600px){.setup-field{min-height:54px}.code-foot{align-items:flex-start;flex-direction:column;gap:7px}.hero-payment-note{justify-content:flex-start}}

.provisioning-notice-overlay{position:fixed;inset:0;z-index:900;display:grid;place-items:center;padding:20px;background:rgba(2,5,14,.84);}.provisioning-notice-overlay[hidden]{display:none}.provisioning-notice-card{width:min(500px,100%);padding:32px;border:1px solid #f59e0b;border-radius:18px;background:var(--card);box-shadow:0 6px 24px rgba(0,0,0,.22)}.provisioning-notice-badge{display:inline-block;margin:0 0 14px;padding:5px 9px;border-radius:999px;background:rgba(245,158,11,.16);color:#fbbf24;font-size:.71rem;font-weight:800;letter-spacing:.1em}.provisioning-notice-card h2{margin:0 0 12px;font-size:1.65rem;line-height:1.2}.provisioning-notice-card>p:not(.provisioning-notice-badge){margin:0 0 24px;color:var(--muted);line-height:1.65}.provisioning-notice-card .btn{min-height:46px}.provisioning-notice-dismiss{display:block;width:100%;margin-top:10px;padding:7px;border:0;background:transparent;color:var(--muted);cursor:pointer;font:inherit;font-size:.86rem}.provisioning-notice-dismiss:hover{color:var(--text)}@media(max-width:500px){.provisioning-notice-card{padding:25px 22px}.provisioning-notice-card h2{font-size:1.4rem}}
.provisioning-notice-channel{margin:15px 0 0;font-size:.84rem;line-height:1.6;color:var(--muted)}.provisioning-notice-channel a{color:var(--accent);font-weight:600;text-decoration:none;word-break:break-word}.provisioning-notice-channel a:hover{text-decoration:underline}

/* Clean flat storefront redesign */
[data-theme="light"]{--bg:#f8fbff;--bg-2:#f1f7fd;--soft:#edf6ff;--card:#fff;--card-2:#f6faff;--text:#0f1e36;--muted:#52647a;--border:#dbe8f5;--accent:#006bdc;--accent-2:#006bdc;--cyan:#00d9f5;--accent-soft:rgba(1,131,254,.08);--success:#10b981;--shadow:0 4px 16px rgba(15,54,105,.07);color-scheme:light}
[data-theme="dark"]{--bg:#071120;--bg-2:#091628;--soft:#0c1b30;--card:#0e1d33;--card-2:#12233b;--text:#f3f8ff;--muted:#a6b5c9;--border:#203653;--accent:#1c91ff;--accent-2:#0879e8;--cyan:#19dff5;--accent-soft:rgba(28,145,255,.12);--success:#39d39f;--shadow:0 4px 16px rgba(0,0,0,.18);color-scheme:dark}
body{background:var(--bg);font-family:Inter,"DM Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
h1,h2,h3,.brand{font-family:Manrope,Inter,"DM Sans",system-ui,sans-serif}
.container{width:min(1120px,calc(100% - 48px))}
.topbar{background:var(--card);border-bottom-color:var(--border)}
.topbar-inner{height:68px}.brand{font-size:1.05rem}.brand-logo{width:38px;height:38px;object-fit:contain}.topnav a{color:var(--muted);font-weight:700}.icon-btn,.nav-menu-toggle{background:var(--card);box-shadow:0 3px 12px rgba(15,54,105,.04)}
.btn{border-radius:10px;box-shadow:none}.btn:hover{transform:none}.btn-primary{background:#006bdc;box-shadow:0 2px 8px rgba(15,54,105,.14)}.btn-primary:hover{background:#006bdc;box-shadow:0 3px 10px rgba(15,54,105,.16)}
.hero{padding:92px 0 0;background:var(--card)}
.hero:before{display:none;background:none;background-size:auto;mask-image:none;opacity:0}
.hero-grid{gap:70px}.hero h1,.hero-copy h1{font-size:clamp(2.55rem,4.7vw,4.35rem);line-height:1.06;letter-spacing:-.052em}.hero h1 em{background:none;color:#006bdc}.lede{font-size:1.04rem;line-height:1.72}.eyebrow{color:var(--accent);letter-spacing:.14em}.hero-offer{padding:16px 18px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--card) 84%,var(--accent-soft));width:max-content;max-width:100%}.hero-offer strong{font-size:1.5rem!important}.hero-offer p{margin-top:3px}.hero-payment-note:before{background:var(--cyan);box-shadow:none}
.code-card{transform:none;border-color:#cddff1;border-radius:20px;background:#07172b;box-shadow:0 4px 16px rgba(15,54,105,.10)}[data-theme="dark"] .code-card{border-color:#274260;background:#07172b}.code-top,.code-foot{border-color:#1f3856}.setup-field{border-color:rgba(113,155,205,.2);background:rgba(20,47,78,.72)}.setup-number{color:#35cce9;border-color:rgba(0,217,245,.28);background:rgba(0,217,245,.09)}.hero-api-body .text-link{color:#47d8ef}.compatibility-strip{margin-top:72px;border-color:var(--border)}.compatibility-label{color:var(--muted)}.compatibility-app{border-color:var(--border);background:var(--card);color:var(--muted);box-shadow:0 5px 16px rgba(15,54,105,.04)}.compatibility-app i{background:var(--cyan);box-shadow:none}
.storefront-stats{border-block:1px solid var(--border);background:var(--soft)}.storefront-stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}.storefront-stat{display:flex;flex-direction:column;justify-content:center;gap:3px;min-height:126px;padding:24px 20px}.storefront-stat+.storefront-stat{border-left:1px solid var(--border)}.storefront-stat>span{color:var(--muted);font-size:.64rem;font-weight:800;letter-spacing:.13em}.storefront-stat strong{font:800 clamp(1.55rem,3vw,2.15rem)/1.15 Manrope,Inter,sans-serif;letter-spacing:-.045em}.storefront-stat small{color:var(--muted);font-size:.75rem}
@media(max-width:700px){.storefront-stats-grid{grid-template-columns:repeat(2,1fr)}.storefront-stat:nth-child(3){border-left:0;border-top:1px solid var(--border)}.storefront-stat:nth-child(4){border-top:1px solid var(--border)}}
@media(max-width:420px){.storefront-stat{min-height:112px;padding:18px 12px}.storefront-stat strong{font-size:1.5rem}.storefront-stat small{font-size:.68rem}}
.section{padding:92px 0}.section-heading{margin-bottom:42px}.section-heading h2,.integration-grid h2,.faq-grid h2,.cta-card h2{font-size:clamp(2rem,3.7vw,3rem);letter-spacing:-.045em}.price-section,.faq-section{background:var(--card);border-color:var(--border)}.model-section,.integration-section,.cta-section{background:var(--bg)}
.card,.price-panel,.model-list,.account-card,.account-hero,.account-stat,.account-action-card,.account-order-row,.account-usage-card{box-shadow:var(--shadow)}.price-panel{border-radius:20px}.price-tools{padding:16px 18px;background:var(--card-2)}.seg{background:var(--soft)}.seg button.active{background:var(--accent)}.price-table tbody tr:hover,.model-list-row:hover{background:var(--accent-soft)}.package-card{border-radius:16px}.launch-badge{border-color:rgba(16,185,129,.28);background:rgba(16,185,129,.08)}
.model-catalog-head{border-radius:18px 18px 0 0}.model-list{border-radius:0 0 18px 18px;box-shadow:var(--shadow)}.model-list-columns{background:var(--soft)}.buyer-note{background:var(--card);box-shadow:0 2px 8px rgba(15,54,105,.05)}
.integration-grid{gap:82px}.workflow{display:grid;gap:11px}.workflow:before{display:none}.workflow li{gap:16px;padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--card);box-shadow:0 2px 8px rgba(15,54,105,.05)}.workflow li>span{border-color:color-mix(in srgb,var(--accent) 28%,var(--border));border-radius:11px;background:var(--accent-soft)}
.faq-grid{gap:82px}.support-card{border-radius:16px;box-shadow:0 2px 8px rgba(15,54,105,.06)}.faq-wrap{border-top:0}.faq-item{margin-bottom:8px;padding-inline:16px;border:1px solid var(--border);border-radius:14px;background:var(--bg)}.faq-question{padding-block:18px}
.cta-card{padding:68px 30px;border:1px solid #0b579e;border-radius:18px;background:#063a70;box-shadow:0 4px 16px rgba(15,54,105,.12)}.cta-card .eyebrow{color:#84edff}.cta-card p:not(.eyebrow){color:#d9edff}.cta-card .btn-primary{background:#fff;color:#056cca;box-shadow:none}.cta-card .btn-primary:hover{background:#edf9ff}
footer{background:#06152a;border-top:0}.footer-bottom{border-top-color:#173554}.footer-about .brand,.footer-col b{color:#fff}.footer-about p,.footer-col a,.footer-bottom{color:#afc3da}
.site-menu{border-radius:14px;box-shadow:0 4px 16px rgba(15,54,105,.12)}
.modal{border-radius:16px;box-shadow:0 6px 24px rgba(4,25,54,.18)}.provisioning-notice-overlay{background:rgba(4,18,37,.68)}.provisioning-notice-card{border-color:#f3b627;border-radius:20px;background:var(--card);box-shadow:0 6px 24px rgba(4,25,54,.18)}
.account-page{padding-top:40px}.account-hero,.account-card{border:1px solid var(--border)}.account-tabs{background:var(--card);box-shadow:0 2px 8px rgba(15,54,105,.06)}.account-tab.active{background:#006bdc}
@media(max-width:980px){.hero{padding-top:76px}.hero-grid{gap:54px}.integration-grid,.faq-grid{gap:48px}}
@media(max-width:600px){.container{width:min(100% - 30px,1120px)}.hero{padding-top:58px}.hero h1,.hero-copy h1{font-size:2.45rem}.hero-copy{text-align:left}.hero-copy .eyebrow,.hero-cta{justify-content:flex-start}.lede{margin-inline:0}.hero-offer{width:100%}.hero-cta{gap:9px}.compatibility-strip{margin-top:48px}.section{padding:72px 0}.section-heading{margin-bottom:32px}.price-heading{gap:16px}.price-note{align-items:flex-start;text-align:left}.workflow li{padding:14px}.faq-item{padding-inline:13px}.cta-card{padding:52px 20px}.footer-main{gap:34px 22px}}
@media(max-width:480px){.account-body .brand>span{display:none}.account-body .topbar-inner{gap:10px}.account-body .nav-actions{gap:6px}.account-body .topbar .btn-sm{padding-inline:12px;white-space:nowrap}}