:root{
  --bg:#08090e;--bg2:#0b0d14;--panel:#111521;--panel2:#151a28;--border:#292f43;
  --text:#f7f7fb;--muted:#9ca5ba;--purple:#8b5cf6;--purple2:#6d28d9;--magenta:#d946ef;
  --blue:#60a5fa;--green:#34d399;--gold:#fbbf24;--danger:#fb7185;--radius:20px;
  --shadow:0 30px 90px rgba(0,0,0,.42);--container:1220px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(1000px 650px at 85% 4%,rgba(109,40,217,.15),transparent 65%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(calc(100% - 40px),var(--container));margin:auto}.section-pad{padding:88px 0}.dark-section{background:linear-gradient(180deg,rgba(14,17,27,.64),rgba(8,9,14,.1));border-top:1px solid rgba(255,255,255,.045);border-bottom:1px solid rgba(255,255,255,.045)}
.promo-bar{background:linear-gradient(90deg,#35136b,#6d28d9 45%,#8b216e);border-bottom:1px solid rgba(255,255,255,.08);font-size:13px}.promo-inner{height:36px;display:flex;align-items:center;justify-content:center;gap:9px;color:#eee7ff}.promo-inner a{font-weight:800;color:#fff;margin-left:7px}.promo-dot{width:7px;height:7px;border-radius:50%;background:#7cf2c5;box-shadow:0 0 12px #34d399}
.nav{position:sticky;top:0;z-index:50;background:rgba(8,9,14,.82);border-bottom:1px solid rgba(255,255,255,.07);backdrop-filter:blur(18px)}.nav-inner{height:74px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:11px;font-weight:850;letter-spacing:-.02em}.brand img{width:38px;height:38px;object-fit:contain;border-radius:10px}.brand span{display:flex;flex-direction:column}.brand small{font-size:10px;font-weight:600;color:#8e97ad;letter-spacing:0}.nav-links{display:flex;gap:26px;font-size:13px;color:#b9c0d0}.nav-links a:hover{color:#fff}.nav-actions{display:flex;align-items:center;gap:9px}.lang{height:38px;min-width:42px;padding:0 11px;background:#111521;border:1px solid #2b3145;border-radius:10px;color:#d7dcef;font-weight:800;cursor:pointer}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:12px;padding:12px 18px;font-weight:800;font-size:14px;transition:.2s ease;cursor:pointer}.btn:hover{transform:translateY(-1px);filter:brightness(1.04)}.btn-primary{background:linear-gradient(135deg,var(--purple),#a855f7 58%,var(--magenta));color:#fff;box-shadow:0 14px 40px rgba(139,92,246,.25)}.btn-secondary{background:#141824;border-color:#32384c;color:#f2f3f7}.btn-ghost{background:transparent;border-color:#2a3043;color:#d8ddea}.btn-large{padding:14px 20px;border-radius:13px}.btn-small{padding:10px 14px}.full{width:100%}
.hero{padding:88px 0 64px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:58px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(139,92,246,.36);background:rgba(139,92,246,.085);padding:7px 11px;border-radius:999px;color:#ddcffc;font-size:12px;font-weight:800}.dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 13px rgba(52,211,153,.75)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(48px,6.3vw,80px);line-height:.98;letter-spacing:-.058em;margin:23px 0 22px}.gradient{background:linear-gradient(90deg,#fff 0%,#c4b5fd 45%,#f0abfc 92%);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:19px;color:#b2bbce;max-width:650px;margin-bottom:31px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-note{display:flex;gap:19px;flex-wrap:wrap;margin-top:24px;color:#8e98ad;font-size:12px}.hero-note span:before{content:"✓";color:var(--green);font-weight:900;margin-right:6px}.hero-visual{position:relative;padding:34px 0}.visual-glow,.media-glow{position:absolute;inset:12% 7%;background:radial-gradient(circle,rgba(139,92,246,.33),rgba(217,70,239,.12) 42%,transparent 73%);filter:blur(36px);pointer-events:none}.app-window{position:relative;border-radius:18px;background:#0d1018;border:1px solid #31374d;padding:7px;box-shadow:var(--shadow);overflow:hidden}.hero-window{transform:perspective(1400px) rotateY(-4deg) rotateX(1.2deg)}.app-window img{display:block;width:100%;border-radius:11px}.window-top{height:28px;background:#111520;border-bottom:1px solid #282f42;margin:-7px -7px 7px;padding:0 10px;display:flex;align-items:center;gap:6px;color:#70798e;font-size:10px}.window-top span{width:7px;height:7px;border-radius:50%;background:#30374b}.window-top span:first-child{background:#7c3aed}.window-top b{font-weight:600;margin-left:6px}.float-badge{position:absolute;z-index:3;background:rgba(17,20,31,.96);border:1px solid #343b51;box-shadow:0 16px 45px rgba(0,0,0,.35);border-radius:14px;padding:10px 13px;display:flex;align-items:center;gap:8px;font-size:11px;color:#b7bfd2;backdrop-filter:blur(8px)}.float-badge strong{font-size:20px;color:white}.badge-a{left:-20px;bottom:70px}.badge-b{right:-12px;top:54px}.badge-c{right:14px;bottom:12px}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 10px rgba(52,211,153,.65)}
.proof-strip{padding:0 0 72px}.proof-grid{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #272d40;background:rgba(17,21,33,.68);border-radius:18px;overflow:hidden}.proof-grid>div{padding:16px 18px;text-align:center;border-right:1px solid #272d40}.proof-grid>div:last-child{border-right:0}.proof-grid strong{display:block;font-size:17px}.proof-grid span{font-size:11px;color:#8f99ae}
.section-head{max-width:780px;margin-bottom:38px}.center-head{text-align:center;margin-left:auto;margin-right:auto}.kicker{text-transform:uppercase;letter-spacing:.15em;color:#bba5fa;font-size:11px;font-weight:900}.section-head h2,.feature-text h2,.launch-card h2,.docs-copy h2,.final-card h2{font-size:clamp(34px,4vw,50px);line-height:1.07;letter-spacing:-.045em;margin:9px 0 14px}.section-head p,.feature-text>p,.docs-copy p,.launch-card p,.final-card p{color:var(--muted);font-size:16px}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.benefit-card{background:linear-gradient(180deg,rgba(23,27,41,.92),rgba(13,16,25,.92));border:1px solid #292f42;border-radius:18px;padding:22px;min-height:205px}.benefit-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(139,92,246,.24),rgba(217,70,239,.13));border:1px solid rgba(139,92,246,.28);color:#e2d8ff;font-weight:900}.benefit-card h3{font-size:18px;margin:18px 0 8px}.benefit-card p{font-size:13px;color:#929cb1;margin:0}
.feature-showcase{padding:20px 0}.feature-row{min-height:650px;display:grid;grid-template-columns:.82fr 1.18fr;gap:66px;align-items:center;padding:85px 0;border-bottom:1px solid rgba(255,255,255,.055)}.feature-row:last-child{border-bottom:0}.feature-row.reverse{grid-template-columns:1.18fr .82fr}.feature-row.reverse .feature-text{order:2}.feature-row.reverse .feature-media{order:1}.feature-text{position:relative}.step{position:absolute;right:4px;top:-22px;color:rgba(139,92,246,.13);font-size:72px;font-weight:950;line-height:1}.feature-text h2{font-size:clamp(34px,4vw,47px)}.feature-list{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:10px}.feature-list li{color:#c4cad9;font-size:14px;display:flex;align-items:center;gap:9px}.feature-list li:before{content:"✓";width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:rgba(52,211,153,.1);color:#5de2b4;font-size:11px;font-weight:900}.feature-media{position:relative}.light-window{background:white;border-color:#d9dce4}.media-caption{position:absolute;right:15px;bottom:-23px;background:#121622;border:1px solid #333a50;border-radius:13px;padding:11px 14px;box-shadow:0 16px 45px rgba(0,0,0,.38)}.media-caption b,.media-caption span{display:block}.media-caption b{font-size:14px;color:#fff}.media-caption span{font-size:11px;color:#98a1b6}
.workflow-compare{display:grid;grid-template-columns:1fr 1fr;gap:18px}.workflow-card{border-radius:22px;padding:28px;border:1px solid #2a3044;background:#10131d}.workflow-card.automated{border-color:rgba(139,92,246,.72);background:radial-gradient(550px 190px at 50% 0%,rgba(139,92,246,.16),transparent 68%),#11141f;box-shadow:0 20px 65px rgba(109,40,217,.12)}.workflow-label{font-size:12px;font-weight:900;color:#aab2c5;text-transform:uppercase;letter-spacing:.09em}.workflow-chain{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:24px 0}.workflow-chain span{padding:9px 12px;border-radius:10px;border:1px solid #30364b;background:#181c29;font-size:13px;font-weight:750}.workflow-chain i{color:#5f687d;font-style:normal}.workflow-card.automated .workflow-chain span{border-color:rgba(139,92,246,.35);background:rgba(139,92,246,.08)}.workflow-card p{color:#8f98ad;font-size:13px;margin:0}
.pricing-section{background:radial-gradient(750px 430px at 50% 0%,rgba(109,40,217,.16),transparent 75%)}.pricing-head{max-width:830px}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;align-items:stretch}.price-card{position:relative;background:linear-gradient(180deg,#151925,#0e111a);border:1px solid #2b3145;border-radius:20px;padding:22px;display:flex;flex-direction:column;min-height:590px}.price-card.highlight{border-color:#8b5cf6;box-shadow:0 20px 70px rgba(109,40,217,.18);transform:translateY(-7px)}.price-card.mini{background:linear-gradient(180deg,#141721,#0f1119)}.popular-ribbon{position:absolute;right:16px;top:16px;padding:6px 9px;border-radius:999px;background:linear-gradient(90deg,#8b5cf6,#d946ef);font-size:9px;font-weight:950;letter-spacing:.05em}.popular-ribbon.blue{background:linear-gradient(90deg,#2563eb,#60a5fa)}.popular-ribbon.gold{background:linear-gradient(90deg,#b45309,#f59e0b);color:#fff}.price-top{padding-right:70px}.price-top h3{font-size:22px;margin:12px 0 3px}.price-top p{color:#8892a7;font-size:12px}.plan-badge{display:inline-block;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:950;letter-spacing:.06em}.plan-badge.neutral{background:#202534;color:#bfc6d5}.plan-badge.purple{background:rgba(139,92,246,.17);color:#d8cbff}.plan-badge.blue-soft{background:rgba(96,165,250,.13);color:#a8cdfd}.plan-badge.gold-soft{background:rgba(251,191,36,.12);color:#f9d675}.price-line{margin:15px 0 2px}.price-line strong{display:block;font-size:31px;line-height:1.1;letter-spacing:-.045em}.price-line span{color:#8c95a9;font-size:11px}.launch-price strong{color:#fff}.regular-price,.monthly-equivalent{font-size:11px;color:#8d96a9;margin-bottom:14px}.regular-price s{color:#6f778b;margin-right:5px}.quota-box{border:1px solid #2c3348;background:#111622;border-radius:14px;padding:12px 13px;margin:8px 0 13px;display:flex;align-items:center;gap:9px}.quota-box b{font-size:22px;color:#d6c8ff}.quota-box span{font-size:10px;color:#919bae;line-height:1.25}.plan-list{list-style:none;padding:0;margin:0 0 18px;flex:1}.plan-list li{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:12px;color:#c4cada}.plan-list li:before{content:"✓";color:var(--green);font-weight:900;margin-right:7px}.plan-note{font-size:9px;color:#707a90;text-align:center;margin:10px 0 0}.pricing-footnote{font-size:10px;color:#697288;margin-top:14px;text-align:center}
.launch-section{padding-top:30px}.launch-card{border:1px solid rgba(139,92,246,.4);border-radius:25px;background:radial-gradient(600px 270px at 10% 10%,rgba(139,92,246,.22),transparent 72%),#10131d;padding:38px;display:grid;grid-template-columns:1fr auto;gap:38px;align-items:center}.launch-card h2{font-size:38px}.launch-card p{margin-bottom:0;max-width:760px}.launch-actions{display:flex;flex-direction:column;gap:10px;min-width:210px}
.download-section{padding-top:40px}.download-grid{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;border:1px solid #2b3145;background:#10141f;border-radius:22px;padding:28px}.download-card{display:flex;align-items:center;gap:19px}.download-card>img{width:76px;height:76px;object-fit:contain;border-radius:18px}.download-card h2{margin:7px 0 5px;font-size:27px}.download-card p{margin:0;color:#8f99ad;font-size:13px}.status-pill{display:inline-flex;align-items:center;gap:6px;color:#6ee7bb;font-size:10px;font-weight:850}.status-pill i{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 9px rgba(52,211,153,.65)}.download-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.download-meta span{border:1px solid #30364b;background:#161a27;padding:5px 8px;border-radius:8px;color:#a9b1c3;font-size:9px}.download-actions{display:flex;flex-direction:column;align-items:center;gap:10px}.text-link{color:#bfaeff;font-size:11px;font-weight:800}
.docs-section{background:#0c0f17;border-top:1px solid rgba(255,255,255,.045);border-bottom:1px solid rgba(255,255,255,.045)}.docs-promo{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:center}.docs-copy h2{font-size:42px}.docs-list{display:grid;gap:9px}.docs-list a{display:flex;align-items:center;gap:13px;border:1px solid #2a3043;background:#121622;border-radius:13px;padding:13px 15px}.docs-list a:hover{border-color:#6654a3}.docs-list span{color:#7d67c7;font-size:10px;font-weight:900}.docs-list b{font-size:13px}
.faq-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:70px}.faq-list{display:grid;gap:10px}.faq-list details{border:1px solid #292f43;background:#10131d;border-radius:14px;padding:0 17px}.faq-list summary{cursor:pointer;list-style:none;padding:16px 0;font-weight:800;font-size:13px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";float:right;color:#9d87e7;font-size:17px}.faq-list details[open] summary:after{content:"−"}.faq-list details p{color:#8e97aa;font-size:12px;padding:0 0 16px;margin:0}
.final-cta{padding-top:30px}.final-card{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;border:1px solid rgba(139,92,246,.34);background:linear-gradient(120deg,rgba(139,92,246,.13),rgba(217,70,239,.05)),#10131c;border-radius:25px;padding:34px}.final-card>img{width:70px}.final-card h2{font-size:36px;margin-bottom:7px}.final-card p{margin:0}.final-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.footer{padding:55px 0 22px;border-top:1px solid rgba(255,255,255,.06);background:#07080c}.footer-grid-new{display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:50px}.footer-brand p{color:#7f889c;font-size:12px;margin-top:16px}.footer-col{display:flex;flex-direction:column;gap:8px}.footer-col b{font-size:12px;margin-bottom:4px}.footer-col a{font-size:11px;color:#828ba0}.footer-col a:hover{color:white}.copyright{margin-top:38px;padding-top:18px;border-top:1px solid #171b28;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#60697d;font-size:9px}
/* Login / dashboard / docs legacy pages */
.auth-page{min-height:100vh;display:grid;place-items:center;padding:40px;background:radial-gradient(700px 420px at 50% 20%,rgba(109,40,217,.18),transparent 70%),#08090e}.auth-card{width:min(470px,100%);background:rgba(15,18,27,.92);border:1px solid #2a3042;border-radius:22px;padding:34px;box-shadow:var(--shadow)}.auth-logo{text-align:center}.auth-logo img{width:72px;height:72px;object-fit:contain}.auth-logo h1{font-size:34px;margin:8px 0 2px}.auth-logo p{margin:0 0 25px;color:var(--muted)}.field{margin:15px 0}.field label{display:block;font-size:13px;color:#c3c9d9;margin-bottom:7px}.field input{width:100%;padding:13px 14px;border:1px solid #394054;background:#171b28;color:white;border-radius:10px;outline:none}.field input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.12)}.auth-card .btn{width:100%;margin-top:8px}.auth-meta{display:flex;justify-content:space-between;gap:10px;color:#9ca4ba;font-size:12px;margin:14px 0}.dashboard{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{border-right:1px solid #252a3b;background:#0b0e15;padding:22px 16px}.side-brand{display:flex;align-items:center;gap:10px;font-weight:800;margin-bottom:28px}.side-brand img{width:34px}.side-menu a{display:block;padding:11px 12px;border-radius:10px;color:#aab2c5;font-size:14px;margin:3px 0}.side-menu a.active,.side-menu a:hover{background:#251f3a;color:white}.main{padding:28px}.topline{display:flex;justify-content:space-between;align-items:center;gap:15px}.status{display:inline-flex;align-items:center;gap:7px;border:1px solid #28463d;background:#0f201b;color:#7ce8bf;border-radius:999px;padding:6px 10px;font-size:12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0}.stat{border:1px solid #292f42;background:#121622;border-radius:16px;padding:18px}.stat small{color:#9099ae}.stat strong{display:block;font-size:24px;margin-top:6px}.panel{border:1px solid #292f42;background:#111520;border-radius:18px;padding:22px;margin-top:18px}.panel h3{margin-top:0}.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:11px 8px;border-bottom:1px solid #252a39;font-size:13px}.table th{color:#8f98ad;font-weight:600}.table td{color:#dce0e9}.docs{display:grid;grid-template-columns:240px 1fr;gap:34px}.docs-nav{position:sticky;top:100px;height:max-content;border:1px solid #292f42;background:#10131d;border-radius:16px;padding:15px}.docs-nav a{display:block;padding:8px 9px;color:#aeb5c8;font-size:13px;border-radius:8px}.docs-nav a:hover{background:#191d2a;color:white}.article{max-width:800px}.article h1{font-size:48px}.article h2{margin-top:38px}.codebox{background:#0d1018;border:1px solid #2a3042;border-radius:12px;padding:15px;color:#c7d2fe;font-family:ui-monospace,monospace;font-size:13px}
@media(max-width:1100px){.nav-links{display:none}.hero-grid{grid-template-columns:1fr}.hero-copy{max-width:780px}.hero-visual{max-width:900px;margin:auto}.benefit-grid,.pricing-grid{grid-template-columns:repeat(2,1fr)}.feature-row,.feature-row.reverse{grid-template-columns:1fr;gap:35px;min-height:auto}.feature-row.reverse .feature-text,.feature-row.reverse .feature-media{order:initial}.proof-grid{grid-template-columns:repeat(5,1fr)}.docs-promo,.faq-layout{grid-template-columns:1fr}.launch-card{grid-template-columns:1fr}.launch-actions{flex-direction:row}.footer-grid-new{grid-template-columns:1.6fr 1fr 1fr}.footer-col:last-child{grid-column:2/4}.final-card{grid-template-columns:auto 1fr}.final-actions{grid-column:1/3;justify-content:flex-start}.dashboard{grid-template-columns:1fr}.sidebar{display:none}.stats{grid-template-columns:repeat(2,1fr)}.docs{grid-template-columns:1fr}.docs-nav{position:relative;top:auto}}
@media(max-width:760px){.container{width:min(calc(100% - 24px),var(--container))}.promo-inner{font-size:10px}.promo-inner a{display:none}.nav-inner{height:66px}.nav-actions .btn-ghost{display:none}.brand small{display:none}.hero{padding-top:58px}.hero h1{font-size:50px}.lead{font-size:16px}.hero-actions .btn{width:100%}.float-badge{display:none}.proof-grid{grid-template-columns:1fr 1fr}.proof-grid>div{border-bottom:1px solid #272d40}.benefit-grid,.pricing-grid,.workflow-compare{grid-template-columns:1fr}.price-card.highlight{transform:none}.feature-row{padding:60px 0}.section-pad{padding:68px 0}.launch-actions{flex-direction:column}.download-grid{grid-template-columns:1fr}.download-actions{align-items:flex-start}.docs-promo{gap:35px}.final-card{grid-template-columns:1fr;text-align:center}.final-card>img{margin:auto}.final-actions{grid-column:auto;justify-content:center;flex-direction:column}.footer-grid-new{grid-template-columns:1fr 1fr;gap:30px}.footer-brand{grid-column:1/3}.footer-col:last-child{grid-column:auto}.copyright{justify-content:center;text-align:center}.two,.stats{grid-template-columns:1fr}}
@media(max-width:480px){.nav-actions .btn-small{display:none}.proof-grid{grid-template-columns:1fr}.hero h1{font-size:43px}.feature-text h2,.section-head h2{font-size:34px}.price-card{min-height:auto}.download-card{align-items:flex-start}.download-card>img{width:58px;height:58px}.footer-grid-new{grid-template-columns:1fr}.footer-brand{grid-column:auto}}
.reveal{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease}.reveal.revealed{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.btn{transition:none}}
/* Portal V3 */
.form-message{padding:11px 13px;border-radius:10px;margin:12px 0;font-size:12px}.form-message.error{border:1px solid rgba(251,113,133,.35);background:rgba(251,113,133,.09);color:#fecdd3}.hidden{display:none!important}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none;filter:none}.dashboard-email{font-size:12px;color:#8f98ad}.dashboard-actions{display:flex;align-items:center;gap:10px}.stat-sub{display:block;margin-top:5px;color:#798398;font-size:10px}.text-success{color:#6ee7b7!important}.text-danger{color:#fda4af!important}.status-inactive{border-color:#57323a;background:#211116;color:#fda4af}.status-inactive .dot{background:#fb7185;box-shadow:0 0 9px rgba(251,113,133,.55)}.device-list{display:grid;gap:10px}.device-row{display:flex;justify-content:space-between;align-items:center;gap:14px;border:1px solid #292f42;background:#0f131d;padding:12px 13px;border-radius:12px}.device-row strong,.device-row span{display:block}.device-row strong{font-size:13px}.device-row div span{font-size:10px;color:#80899d;margin-top:3px}.device-state{font-size:10px!important;font-weight:800;padding:5px 8px;border-radius:999px}.device-state.on{color:#6ee7b7;background:#0f201b;border:1px solid #28463d}.device-state.off{color:#fda4af;background:#211116;border:1px solid #57323a}
/* Payment / Checkout V4 */
.checkout-page{min-height:100vh;background:radial-gradient(850px 520px at 72% 8%,rgba(109,40,217,.18),transparent 70%),#08090e}.checkout-topbar{height:76px;border-bottom:1px solid #242a3b;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:rgba(8,9,14,.84);backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}.checkout-topbar .brand img{width:36px}.checkout-shell{width:min(calc(100% - 40px),1180px);margin:0 auto;padding:54px 0 80px;display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:start}.checkout-title{font-size:46px;line-height:1.05;letter-spacing:-.04em;margin:10px 0 14px}.checkout-lead{color:#9ca5ba;max-width:660px}.checkout-plans{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.checkout-plan{text-align:left;width:100%;padding:17px;border:1px solid #2b3145;border-radius:15px;background:#111520;color:#eef2ff;display:flex;flex-direction:column;gap:7px;cursor:pointer}.checkout-plan:hover{border-color:#65588d}.checkout-plan.selected{border-color:#8b5cf6;box-shadow:0 0 0 2px rgba(139,92,246,.12);background:linear-gradient(145deg,rgba(139,92,246,.12),#111520 45%)}.checkout-plan.disabled{opacity:.48;cursor:not-allowed}.checkout-plan-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.checkout-plan-top b{font-size:17px}.checkout-plan-top strong{color:#d8ccff}.checkout-plan>span:not(.checkout-plan-top){font-size:12px;color:#aab2c5}.checkout-plan small{color:#727c91}.checkout-payment{position:sticky;top:96px;margin-top:0}.checkout-price{font-size:34px;font-weight:850;letter-spacing:-.025em;margin:10px 0 14px}.checkout-meta{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 19px}.checkout-meta span{border:1px solid #30364b;background:#151a27;color:#aeb6c8;border-radius:8px;padding:5px 8px;font-size:10px}.order-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.order-status{font-size:10px;font-weight:900;border-radius:999px;padding:6px 9px;border:1px solid #685323;background:#241e10;color:#f6d47a}.order-status.paid{border-color:#285c46;background:#0f201b;color:#6ee7b7}.order-status.cancelled,.order-status.expired{border-color:#63323d;background:#211116;color:#fda4af}.payment-qr{display:block;width:min(100%,340px);margin:14px auto;border-radius:16px;background:white}.payment-bank{display:grid;gap:8px;margin-top:14px}.payment-bank>div{position:relative;border:1px solid #2b3144;background:#0e121b;border-radius:11px;padding:10px 12px}.payment-bank span{display:block;color:#7f899e;font-size:10px}.payment-bank strong{display:block;margin-top:3px;font-size:13px;word-break:break-word}.copy-button{position:absolute;right:8px;top:11px;padding:5px 8px;font-size:10px;background:#242b3b;color:#dfe3ee;border:1px solid #3b4357;border-radius:7px;cursor:pointer}.order-foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:14px;color:#7f899c;font-size:10px}.payment-hint{margin-top:14px;border-left:3px solid #8b5cf6;background:#171225;padding:10px 12px;border-radius:8px;color:#b8afd0;font-size:11px}.payment-success{margin-top:15px;border:1px solid #285c46;background:#0f201b;border-radius:13px;padding:14px;color:#88efc8;display:grid;gap:8px}.payment-success span{color:#acd8c8;font-size:12px}.checkout-loading{color:#8d96aa;padding:20px;border:1px dashed #31384b;border-radius:14px}.billing-table-wrap{overflow:auto}.billing-table{width:100%;border-collapse:collapse;min-width:680px}.billing-table th,.billing-table td{padding:10px;border-bottom:1px solid #252b3b;text-align:left;font-size:11px}.billing-table th{color:#7f899c}.billing-status{font-weight:850}.billing-status.PAID{color:#6ee7b7}.billing-status.PENDING{color:#f6d47a}.billing-status.CANCELLED,.billing-status.EXPIRED{color:#fda4af}
@media(max-width:900px){.checkout-shell{grid-template-columns:1fr}.checkout-payment{position:static}.checkout-plans{grid-template-columns:1fr 1fr}}@media(max-width:620px){.checkout-topbar{padding:0 14px}.checkout-shell{width:min(calc(100% - 24px),1180px);padding-top:34px}.checkout-title{font-size:36px}.checkout-plans{grid-template-columns:1fr}}