/* Production adapters: retain API-driven cards, forms and transaction states. */
:root{--ground:var(--bg);--surface:#fff;--surface-2:#f6f2fb;--ink-2:#685c79;--line-2:#d8cbe9;--accent:#7252dc;--accent-deep:#f0eafb;--ok:#287255;--ok-deep:#e5f3eb;--warn:#896024;--warn-deep:#fff3df;--crit:#a74357;--crit-deep:#fce9ee;--display:'Segoe UI',Arial,sans-serif;--body:'Segoe UI',Arial,sans-serif;--mono:ui-monospace,Consolas,monospace}
html[data-theme=light]{--purple:#7252dc;--ink:#292536;--muted:#746d80;--line:#e7e4ef;--bg:#f6f6fa}
html[data-theme=dark]{--ground:#14111c;--surface:#1e1928;--surface-2:#2c203a;--ink-2:#c8b7dc;--line-2:#604773;--accent:#b994f5;--accent-deep:#332341;--ok:#8be0b8;--ok-deep:#183b31;--warn:#f6ce91;--warn-deep:#443221;--crit:#ffb3c8;--crit-deep:#4a2533}
body.production{font-family:var(--body);font-size:14px;line-height:1.5}.production .layout{min-height:100vh}.production .workspace{min-height:100vh}.production main{min-height:calc(100vh - 154px)}.production h1{font-family:var(--body);font-size:28px;font-weight:650;letter-spacing:-.8px;margin:0 0 8px}.production h1+.sub{font-family:var(--body);font-size:13px;line-height:1.7;margin:0 0 26px;color:var(--muted)}.production .brand,.production .brand-wordmark{font-family:PRO1Brand,Arial,sans-serif}.production .brand{margin-bottom:42px;white-space:nowrap}.production .brand>span{display:inline}.production .sidebar .brand{border:0;padding:0}.production .logout{border:0;background:transparent;width:100%}.production .sidebar-bottom{padding-top:25px}.production .account small{font-size:10px}.production .account .ico{height:16px;width:16px}.production .topbar{position:static;background:transparent}.production .avatar{border-radius:50%}.production .card{padding:24px;border-radius:17px}.production .card-head h2{font-size:18px}.production :is(.btn,.tab){font-family:var(--body);letter-spacing:0;text-transform:none}.production .btn-solid{background:#7252dc;border-color:#7252dc;color:white;box-shadow:0 4px 14px #7252dc20}.production .btn-solid:hover{background:#603fca;border-color:#603fca}.production .btn-ghost{background:var(--surface);border-color:var(--line-2);color:var(--ink-2)}.production .btn-ghost:hover{background:var(--accent-deep)}.production .btn-wide{width:100%;justify-content:center}.production .btn-sm{font-size:12px;padding:8px 12px;min-height:36px}.production .note,.production .hint{font-size:12px;line-height:1.7;color:var(--muted)}.production .field input,.production select{background:var(--surface);border:1px solid var(--line-2);border-radius:10px;color:var(--ink);padding:12px;min-width:0;width:100%;font-family:var(--body);font-size:14px}.production .field label{font-size:13px;font-weight:500;color:var(--ink);margin-bottom:8px}.production .field{margin-bottom:18px}.production .field input:focus,.production select:focus{border-color:var(--accent)}.production :is(input,textarea)::placeholder{color:var(--muted);opacity:1}.production .hero{padding:25px 28px;display:block;border-color:#d9c9ef}.production .hero-top{padding:0;margin:0;justify-content:space-between;min-height:24px}.production .hero-top .tariff{font-size:11px;font-weight:600;color:var(--ink-2);text-align:right;padding:0;background:transparent;border:0}.production .hero-top .pill{font-size:11px;padding:5px 10px;border:0;letter-spacing:0;text-transform:none}.production .pill-ok{background:var(--ok-deep);color:var(--ok)}.production .pill-warn{background:var(--warn-deep);color:var(--warn)}.production .pill-crit{background:var(--crit-deep);color:var(--crit)}.production .pill-mute{background:var(--surface-2);color:var(--ink-2)}.production-brand-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:24px 0}.production-brand-row .brand-wordmark{margin:0 0 8px;font-size:32px;font-weight:800;letter-spacing:-1.3px}.production-brand-row p{font-size:12px;margin:0;color:var(--muted)}.production-brand-row .hero-emblem{width:76px;height:76px;border-radius:23px;margin:0 8px}.subscription-label{font-size:10px;letter-spacing:1.15px;color:var(--ink-2);margin-bottom:7px}.production #clock{margin:0;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;font-family:var(--body);font-variant-numeric:tabular-nums;color:var(--ink);min-height:0;line-height:1.4}.production #clock .num{font-size:30px;font-family:var(--body);font-weight:650;letter-spacing:-.8px}.production #clock .num.sm{font-size:24px}.production #clock .unit{font-size:15px;font-family:var(--body);color:var(--ink-2);font-weight:500;margin-right:8px}.production #until{font-size:12px;color:var(--ink-2);margin:5px 0 16px}.production #period-bar{margin:0}.production .bar{height:5px;border:0;background:var(--line-2);border-radius:10px;overflow:hidden}.production .bar>i{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,#9875df,#7252dc)}.production .bar-legend{font:10px/1.5 var(--body);color:var(--muted);margin:6px 0 0}.production .facts{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:17px 0;margin:15px 0 0;border:0;border-top:1px solid var(--line-2)}.production .fact{background:transparent;border:0;border-radius:0;padding:0;min-width:0}.production .fact+.fact{border-left:1px solid var(--line-2);padding-left:20px}.production .fact .k{font-size:11px;color:var(--ink-2);letter-spacing:0;text-transform:none}.production .fact .v{font-family:var(--body);font-size:19px;font-weight:600;color:var(--ink);margin-top:4px}.production .hero-cta{margin-top:8px;min-height:44px}.production #expiry-warning:empty{display:none}.production .note-warn,.production .note-crit{border-radius:10px;padding:12px 14px;font-size:13px;line-height:1.65}.production .note-warn{color:var(--warn);background:var(--warn-deep);border:1px solid color-mix(in srgb,var(--warn) 30%,transparent)}.production .note-crit{color:var(--crit);background:var(--crit-deep);border:1px solid color-mix(in srgb,var(--crit) 30%,transparent)}.production .connect-card .steps{padding:0;margin:24px 0;list-style:none}.production .steps li{margin:0;font-size:12px}.production .connect-card .btn{margin-top:auto}.production .connect-card{display:flex;flex-direction:column}.production .quick-card{min-width:0;cursor:pointer;font-family:var(--body);color:var(--ink)}.production .quick-card .quick-icon{flex-shrink:0}.production .quick-card strong{font-size:12px}.production .section-heading h2{font-size:17px}.production .section-heading .text-link{font-family:var(--body)}.production .fold{margin:0}.production .fold>summary{padding:0 0 15px;list-style:none;display:flex;align-items:center;gap:10px;cursor:default;pointer-events:none;border-bottom:1px solid var(--line);margin-bottom:18px}.production .fold>summary:after,.production .fold>summary .chev{display:none}.production .fold>summary h2{font-size:18px;margin:0}.production .fold>summary .hint{margin-left:auto}.production .fold .fold-body{padding:0;margin:0;border:0}.production .fold .steps{list-style:decimal;padding-left:20px;display:block;margin:0 0 20px}.production .fold .steps li{display:list-item;color:var(--ink-2);padding-left:4px;margin:8px 0}.production .tabs{padding:0;background:none;border:0;gap:8px;flex-wrap:wrap;margin:18px 0}.production #os-tabs button,.production .period button{border:1px solid var(--line-2);background:var(--surface);color:var(--ink-2);border-radius:9px;padding:10px 13px;font-family:var(--body);font-size:12px;min-height:42px;white-space:nowrap}.production #os-tabs button[aria-selected=true],.production .period button[aria-pressed=true]{background:var(--accent-deep);color:var(--accent);border-color:var(--accent);box-shadow:none}.production .apps{display:grid;grid-template-columns:1fr 1fr;gap:16px}.production .app{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:20px;margin:0;min-width:0}.production .app.best{background:var(--accent-deep);border-color:var(--line-2)}.production .app.extra{display:none}.production .app-top{display:flex;align-items:center;gap:12px;margin-bottom:16px}.production .app .logo{width:40px;height:40px;display:grid;place-items:center;border:0;background:var(--surface-2);border-radius:10px;color:var(--accent);font-family:var(--body);font-size:20px;font-weight:600}.production .app .logo:has(img){background:transparent}.production .app .nm{font-family:var(--body);font-size:16px;display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0}.production .tag{font-size:9px;letter-spacing:0;text-transform:none;background:var(--surface);color:var(--ink-2);border:1px solid var(--line-2);border-radius:6px;padding:3px 6px;margin:0}.production .go{display:grid;gap:8px}.production .go .btn{width:100%;white-space:normal;overflow-wrap:anywhere}.production #more-apps{grid-column:1/-1}.production .disclose{margin-top:22px;background:var(--surface-2);border:1px solid var(--line);border-radius:12px}.production .disclose>summary{font-size:13px;padding:15px 18px;color:var(--ink)}.production .disclose .in{padding:2px 18px 18px}.production .link-box{display:flex;gap:10px}.production .link-box input{flex:1;min-width:0;border:1px solid var(--line-2);border-radius:9px;background:var(--surface);padding:10px;color:var(--ink-2);font:12px var(--mono)}.production .qr-wrap{display:flex;justify-content:center;margin-top:20px}.production .qr{display:block;width:max-content;border:1px solid #d8cce8;border-radius:15px;background:#fff;padding:14px;margin:0}.production .qr canvas{display:block;width:184px;height:184px;max-width:100%;image-rendering:pixelated}.production .dev{display:flex;gap:14px;padding:17px 0;align-items:center;border-bottom:1px solid var(--line);background:transparent}.production .dev:last-child{border-bottom:0}.production .dev>.ic{font-size:20px;flex-shrink:0;width:39px;height:39px;background:var(--surface-2);border-radius:10px;display:grid;place-items:center}.production .dev>div:nth-child(2){flex:1;min-width:0}.production .dev .nm{font-size:14px;font-weight:600;color:var(--ink);font-family:var(--body);overflow-wrap:anywhere}.production .dev .ds{font-size:11px;color:var(--muted);overflow-wrap:anywhere;margin:4px 0 0}.production .dev .when{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0}.production .dev .when button{font-family:var(--body)}.production #home-devices{padding:2px 22px}.production .meter{display:flex;gap:15px;align-items:center;margin-top:20px}.production .meter .bar{flex:1}.production .meter .cnt{font:12px var(--body);color:var(--muted)}.production .empty{font:13px/1.7 var(--body);color:var(--muted);background:var(--surface-2);border-color:var(--line-2);padding:24px}.production .keys-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.production .keys-search{width:100%;padding:12px 14px;font:14px var(--body);border:1px solid var(--line-2);border-radius:10px;background:var(--surface);color:var(--ink);margin-bottom:16px}.production .key{background:var(--surface);border:1px solid var(--line);border-radius:11px;display:flex;gap:10px;align-items:center;padding:13px;margin-bottom:9px}.production .kn{flex:1;font:13px var(--body);color:var(--ink);min-width:0;overflow-wrap:anywhere}.production .kbtn{width:36px;height:36px;background:var(--surface-2);color:var(--ink-2);border:1px solid var(--line-2);border-radius:9px;display:grid;place-items:center;flex-shrink:0}.production .kbtn:hover{background:var(--accent-deep);color:var(--accent)}.production .section-unavailable{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:25px;font-size:14px}.production #view-settings>.card{margin-bottom:20px}.production .history-pages{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:22px;font-size:12px;color:var(--muted)}.production .history-pages button:disabled{opacity:.4}.production .table{font-size:12px}.production .table td:nth-child(2){white-space:normal;min-width:160px;max-width:340px;overflow-wrap:anywhere}.production .checkout-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px;align-items:start}.production .checkout-grid>.card:last-child{position:sticky;top:24px}.production .period{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 20px}.production .plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:0}.production .plan{background:var(--surface);color:var(--ink);padding:20px;border:1px solid var(--line-2);border-radius:13px;cursor:pointer;min-width:0}.production .plan[aria-pressed=true]{background:var(--accent-deep);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.production .plan h3{font-size:18px;margin:0 0 16px;font-family:var(--body)}.production .plan .price{font-family:var(--body);line-height:1.4;display:flex;flex-wrap:wrap;gap:5px;color:var(--ink);align-items:baseline}.production .plan .p{font-size:27px;font-weight:650;letter-spacing:-.5px}.production .plan .cur{font-size:11px;color:var(--muted)}.production .plan ul{font:12px/1.8 var(--body);padding-left:17px;margin:15px 0 0;color:var(--ink-2)}.production .big-date{font:650 28px/1.4 var(--body);color:var(--ink);letter-spacing:-.6px}.production .status-row{display:block}.production #total-note{margin-top:9px}.production .login-layout{grid-template-columns:1fr 1.1fr}.production .login-form{padding:30px}.production .login-intro{padding:35px}.production .login-intro h2.brand-wordmark{font-size:30px;margin-bottom:25px;letter-spacing:-1.3px;font-weight:800}.production .login-pane h2{font-family:var(--body);font-size:21px;margin:20px 0 12px}.production .login-form .field{margin-bottom:18px}.production .login-form p{font-size:13px}.production .login-form .btn{font-size:13px}.production .login-form .tabs{margin:0 0 15px}.production .login-form .tab{font-size:11px;padding:9px 10px}.production .overlay{display:none;position:fixed;inset:0;z-index:80;background:#22162f70;backdrop-filter:blur(4px);align-items:center;justify-content:center;padding:20px}.production .overlay.show{display:flex}.production .modal{position:relative;max-height:90dvh;overflow-y:auto;padding:32px;border:1px solid var(--line-2);border-radius:20px;background:var(--surface);color:var(--ink);width:min(440px,100%);box-shadow:0 20px 90px #21122b40;text-align:center}.production .modal h2{font:650 23px/1.4 var(--body);letter-spacing:-.4px;color:var(--ink);margin:12px 0}.production .modal .x{position:absolute;top:10px;right:12px;background:var(--surface-2);color:var(--ink-2);border:0;border-radius:9px;width:32px;height:32px;font-size:22px;display:grid;place-items:center}.production .modal .huge{font:750 50px/1.2 var(--body);color:var(--accent);margin:16px 0}.production .modal .timer{font:12px var(--body);color:var(--muted);margin:12px 0}.production .modal .later{font:13px var(--body);border:0;background:transparent;color:var(--ink-2);margin:16px auto 0;padding:10px}.production .modal .gift{font-size:32px}.production .promo-strip{border:1px solid var(--line-2);background:var(--accent-deep);color:var(--ink);border-radius:13px;font:13px var(--body);padding:16px 20px;width:100%;text-align:left;margin-bottom:22px}.production .promo-strip .big{font-family:var(--body);color:var(--accent)}.production .toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(10px);max-width:min(600px,calc(100vw - 30px));padding:13px 20px;background:#3e3050;color:#fff;border-radius:12px;font:13px/1.6 var(--body);z-index:100;opacity:0;pointer-events:none;box-shadow:0 8px 30px #24143125;transition:opacity .15s,transform .15s}.production .toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.production footer{align-items:center}.production footer a{color:var(--accent);font-size:11px}.production .bottom-nav{font-family:var(--body)}.production #payments-status{font-size:13px;color:var(--muted)}
html[data-theme=dark] .production .hero{border-color:#543766}html[data-theme=dark] .production .btn-solid{background:#8050ec;border-color:#9a71f7;color:#fff}html[data-theme=dark] .production .btn-solid:hover{background:#7040d7}html[data-theme=dark] .production .pill-ok{background:var(--ok-deep);color:var(--ok)}html[data-theme=dark] .production .pill-warn{background:var(--warn-deep);color:var(--warn)}html[data-theme=dark] .production .pill-crit{background:var(--crit-deep);color:var(--crit)}html[data-theme=dark] .production .pill-mute{background:var(--surface-2);color:var(--ink-2)}html[data-theme=dark] .production .bar>i{background:linear-gradient(90deg,#8f5feb,#bd8dff)}html[data-theme=dark] .production .toast{background:#eee4f9;color:#30203e}html[data-theme=dark] .production .overlay{background:#09060eb3}html[data-theme=dark] .production .plan[aria-pressed=true]{background:var(--accent-deep);border-color:var(--accent)}html[data-theme=dark] .production #os-tabs button[aria-selected=true]{background:var(--accent-deep);border-color:var(--accent);color:var(--accent)}
@media(max-width:1180px){.production .brand{font-size:21px}.production .checkout-grid{grid-template-columns:minmax(0,1fr) 255px;gap:16px}.production .plans{grid-template-columns:1fr}.production .login-layout{grid-template-columns:1fr}.production .login-intro{display:none}.production .login-form{max-width:540px;width:100%;margin:auto}.production .card{padding:21px}}
@media(max-width:980px){.production .checkout-grid{grid-template-columns:1fr}.production .checkout-grid>.card:last-child{position:static}.production .plans{grid-template-columns:1fr 1fr}.production .overview-grid{grid-template-columns:1fr}.production .connect-card{display:grid;grid-template-columns:43px 1fr;gap:0 15px}.production .connect-card .steps{display:none}.production .connect-card .card-icon{grid-row:1/3;margin:0}.production .connect-card .btn{grid-row:3;grid-column:1/-1;margin-top:18px}.production .apps{grid-template-columns:1fr}.production .dev .when{flex-shrink:1}.production .hero{padding:23px}}
@media(max-width:720px){.production h1{font-size:25px}.production main{padding-top:24px}.production .brand{font-size:24px}.production .sidebar .brand{margin-bottom:30px}.production .hero{padding:21px}.production-brand-row{margin:20px 0}.production-brand-row .brand-wordmark{font-size:29px}.production-brand-row p{font-size:11px}.production-brand-row .hero-emblem{width:56px;height:60px;border-radius:18px}.production #clock .num{font-size:27px}.production #clock .num.sm{font-size:23px}.production #clock .unit{font-size:14px;margin-right:5px}.production .facts{padding-top:15px;gap:14px}.production .fact+.fact{padding-left:14px}.production .fact .v{font-size:17px}.production .hero-top .tariff{font-size:10px}.production .card{padding:20px}.production .hero{padding:21px}.production .card p{font-size:13px}.production .btn-sm{font-size:11px;min-height:35px;padding:7px 10px}.production .link-box{flex-wrap:wrap}.production .link-box input{width:100%;flex-basis:100%;font-size:13px}.production .link-box .btn{width:100%}.production .fold>summary{gap:8px}.production .fold>summary h2{font-size:17px}.production .fold>summary .hint{font-size:11px}.production #os-tabs{gap:6px}.production #os-tabs button{font-size:11px;padding:9px 10px}.production .app{padding:17px}.production .app .nm{font-size:15px}.production .app .tag{font-size:9px}.production .dev{gap:10px;flex-wrap:wrap}.production .dev>.ic{width:33px;height:35px;font-size:19px}.production .dev>div:nth-child(2){min-width:150px}.production .dev .nm{font-size:13px}.production .dev .when{width:100%;padding-left:43px;gap:7px}.production .dev .when .btn{flex:1}.production #home-devices{padding:2px 16px}.production .keys-actions .btn{font-size:11px;flex:1;padding:10px}.production .kn{font-size:12px}.production .key{gap:8px;padding:11px}.production .kbtn{height:33px;width:33px}.production .field input{font-size:16px}.production .plans{grid-template-columns:1fr}.production .period{gap:7px}.production .period button{font-size:11px;padding:9px 12px}.production .plan .p{font-size:25px}.production .plan ul{font-size:13px}.production .login-form{padding:22px 18px}.production .login-form .tab{font-size:10px;padding:9px}.production .login-pane h2{font-size:20px}.production .history-pages{gap:12px;font-size:11px}.production .history-pages .btn{font-size:11px;padding:8px 12px}.production .table td:nth-child(2){min-width:0;max-width:none}.production .toast{bottom:85px;font-size:12px}.production .promo-strip{padding:14px;font-size:12px}.production .modal{padding:25px}.production .modal h2{font-size:20px}.production footer{padding-bottom:92px}.production footer a{display:none}.production .bottom-nav a{font-size:10px}}
@media(max-width:359px){.production h1{font-size:23px}.production .hero{padding:18px}.production-brand-row .brand-wordmark{font-size:26px}.production-brand-row p{font-size:10px}.production .login-form{padding:20px 14px}.production .login-form .tab{font-size:9px;padding:8px}.production .fold>summary{flex-wrap:wrap}.production .fold>summary .hint{margin-left:0}}
.production .connect-card .steps li::before{display:none}.production .fact .k{font-family:var(--body)}.production .hero-top .tariff{font-family:var(--body)}.production .dev .ds{font-family:var(--body)}
.production .plan .price .cur{color:var(--ink-2)}