:root{
  --bg:#08090b;--bg-deep:#050607;--surface:rgba(20,20,22,.64);--surface-soft:rgba(255,255,255,.055);--surface-strong:rgba(255,255,255,.10);--surface-solid:#151517;
  --text:#e8e6e7;--muted:rgba(232,230,231,.66);--muted-2:rgba(232,230,231,.43);--primary:#ffb1c4;--primary-2:#ff4a8d;--primary-soft:rgba(255,177,196,.12);--primary-strong:rgba(255,177,196,.28);
  --border:rgba(255,217,225,.14);--border-strong:rgba(255,217,225,.27);--green:#9ee7c4;--yellow:#ffd98d;--red:#ff9aaa;--shadow:0 28px 90px rgba(0,0,0,.34);--shadow-soft:0 18px 50px rgba(0,0,0,.25);
  --glass:blur(26px) saturate(165%);--glass-light:blur(17px) saturate(145%);--sidebar:78px;--sidebar-open:252px;--wrap:1380px;color-scheme:dark;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;overflow-x:hidden;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 16% 18%,rgba(255,177,196,.075),transparent 27rem),radial-gradient(circle at 88% 74%,rgba(255,74,141,.065),transparent 32rem),linear-gradient(180deg,#101113 0%,var(--bg) 48%,var(--bg-deep) 100%)}
body::before{content:"";position:fixed;inset:0;z-index:-4;pointer-events:none;background-image:linear-gradient(to right,rgba(255,255,255,.062) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.062) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(circle at center,#000 20%,rgba(0,0,0,.94) 70%,transparent 100%);mask-image:radial-gradient(circle at center,#000 20%,rgba(0,0,0,.94) 70%,transparent 100%)}
body::after{content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;background-image:linear-gradient(to right,rgba(255,177,196,.035) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,177,196,.035) 1px,transparent 1px);background-size:192px 192px}
.background-glow{position:fixed;z-index:-2;width:clamp(460px,36vw,640px);height:clamp(460px,36vw,640px);border-radius:50%;filter:blur(132px);opacity:.09;pointer-events:none;will-change:transform}.glow-a{left:-190px;top:2vh;background:var(--primary);animation:glow-wander-a 36s ease-in-out -7s infinite}.glow-b{right:-230px;bottom:-110px;background:var(--primary-2);animation:glow-wander-b 43s ease-in-out -19s infinite}
button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-family:Sora,Inter,ui-sans-serif,system-ui,sans-serif}::selection{background:rgba(255,177,196,.28);color:#fff}::-webkit-scrollbar{width:10px;height:8px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:rgb(var(--theme-rgb)/.18);border:2px solid var(--bg-deep);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:rgb(var(--theme-rgb)/.32)}
.glass-panel,.glass-card,.glass-mini{border:1px solid var(--border);background:linear-gradient(145deg,rgba(255,255,255,.093),rgba(255,177,196,.028));backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -1px 0 rgba(255,255,255,.035),var(--shadow-soft)}
.glass-mini{backdrop-filter:var(--glass-light);-webkit-backdrop-filter:var(--glass-light)}.glass-card{position:relative;border-radius:26px;overflow:hidden}.glass-card::before{content:"";position:absolute;z-index:0;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.52),transparent);pointer-events:none}.glass-card>*{position:relative;z-index:1}.glass-highlight{position:absolute!important;z-index:0!important;left:-10%;top:-55%;width:70%;height:100%;transform:rotate(18deg);background:radial-gradient(ellipse,rgba(255,255,255,.08),transparent 70%);filter:blur(18px);pointer-events:none}
.sidebar{position:fixed;z-index:120;left:14px;top:14px;bottom:14px;width:var(--sidebar);display:flex;flex-direction:column;padding:10px;border-radius:24px;overflow:hidden;transition:width .38s cubic-bezier(.2,.75,.2,1),border-color .25s ease,box-shadow .25s ease;background:linear-gradient(160deg,rgba(22,21,24,.76),rgba(8,9,11,.72))}.sidebar:hover,.sidebar:focus-within{width:var(--sidebar-open);border-color:var(--border-strong);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 30px 100px rgba(0,0,0,.45),0 0 45px rgba(255,177,196,.045)}
.side-brand{height:58px;display:flex;align-items:center;gap:13px;padding:6px;border-radius:16px;white-space:nowrap}.brand-logo{width:46px;height:46px;display:grid;place-items:center;flex:0 0 auto;border:1px solid var(--border-strong);border-radius:15px;color:var(--primary);background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,177,196,.065));box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 0 26px rgba(255,177,196,.09);font-family:Sora,Inter,sans-serif;font-weight:850}.side-copy{min-width:150px;opacity:0;transform:translateX(-8px);transition:opacity .25s ease .03s,transform .33s cubic-bezier(.2,.75,.2,1);pointer-events:none}.sidebar:hover .side-copy,.sidebar:focus-within .side-copy{opacity:1;transform:none}.brand-copy{display:grid;line-height:1}.brand-copy b{font-size:.92rem;letter-spacing:.14em}.brand-copy small{margin-top:6px;color:var(--muted-2);font-family:ui-monospace,monospace;font-size:.57rem;letter-spacing:.16em}
.side-nav{display:grid;gap:7px;margin-top:22px}.side-link{height:56px;display:flex;align-items:center;gap:13px;padding:6px;border:1px solid transparent;border-radius:17px;color:var(--muted);white-space:nowrap;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}.side-link:hover{color:var(--text);background:rgba(255,177,196,.075);transform:translateX(2px)}.side-link.active{border-color:rgba(255,177,196,.24);color:var(--text);background:linear-gradient(145deg,rgba(255,177,196,.15),rgba(255,74,141,.035));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 26px rgba(0,0,0,.18)}.side-icon{width:44px;height:44px;display:grid;place-items:center;flex:0 0 auto;border-radius:14px;color:var(--primary);font-size:1.12rem;transition:background .2s ease,box-shadow .2s ease}.side-link.active .side-icon,.side-link:hover .side-icon{background:rgba(255,177,196,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}.side-link .side-copy{display:grid;line-height:1.05}.side-link b{font-size:.82rem}.side-link small{margin-top:6px;color:var(--muted-2);font-size:.65rem}.side-foot{display:grid;gap:5px;margin-top:auto}.support-side{border-top:1px solid rgba(255,255,255,.05)}.side-status{height:34px;display:flex;align-items:center;gap:14px;padding:0 18px;color:var(--muted-2);font-family:ui-monospace,monospace;font-size:.64rem;white-space:nowrap}.side-status i{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--green);box-shadow:0 0 15px rgba(158,231,196,.42)}
.app-content{min-height:100vh;margin-left:calc(var(--sidebar) + 34px);animation:page-in .55s cubic-bezier(.2,.75,.2,1) both}.page-topbar{position:sticky;z-index:70;top:0;min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px clamp(22px,4vw,58px);background:linear-gradient(180deg,rgba(8,9,11,.88),rgba(8,9,11,.58),transparent);backdrop-filter:blur(15px) saturate(140%);-webkit-backdrop-filter:blur(15px) saturate(140%)}.page-identity{display:grid;line-height:1.1}.page-identity strong{margin-top:5px;font-size:.98rem}.overline{display:block;color:var(--primary);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.65rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.mobile-brand{display:none}.account-button{min-height:48px;display:flex;align-items:center;gap:10px;padding:5px 12px 5px 5px;border-radius:16px;color:var(--text);cursor:pointer}.account-button:hover{border-color:var(--border-strong);background:rgba(255,177,196,.08)}.account-button .avatar{width:37px;height:37px;display:grid;place-items:center;border-radius:12px;color:#2a121d;background:linear-gradient(135deg,#ffd1dc,#ff92b7);font-weight:900}.account-button>span:nth-child(2){max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:750}.account-button i{color:var(--muted-2);font-style:normal}
.page-wrap{width:min(calc(100% - 52px),var(--wrap));margin:0 auto;padding:42px 0 70px}.page-footer{width:min(calc(100% - 52px),var(--wrap));display:flex;justify-content:space-between;gap:20px;margin:0 auto;padding:28px 0 38px;border-top:1px solid rgba(255,255,255,.06);color:var(--muted-2);font-size:.69rem}.mobile-nav{display:none}
.hero-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:18px;align-items:stretch}.hero-card{min-height:520px;padding:clamp(30px,5vw,66px);display:flex;flex-direction:column;justify-content:center}.eyebrow{width:max-content;max-width:100%;display:inline-flex;align-items:center;gap:9px;padding:8px 11px;border:1px solid var(--border);border-radius:999px;color:var(--muted);background:rgba(255,255,255,.045);font-family:ui-monospace,monospace;font-size:.66rem;font-weight:760;letter-spacing:.1em;text-transform:uppercase}.eyebrow i{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--primary);box-shadow:0 0 0 5px rgba(255,177,196,.07),0 0 17px rgba(255,177,196,.4)}.hero-card h1,.page-hero h1,.faq-hero h1{margin:26px 0 18px;color:transparent;background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(227,226,226,.48));-webkit-background-clip:text;background-clip:text;font-size:clamp(3.2rem,6vw,6.4rem);font-weight:720;line-height:.96;letter-spacing:-.06em}.hero-card h1 span,.page-hero h1 span{background:linear-gradient(100deg,#fff,var(--primary) 55%,#ff77a9);-webkit-background-clip:text;background-clip:text}.hero-card>p{max-width:720px;margin-bottom:29px;color:var(--muted);font-size:1.02rem}.hero-actions{display:flex;flex-wrap:wrap;gap:10px}.hero-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.hero-badges span{padding:7px 10px;border:1px solid rgba(255,255,255,.07);border-radius:9px;color:var(--muted-2);background:rgba(5,6,8,.24);font-size:.68rem}
.btn{position:relative;min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:9px;overflow:hidden;padding:0 22px;border:1px solid var(--border-strong);border-radius:999px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.71rem;font-weight:850;letter-spacing:.055em;text-transform:uppercase;cursor:pointer;transition:transform .19s ease,filter .19s ease,box-shadow .19s ease,border-color .19s ease,background .19s ease}.btn::before{content:"";position:absolute;inset:-70% auto -70% -40%;width:28%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);transition:left .6s ease}.btn:hover{transform:translateY(-2px)}.btn:hover::before{left:120%}.btn:active{transform:translateY(0) scale(.985)}.btn:disabled{opacity:.42;cursor:not-allowed;transform:none!important}.btn.primary{color:#2b121d;background:linear-gradient(100deg,#ffd1dc,#ff9fbc 45%,#dc5a89 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.62),0 18px 40px rgba(255,74,141,.17)}.btn.primary:hover{filter:brightness(1.04);box-shadow:inset 0 1px 0 rgba(255,255,255,.68),0 22px 48px rgba(255,74,141,.23)}.btn.secondary{color:var(--text);background:rgba(255,255,255,.045);backdrop-filter:var(--glass-light);-webkit-backdrop-filter:var(--glass-light)}.btn.secondary:hover{border-color:rgba(255,177,196,.37);background:rgba(255,177,196,.085)}.btn.wide{width:100%}
.cabinet-card{min-height:520px;padding:28px;display:flex;flex-direction:column}.card-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.card-head h2{margin:8px 0 0;font-size:1.25rem}.live{display:flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid rgba(158,231,196,.14);border-radius:999px;color:var(--green);background:rgba(158,231,196,.045);font-family:ui-monospace,monospace;font-size:.61rem}.live i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 12px rgba(158,231,196,.55)}.radar,.connection-visual{height:245px;display:grid;place-items:center;position:relative}.radar-ring,.rings>span{position:absolute;border:1px solid rgba(255,177,196,.12);border-radius:50%}.radar-ring.r1,.rings>span:nth-child(1){width:190px;height:190px;animation:pulse-ring 3.2s ease-in-out infinite}.radar-ring.r2,.rings>span:nth-child(2){width:140px;height:140px;animation:pulse-ring 3.2s .4s ease-in-out infinite}.radar-ring.r3,.rings>span:nth-child(3){width:95px;height:95px;animation:pulse-ring 3.2s .8s ease-in-out infinite}.radar-core,.shield{width:68px;height:68px;display:grid;place-items:center;border:1px solid rgba(255,177,196,.43);border-radius:23px;color:var(--primary);background:linear-gradient(145deg,rgba(255,177,196,.17),rgba(255,74,141,.05));box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 0 55px rgba(255,177,196,.12);font-family:Sora,sans-serif;font-size:1.35rem;font-weight:900}.rings{position:relative;width:190px;height:190px;display:grid;place-items:center}.quick-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.quick-stats>div{display:grid;gap:4px;padding:12px;border:1px solid rgba(255,255,255,.065);border-radius:14px;background:rgba(5,6,8,.26)}.quick-stats span{color:var(--muted-2);font-size:.64rem}.quick-stats b{font-size:.88rem}.soft-action{min-height:45px;margin-top:12px;border:1px solid var(--border);border-radius:14px;color:var(--muted);background:rgba(255,255,255,.035);cursor:pointer;transition:.2s ease}.soft-action:hover{color:var(--text);border-color:var(--border-strong);background:rgba(255,177,196,.07)}.soft-action:disabled{opacity:.35;cursor:not-allowed}.soft-action.loading{opacity:.6;pointer-events:none}
.section-block{padding-top:104px}.section-block.flush{padding-top:32px}.section-title{display:flex;align-items:end;justify-content:space-between;gap:38px;margin-bottom:28px}.section-title h2{margin:8px 0 0;color:transparent;background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(227,226,226,.54));-webkit-background-clip:text;background-clip:text;font-size:clamp(2.1rem,4vw,3.6rem);line-height:1.03;letter-spacing:-.045em}.section-title>p{max-width:520px;margin:0;color:var(--muted);font-size:.87rem}.tariff-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr);gap:18px;align-items:start}.configurator{padding:28px}.config-row{display:flex;align-items:center;justify-content:space-between;gap:24px}.config-label{display:flex;align-items:center;gap:14px}.config-label>span{width:36px;height:36px;display:grid;place-items:center;flex:0 0 auto;border:1px solid var(--border);border-radius:11px;color:var(--primary);background:rgba(255,177,196,.07);font-family:ui-monospace,monospace;font-size:.67rem;font-weight:850}.config-label>div{display:grid}.config-label b{font-size:.89rem}.config-label small{margin-top:4px;color:var(--muted-2);font-size:.69rem}.stepper{display:grid;grid-template-columns:42px 52px 42px;align-items:center;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:rgba(5,6,8,.25)}.stepper button{height:42px;border:0;color:var(--primary);background:transparent;cursor:pointer;font-size:1.15rem;transition:background .18s ease}.stepper button:hover{background:rgba(255,177,196,.08)}.stepper strong{text-align:center;font-size:.9rem}.device-range{position:relative;height:34px;margin:20px 2px 5px}.device-range::before{content:"";position:absolute;left:5px;right:5px;top:15px;height:3px;border-radius:999px;background:rgba(255,255,255,.07)}.range-fill{position:absolute;left:5px;top:15px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--primary),var(--primary-2));box-shadow:0 0 13px rgba(255,177,196,.28);transition:width .2s ease}.range-dots{position:absolute;inset:0 1px;display:flex;justify-content:space-between;align-items:center}.range-dots i{width:7px;height:7px;border-radius:50%;background:#343337;border:1px solid rgba(255,255,255,.08);transition:.2s ease}.range-dots i.active{background:var(--primary);box-shadow:0 0 9px rgba(255,177,196,.35)}.config-separator{height:1px;margin:24px 0;background:rgba(255,255,255,.07)}.period-label{margin-bottom:15px}.period-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.period-card{position:relative;min-height:125px;display:grid;align-content:center;gap:3px;padding:14px;border:1px solid rgba(255,255,255,.075);border-radius:17px;color:var(--text);background:rgba(5,6,8,.25);cursor:pointer;text-align:left;transition:.2s ease}.period-card:hover{transform:translateY(-2px);border-color:var(--border-strong);background:rgba(255,177,196,.055)}.period-card.active{border-color:rgba(255,177,196,.43);background:linear-gradient(145deg,rgba(255,177,196,.14),rgba(255,74,141,.035));box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 15px 36px rgba(0,0,0,.18)}.period-card small{color:var(--muted-2);font-size:.66rem}.period-card b{font-size:1.22rem}.period-card span{color:var(--muted);font-size:.66rem}.period-card .popular{position:absolute;right:9px;top:9px;padding:3px 6px;border-radius:6px;color:#2a121d;background:var(--primary);font-size:.5rem;font-style:normal;font-weight:900}.checkout-card{position:sticky;top:102px;padding:28px}.price-line{display:flex;align-items:start;gap:7px;margin:18px 0 0}.price-line b{font-size:clamp(4rem,7vw,6rem);line-height:.8;letter-spacing:-.06em}.price-line span{color:var(--primary);font-size:1.25rem}.checkout-card>div>p{margin:12px 0 25px;color:var(--muted);font-size:.79rem}.checkout-details{display:grid;gap:0;margin:10px 0 20px;border:1px solid rgba(255,255,255,.07);border-radius:16px;overflow:hidden;background:rgba(5,6,8,.24)}.checkout-details>div{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:47px;padding:0 13px}.checkout-details>div+div{border-top:1px solid rgba(255,255,255,.055)}.checkout-details span{color:var(--muted-2);font-size:.68rem}.checkout-details b{font-size:.76rem}.fineprint{margin:13px 2px 0!important;color:var(--muted-2)!important;font-size:.64rem!important;line-height:1.5}.feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:20px}.mini-feature{min-height:190px;padding:22px}.mini-feature>span{color:var(--muted-2);font-family:ui-monospace,monospace;font-size:.65rem}.mini-feature b{display:block;margin:38px 0 8px;font-size:.91rem}.mini-feature p{margin:0;color:var(--muted);font-size:.75rem}
.support-strip{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:21px;margin-top:88px;padding:26px}.support-icon{width:52px;height:52px;display:grid;place-items:center;border:1px solid var(--border);border-radius:16px;color:var(--primary);background:rgba(255,177,196,.08);font-size:1.2rem}.support-strip h3{margin:6px 0 4px;font-size:1.15rem}.support-strip p{margin:0;color:var(--muted);font-size:.77rem}
.page-hero{min-height:285px;display:flex;align-items:end;justify-content:space-between;gap:40px;padding:40px 0}.page-hero.compact h1{font-size:clamp(3.2rem,6vw,5.8rem)}.page-hero.compact p{max-width:720px;margin:0;color:var(--muted);font-size:.98rem}.keys-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.key-card{min-height:260px;padding:22px;display:flex;flex-direction:column;justify-content:space-between}.key-top{display:flex;justify-content:space-between;gap:16px}.key-name{display:flex;align-items:center;gap:12px;min-width:0}.key-logo{width:47px;height:47px;display:grid;place-items:center;flex:0 0 auto;border:1px solid var(--border);border-radius:15px;color:var(--primary);background:rgba(255,177,196,.08)}.key-name h3{max-width:320px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.97rem}.key-name p{margin:3px 0 0;color:var(--muted-2);font-size:.68rem}.status-pill{height:max-content;padding:5px 8px;border:1px solid rgba(158,231,196,.16);border-radius:8px;color:var(--green);background:rgba(158,231,196,.055);font-family:ui-monospace,monospace;font-size:.57rem;font-weight:850}.status-pill.expired{border-color:rgba(255,154,170,.16);color:var(--red);background:rgba(255,154,170,.055)}.key-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:28px 0 18px}.key-metrics>div{display:grid;gap:3px;padding:11px;border:1px solid rgba(255,255,255,.06);border-radius:13px;background:rgba(5,6,8,.24)}.key-metrics span{color:var(--muted-2);font-size:.61rem}.key-metrics b{font-size:.75rem}.key-actions{display:grid;grid-template-columns:1.4fr 1fr 44px;gap:8px}.key-actions .btn{min-height:44px;padding:0 13px;font-size:.64rem}.more{width:44px;border:1px solid var(--border);border-radius:999px;color:var(--muted);background:rgba(255,255,255,.035);cursor:pointer}.more:hover{color:var(--text);border-color:var(--border-strong);background:rgba(255,177,196,.08)}.empty-card{min-height:340px;display:grid;place-items:center;align-content:center;padding:35px;text-align:center}.empty-card.hidden{display:none}.empty-icon{width:62px;height:62px;display:grid;place-items:center;margin-bottom:16px;border:1px solid var(--border);border-radius:20px;color:var(--primary);background:rgba(255,177,196,.075);font-size:1.5rem}.empty-card h3{margin-bottom:8px}.empty-card p{max-width:480px;margin-bottom:20px;color:var(--muted);font-size:.8rem}
.ref-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:16px}.referral-card,.referral-rules{padding:28px}.ref-main{display:flex;gap:17px;align-items:flex-start}.ref-icon{width:56px;height:56px;display:grid;place-items:center;flex:0 0 auto;border:1px solid var(--border);border-radius:18px;color:var(--primary);background:rgba(255,177,196,.08);font-size:1.35rem}.ref-main h2{margin:7px 0 7px;font-size:1.35rem}.ref-main p{margin:0;color:var(--muted);font-size:.78rem}.ref-link-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin:30px 0 15px}.ref-link{min-width:0;display:flex;align-items:center;overflow:hidden;padding:0 14px;border:1px solid var(--border);border-radius:14px;color:var(--muted);background:rgba(5,6,8,.28);font-family:ui-monospace,monospace;font-size:.71rem;white-space:nowrap;text-overflow:ellipsis}.copy-btn,.tiny-btn{min-height:44px;padding:0 15px;border:1px solid var(--border);border-radius:13px;color:var(--primary);background:rgba(255,177,196,.055);cursor:pointer;transition:.18s ease}.copy-btn:hover,.tiny-btn:hover{border-color:var(--border-strong);background:rgba(255,177,196,.11);transform:translateY(-1px)}.ref-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 18px}.ref-stats>div{display:grid;gap:3px;padding:13px;border:1px solid rgba(255,255,255,.06);border-radius:14px;background:rgba(5,6,8,.24)}.ref-stats span{color:var(--muted-2);font-size:.63rem}.ref-stats b{font-size:.9rem}.ref-stats i{font-style:normal}.ref-stats .accent-stat{border-color:rgba(255,177,196,.22);background:rgba(255,177,196,.065)}.referral-rules ol{display:grid;gap:12px;margin:24px 0 0;padding:0;list-style:none}.referral-rules li{display:flex;gap:12px;padding:13px;border:1px solid rgba(255,255,255,.06);border-radius:14px;background:rgba(5,6,8,.22)}.referral-rules li>i{width:31px;height:31px;display:grid;place-items:center;flex:0 0 auto;border:1px solid var(--border);border-radius:10px;color:var(--primary);background:rgba(255,177,196,.06);font-style:normal;font-size:.65rem;font-weight:850}.referral-rules li>div{display:grid}.referral-rules li b{font-size:.79rem}.referral-rules li span{margin-top:3px;color:var(--muted);font-size:.68rem}
/* FAQ */
.faq-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:42px;align-items:center;padding:clamp(30px,5vw,62px);min-height:490px}.faq-hero h1{font-size:clamp(3rem,5.7vw,5.8rem)}.faq-hero>div>p{max-width:760px;color:var(--muted);font-size:1rem}.faq-search-main{min-height:60px;display:flex;align-items:center;margin-top:28px;border:1px solid var(--border-strong);border-radius:18px;background:rgba(8,8,10,.53);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 18px 50px rgba(0,0,0,.22);transition:.2s ease}.faq-search-main:focus-within{border-color:rgba(255,177,196,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 0 0 4px rgba(255,177,196,.05),0 20px 55px rgba(0,0,0,.26)}.faq-search-main>span{padding-left:17px;color:var(--primary);font-size:1.35rem}.faq-search-main input{min-width:0;flex:1;height:58px;padding:0 13px;border:0;outline:0;color:var(--text);background:transparent}.faq-search-main input::placeholder{color:var(--muted-2)}.faq-search-main kbd{margin-right:7px;padding:4px 7px;border:1px solid var(--border);border-radius:7px;color:var(--muted-2);background:rgba(255,255,255,.04);font-size:.65rem}.faq-search-main button{width:38px;height:38px;margin-right:9px;border:1px solid transparent;border-radius:11px;color:var(--muted);background:transparent;cursor:pointer}.faq-search-main button:hover{color:var(--text);background:rgba(255,177,196,.08)}.popular-queries{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:13px}.popular-queries>span{color:var(--muted-2);font-size:.68rem}.popular-queries button,.chips button{padding:7px 10px;border:1px solid var(--border);border-radius:10px;color:var(--muted);background:rgba(255,255,255,.035);cursor:pointer;transition:.18s ease;font-size:.67rem}.popular-queries button:hover,.chips button:hover{transform:translateY(-1px);border-color:var(--border-strong);color:var(--text);background:rgba(255,177,196,.08)}.faq-side-card{padding:23px;border-left:1px solid rgba(255,255,255,.07)}.faq-side-card ol{display:grid;gap:10px;margin:18px 0 20px;padding:0;list-style:none}.faq-side-card li{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.77rem}.faq-side-card li i{width:30px;height:30px;display:grid;place-items:center;flex:0 0 auto;border:1px solid var(--border);border-radius:9px;color:var(--primary);background:rgba(255,177,196,.06);font-style:normal;font-size:.62rem;font-weight:850}.inline-link{color:var(--primary);font-size:.75rem;font-weight:800}.faq-start-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.faq-start-grid article{min-height:240px;padding:22px;border:1px solid var(--border);border-radius:21px;background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,177,196,.026));backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),var(--shadow-soft)}.faq-start-grid article>i{color:var(--muted-2);font-style:normal;font-family:ui-monospace,monospace;font-size:.66rem;font-weight:850}.faq-start-grid article>span{width:50px;height:50px;display:grid;place-items:center;margin-top:22px;border:1px solid var(--border);border-radius:16px;color:var(--primary);background:rgba(255,177,196,.075);font-size:1.25rem}.faq-start-grid h3{margin:32px 0 8px;font-size:.91rem}.faq-start-grid p{margin:0;color:var(--muted);font-size:.73rem}.privacy-note{display:flex;align-items:center;gap:15px;margin-top:14px;padding:16px 18px;border:1px solid var(--border);border-radius:16px;color:var(--muted);background:rgba(255,177,196,.025);font-size:.76rem}.privacy-note b{padding:5px 8px;border-radius:8px;color:#2d1720;background:var(--primary);font-family:ui-monospace,monospace;font-size:.6rem;text-transform:uppercase}.diagnostic-card{padding:24px}.diagnostic-progress{display:flex;align-items:center;gap:15px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.07)}.diagnostic-progress>span{min-width:60px;color:var(--muted);font-family:ui-monospace,monospace;font-size:.68rem}.diagnostic-progress>div{height:5px;flex:1;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden}.diagnostic-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--primary-2));box-shadow:0 0 15px rgba(255,177,196,.32);transition:width .25s ease}.diagnostic-checks{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:15px 0}.diagnostic-checks label{min-height:68px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:11px;padding:12px;border:1px solid rgba(255,255,255,.06);border-radius:14px;background:rgba(5,6,8,.24);cursor:pointer;transition:.18s ease}.diagnostic-checks label:hover{border-color:var(--border-strong);background:rgba(255,177,196,.04);transform:translateX(1px)}.diagnostic-checks input{position:absolute;opacity:0;pointer-events:none}.diagnostic-checks label>i{position:relative;width:25px;height:25px;border:1px solid var(--border-strong);border-radius:8px;background:rgba(255,255,255,.035)}.diagnostic-checks input:checked+i{border-color:var(--primary);background:var(--primary)}.diagnostic-checks input:checked+i::after{content:"";position:absolute;left:8px;top:4px;width:6px;height:11px;border:solid #2a121d;border-width:0 2px 2px 0;transform:rotate(45deg)}.diagnostic-checks label>span{display:grid}.diagnostic-checks b{font-size:.76rem}.diagnostic-checks small{margin-top:2px;color:var(--muted-2);font-size:.65rem}.faq-tools{position:sticky;z-index:30;top:84px;padding:12px;margin-bottom:12px;border-radius:18px}.chips{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chips button{min-width:max-content}.chips button.active{border-color:rgba(255,177,196,.45);color:#2a121d;background:var(--primary);box-shadow:0 10px 25px rgba(255,74,141,.14)}.faq-meta{min-height:28px;padding:2px 3px;color:var(--muted-2);font-size:.68rem}.faq-list{display:grid;gap:9px}.faq-item{overflow:hidden;border:1px solid var(--border);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,177,196,.022));backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 14px 40px rgba(0,0,0,.2);transition:border-color .18s ease,transform .18s ease}.faq-item:hover{border-color:var(--border-strong)}.faq-item[hidden]{display:none}.faq-item h3{margin:0}.faq-question{width:100%;min-height:72px;display:grid;grid-template-columns:110px minmax(0,1fr) 36px;align-items:center;gap:14px;padding:15px 18px;border:0;color:var(--text);background:transparent;text-align:left;cursor:pointer}.faq-question .tag{color:var(--primary);font-family:ui-monospace,monospace;font-size:.6rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.faq-question .title{min-width:0;font-size:.86rem;font-weight:760}.toggle{position:relative;width:34px;height:34px;border:1px solid var(--border);border-radius:11px;background:rgba(255,255,255,.04)}.toggle::before,.toggle::after{content:"";position:absolute;left:10px;top:16px;width:12px;height:1.5px;border-radius:2px;background:var(--muted);transition:transform .22s ease,background .22s ease}.toggle::after{transform:rotate(90deg)}.faq-item.open{border-color:rgba(255,177,196,.27)}.faq-item.open .toggle{background:var(--primary)}.faq-item.open .toggle::before,.faq-item.open .toggle::after{background:#2a121d}.faq-item.open .toggle::after{transform:rotate(0)}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .29s ease}.faq-answer>div{overflow:hidden}.faq-item.open .faq-answer{grid-template-rows:1fr}.answer{margin-left:124px;padding:0 18px 20px;color:var(--muted);font-size:.79rem}.answer p{margin:0 0 10px}.answer p:last-child{margin-bottom:0}.answer ol,.answer ul{margin:7px 0 11px;padding-left:20px}.answer li{margin:6px 0}.answer b{color:var(--text)}.answer code{padding:2px 5px;border:1px solid var(--border);border-radius:6px;color:var(--primary);background:rgba(255,177,196,.06)}.answer .warning{margin-top:10px;padding:11px 12px;border:1px solid rgba(255,217,141,.16);border-radius:11px;background:rgba(255,217,141,.04)}.faq-empty{min-height:250px;display:grid;place-items:center;align-content:center;text-align:center;padding:30px}.faq-empty[hidden]{display:none}.faq-empty>span{font-size:2rem;color:var(--primary)}.faq-empty h3{margin:12px 0 4px}.faq-empty p{max-width:440px;color:var(--muted);font-size:.76rem}
/* Modal and dynamic cabinet UI */
.modal-layer{position:fixed;z-index:300;inset:0;display:grid;place-items:center;padding:18px;opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease}.modal-layer.open{opacity:1;visibility:visible}.modal-backdrop{position:absolute;inset:0;background:rgba(3,3,5,.64);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.modal{width:min(560px,100%);max-height:min(88vh,820px);overflow:auto;padding:26px;transform:translateY(18px) scale(.985);transition:transform .26s cubic-bezier(.2,.75,.2,1);background:linear-gradient(145deg,rgba(28,25,29,.89),rgba(10,10,12,.86))}.modal-layer.open .modal{transform:none}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:20px}.modal-head h3{margin:7px 0 0;font-size:1.35rem}.close-btn{width:38px;height:38px;flex:0 0 auto;border:1px solid var(--border);border-radius:12px;color:var(--muted);background:rgba(255,255,255,.045);cursor:pointer;font-size:1.2rem}.close-btn:hover{color:var(--text);border-color:var(--border-strong);background:rgba(255,177,196,.09)}.field{display:grid;gap:7px;margin:13px 0}.field>span{color:var(--muted);font-size:.72rem}.field input{height:48px;padding:0 13px;border:1px solid var(--border);border-radius:13px;outline:0;color:var(--text);background:rgba(5,6,8,.42);transition:.18s ease}.field input:focus{border-color:rgba(255,177,196,.48);box-shadow:0 0 0 3px rgba(255,177,196,.05)}.field small{color:var(--muted-2);font-size:.64rem;line-height:1.45}.modal-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.modal-note{margin-top:13px;padding:12px;border:1px solid var(--border);border-radius:12px;color:var(--muted);background:rgba(255,177,196,.035);font-size:.69rem}.payment-state{display:grid;place-items:center;min-height:190px;text-align:center}.payment-state h3{margin:15px 0 5px}.payment-state p{max-width:430px;color:var(--muted);font-size:.75rem}.payment-spinner{width:42px;height:42px;border:3px solid rgba(255,177,196,.12);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.choice{min-height:78px;display:grid;align-content:center;gap:4px;padding:12px;border:1px solid var(--border);border-radius:13px;color:var(--text);background:rgba(5,6,8,.28);text-align:left;cursor:pointer;transition:.18s ease}.choice:hover,.choice.active{border-color:var(--border-strong);background:rgba(255,177,196,.07)}.choice b{font-size:.75rem}.choice span{color:var(--muted);font-size:.65rem}.choice:disabled{opacity:.38;cursor:not-allowed}.device-list{display:grid;gap:8px}.device-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border:1px solid rgba(255,255,255,.06);border-radius:13px;background:rgba(5,6,8,.25)}.device-item>div{display:grid;min-width:0}.device-item b{font-size:.75rem}.device-item small{margin-top:3px;color:var(--muted-2);font-size:.62rem}.toast-stack{position:fixed;z-index:500;right:18px;top:18px;display:grid;gap:8px;width:min(360px,calc(100% - 36px));pointer-events:none}.toast{padding:13px 15px;border:1px solid var(--border-strong);border-radius:14px;color:var(--text);background:rgba(18,17,20,.88);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);box-shadow:0 18px 45px rgba(0,0,0,.35);font-size:.73rem;animation:toast-in .3s cubic-bezier(.2,.75,.2,1) both}.toast.success{border-color:rgba(158,231,196,.25)}.toast.error{border-color:rgba(255,154,170,.3)}
.js-compat{display:none!important}.hidden{display:none!important}.reveal{opacity:0;transform:translateY(22px);transition:opacity .58s ease,transform .58s cubic-bezier(.2,.75,.2,1)}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}
@keyframes page-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes glow-wander-a{0%,100%{transform:translate3d(0,0,0) scale(.96)}18%{transform:translate3d(118px,-4vh,0) scale(1.10)}39%{transform:translate3d(54px,16vh,0) scale(.90)}61%{transform:translate3d(168px,9vh,0) scale(1.16)}82%{transform:translate3d(82px,28vh,0) scale(1.01)}}@keyframes glow-wander-b{0%,100%{transform:translate3d(0,0,0) scale(1.08)}21%{transform:translate3d(-132px,-15vh,0) scale(.93)}43%{transform:translate3d(-58px,-31vh,0) scale(1.14)}68%{transform:translate3d(-176px,-22vh,0) scale(.88)}86%{transform:translate3d(-96px,-6vh,0) scale(1.04)}}@keyframes pulse-ring{50%{opacity:.42;transform:scale(1.04)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes toast-in{from{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:1120px){.hero-layout,.tariff-layout,.ref-layout,.faq-hero{grid-template-columns:1fr}.cabinet-card{min-height:430px}.faq-side-card{border-left:0;border-top:1px solid rgba(255,255,255,.07);padding-left:0}.feature-row{grid-template-columns:1fr 1fr}.faq-start-grid{grid-template-columns:repeat(2,1fr)}.keys-grid{grid-template-columns:1fr}.checkout-card{position:static}.diagnostic-checks{grid-template-columns:1fr}}
@media(max-width:820px){:root{--sidebar:0px}.sidebar{display:none}.app-content{margin-left:0}.page-topbar{min-height:72px;padding:10px 15px;border-bottom:1px solid rgba(255,255,255,.045);background:rgba(8,9,11,.75)}.page-identity{display:none}.mobile-brand{display:flex;align-items:center;gap:9px}.mobile-brand .brand-logo{width:40px;height:40px;border-radius:13px}.mobile-brand>span:last-child{display:grid;line-height:1}.mobile-brand b{font-size:.8rem;letter-spacing:.12em}.mobile-brand small{margin-top:4px;color:var(--muted-2);font-size:.55rem}.account-button{min-height:44px}.account-button>span:nth-child(2){display:none}.page-wrap{width:min(calc(100% - 28px),var(--wrap));padding:27px 0 105px}.page-footer{display:none}.mobile-nav{position:fixed;z-index:180;left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));height:69px;display:flex;gap:4px;padding:6px;border-radius:21px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;background:rgba(13,12,15,.82)}.mobile-nav::-webkit-scrollbar{display:none}.mobile-link{min-width:88px;display:grid;place-items:center;align-content:center;gap:2px;padding:6px 10px;border:1px solid transparent;border-radius:15px;color:var(--muted);scroll-snap-align:center}.mobile-link span{color:var(--primary);font-size:1rem}.mobile-link b{font-size:.58rem}.mobile-link.active{border-color:rgba(255,177,196,.22);color:var(--text);background:rgba(255,177,196,.085)}.hero-card{min-height:auto;padding:34px 25px}.hero-card h1,.page-hero.compact h1,.faq-hero h1{font-size:clamp(2.7rem,12vw,4.5rem)}.cabinet-card{min-height:400px}.section-block{padding-top:78px}.section-title{display:grid;gap:12px}.section-title>p{max-width:none}.period-grid{grid-template-columns:repeat(2,1fr)}.feature-row{grid-template-columns:1fr}.support-strip{grid-template-columns:auto 1fr}.support-strip .btn{grid-column:1/-1;width:100%}.page-hero{min-height:230px;display:grid;align-items:end;padding:20px 0}.ref-link-row{grid-template-columns:1fr}.ref-link{min-height:48px}.faq-hero{padding:28px 21px;gap:26px}.faq-start-grid{grid-template-columns:1fr}.faq-tools{top:78px;margin-inline:-4px}.faq-question{grid-template-columns:1fr 34px;gap:10px;padding:14px}.faq-question .tag{display:none}.answer{margin-left:0;padding:0 14px 18px}.faq-search-main kbd{display:none}.privacy-note{display:grid}.choice-grid{grid-template-columns:1fr}.toast-stack{top:auto;bottom:94px;right:12px;width:calc(100% - 24px)}}
@media(max-width:520px){.page-wrap{width:min(calc(100% - 22px),var(--wrap))}.hero-actions{display:grid}.hero-actions .btn{width:100%}.quick-stats,.key-metrics,.ref-stats{grid-template-columns:1fr}.config-row{align-items:flex-start;display:grid}.stepper{justify-self:start}.period-grid{grid-template-columns:1fr 1fr}.period-card{min-height:105px}.configurator,.checkout-card,.referral-card,.referral-rules,.diagnostic-card{padding:19px}.key-actions{grid-template-columns:1fr 1fr 42px}.key-actions .install-action{grid-column:1/-1}.faq-search-main input{font-size:.84rem}.popular-queries>span{width:100%}.support-strip{padding:20px}.modal{padding:20px}.modal-actions{display:grid}.modal-actions .btn{width:100%}.landing-auth-layer{padding:14px}.landing-auth-panel{width:calc(100vw - 20px);max-width:calc(100vw - 20px);max-height:calc(100svh - 24px);padding:20px 18px}.auth-tabs{margin:18px 0 14px}.auth-panel-head{gap:12px}.auth-panel-head h2{font-size:1.3rem}.auth-divider{margin:15px 0}.telegram-auth{padding:10px 11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* ============================================================
   V3 compact polish: stronger frost, compact pages, local icons
   ============================================================ */
:root{--sidebar:72px;--sidebar-open:238px;--wrap:1240px;--glass:blur(38px) saturate(182%) brightness(.94);--glass-light:blur(26px) saturate(168%) brightness(.96)}
body{
  background-color:var(--bg);
  background-image:
    linear-gradient(to right,rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(to bottom,rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(to right,rgba(255,177,196,.007) 1px,transparent 1px),
    linear-gradient(to bottom,rgba(255,177,196,.007) 1px,transparent 1px),
    radial-gradient(circle at 15% 18%,rgba(255,177,196,.082),transparent 28rem),
    radial-gradient(circle at 88% 76%,rgba(255,74,141,.068),transparent 33rem),
    linear-gradient(180deg,#101113 0%,#08090b 48%,#050607 100%);
  background-size:48px 48px,48px 48px,192px 192px,192px 192px,auto,auto,auto;
  background-attachment:fixed,fixed,fixed,fixed,fixed,fixed,fixed;
}
body::before{z-index:-1;background:radial-gradient(circle at center,transparent 20%,rgba(5,6,7,.05) 62%,rgba(5,6,7,.24) 100%);-webkit-mask-image:none;mask-image:none}
body::after{display:none}

/* Locally bundled vector icon masks */
.ui-icon{display:inline-block;width:1em;height:1em;flex:0 0 auto;background:currentColor;vertical-align:-.125em;-webkit-mask:var(--icon) center/contain no-repeat;mask:var(--icon) center/contain no-repeat}
.i-card{--icon:url('/static/icons/credit-card.svg')}.i-key{--icon:url('/static/icons/key.svg')}.i-users{--icon:url('/static/icons/user-group.svg')}.i-help{--icon:url('/static/icons/circle-question.svg')}.i-headset{--icon:url('/static/icons/headset.svg')}.i-sync{--icon:url('/static/icons/rotate.svg')}.i-chevron{--icon:url('/static/icons/chevron-down.svg')}.i-link{--icon:url('/static/icons/link.svg')}.i-copy{--icon:url('/static/icons/copy.svg')}.i-device{--icon:url('/static/icons/mobile-screen-button.svg')}.i-shield{--icon:url('/static/icons/shield-halved.svg')}.i-external{--icon:url('/static/icons/arrow-up-right-from-square.svg')}.i-dot{--icon:url('/static/icons/circle-dot.svg')}

/* Make glass visibly frosted over the grid instead of just translucent. */
.glass-panel,.glass-card,.glass-mini,.faq-item,.faq-start-grid article{
  background:linear-gradient(145deg,rgba(27,25,29,.48),rgba(13,12,15,.34));
  -webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.15),inset 0 -1px 0 rgba(255,255,255,.035),0 18px 54px rgba(0,0,0,.28),0 0 0 1px rgba(255,177,196,.015);
}
.glass-mini{-webkit-backdrop-filter:var(--glass-light);backdrop-filter:var(--glass-light);background:linear-gradient(145deg,rgba(28,26,30,.52),rgba(12,11,14,.38))}
.glass-card::after{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at 18% 0%,rgba(255,255,255,.07),transparent 27%),linear-gradient(135deg,rgba(255,255,255,.025),transparent 34%,rgba(255,177,196,.018));mix-blend-mode:screen}
.glass-card>*{position:relative;z-index:1}

/* Sidebar: compact when closed, full pill only after expansion. */
.sidebar{left:12px;top:12px;bottom:12px;padding:8px;border-radius:22px;overflow:hidden;background:linear-gradient(160deg,rgba(27,24,29,.50),rgba(8,9,11,.38));-webkit-backdrop-filter:blur(42px) saturate(185%);backdrop-filter:blur(42px) saturate(185%)}
.sidebar:hover,.sidebar:focus-within{box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 24px 82px rgba(0,0,0,.44),0 0 42px rgba(255,177,196,.06)}
.side-brand{height:54px;padding:5px;gap:11px}.brand-logo{width:44px;height:44px;border-radius:14px}
.side-nav{gap:6px;margin-top:17px}.side-link{height:52px;gap:11px;padding:5px;border-radius:16px;transform:none!important}.side-icon{width:44px;height:42px;border:1px solid transparent;border-radius:13px;font-size:1rem;color:var(--primary)}
.side-link.active{border-color:transparent;background:transparent;box-shadow:none}
.side-link.active .side-icon{border-color:rgba(255,177,196,.29);background-color:var(--primary);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 9px 24px rgba(255,74,141,.12);background-image:linear-gradient(145deg,rgba(255,177,196,.18),rgba(255,74,141,.055))}
/* Keep SVG mask while applying the active pill background. */
.side-link.active .side-icon.ui-icon{background:var(--primary);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 9px 24px rgba(255,74,141,.12)}
.sidebar:hover .side-link.active,.sidebar:focus-within .side-link.active{border-color:rgba(255,177,196,.23);background:linear-gradient(145deg,rgba(255,177,196,.14),rgba(255,74,141,.035));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 26px rgba(0,0,0,.16)}
.sidebar:hover .side-link.active .side-icon,.sidebar:focus-within .side-link.active .side-icon{border-color:transparent;background:var(--primary);box-shadow:none}
.side-copy{min-width:148px}.side-status{height:30px;padding:0 17px}.support-side{border-top:0}

.app-content{margin-left:calc(var(--sidebar) + 26px)}
.page-topbar{min-height:68px;padding:9px clamp(18px,3vw,42px);background:linear-gradient(180deg,rgba(8,9,11,.70),rgba(8,9,11,.30),transparent);-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%)}
.page-wrap{width:min(calc(100% - 36px),var(--wrap));padding:20px 0 38px}
.page-footer,.support-strip,.feature-row{display:none}
.account-button{min-height:44px;padding:4px 10px 4px 4px;border-radius:14px}.account-button .avatar{width:35px;height:35px;border-radius:11px}.account-button .i-chevron{width:.72em;height:.72em;color:var(--muted-2)}

/* Subscription: keep the useful controls above the fold. */
.hero-layout{grid-template-columns:minmax(0,1.36fr) minmax(300px,.64fr);gap:14px}
.hero-card,.cabinet-card{min-height:310px}
.hero-card{padding:30px 34px}.hero-card h1{margin:18px 0 12px;font-size:clamp(2.55rem,4.25vw,4.65rem);line-height:.98}.hero-card>p{max-width:650px;margin-bottom:18px;font-size:.91rem}.hero-actions{gap:8px}.hero-badges{margin-top:16px}
.cabinet-card{padding:20px}.radar{height:126px;margin:0}.radar-ring.r1{width:126px;height:126px}.radar-ring.r2{width:92px;height:92px}.radar-ring.r3{width:62px;height:62px}.radar-core{width:52px;height:52px;border-radius:17px;font-size:1.05rem}.quick-stats>div{padding:9px 10px}.soft-action{min-height:40px;margin-top:9px;display:flex;align-items:center;justify-content:center;gap:8px}.soft-action .ui-icon{font-size:.8rem}
.section-block{padding-top:42px}.section-block.flush{padding-top:14px}.section-title{gap:24px;margin-bottom:16px}.section-title h2{margin-top:5px;font-size:clamp(1.72rem,2.8vw,2.7rem)}.section-title>p{max-width:440px;font-size:.77rem}.tariff-layout{gap:14px}.configurator,.checkout-card{padding:20px}.config-row{gap:16px}.device-range{height:27px;margin:13px 2px 2px}.device-range::before,.range-fill{top:12px}.config-separator{margin:16px 0}.period-label{margin-bottom:11px}.period-grid{gap:7px}.period-card{min-height:88px;padding:10px 12px;border-radius:14px}.period-card b{font-size:1.02rem}.checkout-card{top:78px}.price-line{margin-top:13px}.price-line b{font-size:clamp(3.2rem,5vw,4.6rem)}.checkout-card>div>p{margin:8px 0 14px}.checkout-details{margin:8px 0 14px;border-radius:14px}.checkout-details>div{min-height:40px}.fineprint{display:none}.btn{min-height:44px;padding:0 18px;font-size:.66rem}

/* Keys: one compact header and content, no duplicate title block. */
.page-hero{min-height:150px;padding:13px 0 19px;align-items:center}.page-hero.compact h1{margin:12px 0 8px;font-size:clamp(2.45rem,4.5vw,4.2rem)}.page-hero.compact p{max-width:660px;font-size:.84rem}.page-hero .btn{flex:0 0 auto}
body[data-page="keys"] .section-block .section-title{display:none}
.keys-grid{gap:11px}.key-card{min-height:225px;padding:18px}.key-metrics{margin:18px 0 13px}.empty-card{min-height:235px;padding:25px}.empty-icon{width:54px;height:54px;margin-bottom:12px;border-radius:17px}.empty-icon .ui-icon{font-size:1.1rem}

/* Referrals: remove repeated vertical storytelling, keep the mechanism visible. */
.ref-layout{gap:13px}.referral-card,.referral-rules{padding:20px}.ref-main{gap:13px}.ref-icon{width:48px;height:48px;border-radius:15px}.ref-icon .ui-icon{font-size:1rem}.ref-main h2{font-size:1.16rem}.ref-link-row{margin:20px 0 11px}.ref-stats{margin-bottom:13px}.referral-rules ol{gap:7px;margin-top:15px}.referral-rules li{gap:9px;padding:9px 10px}.referral-rules li>i{width:27px;height:27px;border-radius:8px}.referral-rules li span{margin-top:2px;line-height:1.35}

/* FAQ: search first, results immediately below; content loads in compact batches. */
body[data-page="faq"] main.page-wrap>.section-block:not(#answers){display:none}
.faq-hero{grid-template-columns:minmax(0,1.5fr) minmax(250px,.5fr);gap:24px;min-height:270px;padding:22px 26px}.faq-hero h1{margin:15px 0 9px;font-size:clamp(2.35rem,4vw,3.8rem)}.faq-hero>div>p{font-size:.84rem}.faq-search-main{min-height:52px;margin-top:17px;border-radius:15px}.faq-search-main input{height:50px}.popular-queries{margin-top:9px}.faq-side-card{padding:10px 0 10px 20px}.faq-side-card ol{gap:7px;margin:12px 0}.faq-side-card li{font-size:.71rem}.faq-side-card li i{width:26px;height:26px}
body[data-page="faq"] #answers{padding-top:20px}.faq-tools{top:70px;padding:9px;margin-bottom:9px;border-radius:16px;-webkit-backdrop-filter:blur(34px) saturate(175%);backdrop-filter:blur(34px) saturate(175%)}.faq-meta{min-height:22px}.faq-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-items:start}.faq-question{min-height:62px;grid-template-columns:94px minmax(0,1fr) 31px;gap:10px;padding:11px 13px}.faq-question .title{font-size:.78rem}.toggle{width:30px;height:30px;border-radius:9px}.toggle::before,.toggle::after{left:9px;top:14px;width:11px}.answer{margin-left:0;padding:0 13px 14px;font-size:.74rem}.faq-more{display:flex;align-items:center;justify-content:center;gap:8px;width:max-content;min-width:170px;min-height:42px;margin:13px auto 0;padding:0 16px;border:1px solid var(--border);border-radius:999px;color:var(--primary);background:rgba(255,177,196,.055);cursor:pointer;transition:.18s ease}.faq-more:hover{border-color:var(--border-strong);background:rgba(255,177,196,.10);transform:translateY(-1px)}.faq-more[hidden]{display:none}.faq-empty{min-height:180px}

@media(max-width:1120px){.hero-layout,.tariff-layout,.ref-layout,.faq-hero{grid-template-columns:1fr}.faq-list{grid-template-columns:1fr}.faq-side-card{display:none}.checkout-card{position:static}.hero-card,.cabinet-card{min-height:auto}.cabinet-card{min-height:250px}}
@media(max-width:820px){:root{--sidebar:0px}.page-topbar{min-height:64px;padding:8px 12px}.page-wrap{width:min(calc(100% - 22px),var(--wrap));padding:16px 0 92px}.mobile-nav{height:64px;padding:5px;background:linear-gradient(145deg,rgba(29,26,31,.57),rgba(10,10,12,.48));-webkit-backdrop-filter:blur(34px) saturate(180%);backdrop-filter:blur(34px) saturate(180%)}.mobile-link{min-width:82px;border-radius:14px}.mobile-link .ui-icon{font-size:.92rem}.hero-card{padding:24px 21px}.hero-card h1,.page-hero.compact h1,.faq-hero h1{font-size:clamp(2.25rem,10vw,3.5rem)}.cabinet-card{padding:18px}.section-block{padding-top:28px}.section-title{gap:8px}.page-hero{min-height:118px;padding:6px 0 13px;align-items:end}.page-hero.compact p{font-size:.78rem}.faq-hero{min-height:auto;padding:20px 17px;gap:13px}.faq-search-main{margin-top:14px}.faq-tools{top:66px;margin-inline:0}.faq-question{grid-template-columns:1fr 30px}.faq-question .tag{display:none}.answer{padding:0 12px 13px}.referral-rules{display:none}}
@media(max-width:520px){.quick-stats,.key-metrics,.ref-stats{grid-template-columns:repeat(3,1fr)}.quick-stats>div,.key-metrics>div,.ref-stats>div{padding:8px}.period-card{min-height:82px}.configurator,.checkout-card,.referral-card{padding:16px}.ref-main p{display:none}.key-actions{grid-template-columns:1fr 42px}.key-actions .install-action{grid-column:auto}.key-actions .btn.secondary{display:none}.empty-card{min-height:210px}.faq-hero h1{font-size:2.15rem}.popular-queries{display:none}.faq-question .title{font-size:.75rem}.mobile-link{min-width:76px}}
/* V3 sidebar icon container correction */
.side-icon{display:grid;place-items:center;background:transparent}
.side-icon .ui-icon{width:17px;height:17px;color:var(--primary)}
.side-link.active .side-icon{border-color:rgba(255,177,196,.29);background:linear-gradient(145deg,rgba(255,177,196,.18),rgba(255,74,141,.055));box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 9px 24px rgba(255,74,141,.12)}
.sidebar:hover .side-link.active .side-icon,.sidebar:focus-within .side-link.active .side-icon{border-color:transparent;background:rgba(255,177,196,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}

/* ============================================================
   V14 immediate glass: real blur on every page surface and modal frame
   ============================================================ */
:root{
  --glass:blur(10px) saturate(124%) brightness(.985);
  --glass-light:blur(5px) saturate(112%) brightness(.99);
  --glass-fill:linear-gradient(145deg,rgba(255,255,255,.032),rgba(255,177,196,.006)),rgba(8,9,12,.17);
  --glass-fill-soft:linear-gradient(145deg,rgba(255,255,255,.033),rgba(255,177,196,.009)),rgba(10,10,13,.16);
  --glass-edge:rgba(255,255,255,.095);
  --glass-shadow:
    0 12px 38px rgba(0,0,0,.14),
    inset 0 1px 0 rgba(255,255,255,.14),
    inset 0 -1px 0 rgba(255,255,255,.025),
    inset 0 0 9px 3px rgba(255,255,255,.009);
}

.glass-panel,
.glass-card,
.glass-mini,
.faq-item,
.faq-start-grid article{
  overflow:hidden;
  border-color:var(--glass-edge);
  background:var(--glass-fill);
  -webkit-backdrop-filter:var(--glass)!important;
  backdrop-filter:var(--glass)!important;
  box-shadow:var(--glass-shadow);
  background-clip:padding-box;
}

.glass-card,
.glass-mini,
.faq-item,
.faq-start-grid article{position:relative}

.glass-mini{
  -webkit-backdrop-filter:var(--glass-light)!important;
  backdrop-filter:var(--glass-light)!important;
}

.faq-item,
.faq-start-grid article{
  -webkit-backdrop-filter:var(--glass)!important;
  backdrop-filter:var(--glass)!important;
}

.glass-panel::before,
.glass-card::before,
.glass-mini::before,
.faq-item::before,
.faq-start-grid article::before{
  content:"";
  position:absolute;
  z-index:0;
  top:0;
  right:0;
  left:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);
  pointer-events:none;
}

.glass-panel::after,
.glass-card::after,
.glass-mini::after,
.faq-item::after,
.faq-start-grid article::after{
  content:"";
  position:absolute;
  z-index:0;
  top:0;
  bottom:0;
  left:0;
  width:1px;
  border-radius:inherit;
  background:linear-gradient(180deg,rgba(255,255,255,.09),transparent,rgba(255,255,255,.035));
  mix-blend-mode:normal;
  pointer-events:none;
}

.glass-panel>*,
.glass-card>*,
.glass-mini>*,
.faq-item>*,
.faq-start-grid article>*{
  position:relative;
  z-index:1;
}

/* Navigation and sticky surfaces use the same transparent glass. */
.sidebar,
.sidebar:hover,
.sidebar:focus-within,
.sidebar.is-open,
.mobile-nav{
  border-color:var(--glass-edge);
  background:var(--glass-fill);
  -webkit-backdrop-filter:var(--glass)!important;
  backdrop-filter:var(--glass)!important;
  box-shadow:var(--glass-shadow);
}

.page-topbar{
  top:12px;
  min-height:62px;
  margin:12px 14px 0;
  padding:8px clamp(16px,3vw,32px);
  overflow:hidden;
  border:1px solid var(--glass-edge);
  border-radius:18px;
  background:var(--glass-fill);
  -webkit-backdrop-filter:var(--glass)!important;
  backdrop-filter:var(--glass)!important;
  box-shadow:var(--glass-shadow);
}
.page-topbar .glass-mini{
  background:var(--glass-fill-soft);
  /* The top bar already owns the backdrop. Avoid a second nested blur that
     can repaint a frame late when the login layer appears. */
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

/* Give nested controls the same calm material without hard grid lines. */
.eyebrow,
.live,
.account-button,
.soft-action,
.copy-btn,
.tiny-btn,
.popular-queries button,
.chips button,
.faq-more,
.close-btn,
.modal-note,
.privacy-note,
.ref-icon,
.key-logo,
.config-label>span,
.toggle,
.hero-badges span,
.quick-stats>div,
.stepper,
.period-card,
.checkout-details,
.key-metrics>div,
.ref-link,
.ref-stats>div,
.referral-rules li,
.faq-search-main,
.diagnostic-checks label,
.field input,
.choice,
.device-item,
.toast{
  border-color:rgba(255,255,255,.13);
  background:var(--glass-fill-soft);
  -webkit-backdrop-filter:var(--glass-light)!important;
  backdrop-filter:var(--glass-light)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10);
}

.modal{
  border-color:var(--glass-edge);
  background:linear-gradient(145deg,rgba(28,24,30,.37),rgba(8,9,12,.28));
  -webkit-backdrop-filter:var(--glass);
  backdrop-filter:var(--glass);
  box-shadow:var(--glass-shadow),0 28px 90px rgba(0,0,0,.34);
}

/* Keep the modal layer out of an opacity group: an opaque ancestor becomes a
   backdrop root and makes the glass appear a frame after the dark overlay. */
.modal-layer{
  opacity:1;
  visibility:visible;
  pointer-events:none;
  transition:none;
}
.modal-layer.open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.modal-backdrop{
  opacity:0;
  visibility:hidden;
  background:rgba(3,3,5,.54);
  -webkit-backdrop-filter:blur(10px) saturate(120%);
  backdrop-filter:blur(10px) saturate(120%);
  transition:opacity .22s ease,visibility .22s ease,-webkit-backdrop-filter .22s ease,backdrop-filter .22s ease;
}
.modal{
  opacity:0;
  visibility:hidden;
  transform:none;
  transition:none;
}
.modal-layer.preparing .modal{
  opacity:.001;
  visibility:visible;
  pointer-events:none;
  will-change:opacity,-webkit-backdrop-filter,backdrop-filter;
}
.modal-layer.open .modal-backdrop{
  opacity:1;
  visibility:visible;
}
.modal-layer.open .modal{
  opacity:1;
  visibility:visible;
  transform:none;
  transition:none;
}
.modal-layer.open .modal>*{
  animation:modal-content-in .16s cubic-bezier(.2,.78,.2,1) both;
}
@keyframes modal-content-in{
  from{opacity:0;transform:translateY(5px)}
  to{opacity:1;transform:none}
}

/* Controls inside the modal inherit its already-blurred backdrop. Removing
   nested filters prevents staggered compositing on the info note and fields. */
.modal :is(.close-btn,.field input,.modal-note,.checkout-details,.choice,.soft-action,.device-item,.stepper){
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,177,196,.018)),rgba(7,8,10,.34);
}
body.modal-open{
  overflow:hidden;
  padding-right:var(--modal-scrollbar-gap,0px);
}

.period-card:hover,
.diagnostic-checks label:hover,
.choice:hover,
.choice.active{
  background:rgba(255,177,196,.11);
}

.period-card.active{
  background:linear-gradient(145deg,rgba(255,255,255,.17),rgba(255,177,196,.12));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 12px 32px rgba(0,0,0,.12);
}

/* Keep the price card aligned with the configurator; sticky caused a visible drop. */
.tariff-layout{align-items:start}
.checkout-card{
  position:relative;
  top:auto;
  align-self:start;
  margin-top:0;
}

/* Never animate a shared ancestor of backdrop-filter elements: doing so
   creates a backdrop root and prevents its children from sampling the grid. */
.app-content,
.page-wrap{animation:none;transform:none;filter:none;opacity:1}
.reveal,
.reveal.visible{
  opacity:1;
  transform:none;
  transition:none;
}
.delay-1,.delay-2{transition-delay:0}

/* A separate compositor-only curtain keeps the crisp page-entry animation
   without wrapping or isolating any glass surface. */
body::after{
  content:"";
  display:block;
  position:fixed;
  z-index:700;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(8,9,11,.96),rgba(24,14,20,.93));
  transform-origin:top;
  animation:page-curtain-out .28s cubic-bezier(.65,0,.35,1) forwards;
}
@keyframes page-curtain-out{
  0%{opacity:1;clip-path:inset(0 0 0 0)}
  72%{opacity:.94}
  100%{opacity:0;clip-path:inset(0 0 100% 0);visibility:hidden}
}

/* Stable FAQ geometry: one accordion column, fixed tag lane, no broken grid rows. */
body[data-page="faq"] .faq-list{
  grid-template-columns:1fr;
  gap:8px;
}
body[data-page="faq"] .faq-tools{
  position:relative;
  z-index:2;
  top:auto;
  width:100%;
  margin:0 0 10px;
  padding:8px;
}
body[data-page="faq"] .faq-item{min-width:0}
body[data-page="faq"] .faq-question{
  grid-template-columns:104px minmax(0,1fr) 32px;
  min-height:64px;
  gap:12px;
  padding:12px 14px;
}
body[data-page="faq"] .faq-question .tag{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body[data-page="faq"] .faq-question .title{
  line-height:1.35;
  overflow-wrap:anywhere;
}
body[data-page="faq"] .faq-answer{transition:grid-template-rows .2s ease}
body[data-page="faq"] .answer{
  margin-left:116px;
  padding:0 14px 16px;
  overflow-wrap:anywhere;
}
body[data-page="faq"] .chips{
  flex-wrap:nowrap;
  overflow-x:auto;
  overscroll-behavior-x:contain;
  padding:2px;
  margin:-2px;
}
body[data-page="faq"] .chips button{
  flex:0 0 auto;
  min-height:34px;
  display:inline-flex;
  align-items:center;
  transform:none;
}
body[data-page="faq"] .chips button.active{
  transform:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 0 0 1px rgba(255,177,196,.08);
}
body[data-page="faq"] .faq-meta:empty{display:none}

/* Small pink cursor glow: no lens, no grid copy, no white center point. */
.cursor-glow{
  position:fixed;
  z-index:600;
  left:0;
  top:0;
  width:50px;
  height:50px;
  border:0;
  border-radius:50%;
  opacity:0;
  pointer-events:none;
  background:radial-gradient(circle,rgba(255,74,141,.22) 0%,rgba(255,74,141,.13) 27%,rgba(255,74,141,.05) 52%,transparent 76%);
  filter:blur(5px);
  mix-blend-mode:screen;
  will-change:transform,opacity;
  transition:opacity .18s ease;
}
.cursor-glow.is-visible{opacity:.42}

/* No moving shine or geometric jump on compact controls. */
.btn::before{display:none}
.btn,
.popular-queries button,
.chips button,
.copy-btn,
.tiny-btn,
.faq-more,
.period-card,
.diagnostic-checks label,
.side-link{
  transition-property:color,border-color,background-color,background,box-shadow,filter;
  transition-duration:.2s;
  transition-timing-function:ease;
}
.btn:hover,
.btn:active,
.popular-queries button:hover,
.chips button:hover,
.chips button:active,
.copy-btn:hover,
.tiny-btn:hover,
.faq-more:hover,
.period-card:hover,
.diagnostic-checks label:hover,
.side-link:hover{
  transform:none!important;
}

/* Large glass surfaces get a predeclared micro-scale without layout shift. */
@media(hover:hover) and (pointer:fine){
  .sidebar{
    transition:width .28s cubic-bezier(.22,.8,.22,1),border-color .22s ease,box-shadow .22s ease;
  }
  .sidebar.is-open{
    width:var(--sidebar-open);
    border-color:var(--border-strong);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 24px 82px rgba(0,0,0,.44),0 0 42px rgba(255,177,196,.06);
  }
  .sidebar:not(:hover):not(.is-open){width:var(--sidebar)}
  .sidebar:not(:hover):not(.is-open) .side-copy{opacity:0;transform:translateX(-8px)}
  .sidebar:not(:hover):not(.is-open) .side-link.active{border-color:transparent;background:transparent;box-shadow:none}
  .sidebar:not(:hover):not(.is-open) .side-link.active .side-icon{
    border-color:rgba(255,177,196,.29);
    background:linear-gradient(145deg,rgba(255,177,196,.18),rgba(255,74,141,.055));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 9px 24px rgba(255,74,141,.12);
  }
  .sidebar.is-open .side-copy{opacity:1;transform:none}
  .sidebar.is-open .side-link.active{
    border-color:rgba(255,177,196,.23);
    background:linear-gradient(145deg,rgba(255,177,196,.14),rgba(255,74,141,.035));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 26px rgba(0,0,0,.16);
  }
  .sidebar.is-open .side-link.active .side-icon{
    border-color:transparent;
    background:rgba(255,177,196,.08);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
  }
  .glass-card:not(.faq-tools):not(.modal),
  .faq-item,
  .faq-start-grid article{
    scale:1;
    transform-origin:center;
    backface-visibility:hidden;
    transition:scale .22s cubic-bezier(.2,.75,.2,1),border-color .24s ease,box-shadow .24s ease,background .24s ease;
  }
  .glass-card:not(.faq-tools):not(.modal):hover,
  .faq-item:hover,
  .faq-start-grid article:hover{
    transform:none;
    scale:1.003;
    border-color:rgba(255,255,255,.14);
    box-shadow:var(--glass-shadow),0 0 0 1px rgba(255,177,196,.025),0 12px 34px rgba(255,74,141,.035);
  }
  .glass-mini:hover{
    transform:none;
    border-color:rgba(255,255,255,.14);
    box-shadow:var(--glass-shadow),0 0 0 1px rgba(255,177,196,.025);
  }
  .faq-search-main,
  .period-card,
  .diagnostic-checks label,
  .choice,
  .device-item,
  .field input{
    transition:border-color .22s ease,background .22s ease,box-shadow .22s ease;
  }
  .faq-search-main:hover,
  .faq-search-main:focus-within,
  .period-card:hover,
  .diagnostic-checks label:hover,
  .choice:hover,
  .device-item:hover,
  .field input:hover,
  .field input:focus{
    transform:none;
    border-color:rgba(255,177,196,.22);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 2px rgba(255,177,196,.025);
  }
  .btn:active{filter:brightness(.97)}
}

@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  .glass-panel,.glass-card,.glass-mini,.faq-item,.faq-start-grid article{
    background:linear-gradient(145deg,rgba(38,36,41,.88),rgba(17,16,20,.82));
  }
}

@media(max-width:820px){
  .page-topbar,.mobile-nav{
    background:rgba(8,9,12,.22);
    -webkit-backdrop-filter:var(--glass)!important;
    backdrop-filter:var(--glass)!important;
  }
  .page-topbar{top:8px;margin:8px 8px 0;border-radius:16px}
  .mobile-nav{justify-content:stretch;overflow-x:hidden}
  .mobile-link{min-width:0;flex:1 1 0;padding-inline:4px}
  body[data-page="faq"] .faq-tools{top:auto;margin-inline:0;padding:7px}
  body[data-page="faq"] .faq-question{grid-template-columns:minmax(0,1fr) 30px;gap:10px}
  body[data-page="faq"] .faq-question .tag{display:none}
  body[data-page="faq"] .answer{margin-left:0;padding:0 12px 14px}
}

@media(pointer:coarse){.cursor-glow{display:none}}

/* ============================================================
   V15 landing — a calm, animated front door for ARTΞMIDA VPN
   ============================================================ */
.landing-page{min-height:100svh;overflow:hidden;background:#07080a}
.landing-page::before{z-index:0;opacity:.78}
.landing-page::after{z-index:700}
.landing-page .background-glow{z-index:1;opacity:.13;filter:blur(118px)}
.landing-page .glow-a{left:-10vw;top:-16vh;animation-duration:29s}
.landing-page .glow-b{right:-8vw;bottom:-24vh;animation-duration:37s}
.landing-grid{position:fixed;z-index:0;inset:0;pointer-events:none;background:radial-gradient(circle at center,transparent 0 24%,rgba(7,8,10,.54) 69%,#07080a 100%),linear-gradient(to right,rgba(255,255,255,.042) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.042) 1px,transparent 1px);background-size:auto,54px 54px,54px 54px;mask-image:radial-gradient(ellipse at center,#000 10%,rgba(0,0,0,.76) 62%,transparent 96%)}
.landing-shell{position:relative;z-index:2;min-height:100svh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:18px clamp(18px,3vw,44px) 22px}
.landing-nav{width:min(1180px,100%);min-height:64px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;margin:0 auto;padding:8px 9px 8px 13px;border-radius:20px;background:rgba(12,12,15,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 18px 60px rgba(0,0,0,.18)}
.landing-logo{display:flex;align-items:center;gap:11px;width:max-content}.landing-logo>span{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,177,196,.3);border-radius:14px;color:var(--primary);background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,74,141,.045));box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 0 25px rgba(255,74,141,.08);font-family:Sora,sans-serif;font-weight:900}.landing-logo b{font-size:.8rem;letter-spacing:.12em}.landing-logo small{color:var(--primary);font-size:.55rem}
.landing-nav nav{display:flex;align-items:center;gap:6px}.landing-nav nav a,.landing-login{padding:9px 12px;border:0;border-radius:11px;color:var(--muted);background:transparent;cursor:pointer;font-size:.72rem;transition:color .18s ease,background .18s ease}.landing-nav nav a:hover,.landing-login:hover{color:var(--text);background:rgba(255,177,196,.07)}
.landing-nav-actions{display:flex;align-items:center;justify-content:flex-end;gap:5px}.landing-cabinet{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid rgba(255,177,196,.21);border-radius:13px;background:rgba(255,177,196,.08);font-size:.72rem;font-weight:750}.landing-cabinet.is-ready{color:#2c121e;background:linear-gradient(110deg,#ffd0dc,#ef86aa)}
.landing-main{position:relative;min-height:0;display:grid;place-items:center;padding:42px 0 30px;isolation:isolate}.landing-hero{position:relative;z-index:4;width:min(1000px,100%);display:grid;justify-items:center;text-align:center}.landing-kicker{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid rgba(255,255,255,.09);border-radius:999px;color:var(--muted);background:rgba(8,9,12,.24);backdrop-filter:var(--glass-light);font-family:ui-monospace,monospace;font-size:.62rem;font-weight:760;letter-spacing:.11em;text-transform:uppercase}.landing-kicker i{width:6px;height:6px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 5px rgba(255,177,196,.07),0 0 18px rgba(255,74,141,.4);animation:landing-dot 2.4s ease-in-out infinite}
.landing-hero h1{display:grid;margin:24px 0 13px;line-height:.78;letter-spacing:-.075em}.landing-hero h1 span{color:transparent;background:linear-gradient(180deg,#fff 4%,#d9d7d8 53%,rgba(223,220,222,.36));-webkit-background-clip:text;background-clip:text;font-size:clamp(4.7rem,10.2vw,10.5rem);font-weight:760}.landing-hero h1 em{margin-top:.27em;color:var(--primary);font-family:ui-monospace,monospace;font-size:clamp(.82rem,1.45vw,1.2rem);font-style:normal;font-weight:850;letter-spacing:.68em;text-indent:.68em;text-shadow:0 0 32px rgba(255,74,141,.2)}
.landing-slogan{height:32px;margin:15px 0 24px;color:rgba(232,230,231,.72);font-size:clamp(.88rem,1.55vw,1.08rem)}.landing-slogan span{display:inline-block;transition:opacity .22s ease,transform .22s ease,filter .22s ease}.landing-slogan span.swap{opacity:0;transform:translateY(5px);filter:blur(5px)}
.landing-hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:9px}.landing-auth-note{display:flex;align-items:center;gap:8px;margin:16px 0 0;color:var(--muted-2);font-size:.65rem}.landing-auth-note span{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 12px rgba(158,231,196,.35)}
.landing-constellation{--orbit-x:0px;--orbit-y:0px;position:absolute;z-index:1;width:min(68vw,760px);aspect-ratio:1;transform:translate3d(var(--orbit-x),var(--orbit-y),0);transition:transform .9s cubic-bezier(.18,.72,.2,1);pointer-events:none}.landing-constellation::before,.landing-constellation::after{content:"";position:absolute;border-radius:50%;inset:20%;background:radial-gradient(circle,rgba(255,177,196,.1),rgba(255,74,141,.025) 42%,transparent 70%);filter:blur(13px);animation:landing-breathe 5.8s ease-in-out infinite}.landing-constellation::after{inset:34%;background:rgba(255,177,196,.09);filter:blur(58px);animation-delay:-2.1s}.orbit{position:absolute;inset:8%;border:1px solid rgba(255,255,255,.065);border-radius:50%;animation:landing-spin 34s linear infinite}.orbit::after{content:"";position:absolute;inset:-1px;border-radius:inherit;border-top:1px solid rgba(255,177,196,.31);border-right:1px solid transparent;filter:drop-shadow(0 0 8px rgba(255,74,141,.17))}.orbit i{position:absolute;left:50%;top:-4px;width:8px;height:8px;border-radius:50%;background:var(--primary);box-shadow:0 0 18px rgba(255,74,141,.6)}.orbit-two{inset:21%;animation-duration:25s;animation-direction:reverse;transform:rotate(37deg)}.orbit-two i{left:auto;right:10%;top:16%;width:6px;height:6px;opacity:.7}.orbit-three{inset:35%;animation-duration:18s;transform:rotate(-22deg)}.orbit-three i{left:9%;top:68%;width:5px;height:5px;opacity:.5}.signal-petal{position:absolute;left:50%;top:50%;width:39%;height:15%;transform-origin:0 50%;border-radius:100%;background:linear-gradient(90deg,rgba(255,177,196,.055),transparent 78%);filter:blur(1px);animation:landing-petal 7s ease-in-out infinite}.petal-two{transform:rotate(120deg);animation-delay:-2.3s}.petal-three{transform:rotate(240deg);animation-delay:-4.6s}.landing-core{position:absolute;left:50%;top:50%;width:84px;height:84px;display:grid;place-items:center;transform:translate(-50%,-50%);border:1px solid rgba(255,177,196,.18);border-radius:28px;color:rgba(255,177,196,.22);background:rgba(255,177,196,.025);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 65px rgba(255,74,141,.08);font-family:Sora,sans-serif;font-size:1.6rem;font-weight:900}.landing-scan{position:absolute;left:14%;right:14%;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,177,196,.2),transparent);box-shadow:0 0 18px rgba(255,74,141,.14);animation:landing-scan 5.4s ease-in-out infinite}
.landing-benefits{width:min(1080px,100%);display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:0 auto;padding:9px;border-radius:22px;background:rgba(11,12,15,.25)}.landing-benefits article{min-height:70px;display:flex;align-items:center;gap:14px;padding:11px 18px;border-radius:15px}.landing-benefits article+article{border-left:1px solid rgba(255,255,255,.055)}.landing-benefits article>span{color:var(--primary);font-family:ui-monospace,monospace;font-size:.59rem}.landing-benefits div{display:grid}.landing-benefits b{font-size:.76rem}.landing-benefits small{margin-top:3px;color:var(--muted-2);font-size:.62rem}
.landing-auth-layer{position:fixed;z-index:820;inset:0;display:grid;place-items:center;padding:18px;pointer-events:none;overflow:hidden}.landing-auth-backdrop{position:absolute;inset:0;opacity:0;visibility:hidden;background:rgba(3,3,5,.54);-webkit-backdrop-filter:blur(10px) saturate(120%);backdrop-filter:blur(10px) saturate(120%);transition:opacity .22s ease,visibility .22s ease,-webkit-backdrop-filter .22s ease,backdrop-filter .22s ease}.landing-auth-panel{width:min(470px,calc(100vw - 28px));max-width:calc(100vw - 28px);max-height:min(88svh,760px);overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable both-edges;overscroll-behavior:contain;padding:24px;opacity:0;visibility:hidden;background:linear-gradient(145deg,rgba(29,25,31,.43),rgba(8,9,12,.31));backdrop-filter:blur(12px) saturate(125%);-webkit-backdrop-filter:blur(12px) saturate(125%)}.landing-auth-layer.preparing .landing-auth-panel{opacity:.001;visibility:visible}.landing-auth-layer.open{pointer-events:auto}.landing-auth-layer.open .landing-auth-backdrop,.landing-auth-layer.open .landing-auth-panel{opacity:1;visibility:visible}.landing-auth-layer.open .landing-auth-panel>*{animation:modal-content-in .17s cubic-bezier(.2,.78,.2,1) both}.auth-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.auth-panel-head h2{margin:7px 0 0;font-size:1.45rem}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:21px 0 16px;padding:4px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(4,5,7,.24)}.auth-tabs button{min-height:39px;border:0;border-radius:10px;color:var(--muted);background:transparent;cursor:pointer;font-size:.72rem;font-weight:750}.auth-tabs button.active{color:#2a121d;background:linear-gradient(110deg,#ffd1dc,#ee8bae);box-shadow:inset 0 1px 0 rgba(255,255,255,.65)}#landingAuthBody,.landing-auth-form,.field,.password-field{min-width:0}.landing-auth-form{display:grid}.landing-auth-form .btn{margin-top:9px}.password-field{position:relative}.password-field input{width:100%;padding-right:82px}.password-field button{position:absolute;right:8px;top:50%;transform:translateY(-50%);padding:6px 7px;border:0;border-radius:8px;color:var(--muted-2);background:transparent;cursor:pointer;font-size:.61rem}.password-field button:hover{color:var(--text);background:rgba(255,177,196,.07)}.password-field .password-visibility:focus-visible{outline:2px solid rgb(var(--theme-rgb)/.3);outline-offset:0}.auth-divider{display:flex;align-items:center;gap:10px;margin:17px 0;color:var(--muted-2);font-size:.6rem;text-transform:uppercase}.auth-divider::before,.auth-divider::after{content:"";height:1px;flex:1;background:rgba(255,255,255,.075)}.telegram-auth{width:100%;min-height:62px;display:flex;align-items:center;gap:12px;padding:9px 12px;border:1px solid rgba(255,255,255,.12);border-radius:15px;color:var(--text);background:rgba(255,255,255,.045);cursor:pointer;text-align:left;transition:border-color .2s ease,background .2s ease}.telegram-auth:hover{border-color:rgba(255,177,196,.25);background:rgba(255,177,196,.075)}.telegram-auth>span{width:39px;height:39px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;color:#2a121d;background:linear-gradient(135deg,#ffd1dc,#ee83aa);font-weight:900}.telegram-auth div{display:grid;min-width:0}.telegram-auth b{font-size:.75rem}.telegram-auth small{margin-top:3px;color:var(--muted-2);font-size:.62rem}.auth-privacy{margin:13px 3px 0;color:var(--muted-2);font-size:.61rem;line-height:1.5}.auth-wait{min-height:320px;display:grid;place-items:center;align-content:center;text-align:center}.auth-wait h3{margin:10px 0 8px}.auth-wait p{max-width:340px;margin:0 0 17px;color:var(--muted);font-size:.72rem}.auth-pulse{width:52px;height:52px;margin-bottom:18px;border:1px solid rgba(255,177,196,.32);border-radius:18px;background:rgba(255,177,196,.08);box-shadow:0 0 0 0 rgba(255,74,141,.2);animation:auth-pulse 1.8s ease-out infinite}.auth-code{margin-bottom:18px;color:var(--primary);font-family:ui-monospace,monospace;font-size:1.35rem;font-weight:900;letter-spacing:.18em}
@keyframes landing-spin{to{rotate:360deg}}@keyframes landing-breathe{0%,100%{scale:.9;opacity:.52}50%{scale:1.09;opacity:1}}@keyframes landing-dot{0%,100%{opacity:.55}50%{opacity:1;box-shadow:0 0 0 7px rgba(255,177,196,.045),0 0 23px rgba(255,74,141,.55)}}@keyframes landing-petal{0%,100%{opacity:.36;scale:.86}50%{opacity:.82;scale:1.06}}@keyframes landing-scan{0%,100%{transform:translateY(-180px);opacity:0}20%,80%{opacity:.72}50%{transform:translateY(180px)}}@keyframes auth-pulse{0%{box-shadow:0 0 0 0 rgba(255,74,141,.2)}70%,100%{box-shadow:0 0 0 24px transparent}}
@media(max-width:820px){.landing-page{overflow:auto}.landing-shell{min-height:100svh;padding:10px 10px 13px}.landing-nav{grid-template-columns:1fr auto;min-height:58px;padding:7px 8px 7px 9px;border-radius:17px}.landing-nav nav{display:none}.landing-logo>span{width:40px;height:40px}.landing-nav-actions .landing-login{display:none}.landing-cabinet{padding:9px 11px}.landing-main{min-height:620px;padding:38px 8px}.landing-constellation{width:min(108vw,620px)}.landing-hero h1 span{font-size:clamp(3.7rem,18vw,6.2rem)}.landing-hero h1 em{font-size:.72rem}.landing-kicker{font-size:.52rem}.landing-benefits{grid-template-columns:1fr;padding:7px}.landing-benefits article{min-height:61px}.landing-benefits article+article{border-left:0;border-top:1px solid rgba(255,255,255,.055)}.landing-auth-panel{padding:20px}.landing-auth-layer{padding:10px}}
@media(max-width:460px){.landing-logo b{font-size:.69rem}.landing-logo small{display:none}.landing-cabinet{font-size:.66rem}.landing-main{min-height:570px}.landing-hero-actions{width:min(300px,100%)}.landing-hero-actions .btn{width:100%}.landing-slogan{height:48px}.landing-auth-note{text-align:left}.landing-constellation{width:128vw}.landing-benefits article:nth-child(2){display:none}}
.telegram-auth:disabled{cursor:not-allowed;opacity:.5;filter:saturate(.55)}
.telegram-auth:disabled:hover{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.045)}

/* V16 — quieter landing composition */
.landing-page{overflow-x:hidden}
.landing-page .background-glow{opacity:.08;filter:blur(145px)}
.landing-grid{background:radial-gradient(ellipse at center,transparent 0 26%,rgba(7,8,10,.42) 68%,#07080a 100%),linear-gradient(to right,rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.022) 1px,transparent 1px);background-size:auto,72px 72px,72px 72px}
.landing-shell{padding:16px clamp(16px,3vw,38px) 18px}
.landing-nav{width:min(1080px,100%);min-height:58px;padding:7px 8px 7px 11px;border-radius:18px;background:rgba(12,12,15,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 14px 42px rgba(0,0,0,.12)}
.landing-logo>span{width:39px;height:39px;border-radius:12px}.landing-logo b{font-size:.74rem}
.landing-main{padding:34px 0 24px}
.landing-hero{width:min(820px,100%)}
.landing-hero h1{margin:0 0 20px;line-height:.84;letter-spacing:-.055em}
.landing-hero h1 span{font-size:clamp(3.8rem,7.4vw,7.2rem);font-weight:720;background:linear-gradient(180deg,#faf8f9 8%,#cecbcd 68%,rgba(210,206,209,.58));-webkit-background-clip:text;background-clip:text}
.landing-hero h1 em{margin-top:.45em;font-size:clamp(.68rem,1vw,.86rem);letter-spacing:.58em;text-indent:.58em;text-shadow:0 0 24px rgba(255,74,141,.16)}
.landing-slogan{height:28px;margin:16px 0 22px;font-size:clamp(.82rem,1.2vw,.96rem)}
.landing-auth-note{margin-top:14px;font-size:.61rem}
.landing-constellation{width:min(58vw,620px);aspect-ratio:1.7;opacity:.78}
.landing-constellation::before{inset:13% 8%;border-radius:46% 54% 48% 52%;background:radial-gradient(ellipse,rgba(255,177,196,.11),rgba(255,74,141,.026) 43%,transparent 72%);filter:blur(24px);animation:landing-aura 8s ease-in-out infinite}
.landing-constellation::after{inset:auto 8% 50%;height:1px;border:0;border-radius:0;background:linear-gradient(90deg,transparent,rgba(255,177,196,.04),rgba(255,177,196,.24),rgba(255,177,196,.04),transparent);filter:drop-shadow(0 0 12px rgba(255,74,141,.15));animation:landing-signal 8s ease-in-out infinite}
.ambient-dot{position:absolute;left:18%;top:50%;width:5px;height:5px;border-radius:50%;background:rgba(255,177,196,.72);box-shadow:0 0 18px rgba(255,74,141,.48);animation:ambient-dot 8s ease-in-out infinite}
.landing-benefits{width:auto;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px 28px;margin:0 auto;padding:4px 0 2px;color:var(--muted-2);background:none;border:0;box-shadow:none;font-size:.62rem}
.landing-benefits span{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.landing-benefits i{width:4px;height:4px;border-radius:50%;background:rgba(255,177,196,.68);box-shadow:0 0 9px rgba(255,74,141,.25)}
@keyframes landing-aura{0%,100%{scale:.94;opacity:.56;rotate:-2deg}50%{scale:1.04;opacity:.9;rotate:2deg}}
@keyframes landing-signal{0%,100%{opacity:.28;transform:translateY(18px) scaleX(.82)}50%{opacity:.78;transform:translateY(-16px) scaleX(1)}}
@keyframes ambient-dot{0%,100%{left:18%;opacity:.25}50%{left:81%;opacity:.82}}
@media(max-width:820px){.landing-main{min-height:540px;padding:30px 8px 22px}.landing-constellation{width:min(92vw,560px)}.landing-hero h1 span{font-size:clamp(3.25rem,14.5vw,5.7rem)}.landing-benefits{gap:9px 18px;padding-bottom:6px}}
@media(max-width:460px){.landing-main{min-height:500px}.landing-hero h1 span{font-size:clamp(3rem,16vw,4.25rem)}.landing-constellation{width:112vw}.landing-benefits{max-width:310px;gap:8px 15px}.landing-benefits span:nth-child(2){display:none}}
/* V17 — optional account handoff after payment */
.demo-purchase{display:grid;gap:7px;margin-top:9px;text-align:center}
.demo-purchase small{color:var(--muted-2);font-size:.58rem;line-height:1.4}
.handoff-shell{position:relative;z-index:2;min-height:100svh;display:grid;place-items:center;padding:24px}
.handoff-card{width:min(620px,100%);padding:clamp(24px,5vw,46px);text-align:center;background:linear-gradient(145deg,rgba(28,25,30,.42),rgba(8,9,12,.29));backdrop-filter:blur(10px) saturate(124%);-webkit-backdrop-filter:blur(10px) saturate(124%)}
.handoff-mark{width:58px;height:58px;display:grid;place-items:center;margin:0 auto 20px;border:1px solid rgba(255,177,196,.3);border-radius:18px;color:#2b101b;background:linear-gradient(135deg,#ffd3de,#ea7ca5);box-shadow:0 14px 45px rgba(255,74,141,.14);font-size:1.35rem;font-weight:900}
.handoff-mark.subdued{color:var(--primary);background:rgba(255,177,196,.08);box-shadow:0 0 36px rgba(255,74,141,.09)}
.handoff-card h1{max-width:510px;margin:10px auto 12px;font-size:clamp(1.85rem,5vw,3.35rem);line-height:1.02;letter-spacing:-.045em}
.handoff-card>p{max-width:510px;margin:0 auto;color:var(--muted);font-size:.78rem;line-height:1.65}
.credential-list{display:grid;gap:8px;margin:24px 0 18px;text-align:left}
.credential-row{display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:62px;padding:9px 10px 9px 15px;border:1px solid rgba(255,255,255,.11);border-radius:15px;background:rgba(5,6,8,.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.055)}
.credential-row>span{color:var(--muted-2);font-size:.61rem;text-transform:uppercase;letter-spacing:.08em}
.credential-row strong{min-width:0;overflow:hidden;color:var(--text);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.86rem;text-overflow:ellipsis;white-space:nowrap}
.credential-row button{min-height:36px;padding:0 11px;border:1px solid rgba(255,177,196,.16);border-radius:10px;color:var(--primary);background:rgba(255,177,196,.055);cursor:pointer;font-size:.61rem;font-weight:750}
.credential-row button:hover{background:rgba(255,177,196,.11)}
.handoff-card .handoff-note{margin-top:16px;color:var(--muted-2);font-size:.66rem}
.handoff-action{margin-top:22px}
.handoff-test-note{display:block;margin:13px auto 0;color:var(--muted-2);font-size:.57rem;line-height:1.45}
.handoff-back{display:inline-block;margin-top:15px;color:var(--muted-2);font-size:.64rem}
.key-secret{display:grid;gap:7px;margin-top:11px;padding:11px 12px;border:1px solid rgba(255,255,255,.075);border-radius:13px;background:rgba(4,5,7,.25)}
.key-secret span{color:var(--muted-2);font-size:.58rem;text-transform:uppercase;letter-spacing:.08em}
.key-secret code{display:block;max-height:44px;overflow:hidden;color:var(--muted);font-size:.61rem;line-height:1.45;overflow-wrap:anywhere}
.status-pill.test{color:var(--primary);border-color:rgba(255,177,196,.2);background:rgba(255,177,196,.07)}
.key-actions.test-actions{grid-template-columns:1fr}
@media(max-width:560px){.handoff-shell{padding:12px}.handoff-card{padding:25px 17px}.credential-row{grid-template-columns:1fr auto;gap:5px 9px}.credential-row>span{grid-column:1/-1}.credential-row strong{font-size:.76rem}.handoff-card h1{font-size:2rem}}

/* ============================================================
   V18 — compact hub, guided installation and four color moods
   ============================================================ */
:root{
  --theme-rgb:255 159 188;--theme-rgb-2:220 90 137;--theme-base:#08090b;--theme-deep:#050607;
  --theme-button-start:#ffd2de;--theme-button-end:#de608f;--theme-button-text:#2b121d;
}
html[data-theme="midnight"]{--bg:#070a12;--bg-deep:#03050a;--surface-solid:#101522;--primary:#8fb2ff;--primary-2:#557ce8;--primary-soft:rgb(143 178 255/.12);--primary-strong:rgb(143 178 255/.28);--border:rgb(165 190 255/.14);--border-strong:rgb(165 190 255/.28);--theme-rgb:143 178 255;--theme-rgb-2:85 124 232;--theme-base:#070a12;--theme-deep:#03050a;--theme-button-start:#bdd0ff;--theme-button-end:#688bea;--theme-button-text:#081126}
html[data-theme="aurora"]{--bg:#06100f;--bg-deep:#030807;--surface-solid:#0d1918;--primary:#75e6d5;--primary-2:#aa7dff;--primary-soft:rgb(117 230 213/.12);--primary-strong:rgb(117 230 213/.28);--border:rgb(134 229 218/.14);--border-strong:rgb(134 229 218/.28);--theme-rgb:117 230 213;--theme-rgb-2:170 125 255;--theme-base:#06100f;--theme-deep:#030807;--theme-button-start:#a8f3e8;--theme-button-end:#9b78ef;--theme-button-text:#06201c}
html[data-theme="ember"]{--bg:#100a08;--bg-deep:#080403;--surface-solid:#1b1210;--primary:#ffc078;--primary-2:#ff786f;--primary-soft:rgb(255 192 120/.12);--primary-strong:rgb(255 192 120/.28);--border:rgb(255 200 143/.14);--border-strong:rgb(255 200 143/.28);--theme-rgb:255 192 120;--theme-rgb-2:255 120 111;--theme-base:#100a08;--theme-deep:#080403;--theme-button-start:#ffda9f;--theme-button-end:#f47d6d;--theme-button-text:#2d130b}

html[data-theme] body{background:radial-gradient(circle at 15% 16%,rgb(var(--theme-rgb)/.075),transparent 28rem),radial-gradient(circle at 88% 76%,rgb(var(--theme-rgb-2)/.07),transparent 32rem),linear-gradient(180deg,color-mix(in srgb,var(--theme-base),#fff 4%) 0%,var(--theme-base) 48%,var(--theme-deep) 100%)}
html[data-theme] body::after{background-image:linear-gradient(to right,rgb(var(--theme-rgb)/.026) 1px,transparent 1px),linear-gradient(to bottom,rgb(var(--theme-rgb)/.026) 1px,transparent 1px)}
html[data-theme] .glow-a{background:rgb(var(--theme-rgb))}html[data-theme] .glow-b{background:rgb(var(--theme-rgb-2))}
html[data-theme] .glass-panel,html[data-theme] .glass-card,html[data-theme] .glass-mini,html[data-theme] .faq-item,html[data-theme] .faq-start-grid article{background:linear-gradient(145deg,rgba(255,255,255,.034),rgb(var(--theme-rgb)/.006)),rgba(8,9,12,.17)}
html[data-theme] .btn.primary,html[data-theme] .landing-cabinet.is-ready{color:var(--theme-button-text);background:linear-gradient(105deg,var(--theme-button-start),color-mix(in srgb,var(--theme-button-start),var(--theme-button-end) 42%) 48%,var(--theme-button-end));box-shadow:inset 0 1px 0 rgba(255,255,255,.62),0 18px 42px rgb(var(--theme-rgb-2)/.17)}
html[data-theme] .account-button .avatar,html[data-theme] .handoff-mark,html[data-theme] .telegram-auth>span,html[data-theme] .auth-tabs button.active{color:var(--theme-button-text);background:linear-gradient(135deg,var(--theme-button-start),var(--theme-button-end))}
html[data-theme] .side-link.active,html[data-theme] .period-card.active{border-color:rgb(var(--theme-rgb)/.3);background:linear-gradient(145deg,rgb(var(--theme-rgb)/.14),rgb(var(--theme-rgb-2)/.035))}
html[data-theme] .chips button.active{border-color:rgb(var(--theme-rgb)/.4);color:var(--theme-button-text);background:var(--primary);box-shadow:0 10px 25px rgb(var(--theme-rgb-2)/.14)}
html[data-theme] .cursor-glow{background:radial-gradient(circle,rgb(var(--theme-rgb)/.19) 0,rgb(var(--theme-rgb)/.09) 35%,transparent 72%)}
html[data-theme] ::selection{background:rgb(var(--theme-rgb)/.28)}
html[data-theme] .brand-logo,html[data-theme] .key-logo,html[data-theme] .support-icon,html[data-theme] .config-label>span,html[data-theme] .empty-icon,html[data-theme] .radar-core,html[data-theme] .shield{border-color:rgb(var(--theme-rgb)/.2);background:linear-gradient(145deg,rgba(255,255,255,.08),rgb(var(--theme-rgb)/.065));box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 28px rgb(var(--theme-rgb)/.07)}
html[data-theme] .side-link:hover,html[data-theme] .soft-action:hover,html[data-theme] .more:hover,html[data-theme] .btn.secondary:hover,html[data-theme] .popular-queries button:hover{border-color:rgb(var(--theme-rgb)/.26);background:rgb(var(--theme-rgb)/.075)}
html[data-theme] .side-link.active .side-icon,html[data-theme] .sidebar.is-open .side-link.active .side-icon,html[data-theme] .sidebar:hover .side-link.active .side-icon,html[data-theme] .sidebar:focus-within .side-link.active .side-icon{border-color:rgb(var(--theme-rgb)/.21);background:rgb(var(--theme-rgb)/.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
html[data-theme] .field input:focus,html[data-theme] .faq-search-main:focus-within{border-color:rgb(var(--theme-rgb)/.42);box-shadow:0 0 0 3px rgb(var(--theme-rgb)/.05)}
html[data-theme] .faq-item.open{border-color:rgb(var(--theme-rgb)/.27)}html[data-theme] .faq-item.open .toggle{background:var(--primary)}html[data-theme] .faq-item.open .toggle::before,html[data-theme] .faq-item.open .toggle::after{background:var(--theme-button-text)}
html[data-theme] .radar-ring,html[data-theme] .rings>span{border-color:rgb(var(--theme-rgb)/.12)}html[data-theme] .range-fill{background:linear-gradient(90deg,var(--primary),var(--primary-2));box-shadow:0 0 13px rgb(var(--theme-rgb)/.28)}
html[data-theme] .landing-logo>span{border-color:rgb(var(--theme-rgb)/.28);background:linear-gradient(145deg,rgba(255,255,255,.09),rgb(var(--theme-rgb-2)/.045));box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 0 25px rgb(var(--theme-rgb-2)/.08)}
html[data-theme] .landing-constellation::before{background:radial-gradient(ellipse,rgb(var(--theme-rgb)/.11),rgb(var(--theme-rgb-2)/.026) 43%,transparent 72%)}html[data-theme] .landing-constellation::after{background:linear-gradient(90deg,transparent,rgb(var(--theme-rgb)/.04),rgb(var(--theme-rgb)/.24),rgb(var(--theme-rgb)/.04),transparent)}html[data-theme] .ambient-dot{background:rgb(var(--theme-rgb)/.72);box-shadow:0 0 18px rgb(var(--theme-rgb-2)/.48)}

/* The desktop hub is only as tall as its content and sits in the viewport centre. */
@media(min-width:821px){
  .sidebar{top:50%;bottom:auto;height:auto;min-height:0;max-height:calc(100svh - 24px);transform:translateY(-50%);padding:10px}
  .side-nav{margin-top:16px;gap:6px}
  .side-foot{margin-top:16px;gap:4px;padding-top:9px;border-top:1px solid rgba(255,255,255,.055)}
  .support-side{border-top:0}
}
@media(min-width:821px) and (max-height:610px){.side-nav{margin-top:9px;gap:3px}.side-link{height:50px}.side-icon{height:40px}.side-foot{margin-top:9px;padding-top:6px}.side-status{height:27px}}

.topbar-actions{position:relative;display:flex;align-items:center;gap:8px;margin-left:auto}.page-topbar{overflow:visible}.landing-nav{overflow:visible}.theme-control{position:relative;z-index:5}.theme-trigger{min-height:42px;display:flex;align-items:center;gap:8px;padding:5px 10px;border:1px solid var(--glass-edge);border-radius:14px;color:var(--muted);background:rgba(255,255,255,.025);cursor:pointer}.theme-trigger:hover,.theme-control.open .theme-trigger{border-color:rgb(var(--theme-rgb)/.27);color:var(--text);background:rgb(var(--theme-rgb)/.06)}.theme-trigger>[data-theme-current]{font-size:.65rem;font-weight:760}.theme-orbit{position:relative;width:24px;height:24px;display:block;border:1px solid rgb(var(--theme-rgb)/.25);border-radius:50%;background:rgb(var(--theme-rgb)/.055)}.theme-orbit i{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--primary);box-shadow:0 0 7px rgb(var(--theme-rgb)/.45)}.theme-orbit i:nth-child(1){left:4px;top:9px}.theme-orbit i:nth-child(2){right:4px;top:5px}.theme-orbit i:nth-child(3){right:6px;bottom:4px;background:var(--primary-2)}
.theme-popover{position:absolute;z-index:900;right:0;top:calc(100% + 10px);width:min(390px,calc(100vw - 28px));padding:16px;border-radius:20px;box-shadow:0 26px 80px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.12)}.theme-popover[hidden]{display:none}.theme-popover-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:13px}.theme-popover-head b{display:block;margin-top:5px;font-size:.88rem}.theme-popover-head>button{width:31px;height:31px;border:1px solid var(--border);border-radius:10px;color:var(--muted);background:rgba(255,255,255,.035);cursor:pointer}.theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.theme-grid>button{position:relative;min-height:77px;display:grid;grid-template-columns:39px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:9px;border:1px solid rgba(255,255,255,.075);border-radius:14px;color:var(--text);background:rgba(5,6,8,.25);cursor:pointer;text-align:left}.theme-grid>button:hover,.theme-grid>button.active{border-color:rgb(var(--theme-rgb)/.28);background:rgb(var(--theme-rgb)/.065)}.theme-grid>button>span:nth-child(2){display:grid}.theme-grid b{font-size:.7rem}.theme-grid small{margin-top:3px;color:var(--muted-2);font-size:.56rem}.theme-grid em{opacity:0;color:var(--primary);font-style:normal}.theme-grid button.active em{opacity:1}.theme-swatch{position:relative;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#ffd2de,#de608f);box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}.theme-swatch i{position:absolute;right:6px;bottom:6px;width:9px;height:9px;border:2px solid rgba(255,255,255,.65);border-radius:50%}.swatch-midnight{background:linear-gradient(135deg,#b8cbff,#496ad1)}.swatch-aurora{background:linear-gradient(135deg,#8ff0df,#9870ec)}.swatch-ember{background:linear-gradient(135deg,#ffd397,#ed6f64)}.theme-control-floating{position:fixed;z-index:800;right:16px;top:16px}.theme-control-floating .theme-trigger>[data-theme-current]{display:none}

.landing-account-icon,.landing-round-login{display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(255,255,255,.11);color:var(--muted);background:rgba(255,255,255,.045);cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease,transform .2s ease}.landing-account-icon{width:40px;height:40px;padding:0!important;border-radius:13px!important}.landing-round-login{width:44px;height:44px;border-radius:50%}.landing-account-icon svg,.landing-round-login svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.landing-account-icon:hover,.landing-round-login:hover{color:var(--text);border-color:rgb(var(--theme-rgb)/.25);background:rgb(var(--theme-rgb)/.075);transform:translateY(-1px)}.landing-buy{min-width:150px}.landing-hero-actions{align-items:center}

.page-hero-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.install-page{padding-top:18px}.install-hero{min-height:245px;padding:24px 0 30px}.install-hero h1{font-size:clamp(2.8rem,5vw,5rem)}.install-hero-mark{width:min(320px,31vw);display:flex;align-items:center;gap:9px;padding:16px;border:1px solid var(--glass-edge);border-radius:20px;background:rgba(255,255,255,.025)}.install-hero-mark span{width:44px;height:44px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgb(var(--theme-rgb)/.18);border-radius:14px;color:var(--primary);background:rgb(var(--theme-rgb)/.06);font-family:ui-monospace,monospace;font-size:.65rem;font-weight:850}.install-hero-mark i{height:1px;flex:1;background:linear-gradient(90deg,rgb(var(--theme-rgb)/.34),rgb(var(--theme-rgb)/.06))}
.install-layout{display:grid;grid-template-columns:minmax(330px,.72fr) minmax(0,1.28fr);gap:14px;align-items:start}.install-config,.install-guide{padding:22px}.install-config{position:sticky;top:88px}.install-section-head{display:flex;align-items:center;gap:11px}.install-section-head>span{width:33px;height:33px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgb(var(--theme-rgb)/.17);border-radius:10px;color:var(--primary);background:rgb(var(--theme-rgb)/.055);font-family:ui-monospace,monospace;font-size:.58rem;font-weight:850}.install-section-head>div{display:grid}.install-section-head b{font-size:.78rem}.install-section-head small{margin-top:2px;color:var(--muted-2);font-size:.6rem}.install-divider{height:1px;margin:18px 0;background:rgba(255,255,255,.06)}.install-key-list,.app-picker{display:grid;gap:7px;margin-top:12px}.install-key-option,.app-option{width:100%;min-height:62px;display:grid;grid-template-columns:minmax(0,1fr) 20px;align-items:center;gap:10px;padding:9px 11px;border:1px solid rgba(255,255,255,.075);border-radius:14px;color:var(--text);background:rgba(5,6,8,.24);cursor:pointer;text-align:left}.install-key-option>span,.app-option>span:nth-child(2){display:grid;min-width:0}.install-key-option b,.app-option b{overflow:hidden;font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}.install-key-option small,.app-option small{margin-top:3px;color:var(--muted-2);font-size:.58rem}.install-key-option>i,.app-option>i{opacity:0;color:var(--primary);font-style:normal}.install-key-option.active,.app-option.active{border-color:rgb(var(--theme-rgb)/.28);background:rgb(var(--theme-rgb)/.065)}.install-key-option.active>i,.app-option.active>i{opacity:1}.install-key-empty{display:grid;gap:5px;margin-top:12px;padding:13px;border:1px dashed rgba(255,255,255,.11);border-radius:14px}.install-key-empty b{font-size:.72rem}.install-key-empty span{color:var(--muted-2);font-size:.61rem}.install-key-empty a,.install-key-empty button{width:max-content;padding:0;border:0;color:var(--primary);background:none;cursor:pointer;font-size:.64rem;font-weight:750}.install-loading{padding:13px;color:var(--muted-2);font-size:.63rem}.os-picker{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.os-picker button{min-height:66px;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:8px;padding:8px;border:1px solid rgba(255,255,255,.075);border-radius:14px;color:var(--muted);background:rgba(5,6,8,.24);cursor:pointer;text-align:left}.os-picker button>span{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;color:var(--primary);background:rgb(var(--theme-rgb)/.055);font-size:.82rem}.os-picker button b{font-size:.64rem}.os-picker button.active{border-color:rgb(var(--theme-rgb)/.3);color:var(--text);background:rgb(var(--theme-rgb)/.07)}.app-option{grid-template-columns:40px minmax(0,1fr) 20px}.app-logo{width:39px;height:39px;display:grid;place-items:center;border:1px solid rgb(var(--theme-rgb)/.16);border-radius:12px;color:var(--primary);background:rgb(var(--theme-rgb)/.055);font-family:Sora,sans-serif;font-size:.68rem;font-weight:850}.app-option b em{margin-left:5px;padding:2px 5px;border-radius:5px;color:var(--theme-button-text);background:var(--primary);font-size:.47rem;font-style:normal;text-transform:uppercase}
.install-guide{min-height:620px}.guide-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.guide-top h2{margin:7px 0 6px;font-size:clamp(1.55rem,3vw,2.5rem);line-height:1.05}.guide-top p{margin:0;color:var(--muted);font-size:.72rem}.guide-badge{padding:7px 9px;border:1px solid rgb(var(--theme-rgb)/.18);border-radius:9px;color:var(--primary);background:rgb(var(--theme-rgb)/.055);font-family:ui-monospace,monospace;font-size:.57rem;font-weight:850;white-space:nowrap}.selected-key{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 18px;padding:10px 11px 10px 14px;border:1px solid rgba(255,255,255,.075);border-radius:15px;background:rgba(5,6,8,.27)}.selected-key>div{display:grid;min-width:0}.selected-key span{color:var(--muted-2);font-size:.57rem;text-transform:uppercase;letter-spacing:.06em}.selected-key b{margin-top:3px;overflow:hidden;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.selected-key>button{min-height:37px;padding:0 11px;border:1px solid rgb(var(--theme-rgb)/.16);border-radius:10px;color:var(--primary);background:rgb(var(--theme-rgb)/.05);cursor:pointer;font-size:.6rem}.selected-key>button:disabled{opacity:.36;cursor:not-allowed}.guide-steps{display:grid;gap:9px;margin:0;padding:0;list-style:none;counter-reset:none}.guide-steps li{min-height:82px;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:13px;padding:12px;border:1px solid rgba(255,255,255,.065);border-radius:15px;background:rgba(5,6,8,.21)}.guide-steps li>span{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgb(var(--theme-rgb)/.16);border-radius:13px;color:var(--primary);background:rgb(var(--theme-rgb)/.055);font-family:ui-monospace,monospace;font-size:.62rem;font-weight:850}.guide-steps p{margin:0;color:var(--muted);font-size:.73rem;line-height:1.55}.guide-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.guide-help{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;padding-top:18px;border-top:1px solid rgba(255,255,255,.06)}.guide-help>div:first-child{max-width:520px}.guide-help b{font-size:.75rem}.guide-help p{margin:3px 0 0;color:var(--muted-2);font-size:.62rem}.guide-help>div:last-child{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px 13px}.guide-help a{color:var(--primary);font-size:.62rem;font-weight:750;white-space:nowrap}

.key-actions.test-actions{grid-template-columns:1.35fr 1fr}.key-actions.test-actions .install-action{grid-column:auto}.key-actions .btn.secondary{min-width:0}.key-card{content-visibility:auto;contain-intrinsic-size:260px}.page-hero-actions .btn{white-space:nowrap}

@media(max-width:1040px){.install-layout{grid-template-columns:1fr}.install-config{position:static}.install-guide{min-height:0}}
@media(max-width:820px){.topbar-actions{gap:5px}.theme-trigger{width:42px;padding:4px 8px}.theme-trigger>[data-theme-current]{display:none}.theme-popover{position:fixed;right:9px;top:76px}.install-hero{min-height:auto;display:grid;gap:18px}.install-hero-mark{width:100%;max-width:360px}.install-page{padding-top:8px}.page-hero-actions{width:100%;justify-content:stretch}.page-hero-actions .btn{flex:1}.landing-nav .theme-trigger{width:38px;min-height:38px;border-radius:12px}.landing-nav .theme-orbit{width:22px;height:22px}}
@media(max-width:560px){.theme-grid{grid-template-columns:1fr}.theme-popover{width:calc(100vw - 18px)}.landing-hero-actions{width:min(330px,100%)}.landing-hero-actions .landing-buy{width:calc(100% - 54px)}.landing-round-login{width:44px}.landing-hero-actions>.btn.secondary{width:100%}.install-config,.install-guide{padding:16px}.os-picker{grid-template-columns:1fr 1fr}.guide-top{display:grid}.selected-key{align-items:flex-start}.selected-key>button{flex:0 0 auto}.guide-actions{display:grid}.guide-actions .btn{width:100%}.guide-help{display:grid}.guide-help>div:last-child{justify-content:flex-start}.key-actions,.key-actions.test-actions{grid-template-columns:1fr}.key-actions .install-action{grid-column:auto}.key-actions .more{display:none}.key-actions .btn.secondary{display:flex}}

/* ============================================================
   V19 — adaptive brand, compact chrome and animated controls
   ============================================================ */
.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}

.brand-mark{position:relative;font-size:0!important}
.brand-mark::before{
  content:"";position:absolute;inset:7px;background:var(--primary);
  -webkit-mask:url('/static/artemida-mark-v19.png') center/contain no-repeat;
  mask:url('/static/artemida-mark-v19.png') center/contain no-repeat;
  filter:drop-shadow(0 0 8px rgb(var(--theme-rgb)/.22));
  transition:background-color .34s ease,filter .34s ease,transform .2s ease;
}
.side-brand:hover .brand-mark::before,.mobile-brand:hover .brand-mark::before,.landing-logo:hover .brand-mark::before{transform:scale(1.045);filter:drop-shadow(0 0 12px rgb(var(--theme-rgb)/.34))}
.mobile-brand{color:var(--text);text-decoration:none}
.handoff-mark.brand-mark{display:block}.handoff-mark.brand-mark::before{inset:10px}

html body,
html body::before,
html .page-topbar,
html .sidebar,
html .landing-nav,
html .glass-card,
html .glass-panel,
html .glass-mini,
html .faq-item,
html .background-glow{
  transition-property:background-color,background,border-color,box-shadow,color,opacity;
  transition-duration:.34s;
  transition-timing-function:cubic-bezier(.2,.75,.2,1);
}

@media(min-width:821px){
  .page-topbar{width:min(720px,calc(100% - 28px));margin:12px auto 0;padding-inline:16px}
}
.landing-shell{grid-template-rows:auto minmax(0,1fr)}
.landing-cabinet[aria-disabled="true"]{color:var(--muted);background:rgba(255,255,255,.025);border-color:rgba(255,255,255,.09)}

.topbar-actions{gap:7px}.theme-control{z-index:5}
.theme-trigger{
  width:42px;height:42px;min-height:42px;display:grid;place-items:center;padding:0;border-radius:14px;
  transition:color .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease;
}
.theme-moon{width:21px;height:21px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s cubic-bezier(.2,.8,.2,1),filter .3s ease}
.theme-moon circle{fill:var(--primary);stroke:none;filter:drop-shadow(0 0 5px rgb(var(--theme-rgb)/.48))}
.theme-control.open .theme-trigger{color:var(--primary);box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 0 20px rgb(var(--theme-rgb)/.08)}
.theme-control.shown .theme-moon{transform:rotate(-15deg) scale(1.06);filter:drop-shadow(0 0 7px rgb(var(--theme-rgb)/.28))}

.theme-popover{
  position:fixed!important;z-index:1100;right:auto!important;width:min(390px,calc(100vw - 18px));padding:16px;
  opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-9px) scale(.965);transform-origin:top right;
  border:1px solid rgb(var(--theme-rgb)/.19);border-radius:20px;
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgb(var(--theme-rgb)/.025)),rgba(9,9,12,.58)!important;
  -webkit-backdrop-filter:blur(18px) saturate(150%)!important;backdrop-filter:blur(18px) saturate(150%)!important;
  box-shadow:0 26px 82px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.14),0 0 0 1px rgb(var(--theme-rgb)/.025);
  isolation:isolate;will-change:opacity,transform;
  transition:opacity .18s ease,transform .22s cubic-bezier(.2,.82,.2,1),visibility .22s linear,border-color .34s ease,background .34s ease;
}
.theme-popover::before,.theme-popover::after{display:none!important}
.theme-popover.open{visibility:visible}.theme-popover.shown{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.theme-popover[hidden]{display:none!important}
.theme-popover-head>button{transition:color .18s ease,border-color .18s ease,background .18s ease,transform .18s ease}
.theme-popover-head>button:hover{color:var(--text);border-color:rgb(var(--theme-rgb)/.24);background:rgb(var(--theme-rgb)/.07);transform:rotate(4deg)}
.theme-grid>button{
  overflow:hidden;background:rgba(4,5,7,.27);transform:translateZ(0);
  transition:border-color .2s ease,background .24s ease,box-shadow .24s ease,scale .18s ease;
}
.theme-grid>button::after{content:"";position:absolute;inset:auto 10px 0;height:1px;background:linear-gradient(90deg,transparent,rgb(var(--theme-rgb)/.34),transparent);opacity:0;transform:scaleX(.45);transition:opacity .2s ease,transform .25s ease}
.theme-grid>button:hover{scale:1.012}.theme-grid>button.active{box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 24px rgb(var(--theme-rgb)/.06)}
.theme-grid>button.active::after{opacity:1;transform:scaleX(1)}.theme-grid>button.picked{scale:.975}
.theme-grid em{transform:scale(.45) rotate(-18deg);transition:opacity .18s ease,transform .25s cubic-bezier(.2,.85,.2,1)}
.theme-grid button.active em{opacity:1;transform:none}

.os-picker button,.app-option,.install-key-option{
  transition:color .2s ease,border-color .22s ease,background .24s ease,box-shadow .24s ease,scale .18s ease;
}
.os-picker button:last-child{grid-column:1/-1}
.os-picker button:hover,.app-option:hover,.install-key-option:hover{border-color:rgb(var(--theme-rgb)/.22);background:rgb(var(--theme-rgb)/.045)}
.os-picker button.active,.app-option.active,.install-key-option.active{box-shadow:inset 0 1px 0 rgba(255,255,255,.075),0 8px 25px rgb(var(--theme-rgb)/.055)}
.app-option>i,.install-key-option>i{transform:scale(.45);transition:opacity .17s ease,transform .23s cubic-bezier(.2,.84,.2,1)}
.app-option.active>i,.install-key-option.active>i{transform:none}
.install-guide.is-changing>*,.faq-list.tab-switching .faq-item:not([hidden]) .faq-question{animation:tab-content-in .24s cubic-bezier(.2,.78,.2,1) both}
.install-guide.is-changing>*:nth-child(2){animation-delay:.025s}.install-guide.is-changing>*:nth-child(3){animation-delay:.045s}.install-guide.is-changing>*:nth-child(4){animation-delay:.065s}
@keyframes tab-content-in{from{opacity:.2;transform:translateY(5px)}to{opacity:1;transform:none}}

.chips button{position:relative;overflow:hidden;transition:color .2s ease,border-color .2s ease,background .24s ease,box-shadow .24s ease}
.chips button::after{content:"";position:absolute;left:16%;right:16%;bottom:3px;height:2px;border-radius:3px;background:currentColor;opacity:0;transform:scaleX(.35);transition:opacity .2s ease,transform .24s ease}
.chips button.active::after{opacity:.5;transform:scaleX(1)}
.auth-tabs button{transition:color .2s ease,background .24s ease,box-shadow .24s ease,transform .18s ease}.auth-tabs button:active{transform:scale(.985)}

body.page-leaving::after{visibility:visible;animation:page-curtain-in .165s cubic-bezier(.65,0,.35,1) both}
@keyframes page-curtain-in{from{opacity:0;clip-path:inset(100% 0 0 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}

@media(max-width:820px){
  .page-topbar{width:auto;margin:8px 8px 0}.theme-trigger{width:39px;height:39px;min-height:39px}.theme-moon{width:20px;height:20px}
  .os-picker{grid-template-columns:1fr 1fr}
}
@media(prefers-reduced-motion:reduce){
  .theme-popover,.theme-moon,.theme-grid>button,.theme-grid em,.os-picker button,.app-option,.install-key-option{transition-duration:.01ms!important}
  .install-guide.is-changing>*,.faq-list.tab-switching .faq-item:not([hidden]) .faq-question,body.page-leaving::after{animation-duration:.01ms!important}
}


/* ============================================================
   V20 — subscription links, restored configurator motion, extra themes
   ============================================================ */
html[data-theme="obsidian"]{
  --bg:#020304;--bg-deep:#000;--surface-solid:#080a0f;
  --primary:#c4d0e6;--primary-2:#6e86b5;
  --primary-soft:rgb(196 208 230/.1);--primary-strong:rgb(196 208 230/.24);
  --border:rgb(199 211 232/.12);--border-strong:rgb(199 211 232/.25);
  --theme-rgb:196 208 230;--theme-rgb-2:110 134 181;
  --theme-base:#020304;--theme-deep:#000;
  --theme-button-start:#e5ebf5;--theme-button-end:#879bc0;--theme-button-text:#070a10
}
html[data-theme="ultraviolet"]{
  --bg:#050309;--bg-deep:#010103;--surface-solid:#100b18;
  --primary:#c5a3ff;--primary-2:#7752ff;
  --primary-soft:rgb(197 163 255/.11);--primary-strong:rgb(197 163 255/.26);
  --border:rgb(200 175 255/.13);--border-strong:rgb(200 175 255/.27);
  --theme-rgb:197 163 255;--theme-rgb-2:119 82 255;
  --theme-base:#050309;--theme-deep:#010103;
  --theme-button-start:#decaff;--theme-button-end:#8d6aff;--theme-button-text:#110925
}
.swatch-obsidian{background:linear-gradient(135deg,#e2e7f0 0 28%,#161a22 29% 68%,#010203 69%)}
.swatch-ultraviolet{background:linear-gradient(135deg,#d6baff,#7f5aff 50%,#120821)}
html[data-theme="obsidian"] body{background:radial-gradient(circle at 16% 18%,rgba(196,208,230,.038),transparent 25rem),radial-gradient(circle at 88% 74%,rgba(110,134,181,.032),transparent 30rem),linear-gradient(180deg,#07080a 0%,#020304 48%,#000 100%)}
html[data-theme="obsidian"] .landing-grid{background:radial-gradient(circle at center,transparent 0 25%,rgba(0,0,0,.52) 70%,#000 100%),linear-gradient(to right,rgba(255,255,255,.019) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.019) 1px,transparent 1px);background-size:auto,72px 72px,72px 72px}

/* Device selector is interactive again: click/keyboard/dots + visible motion. */
.device-range{cursor:pointer;outline:none}
.device-range:focus-visible{border-radius:12px;box-shadow:0 0 0 3px rgb(var(--theme-rgb)/.07)}
.range-fill{max-width:calc(100% - 10px);overflow:visible;transition:width .34s cubic-bezier(.2,.82,.2,1),filter .25s ease}
.range-fill::after{content:"";position:absolute;right:-4px;top:50%;width:11px;height:11px;translate:0 -50%;border:2px solid rgba(255,255,255,.68);border-radius:50%;background:var(--primary);box-shadow:0 0 0 5px rgb(var(--theme-rgb)/.08),0 0 19px rgb(var(--theme-rgb)/.36);transition:transform .24s cubic-bezier(.2,.82,.2,1)}
.range-dots{pointer-events:none}
.range-dot{width:13px;height:13px;padding:0;border:0;border-radius:50%;pointer-events:auto;cursor:pointer;background:transparent;position:relative}
.range-dot::before{content:"";position:absolute;left:50%;top:50%;width:6px;height:6px;translate:-50% -50%;border:1px solid rgba(255,255,255,.11);border-radius:50%;background:#343337;transition:width .2s ease,height .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease}
.range-dot.active::before{background:var(--primary);box-shadow:0 0 9px rgb(var(--theme-rgb)/.3)}
.range-dot.current::before{width:9px;height:9px;box-shadow:0 0 0 4px rgb(var(--theme-rgb)/.08),0 0 14px rgb(var(--theme-rgb)/.42);animation:device-dot-pop .34s cubic-bezier(.2,.9,.2,1)}
.stepper strong.count-pop{animation:count-pop .34s cubic-bezier(.18,.86,.2,1)}
.price-line b.price-pop{animation:price-pop .38s cubic-bezier(.18,.86,.2,1)}
.period-card.active{animation:period-selected .3s cubic-bezier(.18,.86,.2,1)}
@keyframes device-dot-pop{0%{transform:scale(.55)}65%{transform:scale(1.32)}100%{transform:none}}
@keyframes count-pop{0%{transform:translateY(5px) scale(.8);opacity:.35}65%{transform:translateY(-2px) scale(1.12);opacity:1}100%{transform:none}}
@keyframes price-pop{0%{transform:translateY(8px);opacity:.45;filter:blur(3px)}100%{transform:none;opacity:1;filter:none}}
@keyframes period-selected{0%{transform:scale(.965)}65%{transform:scale(1.018)}100%{transform:none}}

/* Key/subscription cards: no overlap, copy lives inside the link block. */
.key-card{min-width:0;overflow:hidden}
.key-card-main,.key-name-copy,.key-top,.key-name,.key-secret,.key-secret code{min-width:0}
.key-name-copy{flex:1}
.key-name h3{max-width:none;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;overflow-wrap:anywhere;line-height:1.2}
.status-pill{flex:0 0 auto}
.key-metrics>div{min-width:0}.key-metrics b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.key-secret.subscription-link-box{gap:8px;padding:10px 10px 10px 12px}
.key-secret-head{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}
.key-copy-icon,.subscription-copy-icon{
  width:35px;height:35px;display:grid;place-items:center;flex:0 0 auto;padding:0;
  border:1px solid rgb(var(--theme-rgb)/.17);border-radius:10px;color:var(--primary);
  background:rgb(var(--theme-rgb)/.045);cursor:pointer;
  transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease
}
.key-copy-icon svg,.subscription-copy-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.key-copy-icon:hover,.subscription-copy-icon:hover{transform:translateY(-1px);border-color:rgb(var(--theme-rgb)/.3);background:rgb(var(--theme-rgb)/.09);box-shadow:0 8px 22px rgb(var(--theme-rgb)/.08)}
.key-copy-icon.copied,.subscription-copy-icon.copied{animation:copy-pop .38s cubic-bezier(.2,.86,.2,1);background:rgb(var(--theme-rgb)/.14)}
@keyframes copy-pop{0%{transform:scale(.78)}55%{transform:scale(1.12)}100%{transform:none}}
.key-secret code{max-height:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;overflow-wrap:normal}
.key-secret.empty-link code{color:var(--muted-2);font-style:italic}
.key-actions{grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr) 44px}
.key-actions.test-actions{grid-template-columns:minmax(0,1fr)}
.key-actions.test-actions .install-action{grid-column:auto}
.key-actions .btn{min-width:0}
@media(max-width:620px){
  .key-top{align-items:flex-start;gap:9px}
  .key-logo{width:42px;height:42px;border-radius:13px}
  .key-name h3{font-size:.86rem}
  .key-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
  .key-actions:not(.test-actions){grid-template-columns:minmax(0,1fr) minmax(0,.82fr) 42px}
  .key-actions .btn.secondary{display:flex}
  .key-actions .more{display:block}
}

/* Installation page now mirrors the subscription-page flow. */
.app-picker{grid-template-columns:repeat(2,minmax(0,1fr))}
.app-option{min-width:0}
.app-logo{font-size:.6rem}
.subscription-selected{align-items:center}
.subscription-selected>div{flex:1;min-width:0}
.subscription-selected code{display:block;max-width:100%;margin-top:5px;overflow:hidden;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.61rem;text-overflow:ellipsis;white-space:nowrap}
.subscription-copy-icon:disabled{opacity:.35;cursor:not-allowed;transform:none;box-shadow:none}
.guide-actions{display:grid;gap:9px}
.guide-downloads{display:flex;flex-wrap:wrap;gap:8px}
.guide-downloads .btn{min-width:190px;justify-content:center}
.add-subscription{width:max-content}
.add-subscription[aria-disabled="true"]{opacity:.42;cursor:not-allowed;pointer-events:auto}
.app-logo-incy{color:#70e8f4}.app-logo-happ{color:#e9edf5}.app-logo-clashmi{color:#c6a8ff}.app-logo-flclashx{color:#aeb6c7}
@media(max-width:560px){
  .app-picker{grid-template-columns:1fr}
  .os-picker{grid-template-columns:1fr 1fr}
  .guide-downloads{display:grid}
  .guide-downloads .btn,.add-subscription{width:100%;min-width:0}
  .subscription-selected{align-items:center}
}
@media(prefers-reduced-motion:reduce){
  .range-dot.current::before,.stepper strong.count-pop,.price-line b.price-pop,.period-card.active,.key-copy-icon.copied,.subscription-copy-icon.copied{animation:none!important}
}

/* V21: mobile alignment, purchase-before-cabinet flow, profile settings, sidebar motion. */
.profile-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:14px 0 8px}
.profile-setting{min-width:0;display:grid;gap:5px;align-content:start;padding:14px;text-align:left}
.profile-setting b{font-size:.77rem;line-height:1.25}
.profile-setting span{color:var(--muted-2);font-size:.64rem;line-height:1.45}
.profile-summary{margin-top:14px}
.password-settings-form{margin-top:5px}
.purchase-complete-copy{margin:10px 0 0;color:var(--muted);font-size:.73rem;line-height:1.55}
.compact-credentials{margin:15px 0}

/* The pricing page is public. Cabinet chrome is revealed only when bootstrap returns an active account. */
body[data-page="subscription"].account-pending .sidebar,
body[data-page="subscription"].account-pending .mobile-nav,
body[data-page="subscription"].account-pending .cabinet-card,
body[data-page="subscription"].is-guest .sidebar,
body[data-page="subscription"].is-guest .mobile-nav,
body[data-page="subscription"].is-guest .cabinet-card{display:none!important}
body[data-page="subscription"].account-pending .app-content,
body[data-page="subscription"].is-guest .app-content{margin-left:0!important}
body[data-page="subscription"].account-pending .hero-layout,
body[data-page="subscription"].is-guest .hero-layout{grid-template-columns:minmax(0,1fr);max-width:1080px;margin-inline:auto}
body[data-page="subscription"].account-pending .page-wrap,
body[data-page="subscription"].is-guest .page-wrap{max-width:1180px}

/* Final transition wins over the broad theme transition declared above. */
@media(min-width:821px) and (hover:hover) and (pointer:fine){
  html .sidebar{transition:width .34s cubic-bezier(.2,.82,.2,1),border-color .25s ease,box-shadow .25s ease,background-color .34s ease,background .34s ease!important;will-change:width}
  html .sidebar .side-copy{transition:opacity .23s ease .045s,transform .31s cubic-bezier(.2,.82,.2,1)!important}
}

@media(max-width:820px){
  :root{--mobile-gutter:10px}
  html,body{width:100%;max-width:100%;overflow-x:clip}
  .app-content{width:100%;min-width:0;margin-left:0!important}
  .page-wrap{width:100%;max-width:100%;margin-inline:0;padding-left:var(--mobile-gutter);padding-right:var(--mobile-gutter)}
  .page-topbar{width:auto;max-width:none;margin-left:var(--mobile-gutter);margin-right:var(--mobile-gutter)}
  .mobile-nav{left:var(--mobile-gutter);right:var(--mobile-gutter)}
  .hero-layout,.tariff-layout,.feature-row,.support-strip,.section-block{width:100%;min-width:0}
  .glass-card{max-width:100%}
  .landing-nav-actions .landing-login{display:grid}
  body[data-page="subscription"].account-pending .page-wrap,
  body[data-page="subscription"].is-guest .page-wrap{padding-bottom:36px}
}
@media(max-width:560px){
  .profile-settings{grid-template-columns:1fr}
}
@media(max-width:520px){
  .hero-card{padding:25px 20px}
  .hero-card h1{font-size:clamp(2.35rem,10.8vw,3.25rem)}
}


/* ============================================================
   V22 — cleanup for mobile topbar, richer slider motion, cleaner install icons
   ============================================================ */
.page-topbar,.mobile-nav{background-clip:padding-box}
.page-topbar::before,.page-topbar::after,.mobile-nav::before,.mobile-nav::after,.install-hero-mark i::before,.install-hero-mark i::after{content:none!important}
.mobile-brand{align-items:center;gap:10px}
.mobile-brand>span:last-child{display:grid;gap:3px;line-height:1}
.mobile-brand b{line-height:1}
.mobile-brand small{margin-top:0;letter-spacing:.28em;text-indent:.28em}

@media(max-width:820px){
  body::before,body::after{opacity:0!important}
  .page-topbar{border-bottom-color:transparent!important;background:linear-gradient(145deg,rgba(15,15,18,.88),rgba(9,10,12,.78))!important;box-shadow:0 12px 28px rgba(0,0,0,.18)}
  .mobile-brand .brand-logo{margin-left:1px}
}

.device-range{position:relative;isolation:isolate;overflow:visible}
.device-range::before{left:8px;right:8px;top:12px;height:4px;background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.09),rgba(255,255,255,.04));box-shadow:inset 0 0 0 1px rgba(255,255,255,.035)}
.range-fill{top:12px;height:4px;border-radius:999px;background:linear-gradient(90deg,var(--primary),color-mix(in srgb,var(--primary) 58%,white 15%) 52%,var(--primary-2));box-shadow:0 0 14px rgb(var(--theme-rgb)/.32);overflow:visible}
.range-fill::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,transparent,rgba(255,255,255,.58),transparent);opacity:.0;transform:translateX(-135%);animation:range-sheen 4.8s ease-in-out infinite}
.range-fill::after{right:-5px;top:50%;width:14px;height:14px;translate:0 -50%;border:2px solid rgba(255,255,255,.72);background:radial-gradient(circle at 35% 35%,#fff 0 12%,color-mix(in srgb,var(--primary) 72%,white 8%) 28%,var(--primary-2) 100%);box-shadow:0 0 0 6px rgb(var(--theme-rgb)/.08),0 0 20px rgb(var(--theme-rgb)/.42)}
.range-dots{inset:0 4px}
.range-dot::before{border-color:rgba(255,255,255,.09);background:#2e2d32}
.device-range.range-spark .range-fill::after{animation:range-orb-bounce .48s cubic-bezier(.2,.9,.2,1)}
.device-range.range-spark .range-fill::before{animation:range-sheen-burst .54s cubic-bezier(.2,.9,.2,1)}
@keyframes range-sheen{0%,78%,100%{opacity:0;transform:translateX(-135%)}22%,38%{opacity:.46}46%{opacity:0;transform:translateX(145%)}}
@keyframes range-orb-bounce{0%{transform:translateY(-50%) scale(.72)}52%{transform:translateY(-50%) scale(1.18)}100%{transform:translateY(-50%) scale(1)}}
@keyframes range-sheen-burst{0%{opacity:.05;transform:translateX(-35%)}100%{opacity:0;transform:translateX(150%)}}

.sidebar{position:fixed}
.sidebar::before{content:"";position:absolute;inset:-28% 34% auto -42%;height:190px;background:radial-gradient(circle,rgba(255,255,255,.09),rgba(255,177,196,.06) 28%,transparent 68%);filter:blur(22px);opacity:0;transform:translateX(-18px);transition:opacity .28s ease,transform .38s cubic-bezier(.2,.82,.2,1);pointer-events:none}
.sidebar:hover::before,.sidebar:focus-within::before,.sidebar.is-open::before{opacity:.95;transform:translateX(0)}
@media(min-width:821px) and (hover:hover) and (pointer:fine){
  .side-nav .side-link,.side-foot .side-link,.side-status{transition:transform .32s cubic-bezier(.2,.82,.2,1),opacity .24s ease,background .2s ease,border-color .2s ease,color .2s ease}
  .side-nav .side-link,.side-foot .side-link{opacity:.74;transform:translateX(-8px)}
  .side-status{opacity:.66;transform:translateX(-6px)}
  .sidebar:hover .side-nav .side-link,.sidebar:focus-within .side-nav .side-link,.sidebar.is-open .side-nav .side-link,.sidebar:hover .side-foot .side-link,.sidebar:focus-within .side-foot .side-link,.sidebar.is-open .side-foot .side-link,.sidebar:hover .side-status,.sidebar:focus-within .side-status,.sidebar.is-open .side-status{opacity:1;transform:none}
  .side-nav .side-link:nth-child(1){transition-delay:.02s}.side-nav .side-link:nth-child(2){transition-delay:.05s}.side-nav .side-link:nth-child(3){transition-delay:.08s}.side-nav .side-link:nth-child(4){transition-delay:.11s}.side-foot .side-link{transition-delay:.14s}.side-status{transition-delay:.17s}
}

.os-picker button{align-items:center;gap:12px}
.os-picker button>span.os-icon{width:48px;height:48px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(255,255,255,.06);border-radius:15px;color:var(--primary);background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.015));box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.os-picker button.active>span.os-icon{border-color:rgb(var(--theme-rgb)/.24);background:linear-gradient(145deg,rgb(var(--theme-rgb)/.14),rgb(var(--theme-rgb-2)/.05));box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 8px 20px rgb(var(--theme-rgb)/.08)}
.os-picker button>span.os-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.os-picker button[data-os="windows"] .os-icon svg,.os-picker button[data-os="appletv"] .os-icon svg,.os-picker button[data-os="androidtv"] .os-icon svg{width:22px;height:22px}

.app-logo{position:relative;overflow:hidden}
.app-logo>span{position:relative;z-index:1;display:block;line-height:1;font-weight:800}
.app-logo::after{content:"";position:absolute;inset:5px;border-radius:10px;background:linear-gradient(145deg,rgba(255,255,255,.06),transparent 65%);opacity:.65;pointer-events:none}
.app-logo-clashmi>span,.app-logo-flclashx>span{letter-spacing:.04em}
.app-option.active .app-logo{box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 0 0 1px rgb(var(--theme-rgb)/.08),0 12px 22px rgb(var(--theme-rgb)/.08)}

.install-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent)}
.install-hero-mark i{height:2px;border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,.06),rgb(var(--theme-rgb)/.2),rgba(255,255,255,.06));box-shadow:none}


/* ============================================================
   V23 — clearer brand icon, smoother install switching, cleaner keys
   ============================================================ */
.brand-logo{width:50px;height:50px;border-radius:16px}
.mobile-brand .brand-logo{width:44px;height:44px;border-radius:14px}
.brand-mark::before{
  inset:5px;
  background:center/contain no-repeat url('/static/artemida-logo-v35.png');
  -webkit-mask:none;mask:none;
  filter:drop-shadow(0 0 10px rgb(var(--theme-rgb)/.22));
}
.handoff-mark.brand-mark::before{inset:8px}
@media(max-width:820px){
  .page-topbar .brand-logo{width:44px;height:44px}
}

.key-card{padding:22px 22px 20px}
.key-card-main{display:grid;gap:14px}
.key-metrics{margin:12px 0 0}
.key-secret.subscription-link-box{padding:12px 12px 12px 14px;margin-top:2px}
.key-secret code{line-height:1.55}
.key-actions{margin-top:16px;align-items:stretch}
.key-actions .btn,.key-actions .more{align-self:stretch}
@media(max-width:980px){
  .keys-grid{grid-template-columns:1fr}
}

.install-hero-mark{width:auto;max-width:none;display:inline-flex;justify-content:center;gap:18px;padding:14px 20px;background:linear-gradient(145deg,rgba(255,255,255,.03),rgba(255,255,255,.015))}
.install-hero-mark i{display:none!important}
.install-hero-mark span{position:relative;width:52px;height:52px;border-radius:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 22px rgb(var(--theme-rgb)/.06);animation:hero-step-float 5.4s ease-in-out infinite}
.install-hero-mark span:nth-child(1){animation-delay:0s}
.install-hero-mark span:nth-child(3){animation-delay:.16s}
.install-hero-mark span:nth-child(5){animation-delay:.32s}
.install-hero-mark span::after{content:'';position:absolute;inset:auto auto -12px 50%;width:6px;height:6px;border-radius:999px;background:rgb(var(--theme-rgb)/.72);box-shadow:0 0 0 6px rgb(var(--theme-rgb)/.08),0 0 18px rgb(var(--theme-rgb)/.24);transform:translateX(-50%);opacity:.78}
.install-hero-mark.hero-mark-breath span{animation-duration:.85s}
@keyframes hero-step-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}

.os-picker button,.app-option,.install-key-option{transform:translateZ(0)}
.os-picker button.active,.app-option.active,.install-key-option.active{transform:translateY(-1px)}
.selection-burst{animation:selection-burst .4s cubic-bezier(.2,.86,.2,1)}
@keyframes selection-burst{0%{transform:scale(.965);filter:saturate(.9)}55%{transform:scale(1.02);filter:saturate(1.1)}100%{transform:none;filter:none}}
.install-guide.is-changing{animation:guide-shell-swap .28s cubic-bezier(.2,.82,.2,1)}
@keyframes guide-shell-swap{0%{transform:translateY(2px);filter:brightness(.985)}100%{transform:none;filter:none}}

@media(max-width:820px){
  .install-hero-mark{margin-inline:auto}
  .install-hero-mark span{width:48px;height:48px}
  .key-card{padding:18px}
  .key-actions{margin-top:14px}
}


/* ============================================================
   V24 — remove stray 1px artifacts, reliable device slider, cleaner motion
   ============================================================ */
/* The old ambient grids and left glass sheen could read as random 1px rules. */
body::after{display:none!important}
body::before{background:radial-gradient(circle at center,transparent 18%,rgba(5,6,7,.035) 62%,rgba(5,6,7,.22) 100%)!important}
.sidebar::after{display:none!important}
.page-topbar::after,.mobile-nav::after{display:none!important}

.brand-mark::before{
  inset:3px;
  background:center/contain no-repeat url('/static/artemida-logo-v35.png');
  -webkit-mask:none!important;mask:none!important;
  filter:drop-shadow(0 0 9px rgb(var(--theme-rgb)/.22));
}
.mobile-brand .brand-mark::before{inset:2px}

/* Native range owns interaction; custom layer only draws the branded track. */
.device-range{position:relative;height:38px;margin:16px 2px 5px;isolation:isolate;overflow:visible;cursor:pointer}
.device-range::before{content:none!important}
.range-track{position:absolute;inset:0;pointer-events:none}
.range-track::before{content:"";position:absolute;left:8px;right:8px;top:17px;height:4px;border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.10),rgba(255,255,255,.05));box-shadow:inset 0 0 0 1px rgba(255,255,255,.035)}
.range-fill{position:absolute;left:8px;top:17px;height:4px;min-width:0;border-radius:999px;background:linear-gradient(90deg,var(--primary),var(--primary-2));box-shadow:0 0 15px rgb(var(--theme-rgb)/.34);overflow:hidden;transition:width .3s cubic-bezier(.2,.82,.2,1)}
.range-fill::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);transform:translateX(-140%);animation:range-sheen 5.2s ease-in-out infinite}
.range-fill::after{display:none!important}
.range-thumb{position:absolute;z-index:4;top:19px;left:8px;width:16px;height:16px;border:2px solid rgba(255,255,255,.78);border-radius:50%;translate:-50% -50%;background:radial-gradient(circle at 35% 35%,#fff 0 10%,var(--primary) 28%,var(--primary-2) 100%);box-shadow:0 0 0 6px rgb(var(--theme-rgb)/.08),0 0 22px rgb(var(--theme-rgb)/.44);transition:left .3s cubic-bezier(.2,.82,.2,1),transform .2s ease}
.device-range.range-spark .range-thumb{animation:range-thumb-pop .42s cubic-bezier(.2,.9,.2,1)}
@keyframes range-thumb-pop{0%{transform:scale(.72)}55%{transform:scale(1.18)}100%{transform:none}}
.range-dots{position:absolute;z-index:3;inset:0 4px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}
.range-dot{width:18px;height:30px;padding:0;border:0;background:transparent;pointer-events:none}
.range-dot::before{width:6px;height:6px;border:1px solid rgba(255,255,255,.10);background:#313136}
.range-dot.active::before{background:var(--primary);box-shadow:0 0 8px rgb(var(--theme-rgb)/.26)}
.range-dot.current::before{width:7px;height:7px;box-shadow:0 0 0 3px rgb(var(--theme-rgb)/.06)}
.device-range-input{position:absolute;z-index:5;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;-webkit-appearance:none;appearance:none}
.device-range-input:focus-visible{opacity:.001;outline:2px solid var(--primary);outline-offset:4px;border-radius:10px}

/* Stronger but still quick feedback when switching OS/app/subscription. */
.install-guide.is-changing{animation:guide-switch-v24 .34s cubic-bezier(.2,.82,.2,1)}
.install-guide.is-changing>*{animation:guide-item-v24 .34s cubic-bezier(.2,.82,.2,1) both!important}
.install-guide.is-changing>*:nth-child(2){animation-delay:.025s!important}
.install-guide.is-changing>*:nth-child(3){animation-delay:.05s!important}
.install-guide.is-changing>*:nth-child(4){animation-delay:.075s!important}
@keyframes guide-switch-v24{0%{transform:translateY(5px) scale(.995);filter:brightness(.95)}100%{transform:none;filter:none}}
@keyframes guide-item-v24{0%{opacity:.28;transform:translateY(9px);filter:blur(2px)}100%{opacity:1;transform:none;filter:none}}
.selection-burst{animation:selection-burst-v24 .42s cubic-bezier(.2,.9,.2,1)!important}
@keyframes selection-burst-v24{0%{transform:scale(.965)}55%{transform:scale(1.025);box-shadow:0 0 0 4px rgb(var(--theme-rgb)/.05),0 12px 30px rgb(var(--theme-rgb)/.10)}100%{transform:none}}

/* No decorative 01/02/03 hero block. */
.install-hero{grid-template-columns:1fr!important}
.install-hero-mark{display:none!important}

/* Give link text breathing room before the primary action. */
.key-card-main{gap:16px}
.key-secret.subscription-link-box{margin-top:4px;margin-bottom:0;padding:13px 13px 14px 14px}
.key-secret.subscription-link-box code{margin-top:2px;padding-bottom:1px}
.key-actions{margin-top:18px}
@media(max-width:620px){.key-actions{margin-top:16px}}


/* ============================================================
   V25 — compact animated theme switcher
   ============================================================ */
.topbar-actions,.landing-nav-actions{display:flex;align-items:center;gap:8px}
.theme-control{position:relative;z-index:5}
.theme-trigger{
  position:relative;width:42px;height:42px;min-height:42px;padding:0;justify-content:center;
  border-radius:15px;overflow:hidden;isolation:isolate;
  background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 24px rgba(0,0,0,.12);
  transition:transform .24s cubic-bezier(.2,.82,.2,1),border-color .2s ease,background .2s ease,box-shadow .25s ease;
}
.theme-trigger::before{
  content:"";position:absolute;inset:auto; width:28px;height:28px;border-radius:50%;
  background:radial-gradient(circle,rgb(var(--theme-rgb)/.22),transparent 68%);
  filter:blur(4px);opacity:.9;z-index:-1;
}
.theme-trigger:hover,.theme-control.open .theme-trigger{
  transform:translateY(-1px) scale(1.02);border-color:rgb(var(--theme-rgb)/.26);
  background:linear-gradient(145deg,rgb(var(--theme-rgb)/.09),rgba(255,255,255,.03));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 14px 30px rgb(var(--theme-rgb)/.1);
}
.theme-trigger-core{position:relative;display:grid;place-items:center;width:24px;height:24px}
.theme-orbit{position:relative;width:20px;height:20px;border:1px solid rgb(var(--theme-rgb)/.24);border-radius:50%;background:linear-gradient(145deg,rgba(255,255,255,.05),rgb(var(--theme-rgb)/.06));box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.theme-orbit::before{content:"";position:absolute;inset:4px;border:1px dashed rgb(var(--theme-rgb)/.18);border-radius:50%;opacity:.7}
.theme-orbit i{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--primary);box-shadow:0 0 8px rgb(var(--theme-rgb)/.45)}
.theme-orbit i:nth-child(1){left:2px;top:8px;animation:theme-dot-1 4.8s linear infinite}
.theme-orbit i:nth-child(2){right:2px;top:3px;animation:theme-dot-2 4.2s linear infinite}
.theme-orbit i:nth-child(3){right:4px;bottom:2px;background:var(--primary-2);animation:theme-dot-3 5.4s linear infinite}
.theme-chevron{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;stroke:currentColor;stroke-width:1.8;fill:none;opacity:.64;transition:transform .24s cubic-bezier(.2,.82,.2,1),opacity .2s ease}
.theme-control.open .theme-chevron{transform:rotate(180deg);opacity:1}
@keyframes theme-dot-1{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(1px,-2px) scale(1.08)}}
@keyframes theme-dot-2{0%,100%{transform:translate(0,0) scale(.95)}50%{transform:translate(-1px,2px) scale(1.12)}}
@keyframes theme-dot-3{0%,100%{transform:translate(0,0)}50%{transform:translate(-2px,-1px) scale(1.06)}}

.theme-popover{
  width:min(348px,calc(100vw - 24px));padding:14px;border-radius:22px;
  opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px) scale(.96);
  filter:blur(10px);transform-origin:top right;
  transition:opacity .2s ease,transform .28s cubic-bezier(.2,.82,.2,1),filter .28s ease,visibility 0s linear .28s;
}
.theme-popover.open{visibility:visible;display:block!important}
.theme-popover.shown{opacity:1;visibility:visible;pointer-events:auto;transform:none;filter:none;transition-delay:0s}
.theme-popover-head{margin-bottom:12px}
.theme-popover-head>div{display:grid;gap:4px}
.theme-popover-head b{margin:0;font-size:.92rem}
.theme-popover-head small{color:var(--muted-2);font-size:.6rem;line-height:1.45}
.theme-popover-head>button{width:30px;height:30px;border-radius:10px}
.theme-grid{display:grid;grid-template-columns:1fr;gap:8px}
.theme-grid>button{
  min-height:68px;grid-template-columns:42px minmax(0,1fr) 18px;padding:10px 11px;
  border-radius:16px;opacity:0;transform:translateY(10px) scale(.98);
}
.theme-popover.shown .theme-grid>button{animation:theme-item-in .34s cubic-bezier(.2,.82,.2,1) both}
.theme-popover.shown .theme-grid>button:nth-child(1){animation-delay:.02s}
.theme-popover.shown .theme-grid>button:nth-child(2){animation-delay:.05s}
.theme-popover.shown .theme-grid>button:nth-child(3){animation-delay:.08s}
.theme-popover.shown .theme-grid>button:nth-child(4){animation-delay:.11s}
.theme-popover.shown .theme-grid>button:nth-child(5){animation-delay:.14s}
.theme-popover.shown .theme-grid>button:nth-child(6){animation-delay:.17s}
@keyframes theme-item-in{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
.theme-grid>button:hover{scale:1.01;transform:translateY(-1px)}
.theme-grid>button.active{box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 10px 26px rgb(var(--theme-rgb)/.06)}
.theme-grid b{font-size:.72rem}
.theme-grid small{font-size:.58rem;line-height:1.4}
.theme-swatch{width:42px;height:42px;border-radius:13px;overflow:hidden}
.theme-swatch::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.22),transparent 48%);pointer-events:none}
.theme-swatch i{right:7px;bottom:7px}
@media(min-width:760px){.theme-grid{grid-template-columns:1fr 1fr}}
@media(max-width:820px){
  .theme-trigger{width:39px;height:39px;min-height:39px;border-radius:14px}
  .theme-trigger-core{width:22px;height:22px}
  .theme-orbit{width:18px;height:18px}
  .theme-popover{width:min(336px,calc(100vw - 20px));padding:13px}
}
@media(prefers-reduced-motion:reduce){
  .theme-trigger,.theme-popover,.theme-grid>button,.theme-chevron,.theme-orbit i{transition-duration:.01ms!important;animation-duration:.01ms!important}
}


/* ============================================================
   V26 — stabilized install page after accumulated responsive patches
   ============================================================ */
body[data-page="install"] .install-layout{
  grid-template-columns:minmax(360px,440px) minmax(0,1fr);
  gap:18px;
  align-items:start;
}
body[data-page="install"] .install-config,
body[data-page="install"] .install-guide{padding:22px}
body[data-page="install"] .install-config{top:88px}
body[data-page="install"] .install-section-head{margin:0;align-items:center;gap:12px}
body[data-page="install"] .install-section-head>span{width:38px;height:38px;border-radius:12px}
body[data-page="install"] .install-section-head b{font-size:.8rem;line-height:1.25}
body[data-page="install"] .install-section-head small{margin-top:4px;font-size:.61rem;line-height:1.35}
body[data-page="install"] .install-divider{margin:18px 0;height:1px}
body[data-page="install"] .install-key-list,
body[data-page="install"] .os-picker,
body[data-page="install"] .app-picker{margin-top:13px}
body[data-page="install"] .install-key-option{min-height:72px;padding:11px 13px;border-radius:16px}
body[data-page="install"] .os-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
body[data-page="install"] .os-picker button{
  min-width:0;min-height:72px;grid-template-columns:42px minmax(0,1fr);
  gap:10px;padding:10px 11px;border-radius:16px
}
body[data-page="install"] .os-picker button>span.os-icon{width:42px;height:42px;border-radius:13px}
body[data-page="install"] .os-picker button b{min-width:0;font-size:.68rem;line-height:1.25;white-space:normal}
body[data-page="install"] .os-picker button:last-child{grid-column:1/-1}
body[data-page="install"] .app-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
body[data-page="install"] .app-option{
  min-width:0;min-height:76px;grid-template-columns:42px minmax(0,1fr) 18px;
  gap:10px;padding:10px 11px;border-radius:16px
}
body[data-page="install"] .app-logo{width:42px;height:42px;border-radius:13px}
body[data-page="install"] .app-option b{font-size:.7rem;line-height:1.25;white-space:normal}
body[data-page="install"] .app-option small{font-size:.58rem;line-height:1.45}
body[data-page="install"] .app-option>i{justify-self:end}

@media(max-width:1120px){
  body[data-page="install"] .install-layout{grid-template-columns:1fr}
  body[data-page="install"] .install-config{position:relative;top:auto}
}
@media(max-width:720px){
  body[data-page="install"] .install-page{padding-top:10px}
  body[data-page="install"] .install-config,
  body[data-page="install"] .install-guide{padding:16px}
  body[data-page="install"] .install-section-head>span{width:36px;height:36px}
  body[data-page="install"] .install-divider{margin:16px 0}
  body[data-page="install"] .os-picker,
  body[data-page="install"] .app-picker{gap:8px}
  body[data-page="install"] .os-picker button{min-height:68px;padding:9px 10px}
  body[data-page="install"] .app-option{min-height:72px;padding:9px 10px}
}
@media(max-width:430px){
  body[data-page="install"] .os-picker,
  body[data-page="install"] .app-picker{grid-template-columns:1fr}
  body[data-page="install"] .os-picker button:last-child{grid-column:auto}
}


/* ============================================================
   V27 — restore original brand mark, smoother theme picker, cleaner install app icons
   ============================================================ */
body::before,body::after{display:none!important}
.brand-logo{width:50px;height:50px;border-radius:16px}
.mobile-brand .brand-logo{width:44px;height:44px;border-radius:14px}
.brand-mark::before,.handoff-mark.brand-mark::before{
  background:center/contain no-repeat url('/static/artemida-logo-v35.png')!important;
  -webkit-mask:none!important;mask:none!important;
  inset:4px!important;
  filter:drop-shadow(0 0 11px rgb(var(--theme-rgb)/.20));
}
.mobile-brand .brand-mark::before{inset:3px!important}

html,body,.glass-panel,.glass-card,.glass-mini,.btn,.period-card,.side-link,.side-icon,.account-button,.theme-trigger,.theme-popover,.theme-grid>button,.os-picker button,.app-option,.install-key-option,.selected-key,.guide-steps li,.guide-steps li>span{
  transition:background-color .34s cubic-bezier(.2,.82,.2,1),background .34s cubic-bezier(.2,.82,.2,1),border-color .34s cubic-bezier(.2,.82,.2,1),box-shadow .34s cubic-bezier(.2,.82,.2,1),color .28s ease,transform .26s cubic-bezier(.2,.82,.2,1),filter .28s ease;
}
.theme-control{position:relative;z-index:8;isolation:isolate}
.topbar-actions,.landing-nav-actions{display:flex;align-items:center;gap:10px}
.theme-trigger{position:relative;width:42px;height:42px;min-height:42px;padding:0;border-radius:15px;display:grid;place-items:center;justify-content:center;overflow:visible}
.theme-trigger::before{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.16),transparent 55%),linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.02));opacity:.95;pointer-events:none}
.theme-trigger-core{position:relative;display:grid;place-items:center;width:22px;height:22px}
.theme-moon{width:22px;height:22px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px rgb(var(--theme-rgb)/.18));transform-origin:50% 50%}
.theme-moon circle:last-child{opacity:.72}
.theme-chevron{position:absolute;right:-2px;bottom:-3px;width:14px;height:14px;padding:2px;border-radius:999px;background:rgba(10,10,14,.9);stroke:currentColor;stroke-width:1.5;fill:none;box-shadow:0 0 0 1px rgba(255,255,255,.10)}
.theme-trigger:hover,.theme-control.open .theme-trigger{color:var(--primary);border-color:rgb(var(--theme-rgb)/.26);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 10px 26px rgba(0,0,0,.20),0 0 16px rgb(var(--theme-rgb)/.08)}
.theme-trigger:hover .theme-moon,.theme-control.shown .theme-moon{transform:rotate(-16deg) scale(1.04);filter:drop-shadow(0 0 12px rgb(var(--theme-rgb)/.28))}
.theme-control.shown .theme-chevron{transform:rotate(180deg)}
.theme-popover{transform-origin:top right;transform:translateY(12px) scale(.96);opacity:0;filter:blur(5px)}
.theme-popover.open{visibility:visible;display:block!important}
.theme-popover.shown{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);filter:none;transition:opacity .24s ease,transform .28s cubic-bezier(.18,.84,.22,1),filter .22s ease}
.theme-popover-head{margin-bottom:10px}
.theme-popover-head small{font-size:.57rem;line-height:1.35;letter-spacing:.02em}
.theme-grid{gap:8px}
.theme-grid>button{min-height:74px;padding:10px 12px;border-radius:18px;display:grid;grid-template-columns:48px minmax(0,1fr) 16px;align-items:center;gap:10px}
.theme-grid>button>span:last-of-type{display:grid;gap:2px;min-width:0}
.theme-grid b{font-size:.84rem;line-height:1.15}
.theme-grid small{font-size:.54rem;line-height:1.22;opacity:.88;max-width:11ch}
.theme-grid em{font-size:.9rem}
.theme-grid>button.active{box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 14px 32px rgba(0,0,0,.18),0 0 0 1px rgb(var(--theme-rgb)/.08)}
.theme-grid>button.picked{transform:translateY(-1px) scale(1.01)}
@keyframes theme-item-out{0%{opacity:1;transform:none}100%{opacity:0;transform:translateY(6px) scale(.98)}}
.theme-control.closing .theme-popover{animation:theme-item-out .18s ease both}

.range-track::before{left:10px;right:10px}
.range-fill{left:10px;top:17px;height:4px;transition:width .28s cubic-bezier(.2,.82,.2,1)}
.range-thumb{top:19px;width:18px;height:18px;box-shadow:0 0 0 7px rgb(var(--theme-rgb)/.08),0 0 22px rgb(var(--theme-rgb)/.36);transition:left .28s cubic-bezier(.2,.82,.2,1),transform .18s ease}
.range-dots{inset:0 6px}
.range-dot::before{width:6px;height:6px;border:1px solid rgba(255,255,255,.12);background:#2f2f36}
.range-dot.current::before{width:7px;height:7px;box-shadow:0 0 0 3px rgb(var(--theme-rgb)/.07),0 0 12px rgb(var(--theme-rgb)/.20)}

.app-option{grid-template-columns:48px minmax(0,1fr) 20px;align-items:center;gap:12px;padding:10px 12px}
.app-logo{width:44px;height:44px;border-radius:14px;padding:0;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 20px rgba(0,0,0,.12)}
.app-logo::after{display:none!important}
.app-logo img{width:100%;height:100%;display:block;object-fit:cover}
.app-option>span:nth-child(2){gap:2px;align-self:start;padding-top:1px}
.app-option b{display:flex;align-items:center;gap:6px;font-size:.76rem;line-height:1.15;white-space:normal}
.app-option small{margin-top:0;font-size:.57rem;line-height:1.35;max-width:20ch}
.app-option b em{margin-left:0;padding:2px 6px;border-radius:999px;font-size:.44rem;letter-spacing:.05em}

@media(max-width:820px){
  .theme-trigger{width:40px;height:40px;min-height:40px;border-radius:14px}
  .theme-trigger-core{width:21px;height:21px}
  .theme-popover{top:74px!important;width:min(334px,calc(100vw - 18px));padding:13px}
  .theme-grid>button{min-height:70px}
}
@media(max-width:560px){
  .theme-grid>button{grid-template-columns:46px minmax(0,1fr) 16px;min-height:68px}
  .theme-grid small{font-size:.52rem}
}


/* ============================================================
   V28 — remove stray one-pixel glass highlight rails
   ============================================================ */
/* These pseudo-elements were decorative glass edge highlights.
   On dark themes they read as detached 1px vertical/horizontal bars. */
.glass-panel::before,.glass-panel::after,
.glass-card::before,.glass-card::after,
.glass-mini::before,.glass-mini::after,
.faq-item::before,.faq-item::after,
.faq-start-grid article::before,.faq-start-grid article::after{
  content:none!important;
  display:none!important;
}
/* Keep depth through the actual border/shadow only, so no fake 1px rails appear. */
.glass-panel,.glass-card,.glass-mini,.faq-item,.faq-start-grid article{
  background-clip:padding-box;
}


/* ============================================================
   V29 — smoother theme picker motion and cleaner checkmarks
   ============================================================ */
.theme-wash{position:fixed;inset:0;pointer-events:none;z-index:899;background:radial-gradient(circle at 50% 12%,rgb(var(--theme-rgb)/.10),transparent 38%),linear-gradient(180deg,rgba(255,255,255,.03),transparent 35%);opacity:0;transition:opacity .36s ease}
.theme-wash.active{opacity:1;animation:theme-wash-fade .42s cubic-bezier(.2,.82,.2,1)}
@keyframes theme-wash-fade{0%{opacity:0}28%{opacity:1}100%{opacity:0}}
.theme-popover-backdrop{position:fixed;inset:0;z-index:898;border:0;padding:0;margin:0;background:rgba(6,7,11,.18);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .26s ease}
.theme-popover-backdrop.open{display:block!important}
.theme-popover-backdrop.shown{opacity:1;pointer-events:auto}
.theme-control{z-index:900}
.theme-trigger{overflow:hidden}
.theme-trigger::after{content:'';position:absolute;inset:-40% auto auto -18%;width:28px;height:130%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);transform:rotate(14deg) translateX(-120%);opacity:0;pointer-events:none}
.theme-trigger:hover::after,.theme-control.shown .theme-trigger::after{opacity:.85;animation:theme-trigger-sheen .7s cubic-bezier(.2,.82,.2,1)}
@keyframes theme-trigger-sheen{from{transform:rotate(14deg) translateX(-120%)}to{transform:rotate(14deg) translateX(280%)}}
.theme-chevron{right:-1px;bottom:-1px;width:11px;height:11px;padding:0;background:transparent!important;box-shadow:none!important;opacity:.72}
.theme-control.shown .theme-chevron{transform:rotate(180deg) translateY(-1px);opacity:1}
.theme-popover{transition:opacity .26s ease,transform .28s cubic-bezier(.18,.84,.22,1),filter .24s ease!important;transform-origin:top right}
.theme-popover.open{visibility:visible;display:block!important}
.theme-popover.shown{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)!important;filter:none}
.theme-control.closing .theme-popover{opacity:0;transform:translateY(8px) scale(.975)!important;filter:blur(4px)}
.theme-popover-head small{font-size:.56rem;line-height:1.28}
.theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.theme-popover .theme-grid>button{position:relative;min-height:76px;padding:10px 14px 10px 11px;border-radius:18px;display:grid;grid-template-columns:44px minmax(0,1fr) 22px;align-items:center;gap:12px;text-align:left}
.theme-popover .theme-grid>button::after{display:none!important}
.theme-popover .theme-copy{display:grid;gap:2px;min-width:0}
.theme-popover .theme-grid b{font-size:.82rem;line-height:1.1}
.theme-popover .theme-grid small{font-size:.53rem;line-height:1.18;max-width:10ch;white-space:normal}
.theme-popover .theme-check{display:grid;place-items:center;align-self:center;justify-self:end;width:18px;height:18px;opacity:0;transform:scale(.7);transition:opacity .18s ease,transform .22s cubic-bezier(.2,.82,.2,1)}
.theme-popover .theme-check svg{width:14px;height:14px;fill:none;stroke:var(--primary);stroke-width:2.05;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px rgb(var(--theme-rgb)/.18))}
.theme-popover .theme-grid>button.active .theme-check{opacity:1;transform:none}
.theme-popover .theme-grid>button.picked{transform:translateY(-1px) scale(1.012)}
.theme-popover .theme-grid>button.active{box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 14px 32px rgba(0,0,0,.18),0 0 0 1px rgb(var(--theme-rgb)/.08)}
@media(max-width:560px){.theme-grid{grid-template-columns:1fr 1fr}.theme-popover{width:calc(100vw - 18px)}.theme-popover .theme-grid>button{grid-template-columns:40px minmax(0,1fr) 18px;min-height:72px;padding:9px 11px 9px 10px;gap:10px}.theme-popover .theme-grid b{font-size:.78rem}.theme-popover .theme-grid small{font-size:.5rem;max-width:9ch}}
@media(prefers-reduced-motion:reduce){.theme-wash,.theme-popover,.theme-popover-backdrop,.theme-trigger::after,.theme-check{transition-duration:.01ms!important;animation-duration:.01ms!important}}


/* ============================================================
   V30 — remove chevron from theme trigger icon
   ============================================================ */
.theme-trigger-core{width:24px;height:24px}
.theme-trigger .theme-chevron{display:none!important}
.theme-trigger{justify-content:center;align-items:center}
.theme-trigger .theme-moon{transform:none!important}
.theme-control.shown .theme-moon,.theme-trigger:hover .theme-moon{transform:rotate(-10deg) scale(1.04)!important}


/* ============================================================
   V31 — user logo integration and cleaner app/theme labels
   ============================================================ */
.brand-mark::before,.handoff-mark.brand-mark::before{
  background:center/contain no-repeat url('/static/artemida-logo-v35.png')!important;
  -webkit-mask:none!important;mask:none!important;inset:3px!important;filter:drop-shadow(0 0 12px rgb(var(--theme-rgb)/.16));
}
.brand-logo{width:52px;height:52px;border-radius:16px}
.mobile-brand .brand-logo{width:46px;height:46px;border-radius:15px}
.mobile-brand .brand-mark::before{inset:2px!important}
.theme-popover-head small{display:none!important}
.theme-popover .theme-grid>button{grid-template-columns:44px minmax(0,1fr) 18px!important;padding-right:12px!important}
.theme-popover .theme-grid small{font-size:.49rem!important;max-width:8ch!important}
.theme-popover .theme-check{width:16px!important;height:16px!important}
.theme-popover .theme-check svg{width:12px!important;height:12px!important}
.app-option{grid-template-columns:50px minmax(0,1fr) 20px;gap:12px}
.app-logo{width:46px;height:46px;border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08)}
.app-logo img{object-fit:contain;padding:6px}
.app-option b{font-size:.78rem}
.app-option small{font-size:.58rem;line-height:1.25;opacity:.82}


/* ============================================================
   V32 — theme card checkmark no longer overlaps title
   ============================================================ */
.theme-popover .theme-grid>button{
  grid-template-columns:44px minmax(0,1fr)!important;
  padding:10px 38px 10px 11px!important;
  gap:12px!important;
}
.theme-popover .theme-copy{
  min-width:0;
  padding-right:0!important;
}
.theme-popover .theme-grid b{
  font-size:.8rem!important;
  line-height:1.08!important;
}
.theme-popover .theme-grid small{
  font-size:.5rem!important;
  line-height:1.16!important;
}
.theme-popover .theme-check{
  position:absolute!important;
  right:12px!important;
  top:50%!important;
  transform:translateY(-50%) scale(.72)!important;
  width:14px!important;
  height:14px!important;
  justify-self:auto!important;
  align-self:auto!important;
}
.theme-popover .theme-grid>button.active .theme-check{
  transform:translateY(-50%) scale(1)!important;
}
@media(max-width:560px){
  .theme-popover .theme-grid>button{
    grid-template-columns:40px minmax(0,1fr)!important;
    padding:9px 34px 9px 10px!important;
  }
  .theme-popover .theme-check{right:10px!important}
}

/* ============================================================
   V33 — Telegram profile binding + avatar UI
   ============================================================ */
.account-button .avatar{overflow:hidden;position:relative}
.account-button .avatar.has-photo{padding:0;background:rgba(255,255,255,.04);border:1px solid rgb(var(--theme-rgb)/.22)}
.account-button .avatar img{width:100%;height:100%;display:block;object-fit:cover}
.profile-identity-card{display:flex;align-items:center;gap:13px;margin:14px 0 4px;padding:13px;border:1px solid rgba(255,255,255,.075);border-radius:16px;background:rgba(5,6,8,.22)}
.profile-avatar{width:48px;height:48px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgb(var(--theme-rgb)/.18);border-radius:15px;color:var(--theme-button-text);background:linear-gradient(135deg,var(--theme-button-start),var(--theme-button-end));font-family:Sora,Inter,sans-serif;font-weight:900;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 10px 26px rgb(var(--theme-rgb)/.08)}
.profile-avatar.has-photo{padding:0;background:rgba(255,255,255,.035)}
.profile-avatar img{width:100%;height:100%;display:block;object-fit:cover}
.profile-identity-card>div{display:grid;min-width:0;gap:3px}
.profile-identity-card b{font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profile-identity-card span:not(.profile-avatar){color:var(--muted-2);font-size:.62rem}
.telegram-setting{border-color:rgb(var(--theme-rgb)/.16)}
.telegram-setting b{color:var(--primary)}
.danger-setting{border-color:rgba(255,154,170,.13)}
.danger-setting:hover{border-color:rgba(255,154,170,.28)!important;background:rgba(255,154,170,.055)!important}
.danger-setting b{color:#ff9aaa}
@media(max-width:560px){.profile-identity-card{padding:11px}.profile-avatar{width:44px;height:44px}}
.landing-account-icon.has-photo,.landing-round-login.has-photo{padding:0;overflow:hidden;background:rgba(255,255,255,.04)}
.landing-account-icon.has-photo img,.landing-round-login.has-photo img{width:100%;height:100%;display:block;object-fit:cover;border-radius:inherit}

/* V34 — integrated payments, visible subscription controls and admin metrics */
.admin-stats{margin:14px 0;padding:14px;border:1px solid rgb(var(--theme-rgb)/.17);border-radius:18px;background:linear-gradient(145deg,rgb(var(--theme-rgb)/.055),rgba(5,6,8,.3))}
.admin-stats-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.admin-stats-head>b{font-size:.68rem;color:var(--primary)}
.admin-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.admin-stats-grid>div{min-width:0;display:grid;gap:2px;padding:10px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:rgba(255,255,255,.025)}
.admin-stats-grid span,.admin-stats-grid small{color:var(--muted-2);font-size:.58rem}.admin-stats-grid b{font-family:Sora,Inter,sans-serif;font-size:.9rem;overflow:hidden;text-overflow:ellipsis}
.payment-actions{display:grid;grid-template-columns:1fr 1fr}.key-actions{flex-wrap:wrap}.key-actions [data-key-upgrade]{white-space:nowrap}
@media(max-width:720px){.key-actions .btn{flex:1 1 calc(50% - 8px)}.key-actions .more{flex:0 0 auto}}
@media(max-width:560px){.admin-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-actions{grid-template-columns:1fr}.key-actions [data-key-upgrade]{flex-basis:100%}}
.landing-seo-copy{max-width:650px;margin:18px auto 0;color:var(--muted-2);font-size:clamp(.72rem,1.2vw,.86rem);line-height:1.6;text-align:center}

/* V35 — guardian motion, live network cards, legal hub and admin load chart */
.brand-mark::before,.handoff-mark.brand-mark::before{background:center/contain no-repeat url('/static/artemida-logo-v35.png')!important;inset:2px!important}
.landing-logo>span{background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,74,141,.035))}
.landing-constellation::after,.ambient-dot{display:none!important}
.landing-constellation{aspect-ratio:1.7;display:grid;place-items:center}
.vpn-motion{position:relative;width:min(520px,76vw);height:190px;filter:drop-shadow(0 20px 38px rgba(0,0,0,.24))}
.vpn-orb{position:absolute;left:11%;top:72px;width:35px;height:35px;display:grid;place-items:center;border:1px solid rgb(var(--theme-rgb)/.5);border-radius:50%;color:#fff;background:radial-gradient(circle at 32% 28%,#fff 0 6%,rgb(var(--theme-rgb)) 19%,rgb(var(--theme-rgb-2)) 68%,rgba(255,42,126,.4));box-shadow:0 0 7px #fff,0 0 25px rgb(var(--theme-rgb)/.62);animation:vpn-orb-flight 4.8s cubic-bezier(.42,.04,.2,1) infinite;transform-origin:center;z-index:3}
.vpn-orb i{font-style:normal;font-size:0;transition:font-size .2s}.vpn-orb i::before{content:'✦';font-size:17px;animation:vpn-glyph 4.8s ease-in-out infinite}
.vpn-shield{position:absolute;right:13%;top:43px;width:77px;height:88px;color:rgb(var(--theme-rgb));filter:drop-shadow(0 0 18px rgb(var(--theme-rgb-2)/.28));animation:vpn-shield-hit 4.8s ease-in-out infinite;z-index:2}
.vpn-shield svg{width:100%;height:100%;overflow:visible}.vpn-shield path:first-child{fill:rgb(var(--theme-rgb-2)/.07);stroke:currentColor;stroke-width:2.4}.vpn-shield path:last-child{fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;opacity:.72}
.vpn-impact{position:absolute;right:28%;top:79px;width:18px;height:18px;border:1px solid rgb(var(--theme-rgb)/.65);border-radius:50%;opacity:0;animation:vpn-impact 4.8s ease-out infinite}
@keyframes vpn-orb-flight{0%,7%{left:11%;top:72px;transform:scale(.88) rotate(0);opacity:.15;border-radius:50%}16%{opacity:1}36%{left:48%;top:55px;transform:scale(1.14) rotate(150deg);border-radius:34% 66% 55% 45%}47%{left:65%;top:72px;transform:scale(.82) rotate(270deg);border-radius:20% 62% 25% 58%}51%{left:64%;top:75px;transform:scale(.66,.9) rotate(300deg)}59%{left:56%;top:105px;transform:scale(.78) rotate(390deg);opacity:.85}70%{left:45%;top:138px;transform:scale(.48) rotate(520deg);opacity:0}71%{left:8%;top:72px;opacity:0}100%{left:11%;top:72px;transform:scale(.88) rotate(720deg);opacity:.15}}
@keyframes vpn-glyph{0%,24%,75%,100%{opacity:0;transform:scale(.4) rotate(0)}31%,50%{opacity:1;transform:scale(1) rotate(180deg)}58%{opacity:.2;transform:scale(.55) rotate(260deg)}}
@keyframes vpn-shield-hit{0%,44%,56%,100%{transform:translateX(0) rotate(0)}49%{transform:translateX(5px) rotate(2deg)}52%{transform:translateX(-2px) rotate(-1deg)}}
@keyframes vpn-impact{0%,45%{opacity:0;transform:scale(.2)}49%{opacity:.85;transform:scale(1)}58%{opacity:0;transform:scale(4.3)}}
.network-floats{position:absolute;z-index:5;left:20px;right:20px;bottom:14px;display:grid;grid-template-columns:minmax(0,380px) minmax(0,380px);justify-content:space-between;gap:16px;pointer-events:none}
.network-float{position:relative;border-radius:17px;pointer-events:auto;animation:network-levitate 5.8s ease-in-out infinite}.network-float:nth-child(2){animation-delay:-2.4s}
.network-float summary{min-height:64px;padding:11px 13px;display:grid;grid-template-columns:12px minmax(0,1fr) 20px;align-items:center;gap:10px;cursor:pointer;list-style:none}.network-float summary::-webkit-details-marker,.legal-hub summary::-webkit-details-marker{display:none}.network-float summary>span:nth-child(2){display:grid;gap:3px}.network-float summary small{font-size:.49rem;letter-spacing:.14em;color:var(--muted-2)}.network-float summary b{font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.network-float summary>i{font-style:normal;color:var(--muted-2);transition:transform .24s ease}.network-float[open] summary>i{transform:rotate(180deg)}
.network-pulse{width:9px;height:9px;border-radius:50%;background:#62f3aa;box-shadow:0 0 0 4px rgba(98,243,170,.08),0 0 14px rgba(98,243,170,.42);animation:network-pulse 2.1s ease-in-out infinite}.network-pulse.bypass{background:var(--primary);box-shadow:0 0 0 4px rgb(var(--theme-rgb)/.08),0 0 14px rgb(var(--theme-rgb)/.42)}
.network-float-body{position:absolute;left:0;right:0;bottom:calc(100% + 8px);max-height:min(46vh,390px);padding:12px;display:flex;flex-wrap:wrap;align-content:flex-start;gap:7px;overflow:auto;border:1px solid rgba(255,255,255,.09);border-radius:17px;background:rgba(9,9,13,.94);box-shadow:0 20px 48px rgba(0,0,0,.42);backdrop-filter:blur(22px)}.network-float-body:empty::after{content:'Не удалось получить список';color:var(--muted-2);font-size:.65rem}.network-chip{padding:7px 9px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.035);font-size:.58rem;line-height:1.25}.network-stale{color:#ffc68a}
@keyframes network-levitate{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes network-pulse{0%,100%{transform:scale(.78);opacity:.66}50%{transform:scale(1);opacity:1}}
.legal-hub{position:fixed;right:18px;bottom:18px;z-index:45}.legal-hub summary{min-width:124px;height:48px;padding:0 15px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;list-style:none;border:1px solid rgb(var(--theme-rgb)/.24);border-radius:17px;color:#fff;background:linear-gradient(135deg,rgb(var(--theme-rgb-2)/.88),rgb(var(--theme-rgb)/.52));box-shadow:0 18px 46px rgba(0,0,0,.34),0 0 25px rgb(var(--theme-rgb)/.12);font-size:.65rem}.legal-hub summary span{font-size:1.1rem;line-height:1}.legal-hub nav{position:absolute;right:0;bottom:calc(100% + 9px);width:min(286px,calc(100vw - 24px));padding:7px;display:grid;gap:5px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(8,9,12,.96);box-shadow:0 24px 60px rgba(0,0,0,.5);backdrop-filter:blur(24px);transform-origin:bottom right;animation:hub-open .24s cubic-bezier(.2,.82,.2,1)}.legal-hub nav a{display:grid;gap:2px;padding:10px 11px;border-radius:12px;border:1px solid transparent}.legal-hub nav a:hover{border-color:rgb(var(--theme-rgb)/.18);background:rgb(var(--theme-rgb)/.055)}.legal-hub nav b{font-size:.67rem}.legal-hub nav small{color:var(--muted-2);font-size:.54rem}@keyframes hub-open{from{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:none}}
.legal-page{min-height:100svh;padding:18px}.legal-shell{width:min(980px,100%);margin:0 auto}.legal-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 12px;border-radius:19px}.legal-home{display:flex;align-items:center;gap:10px}.legal-home .brand-mark{width:42px;height:42px;display:block;position:relative}.legal-home b{font-family:Sora,Inter,sans-serif;font-size:.74rem;letter-spacing:.12em}.legal-topbar nav{display:flex;gap:6px}.legal-topbar nav a{padding:9px 11px;border-radius:11px;color:var(--muted);font-size:.6rem}.legal-topbar nav a:hover,.legal-topbar nav a.active{color:#fff;background:rgba(255,255,255,.05)}.legal-hero{padding:68px 10px 34px;max-width:780px}.legal-hero h1{margin:9px 0 13px;font-family:Sora,Inter,sans-serif;font-size:clamp(2rem,6vw,4.5rem);line-height:.98;letter-spacing:-.065em}.legal-hero p{max-width:680px;color:var(--muted);line-height:1.7}.legal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.legal-card{padding:22px;border-radius:20px}.legal-card.wide{grid-column:1/-1}.legal-card h2{margin:0 0 10px;font-family:Sora,Inter,sans-serif;font-size:1rem}.legal-card h3{margin:18px 0 8px;font-size:.78rem}.legal-card p,.legal-card li{color:var(--muted);font-size:.7rem;line-height:1.7}.legal-card ul{margin:8px 0 0;padding-left:18px}.legal-note{padding:13px 15px;border:1px solid rgb(var(--theme-rgb)/.18);border-radius:14px;background:rgb(var(--theme-rgb)/.045);color:var(--muted);font-size:.64rem;line-height:1.6}.legal-updated{margin:24px 0 80px;text-align:center;color:var(--muted-2);font-size:.58rem}.support-steps{counter-reset:support-step;display:grid;grid-template-columns:1fr 1fr;gap:12px}.support-step{position:relative;padding:24px}.support-step::before{counter-increment:support-step;content:'0' counter(support-step);position:absolute;right:18px;top:16px;color:rgb(var(--theme-rgb)/.25);font-family:Sora,sans-serif;font-weight:900;font-size:1.4rem}.support-step h2{padding-right:54px}.support-step .btn{margin-top:13px}.proxy-placeholder[aria-disabled="true"]{opacity:.54;cursor:not-allowed}
.admin-load{margin-top:12px;padding-top:13px;border-top:1px solid rgba(255,255,255,.07)}.admin-load-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.admin-load-head>div:first-child{display:grid;gap:2px}.admin-load-head b{font-size:.7rem}.admin-load-head small{color:var(--muted-2);font-size:.54rem}.metric-tabs{display:flex;gap:4px}.metric-tabs button{padding:6px 8px;border:1px solid rgba(255,255,255,.08);border-radius:9px;color:var(--muted-2);background:rgba(255,255,255,.025);font-size:.52rem}.metric-tabs button.active{color:#fff;border-color:rgb(var(--theme-rgb)/.25);background:rgb(var(--theme-rgb)/.09)}.metric-current{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:8px}.metric-current div{padding:7px;border-radius:10px;background:rgba(255,255,255,.025);display:grid;gap:2px}.metric-current span{font-size:.48rem;color:var(--muted-2)}.metric-current b{font-size:.65rem}.metric-chart-wrap{position:relative;height:170px;border:1px solid rgba(255,255,255,.065);border-radius:13px;background:linear-gradient(180deg,rgb(var(--theme-rgb)/.025),transparent);overflow:hidden}.metric-chart{width:100%;height:100%;display:block}.metric-legend{display:flex;gap:12px;margin-top:7px;color:var(--muted-2);font-size:.5rem}.metric-legend i{display:inline-block;width:7px;height:7px;margin-right:4px;border-radius:50%}.metric-legend .cpu{background:var(--primary)}.metric-legend .ram{background:#63e6ff}.metric-legend .load{background:#ffd166}
@media(max-width:820px){.landing-main{min-height:720px;padding-bottom:166px}.network-floats{grid-template-columns:1fr;left:10px;right:10px;bottom:13px;gap:8px}.network-float{animation:none}.network-float-body{position:relative;bottom:auto;margin:0 8px 8px;max-height:250px}.legal-hub{right:10px;bottom:74px}.legal-topbar nav{display:none}.legal-grid,.support-steps{grid-template-columns:1fr}.metric-current{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:460px){.vpn-motion{width:106vw;height:155px}.vpn-shield{right:15%;top:34px;width:64px;height:75px}.vpn-orb{top:57px;width:30px;height:30px}.network-float summary{min-height:57px}.legal-page{padding:10px}.legal-hero{padding-top:48px}.legal-card{padding:17px}.legal-hub summary{min-width:48px;width:48px;padding:0}.legal-hub summary b{display:none}}
@media(prefers-reduced-motion:reduce){.vpn-orb,.vpn-orb i::before,.vpn-shield,.vpn-impact,.network-float,.network-pulse{animation:none!important}.vpn-orb{left:48%;top:72px;opacity:.8}}

/* V36 — centered guardian, reliable network drawers and custom interface glyphs */
.i-account{--icon:url('/static/icons/account-orbit.svg')}.i-globe-orbit{--icon:url('/static/icons/globe-orbit.svg')}.i-bypass-route{--icon:url('/static/icons/bypass-route.svg')}.i-service-compass{--icon:url('/static/icons/service-compass.svg')}.i-support-spark{--icon:url('/static/icons/support-spark.svg')}.i-terms-scroll{--icon:url('/static/icons/terms-scroll.svg')}.i-privacy-lock{--icon:url('/static/icons/privacy-lock.svg')}.i-faq-search{--icon:url('/static/icons/faq-search.svg')}.i-auto-account{--icon:url('/static/icons/auto-account.svg')}
html[data-theme] .brand-mark{color:rgb(var(--theme-rgb));filter:drop-shadow(0 0 8px rgb(var(--theme-rgb)/.28)) drop-shadow(0 0 22px rgb(var(--theme-rgb-2)/.15))}
.brand-mark::before,.handoff-mark.brand-mark::before{content:"";position:absolute;background:currentColor!important;-webkit-mask:url('/static/artemida-logo-v35.png') center/contain no-repeat;mask:url('/static/artemida-logo-v35.png') center/contain no-repeat;filter:drop-shadow(0 0 10px currentColor);transition:transform .25s ease,filter .25s ease}
.landing-account-icon .ui-icon,.landing-round-login .ui-icon{width:20px;height:20px}.landing-account-icon,.landing-round-login{color:rgb(var(--theme-rgb))}

.landing-main{padding:20px 0 136px;overflow:visible}
.landing-hero{align-self:center}
.landing-hero>.landing-constellation{position:relative;z-index:1;width:min(660px,86vw);height:178px;aspect-ratio:auto;margin:0 auto -8px;opacity:1;transform:translate3d(var(--orbit-x),var(--orbit-y),0);overflow:visible}
.landing-hero>.landing-constellation::before{inset:9% 19%;border-radius:50%;background:radial-gradient(ellipse,rgb(var(--theme-rgb)/.15),rgb(var(--theme-rgb-2)/.04) 43%,transparent 72%);filter:blur(25px)}
.guardian-defense{position:relative;width:100%;height:100%;isolation:isolate}
.guardian-aura{position:absolute;z-index:0;left:50%;top:48%;width:150px;height:150px;border:1px solid rgb(var(--theme-rgb)/.12);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 20px rgb(var(--theme-rgb)/.025),0 0 0 48px rgb(var(--theme-rgb)/.012),0 0 75px rgb(var(--theme-rgb)/.16);animation:guardian-aura 4s ease-in-out infinite}
.guardian-shield{position:absolute;z-index:4;left:50%;top:49%;width:112px;height:124px;transform:translate(-50%,-50%);filter:drop-shadow(0 16px 24px rgba(0,0,0,.34)) drop-shadow(0 0 19px rgb(var(--theme-rgb)/.3));animation:guardian-shield-guard 8s cubic-bezier(.2,.76,.2,1) infinite}
.guardian-shield::before,.guardian-shield::after{content:"";position:absolute;clip-path:polygon(50% 0,92% 16%,88% 60%,72% 82%,50% 100%,28% 82%,12% 60%,8% 16%)}
.guardian-shield::before{inset:0;background:linear-gradient(145deg,rgb(var(--theme-rgb)/.88),rgb(var(--theme-rgb-2)/.31) 44%,rgb(var(--theme-rgb)/.75));box-shadow:inset 0 1px 0 rgba(255,255,255,.55)}
.guardian-shield::after{inset:3px;background:linear-gradient(150deg,rgba(24,23,29,.96),rgba(7,8,11,.9));box-shadow:inset 0 0 30px rgb(var(--theme-rgb)/.12)}
.guardian-logo{position:absolute;z-index:3;inset:25px 22px 29px;color:rgb(var(--theme-rgb));background:currentColor;-webkit-mask:url('/static/artemida-logo-v35.png') center/contain no-repeat;mask:url('/static/artemida-logo-v35.png') center/contain no-repeat;filter:drop-shadow(0 0 8px rgb(var(--theme-rgb)/.72)) drop-shadow(0 0 22px rgb(var(--theme-rgb-2)/.42));animation:guardian-logo-glow 2.8s ease-in-out infinite}
.guardian-threat{position:absolute;z-index:3;left:50%;top:49%;display:grid;place-items:center;color:#ff7e9f;opacity:0;will-change:transform,opacity;filter:drop-shadow(0 0 7px rgba(255,89,131,.72)) drop-shadow(0 0 18px rgba(255,67,115,.28))}
.guardian-threat svg{width:100%;height:100%;overflow:visible;fill:currentColor;stroke:rgba(255,245,248,.72);stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.guardian-threat svg path+path{fill:none}.guardian-threat svg circle{fill:#08090c;stroke:currentColor}
.threat-star{width:34px;height:34px;animation:guardian-attack-left 8s cubic-bezier(.22,.72,.21,1) infinite}.threat-spike{width:47px;height:30px;animation:guardian-attack-right 8s 2s cubic-bezier(.22,.72,.21,1) infinite}.threat-bolt{width:27px;height:39px;animation:guardian-attack-left 8s 4s cubic-bezier(.22,.72,.21,1) infinite}.threat-shard{width:34px;height:34px;animation:guardian-attack-right 8s 6s cubic-bezier(.22,.72,.21,1) infinite}
.guardian-impact{position:absolute;z-index:5;top:49%;width:18px;height:18px;border:1px solid rgb(var(--theme-rgb)/.85);border-radius:50%;opacity:0;box-shadow:0 0 14px rgb(var(--theme-rgb)/.5)}.guardian-impact::before,.guardian-impact::after{content:"";position:absolute;left:50%;top:50%;width:26px;height:1px;background:linear-gradient(90deg,transparent,#fff,transparent)}.guardian-impact::after{transform:rotate(90deg)}.impact-left{left:calc(50% - 64px);animation:guardian-impact-left 8s ease-out infinite}.impact-right{right:calc(50% - 64px);animation:guardian-impact-right 8s ease-out infinite}
.landing-hero h1{z-index:2;margin:0 0 16px}.landing-slogan{z-index:2}.landing-hero-actions{z-index:2}
@keyframes guardian-aura{0%,100%{transform:translate(-50%,-50%) scale(.92);opacity:.55}50%{transform:translate(-50%,-50%) scale(1.05);opacity:1}}
@keyframes guardian-logo-glow{0%,100%{opacity:.82;transform:scale(.96)}50%{opacity:1;transform:scale(1.045)}}
@keyframes guardian-attack-left{0%{opacity:0;transform:translate(-310px,-50%) rotate(-90deg) scale(.55)}3%{opacity:1}13.5%{opacity:1;transform:translate(-72px,-50%) rotate(225deg) scale(1.08)}15%{transform:translate(-61px,-50%) rotate(260deg) scale(.72,.92)}19%{opacity:.35;transform:translate(-122px,34px) rotate(470deg) scale(.58)}22%,100%{opacity:0;transform:translate(-180px,72px) rotate(620deg) scale(.3)}}
@keyframes guardian-attack-right{0%{opacity:0;transform:translate(275px,-50%) rotate(90deg) scale(.55)}3%{opacity:1}13.5%{opacity:1;transform:translate(38px,-50%) rotate(-210deg) scale(1.08)}15%{transform:translate(29px,-50%) rotate(-250deg) scale(.72,.92)}19%{opacity:.35;transform:translate(96px,34px) rotate(-430deg) scale(.58)}22%,100%{opacity:0;transform:translate(170px,72px) rotate(-600deg) scale(.3)}}
@keyframes guardian-shield-guard{0%,11%,18%,36%,43%,61%,68%,86%,93%,100%{transform:translate(-50%,-50%) rotate(0)}14%{transform:translate(calc(-50% + 5px),-50%) rotate(2deg)}16%{transform:translate(calc(-50% - 2px),-50%) rotate(-1deg)}39%{transform:translate(calc(-50% - 5px),-50%) rotate(-2deg)}41%{transform:translate(calc(-50% + 2px),-50%) rotate(1deg)}64%{transform:translate(calc(-50% + 5px),-50%) rotate(2deg)}66%{transform:translate(calc(-50% - 2px),-50%) rotate(-1deg)}89%{transform:translate(calc(-50% - 5px),-50%) rotate(-2deg)}91%{transform:translate(calc(-50% + 2px),-50%) rotate(1deg)}}
@keyframes guardian-impact-left{0%,12%,18%,62%,68%,100%{opacity:0;transform:scale(.25)}14%,64%{opacity:1;transform:scale(1)}17%,67%{opacity:0;transform:scale(3.8)}}
@keyframes guardian-impact-right{0%,37%,43%,87%,93%,100%{opacity:0;transform:scale(.25)}39%,89%{opacity:1;transform:scale(1)}42%,92%{opacity:0;transform:scale(3.8)}}

.network-floats{left:50%;right:auto;bottom:16px;width:min(860px,calc(100% - 28px));grid-template-columns:repeat(2,minmax(0,1fr));justify-content:center;gap:12px;transform:translateX(-50%)}
.network-float{min-width:0;border-radius:19px;overflow:visible;transition:border-color .22s ease,box-shadow .22s ease,background .22s ease}.network-float[open]{z-index:32;border-color:rgb(var(--theme-rgb)/.3);background:linear-gradient(145deg,rgba(28,27,33,.94),rgba(8,9,12,.91));box-shadow:inset 0 1px 0 rgba(255,255,255,.17),0 24px 70px rgba(0,0,0,.46),0 0 36px rgb(var(--theme-rgb)/.1);animation-play-state:paused}
.network-float summary{min-height:68px;padding:9px 12px;grid-template-columns:40px minmax(0,1fr) 34px;gap:11px;border-radius:inherit;outline:none}.network-float summary:focus-visible{box-shadow:0 0 0 3px rgb(var(--theme-rgb)/.18)}
.network-custom-icon{width:38px;height:38px;display:grid!important;place-items:center!important;border:1px solid rgba(98,243,170,.2);border-radius:13px;color:#62f3aa;background:rgba(98,243,170,.06);box-shadow:0 0 20px rgba(98,243,170,.1);animation:network-icon-float 3.4s ease-in-out infinite}.network-custom-icon.bypass{color:rgb(var(--theme-rgb));border-color:rgb(var(--theme-rgb)/.22);background:rgb(var(--theme-rgb)/.06);box-shadow:0 0 20px rgb(var(--theme-rgb)/.1);animation-delay:-1.7s}.network-custom-icon .ui-icon{width:21px;height:21px}
.network-float summary>span:nth-child(2){display:grid;gap:3px}.network-float summary small{font-size:.51rem}.network-float summary b{font-size:.69rem}
.network-chevron{width:32px;height:32px;display:grid!important;place-items:center!important;border:1px solid rgba(255,255,255,.07);border-radius:11px;color:var(--muted-2);background:rgba(255,255,255,.025);transition:transform .24s ease,color .24s ease,background .24s ease}.network-chevron .ui-icon{width:13px;height:13px}.network-float[open] .network-chevron{color:rgb(var(--theme-rgb));background:rgb(var(--theme-rgb)/.08);transform:rotate(180deg)}
.network-float-body{z-index:40;bottom:calc(100% + 9px);padding:13px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:7px;border-color:rgb(var(--theme-rgb)/.18);border-radius:19px;background:linear-gradient(155deg,rgba(18,18,23,.985),rgba(6,7,10,.97));box-shadow:0 28px 70px rgba(0,0,0,.58),0 0 36px rgb(var(--theme-rgb)/.08);overscroll-behavior:contain}.network-float[open] .network-float-body{animation:network-drawer-open .24s cubic-bezier(.2,.82,.2,1) both}
.network-chip{min-width:0;padding:8px 9px;display:flex;align-items:center;gap:8px;border-radius:12px;font-size:.59rem;white-space:normal}.network-chip>span:last-child{min-width:0;overflow-wrap:anywhere}.network-chip-mark{width:8px;height:8px;flex:0 0 auto;border-radius:3px;background:#62f3aa;box-shadow:0 0 9px rgba(98,243,170,.48);transform:rotate(45deg)}.network-chip-mark.bypass{border-radius:50%;background:rgb(var(--theme-rgb));box-shadow:0 0 9px rgb(var(--theme-rgb)/.52)}
@keyframes network-icon-float{0%,100%{transform:translateY(1px) rotate(-2deg)}50%{transform:translateY(-2px) rotate(2deg)}}@keyframes network-drawer-open{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}

.legal-hub summary{min-width:54px;width:54px;height:54px;padding:0;border-radius:18px;color:rgb(var(--theme-rgb));background:linear-gradient(145deg,rgba(24,23,29,.95),rgba(8,9,12,.92));box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 18px 46px rgba(0,0,0,.38),0 0 30px rgb(var(--theme-rgb)/.14)}.legal-hub summary>.ui-icon{width:24px;height:24px;filter:drop-shadow(0 0 8px rgb(var(--theme-rgb)/.48));transition:transform .28s ease}.legal-hub[open] summary>.ui-icon{transform:rotate(45deg) scale(1.04)}
.legal-hub nav{width:min(312px,calc(100vw - 24px));padding:8px}.legal-hub nav a:has(>.hub-link-icon){grid-template-columns:40px minmax(0,1fr);align-items:center;gap:10px;padding:9px}.legal-hub nav a>span:last-child{display:grid;gap:2px}.hub-link-icon{width:39px;height:39px;display:grid;place-items:center;border:1px solid rgb(var(--theme-rgb)/.16);border-radius:12px;color:rgb(var(--theme-rgb));background:rgb(var(--theme-rgb)/.05)}.hub-link-icon .ui-icon{width:20px;height:20px}

.purchase-auto-note{position:fixed;z-index:64;left:calc(var(--sidebar) + 34px);bottom:18px;width:min(410px,calc(100vw - var(--sidebar) - 70px));display:grid;grid-template-columns:46px minmax(0,1fr) 30px;align-items:center;gap:11px;padding:11px 12px;border:1px solid rgb(var(--theme-rgb)/.22);border-radius:18px;background:linear-gradient(145deg,rgba(27,25,31,.96),rgba(8,9,12,.94));box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 24px 65px rgba(0,0,0,.45),0 0 32px rgb(var(--theme-rgb)/.1);backdrop-filter:blur(24px);animation:purchase-note-float 5s ease-in-out infinite}.purchase-auto-note[hidden]{display:none}.purchase-auto-icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid rgb(var(--theme-rgb)/.2);border-radius:14px;color:rgb(var(--theme-rgb));background:rgb(var(--theme-rgb)/.065);box-shadow:0 0 18px rgb(var(--theme-rgb)/.1)}.purchase-auto-icon .ui-icon{width:23px;height:23px}.purchase-auto-copy{min-width:0;display:grid;gap:2px}.purchase-auto-copy small{color:rgb(var(--theme-rgb));font-family:ui-monospace,monospace;font-size:.49rem;font-weight:850;letter-spacing:.12em}.purchase-auto-copy b{font-size:.71rem}.purchase-auto-copy span{color:var(--muted);font-size:.58rem;line-height:1.45}.purchase-auto-close{width:28px;height:28px;border:0;border-radius:9px;color:var(--muted-2);background:rgba(255,255,255,.035);cursor:pointer}.purchase-auto-close:hover{color:#fff;background:rgb(var(--theme-rgb)/.09)}
@keyframes purchase-note-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.support-faq-action{margin-top:14px}.support-faq-action .ui-icon{font-size:1rem}.support-faq-action+.legal-note{margin-top:14px}.legal-account-button{width:46px;min-width:46px!important;height:46px;min-height:46px;padding:0;border-radius:15px}.legal-account-button .ui-icon{width:20px;height:20px;color:rgb(var(--theme-rgb))}

@media(max-width:820px){.landing-main{min-height:690px;padding:14px 8px 166px}.landing-hero>.landing-constellation{width:min(650px,104vw);height:160px;margin-bottom:-4px}.guardian-shield{width:98px;height:108px}.guardian-logo{inset:22px 19px 26px}.network-floats{left:50%;right:auto;bottom:12px;width:min(520px,calc(100% - 20px));grid-template-columns:1fr;gap:8px;transform:translateX(-50%)}.network-float summary{min-height:60px}.network-float-body{position:relative;left:auto;right:auto;bottom:auto;max-height:220px;margin:0 8px 8px;grid-template-columns:repeat(2,minmax(0,1fr))}.legal-hub{right:10px;bottom:82px}.purchase-auto-note{left:10px;bottom:82px;width:calc(100vw - 80px)}}
@media(max-width:520px){.landing-main{min-height:650px}.landing-hero>.landing-constellation{width:112vw;height:145px}.guardian-shield{width:88px;height:98px}.guardian-logo{inset:20px 17px 24px}.guardian-aura{width:125px;height:125px}.guardian-threat{transform-origin:center}.network-float-body{grid-template-columns:1fr}.network-custom-icon{width:35px;height:35px}.network-float summary{grid-template-columns:37px minmax(0,1fr) 31px;padding:8px 10px}.purchase-auto-note{grid-template-columns:40px minmax(0,1fr) 28px;padding:9px}.purchase-auto-icon{width:39px;height:39px}.purchase-auto-copy span{font-size:.55rem}.legal-topbar .legal-home b{display:none}}
@media(prefers-reduced-motion:reduce){.guardian-aura,.guardian-shield,.guardian-logo,.guardian-threat,.guardian-impact,.network-custom-icon,.purchase-auto-note{animation:none!important}.guardian-threat{display:none}.guardian-shield{transform:translate(-50%,-50%)}.network-float[open] .network-float-body{animation:none}}

/* ============================================================
   V37 — unified glass UI, clean guardian logo, hourly network cache UX
   ============================================================ */
:root{
  --font-ui:Inter,"Segoe UI Variable","Segoe UI",Arial,sans-serif;
  --v37-glass:blur(18px) saturate(142%);
  --v37-glass-light:blur(12px) saturate(132%);
  --v37-panel:linear-gradient(145deg,rgba(255,255,255,.072),rgb(var(--theme-rgb)/.018)),rgba(8,9,12,.48);
  --v37-panel-soft:linear-gradient(145deg,rgba(255,255,255,.052),rgb(var(--theme-rgb)/.015)),rgba(8,9,12,.36);
  --v37-edge:rgba(255,255,255,.115);
}
body,button,input,select,textarea,h1,h2,h3,h4,.overline,.legal-home b,.brand-copy b,.profile-avatar,.brand-logo{font-family:var(--font-ui)!important}

/* A real light theme, not just a pale accent on a dark canvas. */
html[data-theme="pearl"]{
  --bg:#f6f4f7;--bg-deep:#ece9ef;--surface:#ffffffa8;--surface-soft:#ffffff8c;--surface-strong:#ffffffd6;--surface-solid:#fff;
  --text:#1c1820;--muted:rgba(28,24,32,.66);--muted-2:rgba(28,24,32,.43);
  --primary:#d94f83;--primary-2:#b9346b;--primary-soft:rgb(217 79 131/.10);--primary-strong:rgb(217 79 131/.22);
  --border:rgba(77,54,67,.12);--border-strong:rgba(167,55,100,.25);--green:#16855d;--yellow:#a76b00;--red:#c53855;
  --theme-rgb:217 79 131;--theme-rgb-2:185 52 107;--theme-base:#f6f4f7;--theme-deep:#ece9ef;
  --theme-button-start:#e85f91;--theme-button-end:#b9346b;--theme-button-text:#fff;
  --v37-panel:linear-gradient(145deg,rgba(255,255,255,.78),rgba(255,255,255,.48)),rgba(247,243,248,.58);
  --v37-panel-soft:linear-gradient(145deg,rgba(255,255,255,.66),rgba(255,255,255,.38)),rgba(247,243,248,.48);
  --v37-edge:rgba(85,63,77,.14);
  color-scheme:light;
}
.swatch-pearl{background:linear-gradient(135deg,#fff 0 48%,#f0d7e2 49% 72%,#d94f83 73%)}
html[data-theme="pearl"] body{background:radial-gradient(circle at 14% 15%,rgba(217,79,131,.12),transparent 28rem),radial-gradient(circle at 88% 78%,rgba(139,112,176,.10),transparent 31rem),linear-gradient(180deg,#fbfafc 0%,#f4f1f5 52%,#ece9ef 100%)}
html[data-theme="pearl"] body::before{background-image:linear-gradient(to right,rgba(58,45,55,.055) 1px,transparent 1px),linear-gradient(to bottom,rgba(58,45,55,.055) 1px,transparent 1px)}
html[data-theme="pearl"] body::after{background-image:linear-gradient(to right,rgba(217,79,131,.035) 1px,transparent 1px),linear-gradient(to bottom,rgba(217,79,131,.035) 1px,transparent 1px)}
html[data-theme="pearl"] .landing-grid{background:radial-gradient(ellipse at center,transparent 0 30%,rgba(246,242,247,.42) 72%,rgba(238,234,240,.78) 100%),linear-gradient(to right,rgba(60,45,55,.035) 1px,transparent 1px),linear-gradient(to bottom,rgba(60,45,55,.035) 1px,transparent 1px);background-size:auto,72px 72px,72px 72px}
html[data-theme="pearl"] .landing-hero h1 span{background:linear-gradient(180deg,#28232a 4%,#5e535b 58%,rgba(83,72,80,.62));-webkit-background-clip:text;background-clip:text}
html[data-theme="pearl"] .landing-auth-backdrop,html[data-theme="pearl"] .modal-backdrop{background:rgba(242,237,243,.62)}
html[data-theme="pearl"] .field input,html[data-theme="pearl"] .credential-row,html[data-theme="pearl"] .choice,html[data-theme="pearl"] .checkout-details,html[data-theme="pearl"] .profile-identity-card{background:rgba(255,255,255,.48);color:var(--text)}
html[data-theme="pearl"] .network-float[open],html[data-theme="pearl"] .network-float-body,html[data-theme="pearl"] .legal-hub nav,html[data-theme="pearl"] .purchase-auto-note,html[data-theme="pearl"] .theme-popover,html[data-theme="pearl"] .modal{background:linear-gradient(145deg,rgba(255,255,255,.90),rgba(246,241,247,.72))!important;color:var(--text)}
html[data-theme="pearl"] .legal-topbar nav a:hover,html[data-theme="pearl"] .legal-topbar nav a.active{color:var(--text);background:rgba(217,79,131,.07)}
html[data-theme="pearl"] .network-chip{background:rgba(255,255,255,.50)}
html[data-theme="pearl"] .close-btn,html[data-theme="pearl"] .theme-popover-head>button{color:var(--muted);background:rgba(255,255,255,.52)}

/* Use a transparent vector mark everywhere. The old PNG alpha produced the pink rectangle. */
.brand-mark{position:relative;color:rgb(var(--theme-rgb))!important}
.brand-mark::before,.handoff-mark.brand-mark::before{
  content:""!important;position:absolute!important;inset:3px!important;background:currentColor!important;
  -webkit-mask:url('/static/artemida-user-mask-v41.png') center/contain no-repeat!important;mask:url('/static/artemida-user-mask-v41.png') center/contain no-repeat!important;
  filter:drop-shadow(0 0 9px rgb(var(--theme-rgb)/.36))!important;transition:filter .22s ease,opacity .22s ease!important
}
.guardian-logo{
  inset:auto!important;left:50%!important;top:50%!important;width:54px!important;height:61px!important;
  color:rgb(var(--theme-rgb));background:currentColor!important;
  -webkit-mask:url('/static/artemida-user-mask-v41.png') center/contain no-repeat!important;mask:url('/static/artemida-user-mask-v41.png') center/contain no-repeat!important;
  filter:drop-shadow(0 0 8px rgb(var(--theme-rgb)/.78)) drop-shadow(0 0 22px rgb(var(--theme-rgb-2)/.42))!important;
  animation:guardian-logo-v37 2.8s ease-in-out infinite!important
}
@keyframes guardian-logo-v37{0%,100%{opacity:.84;transform:translate(-50%,-50%) scale(.96)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.045)}}

/* One glass language for panels, dialogs and controls. */
.glass-panel,.glass-card,.glass-mini,.network-float,.network-float-body,.legal-hub summary,.legal-hub nav,.theme-popover,.purchase-auto-note,.modal,.profile-identity-card,.telegram-profile-panel,.checkout-details,.choice,.period-card,.faq-item,.faq-tools,.os-picker button,.app-option,.install-key-option,.selected-key,.guide-steps li,.field input,.network-chip{
  border-color:var(--v37-edge)!important;background:var(--v37-panel-soft);-webkit-backdrop-filter:var(--v37-glass-light)!important;backdrop-filter:var(--v37-glass-light)!important;
}
.glass-panel,.glass-card,.network-float,.network-float-body,.legal-hub nav,.theme-popover,.purchase-auto-note,.modal,.telegram-profile-panel{
  background:var(--v37-panel)!important;-webkit-backdrop-filter:var(--v37-glass)!important;backdrop-filter:var(--v37-glass)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 20px 62px rgba(0,0,0,.24),0 0 34px rgb(var(--theme-rgb)/.055)!important
}
.btn,.account-button,.site-login-button,.theme-trigger,.soft-action{backdrop-filter:blur(16px) saturate(145%);-webkit-backdrop-filter:blur(16px) saturate(145%)}
.btn.primary{color:var(--theme-button-text);background:linear-gradient(110deg,color-mix(in srgb,var(--theme-button-start),transparent 4%),color-mix(in srgb,var(--theme-button-end),transparent 7%))!important;border-color:rgb(var(--theme-rgb)/.32)!important}

/* Consistent login control on the home, cabinet and legal pages. */
.site-login-button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:4px 12px 4px 4px;border:1px solid var(--v37-edge);border-radius:14px;color:var(--text);background:var(--v37-panel-soft);cursor:pointer;white-space:nowrap;transition:transform .18s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease}
.site-login-avatar{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:11px;color:var(--theme-button-text);background:linear-gradient(135deg,var(--theme-button-start),var(--theme-button-end));font-weight:900;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
.site-login-avatar.has-photo img{width:100%;height:100%;display:block;object-fit:cover}
.site-login-label{max-width:126px;overflow:hidden;text-overflow:ellipsis;font-size:.7rem;font-weight:780;white-space:nowrap}
.site-login-button:hover{transform:translateY(-2px)!important;border-color:rgb(var(--theme-rgb)/.30);box-shadow:0 13px 32px rgb(var(--theme-rgb)/.10)}
.legal-account-button{width:auto!important;min-width:104px!important;height:42px!important;min-height:42px!important;padding:4px 12px 4px 4px!important;border-radius:14px!important}
.landing-nav-actions{gap:8px}.landing-login{min-width:104px}.landing-hero-login{min-width:104px}

/* Home composition: no slogan gap; the CTA sits directly below ARTΞMIDA. */
.landing-main{min-height:calc(100svh - 94px);display:flex!important;flex-direction:column;align-items:center;justify-content:center;padding:18px 0 34px!important;overflow:visible}
.landing-hero{flex:0 0 auto;align-self:center}
.landing-hero>.landing-constellation{margin-bottom:-10px!important}
.landing-hero h1{margin:0 0 8px!important}
.landing-slogan{display:none!important}
.landing-hero-actions{margin-top:0!important;gap:8px!important;align-items:center}
.landing-buy{min-width:146px}

/* Network cards live in document flow so their drawers can always open DOWN. */
.network-floats{position:relative!important;z-index:8;left:auto!important;right:auto!important;bottom:auto!important;width:min(860px,calc(100% - 28px))!important;margin:28px auto 0!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;transform:none!important;pointer-events:auto!important}
.network-float{min-width:0;border-radius:19px;overflow:visible;transform:none;animation:network-levitate-v37 4.8s ease-in-out infinite!important;transition:border-color .22s ease,box-shadow .22s ease,background .22s ease}
.network-float:nth-child(2){animation-delay:-2.35s!important}
.network-float:hover{border-color:rgb(var(--theme-rgb)/.25)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.17),0 26px 72px rgba(0,0,0,.32),0 0 42px rgb(var(--theme-rgb)/.10)!important}
.network-float[open]{animation-play-state:paused!important;z-index:34}
@keyframes network-levitate-v37{0%,100%{transform:translateY(2px)}50%{transform:translateY(-9px)}}
.network-float summary{min-height:66px;padding:9px 12px;grid-template-columns:40px minmax(0,1fr) 34px;gap:11px;border-radius:inherit;outline:none}
.network-custom-icon{width:38px;height:38px;display:grid!important;place-items:center!important;border-radius:13px;animation:network-icon-v37 3.2s ease-in-out infinite!important}
.network-custom-icon.bypass{animation-delay:-1.6s!important}
.network-header-svg{width:22px;height:22px;display:block;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;transform:none!important}
@keyframes network-icon-v37{0%,100%{transform:translateY(2px)}50%{transform:translateY(-4px)}}
.network-float-body{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;max-height:min(48vh,370px);margin:8px 8px 9px!important;padding:11px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:7px;overflow:auto;border-radius:17px;transform-origin:top center}
.network-float[open] .network-float-body{animation:none}
.network-float.drawer-opening .network-float-body{animation:network-drawer-v37-in .34s cubic-bezier(.18,.86,.22,1) both!important}
.network-float.drawer-closing .network-float-body{animation:network-drawer-v37-out .22s ease both!important;pointer-events:none}
@keyframes network-drawer-v37-in{from{opacity:0;transform:translateY(-12px) scaleY(.93);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}
@keyframes network-drawer-v37-out{from{opacity:1;transform:none;filter:none}to{opacity:0;transform:translateY(-8px) scaleY(.96);filter:blur(4px)}}
.network-updated{grid-column:1/-1;justify-self:end;margin:-2px 2px 1px;color:var(--muted-2);font-size:.48rem;letter-spacing:.035em;opacity:.72}
.network-chip{min-width:0;min-height:38px;padding:7px 9px;display:grid;grid-template-columns:29px minmax(0,1fr);align-items:center;gap:8px;border:1px solid rgba(255,255,255,.07);border-radius:12px;font-size:.59rem;line-height:1.3;white-space:normal;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease,transform .2s ease}
.network-chip:hover{transform:translateY(-1px);border-color:rgb(var(--theme-rgb)/.22)!important;box-shadow:0 8px 22px rgb(var(--theme-rgb)/.065)}
.network-flag{width:29px;height:24px;display:grid;place-items:center;font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif!important;font-size:1.13rem;line-height:1;filter:drop-shadow(0 4px 7px rgba(0,0,0,.18))}
.network-chip.bypass .network-flag{font-size:1.08rem}
.network-empty{grid-column:1/-1;padding:18px;text-align:center;color:var(--muted-2);font-size:.62rem}
body.network-panel-open .landing-main{padding-bottom:72px!important}

/* Conventional menu icon and an animation that is restarted on every click. */
.legal-hub{animation:none}.legal-hub summary{animation:hub-levitate-v37 4.2s ease-in-out infinite!important}
.hub-menu-icon{width:23px;height:23px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;transition:transform .26s ease}
.legal-hub[open] .hub-menu-icon{transform:rotate(90deg)}
@keyframes hub-levitate-v37{0%,100%{transform:translateY(2px)}50%{transform:translateY(-8px)}}
.legal-hub nav{animation:none!important;transform-origin:bottom right}
.legal-hub.hub-opening nav{animation:hub-v37-in .34s cubic-bezier(.18,.86,.22,1) both!important}
.legal-hub.hub-closing nav{animation:hub-v37-out .22s ease both!important;pointer-events:none}
@keyframes hub-v37-in{from{opacity:0;transform:translateY(14px) scale(.94);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
@keyframes hub-v37-out{from{opacity:1;transform:none;filter:none}to{opacity:0;transform:translateY(9px) scale(.97);filter:blur(4px)}}
.legal-hub nav a{position:relative;border-radius:13px;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .18s ease}
.legal-hub nav a:hover{transform:translateY(-1px);border-color:rgb(var(--theme-rgb)/.20)!important;box-shadow:0 9px 24px rgb(var(--theme-rgb)/.06)}

/* Compact theme picker: smaller cards, one glance, and Pearl is visibly light. */
.theme-popover{width:min(302px,calc(100vw - 18px))!important;padding:11px!important;border-radius:16px!important}
.theme-popover-head{margin-bottom:8px!important;align-items:center!important}.theme-popover-head b{font-size:.74rem!important}.theme-popover-head .overline{display:none!important}.theme-popover-head>button{width:26px!important;height:26px!important;border-radius:8px!important}
.theme-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important}
.theme-popover .theme-grid>button{min-height:44px!important;grid-template-columns:24px minmax(0,1fr)!important;gap:7px!important;padding:6px 24px 6px 6px!important;border-radius:13px!important;transform:none!important;scale:1!important;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease!important}
.theme-popover .theme-grid>button:hover{transform:translateY(-2px)!important;scale:1!important;box-shadow:0 10px 26px rgb(var(--theme-rgb)/.08)!important}
.theme-popover .theme-grid b{font-size:.66rem!important;line-height:1.05!important}.theme-popover .theme-grid small{display:none!important}
.theme-swatch{width:29px!important;height:29px!important;border-radius:9px!important}.theme-swatch i{right:4px!important;bottom:4px!important;width:7px!important;height:7px!important}
.theme-popover .theme-check{right:7px!important;width:12px!important;height:12px!important}.theme-popover .theme-check svg{width:11px!important;height:11px!important}

/* Purchase hint: taller, narrower, strongly levitating, cannot be dismissed, drag only by the top handle. */
.purchase-auto-note{left:calc(var(--sidebar) + 34px);bottom:18px;width:min(342px,calc(100vw - var(--sidebar) - 70px))!important;min-height:132px;display:block!important;padding:7px 14px 15px!important;border-radius:21px!important;animation:purchase-note-v37 3.8s ease-in-out infinite!important;touch-action:none}
.purchase-auto-note[hidden]{display:none!important}.purchase-auto-note.is-dragging{animation:none!important;transform:none!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.17),0 34px 85px rgba(0,0,0,.48),0 0 46px rgb(var(--theme-rgb)/.16)!important}
.purchase-auto-handle{width:100%;height:25px;display:grid;place-items:center;padding:0;border:0;background:transparent;cursor:grab;touch-action:none}.purchase-auto-handle:active,.purchase-auto-note.is-dragging .purchase-auto-handle{cursor:grabbing}.purchase-auto-handle span{width:72px;height:5px;border-radius:999px;background:rgba(255,255,255,.18);box-shadow:0 0 12px rgb(var(--theme-rgb)/.12)}
html[data-theme="pearl"] .purchase-auto-handle span{background:rgba(53,40,49,.18)}
.purchase-auto-row{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:start;gap:12px}.purchase-auto-icon{width:46px;height:46px}.purchase-auto-copy{padding-top:2px;gap:4px}.purchase-auto-copy small{font-size:.5rem}.purchase-auto-copy b{font-size:.78rem}.purchase-auto-copy span{font-size:.62rem;line-height:1.5}.purchase-auto-close{display:none!important}
@keyframes purchase-note-v37{0%,100%{transform:translateY(3px) rotate(-.12deg)}50%{transform:translateY(-11px) rotate(.12deg)}}

/* Telegram binding is one coherent profile block; sync lives inside it both before/after linking. */
.telegram-profile-panel{margin-top:10px;padding:13px;border:1px solid var(--v37-edge);border-radius:17px;overflow:hidden}
.telegram-profile-head{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px}.telegram-profile-icon{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgb(var(--theme-rgb)/.20);border-radius:12px;color:var(--primary);background:rgb(var(--theme-rgb)/.06)}.telegram-profile-icon .ui-icon{width:20px;height:20px}.telegram-profile-head>div{display:grid;gap:2px}.telegram-profile-head b{font-size:.75rem}.telegram-profile-head span{color:var(--muted-2);font-size:.59rem}.telegram-profile-head>small{color:var(--primary);font-size:.47rem;font-weight:850;letter-spacing:.11em}
.telegram-profile-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}.telegram-profile-actions .btn{min-height:38px;padding:0 12px;font-size:.59rem}.telegram-profile-actions .ui-icon{width:14px;height:14px;margin-right:5px}.telegram-profile-panel>p{margin:9px 2px 0;color:var(--muted-2);font-size:.57rem;line-height:1.45}.telegram-unlink{margin:10px 0 0;padding:0;border:0;color:var(--muted-2);background:transparent;cursor:pointer;font-size:.55rem}.telegram-unlink:hover{color:var(--red)}

/* Hover may lift/deepen a panel, but never scales its text or icon content. */
.btn:hover,.choice:hover,.period-card:hover,.side-link:hover,.soft-action:hover,.os-picker button:hover,.app-option:hover,.install-key-option:hover,.faq-item:hover,.legal-card:hover,.support-step:hover,.account-button:hover{
  scale:1!important;transform:translateY(-2px)!important
}
.theme-grid>button:hover,.landing-account-icon:hover,.landing-round-login:hover{scale:1!important}
.choice,.period-card,.btn,.side-link,.soft-action,.os-picker button,.app-option,.install-key-option,.faq-item,.legal-card,.support-step,.account-button{transition:transform .18s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease!important}

/* Legal pages now inherit the same typography, glass and account control as the rest of the site. */
.legal-page{font-family:var(--font-ui)!important}.legal-topbar,.legal-card,.support-step{backdrop-filter:var(--v37-glass)!important;-webkit-backdrop-filter:var(--v37-glass)!important}.legal-card h2,.legal-card h3,.legal-hero h1{font-family:var(--font-ui)!important}.legal-card p,.legal-card li,.legal-hero p{font-family:var(--font-ui)!important}

@media(max-width:820px){
  .landing-main{min-height:auto!important;padding:18px 8px 28px!important}.landing-hero>.landing-constellation{margin-bottom:-8px!important}.landing-hero h1{margin-bottom:8px!important}
  .network-floats{width:min(520px,calc(100% - 14px))!important;margin-top:22px!important;grid-template-columns:1fr!important}.network-float{animation-duration:4.5s!important}.network-float-body{max-height:330px;grid-template-columns:repeat(2,minmax(0,1fr))}
  .legal-hub{right:10px;bottom:82px}.purchase-auto-note{left:12px!important;bottom:82px;width:min(342px,calc(100vw - 24px))!important}
  .landing-nav-actions .landing-login{display:inline-flex!important}.landing-nav{grid-template-columns:1fr auto!important}.landing-hero-actions{width:auto!important}.landing-hero-actions .landing-buy{width:auto!important}
  .site-login-label{max-width:92px}
}
@media(max-width:560px){
  .theme-popover{width:min(296px,calc(100vw - 18px))!important}.theme-grid{grid-template-columns:1fr 1fr!important}.theme-popover .theme-grid>button{min-height:48px!important;grid-template-columns:27px minmax(0,1fr)!important;padding:6px 26px 6px 6px!important}.theme-swatch{width:27px!important;height:27px!important}.theme-popover .theme-grid b{font-size:.62rem!important}
  .landing-hero-actions{display:flex!important;flex-wrap:nowrap!important}.landing-buy{min-width:132px!important}.landing-hero-login{min-width:94px!important}.landing-hero-login .site-login-label{display:inline!important}
  .network-float-body{grid-template-columns:1fr}.network-chip{min-height:40px}.network-updated{font-size:.46rem}.purchase-auto-note{min-height:138px}.purchase-auto-copy b{font-size:.75rem}.purchase-auto-copy span{font-size:.6rem}
  .legal-account-button .site-login-label{display:none}.legal-account-button{min-width:42px!important;width:42px!important;padding:4px!important}.legal-account-button .site-login-avatar{width:32px;height:32px}
}
@media(prefers-reduced-motion:reduce){
  .network-float,.network-custom-icon,.legal-hub summary,.purchase-auto-note,.guardian-logo{animation:none!important}.guardian-logo{transform:translate(-50%,-50%)!important}.network-float.drawer-opening .network-float-body,.network-float.drawer-closing .network-float-body,.legal-hub.hub-opening nav,.legal-hub.hub-closing nav{animation-duration:.01ms!important}
}
/* Final typography normalization for pseudo labels and microcopy. */
.landing-hero h1 em,.brand-copy small,.network-float summary small,.network-updated,.support-step::before,.admin-stats-grid b,.purchase-auto-copy small,.theme-popover .theme-grid b{font-family:var(--font-ui)!important}


/* V38 refinements */
.site-login-avatar.guest-logo,.account-button .avatar.guest-logo{
  position:relative;color:rgb(var(--theme-rgb));font-size:0!important;text-indent:-9999px;overflow:hidden;
}
.site-login-avatar.guest-logo::before,.account-button .avatar.guest-logo::before{
  content:"";position:absolute;inset:6px;background:currentColor;
  -webkit-mask:url('/static/artemida-user-mask-v41.png') center/contain no-repeat;mask:url('/static/artemida-user-mask-v41.png') center/contain no-repeat;
  filter:drop-shadow(0 0 8px rgb(var(--theme-rgb)/.35));
}
.account-button .avatar.guest-logo::before{inset:7px}
#accountButton{position:relative}
body.is-guest[data-page="faq"] .sidebar{display:none}
body.is-guest[data-page="faq"] .app-content{margin-left:0}
body.is-guest[data-page="faq"] .page-topbar{padding-left:clamp(20px,4vw,48px)}
body.is-guest[data-page="faq"] .mobile-brand{display:inline-flex}
.faq-top-nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.faq-top-nav a{padding:9px 12px;border:1px solid var(--border);border-radius:999px;color:var(--muted);background:rgba(255,255,255,.04);font-size:.7rem;font-weight:700;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease}
.faq-top-nav a:hover,.faq-top-nav a.active{color:var(--text);border-color:rgb(var(--theme-rgb)/.28);background:rgba(255,255,255,.06)}
.page-topbar.faq-topbar{gap:14px;flex-wrap:wrap}
.page-topbar.faq-topbar .page-identity{margin-right:auto}
.page-topbar.faq-topbar .faq-top-nav{margin-left:auto}
@media(max-width:960px){.page-topbar.faq-topbar .faq-top-nav{order:3;width:100%}}
.network-floats{align-items:start!important}
.network-float{overflow:hidden}
.network-float-body{scrollbar-width:thin;scrollbar-color:rgb(var(--theme-rgb)/.16) transparent}
.network-float-body::-webkit-scrollbar{width:6px}.network-float-body::-webkit-scrollbar-thumb{background:rgb(var(--theme-rgb)/.12);border-radius:999px}
.network-chip.country .network-flag{font-size:1.22rem}
.network-chip.country .network-flag.flag-fallback{font-size:.72rem;font-weight:800;border-radius:9px;background:rgba(255,255,255,.06);width:29px;height:24px}
.network-chip.bypass .network-flag{font-size:.72rem;font-weight:800;border-radius:9px;background:rgba(255,255,255,.06);width:29px;height:24px}
.landing-hero-actions .landing-buy{margin-right:0}

/* ============================================================
   V39 — profile composition, clearer icons and precise sidebar state
   ============================================================ */
.i-exit{--icon:url('/static/icons/right-to-bracket.svg')}

.profile-summary>div{grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important}
.profile-summary>div>span{display:flex!important;align-items:center;gap:8px}
.profile-summary>div>span .ui-icon{width:14px;height:14px;color:var(--primary);opacity:.9}
.profile-summary>div>b{white-space:nowrap}

.profile-settings{margin-top:12px}
.profile-setting-card{width:100%;min-height:72px;display:grid;grid-template-columns:42px minmax(0,1fr) 24px;align-items:center;gap:11px;padding:11px 12px;border:1px solid var(--v37-edge);border-radius:16px;color:var(--text);background:var(--v37-panel-soft);text-align:left;cursor:pointer;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}
.profile-setting-card:hover{transform:translateY(-2px);border-color:rgb(var(--theme-rgb)/.28);background:rgb(var(--theme-rgb)/.055);box-shadow:0 12px 30px rgb(var(--theme-rgb)/.07)}
.profile-setting-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgb(var(--theme-rgb)/.19);border-radius:13px;color:var(--primary);background:rgb(var(--theme-rgb)/.055)}
.profile-setting-icon .ui-icon{width:19px;height:19px}
.profile-setting-copy{display:grid;gap:3px;min-width:0}.profile-setting-copy b{font-size:.75rem}.profile-setting-copy small{color:var(--muted-2);font-size:.59rem;line-height:1.35}
.profile-setting-arrow{justify-self:end;color:var(--muted-2);font-size:1.25rem;line-height:1}

.telegram-profile-panel{margin-top:12px!important;padding:14px!important;border-radius:18px!important}
.telegram-profile-head{grid-template-columns:42px minmax(0,1fr) auto!important;gap:11px!important}
.telegram-profile-icon{width:42px!important;height:42px!important;border-radius:13px!important}
.telegram-profile-head b{font-size:.76rem!important}.telegram-profile-head>div>span{font-size:.6rem!important}.telegram-profile-head>small{font-size:.44rem!important;letter-spacing:.09em!important}
.telegram-profile-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important;margin-top:12px!important}
.telegram-profile-actions.is-linked{grid-template-columns:repeat(2,minmax(0,1fr))}
.profile-action{min-width:0;min-height:66px;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;padding:9px 10px;border:1px solid var(--v37-edge);border-radius:14px;color:var(--text);background:rgba(255,255,255,.025);cursor:pointer;text-align:left;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}
.profile-action.primary{border-color:rgb(var(--theme-rgb)/.30);background:linear-gradient(145deg,rgb(var(--theme-rgb)/.14),rgb(var(--theme-rgb-2)/.045))}
.profile-action:hover:not(:disabled){transform:translateY(-2px);border-color:rgb(var(--theme-rgb)/.32);background:rgb(var(--theme-rgb)/.07);box-shadow:0 10px 28px rgb(var(--theme-rgb)/.07)}
.profile-action:disabled{opacity:.38;cursor:not-allowed}
.profile-action-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgb(var(--theme-rgb)/.17);border-radius:11px;color:var(--primary);background:rgb(var(--theme-rgb)/.05)}
.profile-action-icon .ui-icon{width:16px;height:16px}
.profile-action>span:last-child{display:grid;gap:2px;min-width:0}.profile-action b{font-size:.62rem;overflow:hidden;text-overflow:ellipsis}.profile-action small{color:var(--muted-2);font-size:.51rem;line-height:1.25}
.telegram-profile-panel>p{margin:10px 2px 0!important;font-size:.56rem!important}
.telegram-unlink{display:inline-flex;align-items:center;gap:6px!important;margin-top:11px!important}.telegram-unlink .ui-icon{width:12px;height:12px}

.profile-logout{width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;gap:9px;margin-top:12px;padding:0 14px;border:1px solid rgba(255,154,170,.14);border-radius:15px;color:var(--muted);background:rgba(255,154,170,.025);cursor:pointer;font-size:.68rem;font-weight:700;transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease}
.profile-logout:hover{transform:translateY(-1px);border-color:rgba(255,154,170,.28);color:#ffafbc;background:rgba(255,154,170,.055)}
.profile-logout-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;color:#ff9aaa;background:rgba(255,154,170,.055)}
.profile-logout-icon .ui-icon{width:14px;height:14px;transform:rotate(180deg)}

/* Exact active row in the expanded navigation: no oversized washed-out selection. */
.sidebar .side-link{position:relative!important;transform:none!important;border-color:transparent!important;background:transparent!important;box-shadow:none!important}
.sidebar .side-link:hover{transform:none!important;border-color:rgba(255,255,255,.07)!important;background:rgba(255,255,255,.025)!important;box-shadow:none!important}
.sidebar .side-link.active{border-color:rgb(var(--theme-rgb)/.18)!important;background:rgb(var(--theme-rgb)/.045)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important}
.sidebar .side-link.active::before{content:"";position:absolute;left:0;top:13px;bottom:13px;width:2px;border-radius:999px;background:var(--primary);box-shadow:0 0 10px rgb(var(--theme-rgb)/.35)}
.sidebar .side-link.active .side-icon,.sidebar:hover .side-link.active .side-icon,.sidebar:focus-within .side-link.active .side-icon,.sidebar.is-open .side-link.active .side-icon{border-color:rgb(var(--theme-rgb)/.18)!important;background:rgb(var(--theme-rgb)/.055)!important;box-shadow:none!important}
.sidebar .support-side:hover{border-color:rgb(var(--theme-rgb)/.14)!important;background:rgb(var(--theme-rgb)/.035)!important}

@media(max-width:560px){
  .telegram-profile-actions,.telegram-profile-actions.is-linked{grid-template-columns:1fr!important}
  .profile-action{min-height:60px}
  .profile-setting-card{min-height:66px;grid-template-columns:38px minmax(0,1fr) 20px;padding:9px 10px}.profile-setting-icon{width:38px;height:38px}
}

.network-flag.flag-image{padding:0!important;background:none!important;border-radius:7px;overflow:hidden;filter:drop-shadow(0 3px 6px rgba(0,0,0,.18))}
.network-flag.flag-image img{width:100%;height:100%;display:block;object-fit:cover;border-radius:7px;border:1px solid rgba(255,255,255,.08)}

/* ============================================================
   V41 — user logo, profile composition, exact sidebar active row
   ============================================================ */
.i-password-key{--icon:url('/static/icons/password-key.svg')}
.i-telegram-plane{--icon:url('/static/icons/telegram-plane.svg')}
.i-photo-refresh{--icon:url('/static/icons/photo-refresh.svg')}
.i-logout-door{--icon:url('/static/icons/logout-door.svg')}
.i-security-lock{--icon:url('/static/icons/security-lock.svg')}

/* The supplied ARTEMIDA flower/shield is the single brand mark everywhere. */
.brand-mark::before,.handoff-mark.brand-mark::before{
  content:""!important;
  position:absolute!important;
  inset:3px!important;
  background:currentColor!important;
  -webkit-mask:url('/static/artemida-user-mask-v41.png') center/contain no-repeat!important;
  mask:url('/static/artemida-user-mask-v41.png') center/contain no-repeat!important;
  filter:drop-shadow(0 0 9px rgb(var(--theme-rgb)/.34))!important;
}
.guardian-logo{
  width:62px!important;height:70px!important;
  background:currentColor!important;
  -webkit-mask:url('/static/artemida-user-mask-v41.png') center/contain no-repeat!important;
  mask:url('/static/artemida-user-mask-v41.png') center/contain no-repeat!important;
}
.site-login-avatar.guest-logo::before,.account-button .avatar.guest-logo::before{
  -webkit-mask:url('/static/artemida-user-mask-v41.png') center/contain no-repeat!important;
  mask:url('/static/artemida-user-mask-v41.png') center/contain no-repeat!important;
}

/* Compact hero CTA: visually attached to ARTEMIDA/VPN instead of floating away. */
.landing-hero h1{margin-bottom:2px!important}
.landing-hero-actions{margin-top:2px!important}
.landing-buy{min-width:164px!important;min-height:48px!important;border-radius:17px!important}

/* Profile is one vertical system, not unrelated half-width cards. */
.profile-settings{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin:12px 0 0!important}
.profile-setting-card{min-height:68px!important;grid-template-columns:40px minmax(0,1fr) 22px!important;padding:10px 12px!important;border-radius:15px!important}
.profile-setting-icon{width:40px!important;height:40px!important;border-radius:12px!important}
.profile-setting-icon .ui-icon{width:18px!important;height:18px!important}
.profile-setting-arrow{font-size:1.05rem!important;opacity:.55}

.telegram-profile-panel{padding:13px!important;border-radius:16px!important}
.telegram-profile-head{grid-template-columns:40px minmax(0,1fr) auto!important}
.telegram-profile-icon{width:40px!important;height:40px!important;border-radius:12px!important}
.telegram-profile-icon .ui-icon{width:18px!important;height:18px!important}
.telegram-profile-actions,.telegram-profile-actions.is-linked{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:7px!important;
  margin-top:11px!important;
}
.profile-action{
  min-height:52px!important;
  grid-template-columns:32px minmax(0,1fr) auto!important;
  gap:9px!important;
  padding:7px 9px!important;
  border-radius:13px!important;
}
.profile-action-icon{width:32px!important;height:32px!important;border-radius:10px!important}
.profile-action-icon .ui-icon{width:15px!important;height:15px!important}
.profile-action b{font-size:.63rem!important}.profile-action small{font-size:.5rem!important}
.profile-action::after{content:"›";color:var(--muted-2);font-size:1rem;line-height:1;opacity:.55}
.profile-action:disabled::after{display:none}
.profile-action:hover:not(:disabled){transform:translateY(-1px)!important}

.profile-logout{min-height:46px!important;margin-top:10px!important;border-radius:14px!important;justify-content:flex-start!important;padding:0 12px!important}
.profile-logout-icon{width:30px!important;height:30px!important;margin-right:2px}
.profile-logout-icon .ui-icon{width:15px!important;height:15px!important;transform:none!important}

/* Summary rows get proper icon containers, not tiny floating glyphs. */
.profile-summary>div{min-height:44px!important;padding:7px 10px!important}
.profile-summary>div>span{gap:8px!important}
.profile-summary>div>span .ui-icon{width:15px!important;height:15px!important;color:var(--primary)!important}

/* Exact active hub: only the icon capsule and label mark the active route. */
.sidebar .side-link,.sidebar .side-link:hover,.sidebar .side-link.active{
  border-color:transparent!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}
.sidebar .side-link.active::before{display:none!important}
.sidebar .side-link:hover .side-icon{border-color:rgba(255,255,255,.08)!important;background:rgba(255,255,255,.03)!important}
.sidebar .side-link.active .side-icon,
.sidebar:hover .side-link.active .side-icon,
.sidebar:focus-within .side-link.active .side-icon,
.sidebar.is-open .side-link.active .side-icon{
  border:1px solid rgb(var(--theme-rgb)/.30)!important;
  background:rgb(var(--theme-rgb)/.09)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 18px rgb(var(--theme-rgb)/.08)!important;
}
.sidebar .side-link.active .side-copy b{color:var(--text)!important}
.sidebar .side-link.active .side-copy small{color:rgb(var(--theme-rgb)/.72)!important}
.sidebar .side-link.active::after{
  content:"";width:5px;height:5px;margin-left:auto;margin-right:5px;border-radius:50%;background:var(--primary);box-shadow:0 0 9px rgb(var(--theme-rgb)/.45);opacity:0;
}
.sidebar:hover .side-link.active::after,.sidebar:focus-within .side-link.active::after,.sidebar.is-open .side-link.active::after{opacity:1}
.sidebar .support-side:hover{background:transparent!important;border-color:transparent!important}

@media(max-width:560px){
  .profile-action{min-height:50px!important}
  .landing-buy{min-width:146px!important}
}

/* ============================================================
   V42 — requested-only landing/network/theme polish.
   IMPORTANT: all overrides below explicitly exclude data-page="faq".
   ============================================================ */

/* Theme changes should visibly wash through a real two-tone gradient, not flash flat grey. */
body:not([data-page="faq"]) .theme-wash{
  background:
    radial-gradient(circle at 24% 12%,rgb(var(--theme-rgb)/.30),transparent 40%),
    radial-gradient(circle at 82% 78%,rgb(var(--theme-rgb-2)/.24),transparent 44%),
    linear-gradient(135deg,rgb(var(--theme-rgb)/.11),transparent 42%,rgb(var(--theme-rgb-2)/.12));
  -webkit-backdrop-filter:blur(4px) saturate(125%);
  backdrop-filter:blur(4px) saturate(125%);
}
body:not([data-page="faq"]) .theme-wash.active{animation:theme-wash-v42 .56s cubic-bezier(.18,.8,.2,1)}
@keyframes theme-wash-v42{0%{opacity:0}26%{opacity:.95}64%{opacity:.55}100%{opacity:0}}

/* Restore translucent glass on top hubs. Keep the fill light enough for the page behind to be visible. */
.landing-page .landing-nav,
body:not([data-page="faq"]) .page-topbar,
body.legal-page:not([data-page="faq"]) .legal-topbar{
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgb(var(--theme-rgb)/.018)),rgba(8,9,12,.26)!important;
  -webkit-backdrop-filter:blur(18px) saturate(145%)!important;
  backdrop-filter:blur(18px) saturate(145%)!important;
  border-color:rgba(255,255,255,.11)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 16px 44px rgba(0,0,0,.16)!important;
}

/* Login stays glassy, but deliberately uses less blur than the surrounding hub. */
.landing-page .site-login-button,
body:not([data-page="faq"]) .account-button,
body.legal-page:not([data-page="faq"]) .site-login-button{
  background:linear-gradient(145deg,rgba(255,255,255,.07),rgb(var(--theme-rgb)/.025)),rgba(8,9,12,.18)!important;
  -webkit-backdrop-filter:blur(7px) saturate(125%)!important;
  backdrop-filter:blur(7px) saturate(125%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 8px 24px rgba(0,0,0,.12)!important;
}

/* Landing title: pronounced theme-aware gradient with explicit text fill for Chromium/Safari. */
.landing-page .landing-hero h1 span{
  color:transparent!important;
  background:linear-gradient(180deg,#fff 0%,#f5eef1 27%,rgb(var(--theme-rgb)) 64%,#aaa4a8 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  filter:drop-shadow(0 10px 28px rgba(0,0,0,.14));
}
.landing-page .landing-hero h1 em{color:rgb(var(--theme-rgb))!important;text-shadow:0 0 24px rgb(var(--theme-rgb)/.22)!important}

/* Give the guardian/shuriken scene breathing room above ARTEMIDA. */
.landing-page .landing-hero>.landing-constellation{
  height:188px!important;
  margin:0 auto 24px!important;
}
/* The supplied mark has more visual mass on the right, so shift its mask 4px left inside the shield. */
.landing-page .guardian-logo{
  left:calc(50% - 4px)!important;
  top:50%!important;
  width:60px!important;height:68px!important;
  filter:drop-shadow(0 0 8px rgb(var(--theme-rgb)/.72)) drop-shadow(0 0 20px rgb(var(--theme-rgb-2)/.34))!important;
}

/* Buy CTA: a little lower than VPN, with the richer gradient/glow it had before. */
.landing-page .landing-hero h1{margin-bottom:0!important}
.landing-page .landing-hero-actions{margin-top:20px!important}
.landing-page .landing-buy{
  min-width:166px!important;min-height:52px!important;padding:0 24px!important;border-radius:18px!important;
  border:1px solid rgb(var(--theme-rgb)/.26)!important;
  background:linear-gradient(105deg,var(--theme-button-start),color-mix(in srgb,var(--theme-button-start),var(--theme-button-end) 42%) 48%,var(--theme-button-end))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.62),0 17px 42px rgb(var(--theme-rgb-2)/.22),0 0 28px rgb(var(--theme-rgb)/.10)!important;
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease!important;
}
.landing-page .landing-buy:hover{transform:translateY(-2px)!important;filter:saturate(1.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 22px 52px rgb(var(--theme-rgb-2)/.27),0 0 34px rgb(var(--theme-rgb)/.13)!important}

/* Network drawers: one glass panel only. The list itself is not another panel. */
.landing-page .network-floats{align-items:start!important}
.landing-page .network-float{
  overflow:hidden!important;
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgb(var(--theme-rgb)/.018)),rgba(8,9,12,.29)!important;
  -webkit-backdrop-filter:blur(16px) saturate(140%)!important;
  backdrop-filter:blur(16px) saturate(140%)!important;
  border-color:rgba(255,255,255,.11)!important;
  transition:border-color .22s ease,box-shadow .22s ease,background .22s ease!important;
}
.landing-page .network-float.is-expanded{animation-play-state:paused!important;z-index:34}
.landing-page .network-summary{
  width:100%;min-height:66px;display:grid;grid-template-columns:40px minmax(0,1fr) 34px;align-items:center;gap:11px;
  padding:9px 12px;border:0;border-radius:inherit;outline:0;color:var(--text);background:transparent;cursor:pointer;text-align:left;
}
.landing-page .network-summary>span:nth-child(2){display:grid;gap:3px;min-width:0}
.landing-page .network-summary small{color:var(--muted-2);font-size:.49rem;letter-spacing:.14em}
.landing-page .network-summary b{font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.landing-page .network-summary:focus-visible{box-shadow:inset 0 0 0 2px rgb(var(--theme-rgb)/.35)}
.landing-page .network-chevron{width:32px;height:32px;display:grid;place-items:center;justify-self:end;border:1px solid rgb(var(--theme-rgb)/.12);border-radius:11px;background:rgb(var(--theme-rgb)/.04);transition:transform .34s cubic-bezier(.18,.8,.2,1),background .2s ease}
.landing-page .network-float.is-expanded .network-chevron{transform:rotate(180deg);background:rgb(var(--theme-rgb)/.075)}

.landing-page .network-float-body{
  position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:7px;
  max-height:0!important;opacity:0;overflow:hidden!important;
  margin:0 12px!important;padding:0 8px!important;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  transform:none!important;filter:none!important;
  transition:max-height .46s cubic-bezier(.2,.78,.2,1),opacity .24s ease,padding .46s cubic-bezier(.2,.78,.2,1),margin .46s cubic-bezier(.2,.78,.2,1)!important;
}
.landing-page .network-float.is-expanded .network-float-body{
  max-height:430px!important;opacity:1;overflow:auto!important;
  margin:0 12px 10px!important;padding:3px 8px 8px!important;
}
.landing-page .network-chip{
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgb(var(--theme-rgb)/.014)),rgba(8,9,12,.20)!important;
  -webkit-backdrop-filter:blur(7px) saturate(120%);backdrop-filter:blur(7px) saturate(120%);
  border-color:rgba(255,255,255,.08)!important;
}
.landing-page .network-flag.flag-image{width:30px!important;height:21px!important;border-radius:5px!important;overflow:hidden!important;background:transparent!important;padding:0!important}
.landing-page .network-flag.flag-image img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;border-radius:5px!important;border:1px solid rgba(255,255,255,.10)!important}
.landing-page .network-flag.flag-world{font-size:1rem}
.landing-page .network-updated{padding-top:1px}
body.landing-page.network-panel-open .landing-main{padding-bottom:28px!important}

/* Pearl contrast fixes outside FAQ only. */
html[data-theme="pearl"] body:not([data-page="faq"]){
  --text:#171319;--muted:rgba(23,19,25,.78);--muted-2:rgba(23,19,25,.58);
  --border:rgba(59,42,52,.16);--border-strong:rgba(168,55,101,.31);
  --v37-edge:rgba(61,44,54,.17);
}
html[data-theme="pearl"] body:not([data-page="faq"]) .landing-nav,
html[data-theme="pearl"] body:not([data-page="faq"]) .page-topbar,
html[data-theme="pearl"] body.legal-page:not([data-page="faq"]) .legal-topbar,
html[data-theme="pearl"] body:not([data-page="faq"]) .network-float{
  background:linear-gradient(145deg,rgba(255,255,255,.64),rgba(255,255,255,.31)),rgba(244,239,245,.30)!important;
  border-color:rgba(63,46,56,.14)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.86),0 16px 42px rgba(63,46,56,.10)!important;
}
html[data-theme="pearl"] body:not([data-page="faq"]) .site-login-button,
html[data-theme="pearl"] body:not([data-page="faq"]) .account-button{
  color:#211a20!important;background:rgba(255,255,255,.42)!important;border-color:rgba(78,54,66,.14)!important;
}
html[data-theme="pearl"] body:not([data-page="faq"]) .network-chip{color:#1b161c!important;background:rgba(255,255,255,.42)!important;border-color:rgba(69,49,59,.12)!important}
html[data-theme="pearl"] body:not([data-page="faq"]) .network-summary small,
html[data-theme="pearl"] body:not([data-page="faq"]) .network-updated{color:rgba(23,19,25,.55)!important}
html[data-theme="pearl"] body:not([data-page="faq"]) .landing-hero h1 span{
  background:linear-gradient(180deg,#171319 0%,#46333d 34%,rgb(var(--theme-rgb)) 68%,#6a5660 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;
}
html[data-theme="pearl"] body:not([data-page="faq"]) .theme-popover{color:#171319!important;background:rgba(255,255,255,.74)!important;border-color:rgba(74,52,63,.14)!important;-webkit-backdrop-filter:blur(16px) saturate(135%)!important;backdrop-filter:blur(16px) saturate(135%)!important}
html[data-theme="pearl"] body:not([data-page="faq"]) .theme-grid>button{color:#1b161c!important;background:rgba(255,255,255,.43)!important;border-color:rgba(71,50,60,.12)!important}
html[data-theme="pearl"] body:not([data-page="faq"]) .theme-grid>button.active{background:rgba(217,79,131,.09)!important;border-color:rgba(185,52,107,.30)!important}

@media(max-width:820px){
  .landing-page .landing-hero>.landing-constellation{height:166px!important;margin-bottom:20px!important}
  .landing-page .network-float-body{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){
  .landing-page .landing-hero>.landing-constellation{height:150px!important;margin-bottom:18px!important}
  .landing-page .landing-hero-actions{margin-top:17px!important}
  .landing-page .network-float-body{grid-template-columns:1fr}
  .landing-page .network-float.is-expanded .network-float-body{max-height:520px!important}
}

/* FAQ is intentionally restored to its V37 layout and is frozen from V42 polish. */
@media(min-width:821px){
  body.is-guest[data-page="faq"] .sidebar{display:flex!important}
  body.is-guest[data-page="faq"] .app-content{margin-left:calc(var(--sidebar) + 26px)!important}
  body.is-guest[data-page="faq"] .page-topbar{padding:9px clamp(18px,3vw,42px)!important}
  body.is-guest[data-page="faq"] .mobile-brand{display:none!important}
}

/* Finish the explicit FAQ rollback: V37 mark + V37 sidebar selection behavior. */
body[data-page="faq"] .brand-mark::before,
body[data-page="faq"] .handoff-mark.brand-mark::before{
  -webkit-mask:url('/static/artemida-user-mask-v41.png') center/contain no-repeat!important;
  mask:url('/static/artemida-user-mask-v41.png') center/contain no-repeat!important;
}
body[data-page="faq"] .sidebar .side-link{border-color:transparent!important;background:transparent!important;box-shadow:none!important}
body[data-page="faq"] .sidebar .side-link.active::before{display:none!important}
body[data-page="faq"] .sidebar:not(:hover):not(.is-open) .side-link.active{border-color:transparent!important;background:transparent!important;box-shadow:none!important}
body[data-page="faq"] .sidebar:not(:hover):not(.is-open) .side-link.active .side-icon{
  border-color:rgb(var(--theme-rgb)/.21)!important;
  background:rgb(var(--theme-rgb)/.08)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
}
body[data-page="faq"] .sidebar:hover .side-link.active,
body[data-page="faq"] .sidebar:focus-within .side-link.active,
body[data-page="faq"] .sidebar.is-open .side-link.active{
  border-color:rgb(var(--theme-rgb)/.30)!important;
  background:linear-gradient(145deg,rgb(var(--theme-rgb)/.14),rgb(var(--theme-rgb-2)/.035))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 26px rgba(0,0,0,.16)!important;
}
body[data-page="faq"] .sidebar:hover .side-link.active .side-icon,
body[data-page="faq"] .sidebar:focus-within .side-link.active .side-icon,
body[data-page="faq"] .sidebar.is-open .side-link.active .side-icon{
  border-color:rgb(var(--theme-rgb)/.21)!important;background:rgb(var(--theme-rgb)/.08)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
}

/* ============================================================
   V43 — requested corrections only: landing hero, network flags/drawers,
   theme-aware guardian, unified top hubs, legal account state, FAQ guest hub.
   ============================================================ */
:root{--sidebar-open:252px}

/* One visual language for every upper hub. Content stays page-specific. */
.landing-nav,
.page-topbar,
.legal-topbar{
  min-height:58px!important;
  border:1px solid rgba(255,255,255,.105)!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.052),rgb(var(--theme-rgb)/.014)),rgba(8,9,12,.24)!important;
  -webkit-backdrop-filter:blur(17px) saturate(142%)!important;
  backdrop-filter:blur(17px) saturate(142%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 15px 42px rgba(0,0,0,.15)!important;
}
.page-topbar{
  width:min(calc(100% - 24px),var(--wrap))!important;
  margin:12px auto 0!important;
  top:12px!important;
  padding:8px 10px!important;
}
.legal-topbar{padding:8px 10px!important}
.topbar-actions,.legal-top-actions{display:flex!important;align-items:center!important;gap:7px!important;margin-left:auto!important}
.legal-topbar .theme-trigger,.page-topbar .theme-trigger,.landing-nav .theme-trigger{min-height:40px!important;height:40px!important;border-radius:12px!important}

/* Landing brand: no abrupt inner-logo scale. The whole compact brand shifts gently left. */
.landing-page .landing-logo{transition:transform .28s cubic-bezier(.2,.76,.2,1)!important;will-change:transform}
.landing-page .landing-logo:hover{transform:translateX(-2px)!important}
.landing-page .landing-logo .brand-mark::before,
.landing-page .landing-logo:hover .brand-mark::before{
  transform:translateX(-1px)!important;
  -webkit-mask-position:48% 50%!important;mask-position:48% 50%!important;
  transition:filter .28s ease!important;
}
.landing-page .landing-logo:hover .brand-mark::before{filter:drop-shadow(0 0 12px rgb(var(--theme-rgb)/.34))!important}

/* Main title: white on the left, current theme accent on the right. */
.landing-page .landing-hero h1 span{
  color:transparent!important;
  background:linear-gradient(90deg,#ffffff 0%,#ffffff 24%,#f7f4f6 39%,color-mix(in srgb,#ffffff,rgb(var(--theme-rgb)) 42%) 61%,rgb(var(--theme-rgb)) 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;
  filter:drop-shadow(0 10px 28px rgba(0,0,0,.14))!important;
}
.landing-page .landing-hero h1 em{color:rgb(var(--theme-rgb))!important;text-shadow:0 0 24px rgb(var(--theme-rgb)/.22)!important}

/* Give the attack animation and CTA clear breathing room. */
.landing-page .landing-hero>.landing-constellation{height:204px!important;margin:0 auto 34px!important}
.landing-page .landing-hero-actions{margin-top:34px!important}
.landing-page .landing-buy{min-width:166px!important;min-height:52px!important}

/* Replace the old clip-path shield polygon with a smooth vector contour. */
.landing-page .guardian-shield{width:118px!important;height:130px!important;top:48%!important;color:rgb(var(--theme-rgb))!important}
.landing-page .guardian-shield::before,.landing-page .guardian-shield::after{display:none!important}
.landing-page .guardian-shield-frame{
  position:absolute;inset:0;width:100%;height:100%;overflow:visible;color:inherit;
  filter:drop-shadow(0 14px 22px rgba(0,0,0,.30)) drop-shadow(0 0 18px rgb(var(--theme-rgb)/.28));
}
.landing-page .guardian-shield-fill{fill:rgb(var(--theme-rgb)/.075);stroke:none}
.landing-page .guardian-shield-stroke{fill:none;stroke:currentColor;stroke-width:1.28;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.landing-page .guardian-logo{
  left:49%!important;top:50%!important;width:58px!important;height:66px!important;
  filter:drop-shadow(0 0 8px rgb(var(--theme-rgb)/.72)) drop-shadow(0 0 19px rgb(var(--theme-rgb-2)/.30))!important;
}

/* Every attacking element follows the selected theme, not hardcoded ARTEMIDA pink. */
.landing-page .guardian-threat{
  color:rgb(var(--theme-rgb))!important;
  filter:drop-shadow(0 0 7px rgb(var(--theme-rgb)/.72)) drop-shadow(0 0 18px rgb(var(--theme-rgb-2)/.28))!important;
}
.landing-page .guardian-threat svg{stroke:color-mix(in srgb,#fff,rgb(var(--theme-rgb)) 22%)!important}
.landing-page .guardian-threat svg circle{fill:var(--theme-base)!important;stroke:currentColor!important}
.landing-page .guardian-impact{border-color:rgb(var(--theme-rgb)/.86)!important;box-shadow:0 0 14px rgb(var(--theme-rgb)/.52)!important}
.landing-page .guardian-impact::before,.landing-page .guardian-impact::after{background:linear-gradient(90deg,transparent,rgb(var(--theme-rgb)),transparent)!important}

/* Network drawers: natural-height reveal, no max-height snap and no second panel. */
.landing-page .network-float{overflow:hidden!important;transition:border-color .22s ease,box-shadow .22s ease,background .22s ease!important}
.landing-page .network-float-body{
  display:grid!important;grid-template-rows:0fr!important;grid-template-columns:1fr!important;
  max-height:none!important;opacity:.36;overflow:hidden!important;margin:0 12px!important;padding:0!important;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  transition:grid-template-rows .34s cubic-bezier(.2,.78,.2,1),opacity .22s ease!important;
}
.landing-page .network-float.is-expanded .network-float-body{grid-template-rows:1fr!important;max-height:none!important;opacity:1;overflow:hidden!important;margin:0 12px!important;padding:0!important}
.landing-page .network-list-inner{
  min-height:0;overflow:hidden;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:7px;
  padding:0 8px;transition:padding .34s cubic-bezier(.2,.78,.2,1)!important;
}
.landing-page .network-float.is-expanded .network-list-inner{padding:3px 8px 10px}
.landing-page .network-updated{grid-column:1/-1;padding:1px 2px 2px;text-align:right}
.landing-page .network-chip{
  min-height:43px!important;padding:7px 10px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.036),rgb(var(--theme-rgb)/.010)),rgba(8,9,12,.13)!important;
  -webkit-backdrop-filter:blur(5px) saturate(116%)!important;backdrop-filter:blur(5px) saturate(116%)!important;
  border-color:rgba(255,255,255,.065)!important;
}

/* Flags use a fixed alignment slot; square Switzerland keeps its native proportions inside it. */
.landing-page .network-flag.flag-image{
  width:32px!important;height:22px!important;display:grid!important;place-items:center!important;flex:0 0 32px!important;
  padding:0!important;border-radius:6px!important;overflow:visible!important;background:rgba(255,255,255,.025)!important;
}
.landing-page .network-flag.flag-image img{
  width:30px!important;height:20px!important;display:block!important;object-fit:cover!important;border-radius:5px!important;border:1px solid rgba(255,255,255,.09)!important;
}
.landing-page .network-flag.flag-ch img{width:21px!important;height:21px!important;object-fit:contain!important;border-radius:4px!important}
.landing-page .network-flag.flag-eu img{width:30px!important;height:20px!important;object-fit:cover!important}

/* Pearl: stronger readable contrast while preserving the light glass look. */
html[data-theme="pearl"] body{--text:#181419;--muted:rgba(24,20,25,.78);--muted-2:rgba(24,20,25,.59);--border:rgba(68,48,59,.17);--border-strong:rgba(158,48,94,.30)}
html[data-theme="pearl"] .landing-nav,
html[data-theme="pearl"] .page-topbar,
html[data-theme="pearl"] .legal-topbar{
  color:#181419!important;background:linear-gradient(145deg,rgba(255,255,255,.70),rgba(255,255,255,.38)),rgba(242,237,243,.28)!important;
  border-color:rgba(68,48,59,.15)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.90),0 14px 38px rgba(58,42,51,.10)!important;
}
html[data-theme="pearl"] .landing-hero h1 span{
  background:linear-gradient(90deg,#221a20 0%,#33252d 30%,#7d435b 62%,rgb(var(--theme-rgb)) 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;
}
html[data-theme="pearl"] .legal-topbar nav a,html[data-theme="pearl"] .landing-nav nav a{color:rgba(24,20,25,.70)!important}
html[data-theme="pearl"] .legal-topbar nav a:hover,html[data-theme="pearl"] .legal-topbar nav a.active,html[data-theme="pearl"] .landing-nav nav a:hover{color:#181419!important;background:rgba(185,52,107,.075)!important}
html[data-theme="pearl"] .legal-card p,html[data-theme="pearl"] .legal-card li,html[data-theme="pearl"] .legal-hero p{color:rgba(24,20,25,.76)!important}
html[data-theme="pearl"] .legal-card h2,html[data-theme="pearl"] .legal-card h3,html[data-theme="pearl"] .legal-hero h1{color:#181419!important}
html[data-theme="pearl"] .network-chip{color:#181419!important;background:rgba(255,255,255,.44)!important;border-color:rgba(73,51,62,.11)!important}

/* Legal account button mirrors bootstrap state; avatar image behaves like cabinet/landing. */
.legal-account-button .site-login-avatar.has-photo img{width:100%;height:100%;display:block;object-fit:cover;border-radius:inherit}

/* Cabinet side hub: centered content and a low-intensity moving rectangular selection. */
.sidebar .side-link{width:100%!important;transform:none!important}
.sidebar .side-link.active,
.sidebar:hover .side-link.active,
.sidebar:focus-within .side-link.active,
.sidebar.is-open .side-link.active{
  border:1px solid rgb(var(--theme-rgb)/.17)!important;
  background:linear-gradient(145deg,rgb(var(--theme-rgb)/.065),rgb(var(--theme-rgb-2)/.020))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 7px 18px rgba(0,0,0,.10)!important;
}
.sidebar .side-link.active::before,.sidebar .side-link.active::after{display:none!important}
.sidebar .side-link.active .side-icon,
.sidebar:hover .side-link.active .side-icon,
.sidebar:focus-within .side-link.active .side-icon,
.sidebar.is-open .side-link.active .side-icon{
  border-color:rgb(var(--theme-rgb)/.17)!important;background:rgb(var(--theme-rgb)/.045)!important;box-shadow:none!important;
}
.sidebar .side-link:hover:not(.active){background:rgba(255,255,255,.022)!important;border-color:rgba(255,255,255,.055)!important}

/* FAQ requested fixes only: no cabinet hub for a guest; title block is truly centered. */
body.account-pending[data-page="faq"] .sidebar,
body.account-pending[data-page="faq"] .mobile-nav,
body.is-guest[data-page="faq"] .sidebar,
body.is-guest[data-page="faq"] .mobile-nav{display:none!important}
body.account-pending[data-page="faq"] .app-content,
body.is-guest[data-page="faq"] .app-content{margin-left:0!important}
body[data-page="faq"] .page-topbar{position:sticky!important}
body[data-page="faq"] .page-topbar .page-identity{
  position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;
  margin:0!important;text-align:center!important;justify-items:center!important;
}

@media(max-width:820px){
  .page-topbar{width:min(calc(100% - 18px),var(--wrap))!important;margin:9px auto 0!important;top:9px!important}
  .landing-page .landing-hero>.landing-constellation{height:178px!important;margin-bottom:29px!important}
  .landing-page .landing-hero-actions{margin-top:30px!important}
  .landing-page .network-list-inner{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){
  .landing-page .landing-hero>.landing-constellation{height:158px!important;margin-bottom:25px!important}
  .landing-page .landing-hero-actions{margin-top:27px!important}
  .landing-page .network-list-inner{grid-template-columns:1fr}
  body[data-page="faq"] .page-topbar .page-identity{position:static!important;transform:none!important;display:none!important}
}

/* ============================================================
   V44 — requested-only polish: shared hubs, FAQ placement, Pearl,
   auth visibility controls, purchase notice, sidebar selection.
   ============================================================ */
:root{--top-hub-width:1040px}

/* Additional local masks used only by auth/password UI. */
.i-eye{--icon:url('/static/icons/eye.svg')}.i-eye-off{--icon:url('/static/icons/eye-off.svg')}

/* One top-hub shell on home, FAQ/cabinet and legal pages. */
.site-top-hub{
  width:min(var(--top-hub-width),calc(100% - 24px))!important;
  min-height:58px!important;
  margin:12px auto 0!important;
  padding:8px 10px!important;
  display:flex!important;align-items:center!important;gap:12px!important;
  border:1px solid rgba(255,255,255,.105)!important;border-radius:18px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.050),rgb(var(--theme-rgb)/.012)),rgba(8,9,12,.23)!important;
  -webkit-backdrop-filter:blur(16px) saturate(138%)!important;backdrop-filter:blur(16px) saturate(138%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 14px 38px rgba(0,0,0,.14)!important;
  animation:common-top-hub-in .44s cubic-bezier(.18,.78,.2,1) both!important;
  overflow:visible!important;
}
@keyframes common-top-hub-in{from{opacity:0;transform:translateY(-7px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
.landing-nav.site-top-hub{position:relative!important}
.page-topbar.site-top-hub{top:12px!important;position:sticky!important}
.legal-topbar.site-top-hub{position:relative!important}
.legal-shell{width:min(var(--top-hub-width),calc(100% - 24px))!important}
.legal-shell>main,.legal-shell>.legal-updated{width:min(980px,100%);margin-left:auto;margin-right:auto}
.site-top-hub .topbar-actions,.site-top-hub .landing-nav-actions{margin-left:auto!important;display:flex!important;align-items:center!important;gap:7px!important;flex:0 0 auto!important}
.site-top-hub .account-button,.site-top-hub .site-login-button{margin-left:0!important;flex:0 0 auto!important}
.site-top-hub .theme-trigger{min-height:40px!important;height:40px!important}
.site-top-hub .page-identity{margin:0 auto 0 0!important;position:static!important;transform:none!important;text-align:left!important;justify-items:start!important}
.faq-home-identity{display:grid!important;line-height:1.1;transition:opacity .18s ease,transform .18s ease}
.faq-home-identity:hover{opacity:.88;transform:translateX(-1px)!important}
.faq-home-identity strong{margin-top:5px;font-size:.98rem}

/* FAQ: cabinet hub never appears for guests/pending; identity remains on the left. */
body.account-pending[data-page="faq"] .sidebar,body.account-pending[data-page="faq"] .mobile-nav,
body.is-guest[data-page="faq"] .sidebar,body.is-guest[data-page="faq"] .mobile-nav{display:none!important}
body.account-pending[data-page="faq"] .app-content,body.is-guest[data-page="faq"] .app-content{margin-left:0!important}
body[data-page="faq"] .page-topbar .page-identity{position:static!important;left:auto!important;top:auto!important;transform:none!important;text-align:left!important;justify-items:start!important}

/* Bottom-right service hub is identical on every page where it is visible. */
.legal-hub{right:18px!important;bottom:18px!important;z-index:240!important}
.legal-hub summary{
  min-width:50px!important;width:50px!important;height:50px!important;padding:0!important;
  border:1px solid rgba(255,255,255,.105)!important;border-radius:16px!important;color:rgb(var(--theme-rgb))!important;
  background:linear-gradient(145deg,rgba(255,255,255,.050),rgb(var(--theme-rgb)/.012)),rgba(8,9,12,.30)!important;
  -webkit-backdrop-filter:blur(16px) saturate(138%)!important;backdrop-filter:blur(16px) saturate(138%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 14px 38px rgba(0,0,0,.18)!important;
  transition:transform .22s cubic-bezier(.2,.75,.2,1),border-color .2s ease,background .2s ease,box-shadow .2s ease!important;
}
.legal-hub summary:hover{transform:translateY(-2px)!important;border-color:rgb(var(--theme-rgb)/.24)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 18px 42px rgba(0,0,0,.20)!important}
.legal-hub .hub-menu-icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round}
.legal-hub nav{
  width:min(300px,calc(100vw - 24px))!important;padding:8px!important;gap:5px!important;
  border:1px solid rgba(255,255,255,.10)!important;border-radius:17px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgb(var(--theme-rgb)/.012)),rgba(8,9,12,.72)!important;
  -webkit-backdrop-filter:blur(18px) saturate(142%)!important;backdrop-filter:blur(18px) saturate(142%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 22px 54px rgba(0,0,0,.34)!important;
  animation:none!important;
}
.legal-hub.hub-opening nav{animation:common-bottom-hub-in .32s cubic-bezier(.18,.82,.2,1) both!important}
.legal-hub.hub-closing nav{animation:common-bottom-hub-out .21s ease both!important;pointer-events:none}
@keyframes common-bottom-hub-in{from{opacity:0;transform:translateY(9px) scale(.965);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
@keyframes common-bottom-hub-out{from{opacity:1;transform:none}to{opacity:0;transform:translateY(7px) scale(.975)}}

/* New classic shield contour; keeps the existing ARTΞMIDA mark centred. */
.landing-page .guardian-shield-frame{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  background:currentColor!important;-webkit-mask:url('/static/icons/guardian-shield-v44.svg') center/contain no-repeat!important;mask:url('/static/icons/guardian-shield-v44.svg') center/contain no-repeat!important;
  filter:drop-shadow(0 14px 22px rgba(0,0,0,.26)) drop-shadow(0 0 16px rgb(var(--theme-rgb)/.24))!important;
}
.landing-page .guardian-logo{left:50%!important;top:49.5%!important;width:57px!important;height:65px!important}

/* Floating first-purchase note: right side under top hub, softer shadow. */
.purchase-auto-note{
  left:auto!important;right:24px!important;top:84px!important;bottom:auto!important;width:min(340px,calc(100vw - 36px))!important;min-height:118px!important;
  border-color:rgb(var(--theme-rgb)/.17)!important;border-radius:17px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.048),rgb(var(--theme-rgb)/.012)),rgba(8,9,12,.58)!important;
  -webkit-backdrop-filter:blur(15px) saturate(135%)!important;backdrop-filter:blur(15px) saturate(135%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 16px 42px rgba(0,0,0,.25),0 0 18px rgb(var(--theme-rgb)/.045)!important;
  animation:purchase-note-float-v44 4.8s ease-in-out infinite!important;
}
@keyframes purchase-note-float-v44{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.purchase-auto-note.is-dragging{animation:none!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 18px 44px rgba(0,0,0,.28)!important}

/* Restore a lighter, cleaner purchase CTA. */
#buyButton{
  min-height:44px!important;font-size:.66rem!important;font-weight:760!important;letter-spacing:.01em!important;
  border-color:rgb(var(--theme-rgb)/.22)!important;
  background:linear-gradient(105deg,var(--theme-button-start),color-mix(in srgb,var(--theme-button-start),var(--theme-button-end) 46%),var(--theme-button-end))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 10px 26px rgb(var(--theme-rgb-2)/.12)!important;
}
#buyButton:hover{transform:translateY(-1px)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.62),0 13px 30px rgb(var(--theme-rgb-2)/.15)!important}

/* Toasts/errors always above dialogs and centred. */
.toast-stack{z-index:2200!important;left:50%!important;right:auto!important;top:14px!important;bottom:auto!important;width:min(390px,calc(100% - 24px))!important;transform:translateX(-50%)!important;pointer-events:none!important}
.toast{text-align:center!important;box-shadow:0 14px 38px rgba(0,0,0,.28)!important}

/* Password visibility uses an eye icon for both password fields. */
.password-field input{padding-right:48px!important}
.password-field .password-visibility{position:absolute!important;right:7px!important;top:50%!important;transform:translateY(-50%)!important;width:34px!important;height:34px!important;padding:0!important;display:grid!important;place-items:center!important;border:1px solid transparent!important;border-radius:10px!important;color:var(--muted-2)!important;background:transparent!important;cursor:pointer!important}
.password-field .password-visibility:hover{color:var(--text)!important;background:rgb(var(--theme-rgb)/.055)!important;border-color:rgb(var(--theme-rgb)/.12)!important}
.password-field .password-visibility .ui-icon{width:17px!important;height:17px!important}

/* Left cabinet hub: centred when collapsed; active rectangle exists only while opened/hovered. */
@media(min-width:821px){
  .sidebar:not(:hover):not(:focus-within):not(.is-open) .side-brand,
  .sidebar:not(:hover):not(:focus-within):not(.is-open) .side-link{justify-content:center!important;padding-left:0!important;padding-right:0!important;gap:0!important}
  .sidebar:not(:hover):not(:focus-within):not(.is-open) .side-icon{margin:0!important}
  .sidebar:not(:hover):not(:focus-within):not(.is-open) .side-brand .brand-logo{transform:translateX(-1px)!important}
  .sidebar:not(:hover):not(:focus-within):not(.is-open) .side-link.active{
    border-color:transparent!important;background:transparent!important;box-shadow:none!important;
  }
  .sidebar:not(:hover):not(:focus-within):not(.is-open) .side-link.active .side-icon{
    border-color:transparent!important;background:transparent!important;box-shadow:none!important;
  }
  .sidebar:hover .side-link.active,.sidebar:focus-within .side-link.active,.sidebar.is-open .side-link.active{
    border:1px solid rgb(var(--theme-rgb)/.18)!important;border-radius:14px!important;
    background:linear-gradient(90deg,rgb(var(--theme-rgb)/.075),rgb(var(--theme-rgb)/.025))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 7px 18px rgba(0,0,0,.09)!important;
  }
  .sidebar:hover .side-link.active .side-icon,.sidebar:focus-within .side-link.active .side-icon,.sidebar.is-open .side-link.active .side-icon{background:transparent!important;border-color:transparent!important}
}

/* Pearl: readable light glass across cards, dialogs, controls and secondary text. */
html[data-theme="pearl"] body{
  --text:#19151a!important;--muted:rgba(25,21,26,.76)!important;--muted-2:rgba(25,21,26,.57)!important;
  --surface:rgba(255,255,255,.56)!important;--surface-soft:rgba(255,255,255,.45)!important;--surface-strong:rgba(255,255,255,.72)!important;
  --border:rgba(72,52,62,.16)!important;--border-strong:rgba(165,54,100,.29)!important;
}
html[data-theme="pearl"] body{background:radial-gradient(circle at 16% 18%,rgb(var(--theme-rgb)/.10),transparent 27rem),radial-gradient(circle at 88% 74%,rgb(var(--theme-rgb-2)/.08),transparent 30rem),linear-gradient(180deg,#fbf9fb 0%,#f4f0f4 50%,#eee8ee 100%)!important}
html[data-theme="pearl"] .site-top-hub,
html[data-theme="pearl"] .glass-panel,html[data-theme="pearl"] .glass-card,html[data-theme="pearl"] .glass-mini,
html[data-theme="pearl"] .modal,html[data-theme="pearl"] .theme-popover,html[data-theme="pearl"] .legal-hub nav,html[data-theme="pearl"] .legal-hub summary{
  color:#19151a!important;background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(255,255,255,.48)),rgba(242,237,243,.34)!important;
  border-color:rgba(72,52,62,.15)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.90),0 14px 36px rgba(62,46,55,.09)!important;
}
html[data-theme="pearl"] .page-identity strong,html[data-theme="pearl"] h1,html[data-theme="pearl"] h2,html[data-theme="pearl"] h3,html[data-theme="pearl"] h4,
html[data-theme="pearl"] .legal-card h2,html[data-theme="pearl"] .legal-card h3{color:#19151a!important}
html[data-theme="pearl"] p,html[data-theme="pearl"] li,html[data-theme="pearl"] small,html[data-theme="pearl"] .fineprint,html[data-theme="pearl"] .answer{color:rgba(25,21,26,.72)}
html[data-theme="pearl"] .field input,html[data-theme="pearl"] .choice,html[data-theme="pearl"] .period-card,
html[data-theme="pearl"] .checkout-details,html[data-theme="pearl"] .profile-setting-card,html[data-theme="pearl"] .telegram-profile-panel,
html[data-theme="pearl"] .profile-action,html[data-theme="pearl"] .key-card,html[data-theme="pearl"] .faq-item,
html[data-theme="pearl"] .install-key-option,html[data-theme="pearl"] .app-option,html[data-theme="pearl"] .os-picker button{
  color:#19151a!important;background:rgba(255,255,255,.48)!important;border-color:rgba(72,52,62,.13)!important;
}
html[data-theme="pearl"] .btn.secondary,html[data-theme="pearl"] .soft-action,html[data-theme="pearl"] .account-button,html[data-theme="pearl"] .site-login-button,
html[data-theme="pearl"] .theme-trigger{color:#211a20!important;background:rgba(255,255,255,.50)!important;border-color:rgba(72,52,62,.14)!important}
html[data-theme="pearl"] code,html[data-theme="pearl"] .key-secret code,html[data-theme="pearl"] .credential-row strong{color:#2a2228!important}
html[data-theme="pearl"] .modal-backdrop,html[data-theme="pearl"] .landing-auth-backdrop{background:rgba(238,232,238,.56)!important;-webkit-backdrop-filter:blur(10px) saturate(112%)!important;backdrop-filter:blur(10px) saturate(112%)!important}
html[data-theme="pearl"] #buyButton{color:#2b121d!important}
html[data-theme="pearl"] .toast{color:#19151a!important;background:rgba(255,255,255,.88)!important;border-color:rgba(72,52,62,.16)!important}
html[data-theme="pearl"] .purchase-auto-note{color:#19151a!important;background:rgba(255,255,255,.76)!important;border-color:rgba(72,52,62,.14)!important}
html[data-theme="pearl"] .purchase-auto-copy span{color:rgba(25,21,26,.68)!important}

@media(max-width:820px){
  .site-top-hub{width:min(var(--top-hub-width),calc(100% - 18px))!important;margin-top:9px!important}
  .legal-hub{right:10px!important;bottom:82px!important}
  .purchase-auto-note{right:10px!important;top:76px!important;width:min(330px,calc(100vw - 20px))!important}
}
@media(max-width:520px){
  .site-top-hub{gap:7px!important;padding:7px 8px!important}
  .site-top-hub .page-identity strong{font-size:.82rem!important}.site-top-hub .page-identity .overline{font-size:.52rem!important}
  .purchase-auto-note{top:72px!important}
}

/* Shared hub material/entry motion also applies to the left cabinet hub. */
.sidebar{
  border-color:rgba(255,255,255,.105)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.050),rgb(var(--theme-rgb)/.012)),rgba(8,9,12,.28)!important;
  -webkit-backdrop-filter:blur(16px) saturate(138%)!important;backdrop-filter:blur(16px) saturate(138%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 14px 38px rgba(0,0,0,.16)!important;
  transition:width .34s cubic-bezier(.2,.75,.2,1),border-color .22s ease,box-shadow .22s ease,background .22s ease!important;
}
:root{--sidebar-open:260px}
.site-top-hub .account-button,.site-top-hub .site-login-button,.site-top-hub .theme-control{animation:common-hub-action-in .34s .07s cubic-bezier(.18,.78,.2,1) both}
@keyframes common-hub-action-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
html[data-theme="pearl"] .sidebar{color:#19151a!important;background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(255,255,255,.45)),rgba(242,237,243,.32)!important;border-color:rgba(72,52,62,.15)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.90),0 14px 36px rgba(62,46,55,.09)!important}
html[data-theme="pearl"] .metric-tabs button.active{color:#19151a!important}

/* Avoid a false "Войти" flash on legal pages while session state loads. */
.legal-page.account-pending .legal-account-button{opacity:0!important;transform:translateY(-4px)!important;pointer-events:none!important}
.legal-page .legal-account-button{transition:opacity .25s ease,transform .25s cubic-bezier(.18,.78,.2,1),border-color .2s ease,background .2s ease!important}
.legal-page:not(.account-pending) .legal-account-button{opacity:1;transform:none}


/* ============================================================
   V45 — FAQ top hub uses the same shell/actions as landing.
   No FAQ content/layout changes below the header.
   ============================================================ */
body[data-page="faq"] .faq-top-hub{
  width:min(var(--top-hub-width),calc(100% - 24px))!important;
  min-height:58px!important;
  margin:12px auto 0!important;
  padding:8px 10px 8px 13px!important;
  display:grid!important;
  grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr)!important;
  align-items:center!important;
  gap:24px!important;
  border:1px solid rgba(255,255,255,.105)!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.050),rgb(var(--theme-rgb)/.012)),rgba(8,9,12,.23)!important;
  -webkit-backdrop-filter:blur(16px) saturate(138%)!important;
  backdrop-filter:blur(16px) saturate(138%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 14px 38px rgba(0,0,0,.14)!important;
  overflow:visible!important;
}
body[data-page="faq"] .faq-top-hub .faq-home-identity{
  justify-self:start!important;
  margin:0!important;
  min-width:0;
  text-align:left!important;
  justify-items:start!important;
}
body[data-page="faq"] .faq-top-hub .faq-home-identity:hover{transform:translateX(-1px)!important}
body[data-page="faq"] .faq-hub-nav{
  justify-self:center;
  display:flex;
  align-items:center;
  gap:6px;
}
body[data-page="faq"] .faq-hub-nav a{
  padding:9px 12px;
  border:0;
  border-radius:11px;
  color:var(--muted);
  background:transparent;
  font-size:.72rem;
  transition:color .18s ease,background .18s ease,transform .18s ease;
}
body[data-page="faq"] .faq-hub-nav a:hover,
body[data-page="faq"] .faq-hub-nav a.active{
  color:var(--text);
  background:rgb(var(--theme-rgb)/.065);
}
body[data-page="faq"] .faq-hub-actions{
  justify-self:end!important;
  margin-left:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:7px!important;
}
body[data-page="faq"] .faq-top-hub .site-login-button{
  min-width:104px!important;
  min-height:42px!important;
  margin:0!important;
  padding:4px 12px 4px 4px!important;
  border-radius:14px!important;
}
body[data-page="faq"] .faq-top-hub .site-login-avatar{
  width:34px!important;
  height:34px!important;
  border-radius:11px!important;
}
body[data-page="faq"] .faq-top-hub .theme-trigger{
  min-height:40px!important;
  height:40px!important;
  width:auto!important;
  border-radius:12px!important;
}
html[data-theme="pearl"] body[data-page="faq"] .faq-top-hub{
  color:#181419!important;
  background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(255,255,255,.44)),rgba(242,237,243,.28)!important;
  border-color:rgba(68,48,59,.15)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.90),0 14px 38px rgba(58,42,51,.10)!important;
}
html[data-theme="pearl"] body[data-page="faq"] .faq-hub-nav a{color:rgba(24,20,25,.70)!important}
html[data-theme="pearl"] body[data-page="faq"] .faq-hub-nav a:hover,
html[data-theme="pearl"] body[data-page="faq"] .faq-hub-nav a.active{color:#181419!important;background:rgba(185,52,107,.075)!important}
@media(max-width:820px){
  body[data-page="faq"] .faq-top-hub{
    width:min(var(--top-hub-width),calc(100% - 18px))!important;
    margin-top:9px!important;
    padding:7px 8px!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:8px!important;
  }
  body[data-page="faq"] .faq-hub-nav{display:none!important}
  body[data-page="faq"] .faq-hub-actions{grid-column:2!important}
  body[data-page="faq"] .faq-top-hub .page-identity{display:grid!important}
  body[data-page="faq"] .faq-top-hub .site-login-label{display:none!important}
  body[data-page="faq"] .faq-top-hub .site-login-button{min-width:42px!important;width:42px!important;padding:4px!important}
}
@media(max-width:520px){
  body[data-page="faq"] .faq-top-hub .page-identity .overline{font-size:.49rem!important}
  body[data-page="faq"] .faq-top-hub .page-identity strong{font-size:.78rem!important}
}

/* ============================================================
   V49 — requested-only layout polish.
   ============================================================ */

/* One repeated upper-hub geometry everywhere. */
:root{--top-hub-width:1040px}
.site-top-hub{
  width:min(var(--top-hub-width),calc(100% - 16px))!important;
  min-height:58px!important;
  margin:8px auto 0!important;
  padding:8px 10px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:18px!important;
  overflow:visible!important;
}
.landing-shell{padding-top:8px!important}
.landing-nav.site-top-hub{margin-top:0!important}
.page-topbar.site-top-hub{top:8px!important;margin-top:8px!important}
.legal-page{padding-top:0!important}
.legal-topbar.site-top-hub{margin-top:8px!important}

.site-top-hub>.landing-logo,
.site-top-hub>.page-identity,
.site-top-hub>.legal-home,
.site-top-hub>.mobile-brand{grid-column:1!important;justify-self:start!important;margin:0!important}
.site-top-hub>.landing-nav-actions,
.site-top-hub>.topbar-actions{grid-column:3!important;justify-self:end!important;margin:0!important}
.site-top-hub>#accountButton,
.site-top-hub>.legal-account-button{grid-column:3!important;justify-self:end!important;margin:0!important}

.site-top-hub>nav,
.site-top-hub>.hub-center-nav,
.site-top-hub>.faq-hub-nav{
  grid-column:2!important;justify-self:center!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;margin:0!important;
}
.site-top-hub>nav a,
.site-top-hub>.hub-center-nav a,
.site-top-hub>.faq-hub-nav a{
  min-height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px!important;
  border:0!important;border-radius:11px!important;color:var(--muted)!important;background:transparent!important;
  font-size:.70rem!important;font-weight:650!important;line-height:1!important;
  transition:color .22s ease,background .22s ease,transform .24s cubic-bezier(.18,.76,.2,1)!important;
}
.site-top-hub>nav a:hover,
.site-top-hub>nav a.active,
.site-top-hub>.hub-center-nav a:hover,
.site-top-hub>.hub-center-nav a.active,
.site-top-hub>.faq-hub-nav a:hover,
.site-top-hub>.faq-hub-nav a.active{
  color:var(--text)!important;background:rgb(var(--theme-rgb)/.065)!important;transform:none!important;
}
.site-top-hub .topbar-actions,.site-top-hub .landing-nav-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important}
.site-top-hub .account-button,.site-top-hub .site-login-button{min-height:42px!important;margin:0!important}

/* FAQ identity remains left while using exactly the same three-column hub frame. */
body[data-page="faq"] .faq-top-hub{
  width:min(var(--top-hub-width),calc(100% - 16px))!important;
  min-height:58px!important;margin:8px auto 0!important;padding:8px 10px!important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;gap:18px!important;
}
body[data-page="faq"] .faq-top-hub .faq-home-identity{grid-column:1!important;justify-self:start!important}
body[data-page="faq"] .faq-top-hub .faq-hub-nav{grid-column:2!important;justify-self:center!important}
body[data-page="faq"] .faq-top-hub .faq-hub-actions{grid-column:3!important;justify-self:end!important;margin:0!important}

/* Remove the pulsing aura behind the shield; keep attacks and the shield itself. */
.landing-page .guardian-aura{display:none!important;animation:none!important}

/* The supplied logo has more visual mass on its right, so compensate optically inside the shield. */
.landing-page .guardian-logo{
  left:50%!important;top:50%!important;width:57px!important;height:65px!important;
  animation:guardian-logo-v49 2.8s ease-in-out infinite!important;
}
@keyframes guardian-logo-v49{
  0%,100%{opacity:.86;transform:translate(-55.6%,-50%) scale(.97)}
  50%{opacity:1;transform:translate(-55.6%,-50%) scale(1.025)}
}

/* Network drawers can stay open together and the document remains scrollable. */
.landing-page .network-floats{align-items:start!important}
.landing-page .network-float-body{overflow:hidden!important}
.landing-page .network-float.is-expanded .network-float-body{overflow:hidden!important}
.landing-page .network-list-inner{overflow:visible!important}

/* Softer background lights; they should fade without a visible edge. */
.background-glow{opacity:.105!important;filter:blur(124px)!important}

@media(max-width:820px){
  .site-top-hub,body[data-page="faq"] .faq-top-hub{
    width:min(var(--top-hub-width),calc(100% - 12px))!important;
    margin-top:6px!important;padding:7px 8px!important;
    grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;
  }
  .landing-shell{padding-top:6px!important}
  .landing-nav.site-top-hub{margin-top:0!important}
  .site-top-hub>nav,.site-top-hub>.hub-center-nav,.site-top-hub>.faq-hub-nav{display:none!important}
  .site-top-hub>.landing-nav-actions,.site-top-hub>.topbar-actions,.site-top-hub>#accountButton,.site-top-hub>.legal-account-button{grid-column:2!important}
  body[data-page="faq"] .faq-top-hub .faq-hub-actions{grid-column:2!important}
}


/* ============================================================
   V50 — stability pass. No layout jumps; V48 liquid material restored.
   ============================================================ */
/* FAQ grid must remain visible behind the glass. */
body[data-page="faq"]::after{
  content:""!important;position:fixed!important;inset:0!important;z-index:-1!important;pointer-events:none!important;opacity:1!important;
  background-image:linear-gradient(to right,rgba(255,255,255,.050) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.050) 1px,transparent 1px)!important;
  background-size:48px 48px!important;
  -webkit-mask-image:radial-gradient(circle at center,#000 18%,rgba(0,0,0,.92) 78%,transparent 100%)!important;
  mask-image:radial-gradient(circle at center,#000 18%,rgba(0,0,0,.92) 78%,transparent 100%)!important;
}
html[data-theme="pearl"] body[data-page="faq"]::after{background-image:linear-gradient(to right,rgba(45,35,42,.060) 1px,transparent 1px),linear-gradient(to bottom,rgba(45,35,42,.060) 1px,transparent 1px)!important}

/* Network cards never move on hover. This removes transform/levitation conflicts. */
.landing-page .network-float{animation:none!important;transform:none!important;will-change:auto!important;overflow-anchor:none!important;transition:border-color .30s ease,box-shadow .34s ease,background .34s ease!important}
.landing-page .network-float:hover{transform:none!important;border-color:rgb(var(--theme-rgb)/.20)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 13px 38px rgba(0,0,0,.16),0 0 24px rgb(var(--theme-rgb)/.045)!important}
.landing-page .network-floats{overflow-anchor:none!important}
.landing-page .network-summary{transition:background .28s ease,border-color .28s ease!important}
.landing-page .network-summary:hover{background:rgb(var(--theme-rgb)/.025)!important}
.landing-page .network-float-body{transition:grid-template-rows .42s cubic-bezier(.22,.72,.2,1),opacity .30s ease!important}
.landing-page .network-list-inner{transition:padding .42s cubic-bezier(.22,.72,.2,1)!important}
body.landing-page.network-panel-open{overflow-y:auto!important}

/* Same exact three-column geometry and same login control on every top hub. */
.site-top-hub{grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr)!important;gap:14px!important}
.site-top-hub>.page-identity,.site-top-hub>.landing-logo,.site-top-hub>.legal-home,.site-top-hub>.mobile-brand{grid-column:1!important;justify-self:start!important}
.site-top-hub>.hub-center-nav,.site-top-hub>.faq-hub-nav,.site-top-hub>nav:not(.topbar-actions){grid-column:2!important;justify-self:center!important}
.site-top-hub>.topbar-actions,.site-top-hub>.landing-nav-actions,.site-top-hub>.legal-top-actions{grid-column:3!important;justify-self:end!important;margin:0!important}
.site-top-hub .site-login-button{min-height:42px!important;height:42px!important;padding:4px 11px 4px 4px!important;border-radius:14px!important;gap:9px!important}
.site-top-hub .site-login-avatar{width:34px!important;height:34px!important;border-radius:10px!important}
.site-top-hub .site-login-label{font-size:.72rem!important;font-weight:760!important;white-space:nowrap!important}
.site-top-hub:hover{transform:none!important}

/* Theme picker: equal compact swatches, breathing room, centred check. */
.theme-popover{width:min(286px,calc(100vw - 18px))!important}
.theme-popover .theme-grid{gap:7px!important}
.theme-popover .theme-grid>button{min-height:48px!important;grid-template-columns:30px minmax(0,1fr)!important;gap:10px!important;padding:7px 30px 7px 8px!important;border-radius:13px!important}
.theme-popover .theme-swatch{width:30px!important;height:30px!important;border-radius:9px!important}
.theme-popover .theme-copy{padding-left:1px!important}
.theme-popover .theme-grid b{font-size:.65rem!important;line-height:1!important}
.theme-popover .theme-check{right:9px!important;top:50%!important;width:14px!important;height:14px!important;display:grid!important;place-items:center!important;transform:translateY(-50%) scale(.72)!important}
.theme-popover .theme-grid>button.active .theme-check{transform:translateY(-50%) scale(1)!important}
.theme-popover .theme-check svg{width:12px!important;height:12px!important}
.swatch-pearl{background:linear-gradient(135deg,#fff,#e8d4de 62%,#d94f83)!important}
.swatch-obsidian{background:linear-gradient(135deg,#d7dce6,#313742 58%,#090b0f)!important}

/* Floating purchase note drag target stays above the liquid decoration. */
.purchase-auto-note{touch-action:none!important}
.purchase-auto-handle{position:relative!important;z-index:4!important;pointer-events:auto!important;touch-action:none!important}
.purchase-auto-note.is-dragging{transform:none!important;transition:none!important;user-select:none!important}

/* Clear perimeter reflection on major liquid sheets only. No centre spotlight. */
.lg-major>.lg-specular-layer{
  background:linear-gradient(180deg,rgba(255,255,255,.30) 0,rgba(255,255,255,.11) 1px,transparent 15px),linear-gradient(110deg,rgba(255,255,255,.15),transparent 17%,transparent 75%,rgba(255,255,255,.045))!important;
  box-shadow:inset 1px 0 0 rgba(255,255,255,.065),inset -1px 0 0 rgba(255,255,255,.025),inset 0 -1px 0 rgba(255,255,255,.035)!important;
  opacity:.58!important;
}
[data-liquid-glass="control"]>.lg-specular-layer,[data-liquid-glass="field"]>.lg-specular-layer,.network-chip>.lg-specular-layer,.faq-item>.lg-specular-layer{display:none!important}

@media(max-width:820px){
  .site-top-hub{grid-template-columns:minmax(0,1fr) auto!important}
  .site-top-hub>.topbar-actions,.site-top-hub>.landing-nav-actions,.site-top-hub>.legal-top-actions{grid-column:2!important}
}

/* ============================================================
   V51 — UX consistency + purchase funnel + background stack.
   Only layout/navigation/CTA/background overrides live here.
   ============================================================ */
:root{--top-hub-width:1180px}

/* One repeated top hub. Left truly left, nav truly centered, actions truly right. */
.site-top-hub,
body[data-page="faq"] .faq-top-hub{
  width:min(var(--top-hub-width),calc(100% - 24px))!important;
  min-height:60px!important;
  margin:7px auto 0!important;
  padding:8px 10px 8px 12px!important;
  display:grid!important;
  grid-template-columns:minmax(260px,1fr) auto minmax(260px,1fr)!important;
  align-items:center!important;
  gap:16px!important;
  border-radius:19px!important;
  border-color:rgba(255,255,255,.13)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.048),rgb(var(--theme-rgb)/.010),rgba(255,255,255,.014)),rgba(8,9,12,.17)!important;
  -webkit-backdrop-filter:blur(14px) saturate(145%)!important;
  backdrop-filter:blur(14px) saturate(145%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.20),inset 0 -1px 0 rgba(255,255,255,.025),0 18px 65px rgba(0,0,0,.11),0 4px 18px rgba(0,0,0,.055)!important;
  transform:translate3d(0,0,0)!important;
  transition:border-color .28s ease,box-shadow .34s ease,background .34s ease,transform .34s cubic-bezier(.18,.76,.2,1)!important;
  will-change:transform;
}
.site-top-hub:hover,body[data-page="faq"] .faq-top-hub:hover{
  transform:translate3d(0,-1px,0)!important;
  border-color:rgba(255,255,255,.17)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25),inset 0 -1px 0 rgba(255,255,255,.03),0 23px 80px rgba(0,0,0,.12),0 7px 24px rgb(var(--theme-rgb)/.025)!important;
}
.landing-shell{padding-top:6px!important}.landing-nav.site-top-hub{margin-top:0!important}.page-topbar.site-top-hub{top:7px!important;margin-top:7px!important}
.site-top-hub>.landing-logo,.site-top-hub>.page-identity,.site-top-hub>.legal-home,.site-top-hub>.mobile-brand,body[data-page="faq"] .faq-top-hub .faq-home-identity{grid-column:1!important;justify-self:start!important;margin:0!important;text-align:left!important}
.site-top-hub>nav,.site-top-hub>.hub-center-nav,.site-top-hub>.faq-hub-nav,body[data-page="faq"] .faq-top-hub .faq-hub-nav{grid-column:2!important;justify-self:center!important;margin:0!important;display:flex!important;align-items:center!important;gap:4px!important}
.site-top-hub>.topbar-actions,.site-top-hub>.landing-nav-actions,.site-top-hub>.legal-top-actions,body[data-page="faq"] .faq-top-hub .faq-hub-actions{grid-column:3!important;justify-self:end!important;margin:0!important;display:flex!important;align-items:center!important;gap:7px!important}
.site-top-hub>nav a,.site-top-hub>.hub-center-nav a,.site-top-hub>.faq-hub-nav a{min-height:36px!important;padding:0 11px!important;border-radius:11px!important;font-size:.68rem!important}
.site-top-hub .hub-home-link{color:var(--primary)!important}.site-top-hub .hub-home-link.active{background:rgb(var(--theme-rgb)/.075)!important}

/* Exactly one guest/login component everywhere. */
.site-top-hub .site-login-button,.site-top-hub .account-button{
  min-width:112px!important;width:auto!important;height:42px!important;min-height:42px!important;padding:4px 11px 4px 4px!important;gap:9px!important;border-radius:14px!important;justify-content:flex-start!important;
  -webkit-backdrop-filter:blur(9px) saturate(138%)!important;backdrop-filter:blur(9px) saturate(138%)!important;
}
.site-top-hub .site-login-avatar,.site-top-hub .account-button .avatar{width:34px!important;height:34px!important;border-radius:10px!important;flex:0 0 34px!important}
.site-login-avatar.guest-logo::before,.account-button .avatar.guest-logo::before{inset:6px!important;transform:translateX(-1px)!important}
body[data-page="faq"] .faq-top-hub .site-login-button,body[data-page="faq"] .faq-top-hub .site-login-avatar{min-width:112px!important;width:auto!important;height:42px!important}

/* Purchase funnel must visually invite the click. */
.landing-buy,#buyButton,.hero-actions .btn.primary[href="#tariff"]{
  position:relative!important;overflow:hidden!important;
  border-color:rgba(255,255,255,.28)!important;
  color:var(--theme-button-text)!important;
  background:linear-gradient(105deg,color-mix(in srgb,var(--theme-button-start),#fff 18%),var(--theme-button-start) 34%,var(--theme-button-end))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72),inset 0 -1px 0 rgb(var(--theme-rgb-2)/.15),0 14px 34px rgb(var(--theme-rgb)/.20),0 0 38px rgb(var(--theme-rgb)/.11)!important;
  transition:transform .26s cubic-bezier(.18,.78,.2,1),box-shadow .30s ease,filter .30s ease!important;
}
.landing-buy::after,#buyButton::after,.hero-actions .btn.primary[href="#tariff"]::after{content:"";position:absolute;inset:-2px;background:linear-gradient(115deg,transparent 18%,rgba(255,255,255,.42) 43%,transparent 66%);transform:translateX(-130%);animation:purchase-shine 4.6s ease-in-out infinite;pointer-events:none}
.landing-buy:hover,#buyButton:hover,.hero-actions .btn.primary[href="#tariff"]:hover{transform:translateY(-2px)!important;filter:saturate(1.08) brightness(1.04);box-shadow:inset 0 1px 0 rgba(255,255,255,.80),0 18px 46px rgb(var(--theme-rgb)/.26),0 0 48px rgb(var(--theme-rgb)/.14)!important}
@keyframes purchase-shine{0%,68%,100%{transform:translateX(-130%)}80%{transform:translateX(135%)}}

/* FAQ's grid is intentionally visible and all decorative blobs live below it. */
body[data-page="faq"]::before{opacity:1!important;background-image:linear-gradient(to right,rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.045) 1px,transparent 1px)!important;background-size:48px 48px!important}
body[data-page="faq"]::after{opacity:.74!important;background-image:linear-gradient(to right,rgba(255,177,196,.025) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,177,196,.025) 1px,transparent 1px)!important;background-size:192px 192px!important}

/* Keep the first-purchase note actually draggable. */
.purchase-auto-note.is-dragging{animation:none!important;transform:none!important;cursor:grabbing!important;will-change:left,top!important}
.purchase-auto-handle{cursor:grab!important}.purchase-auto-note.is-dragging .purchase-auto-handle{cursor:grabbing!important}

/* Major glass gets a clean perimeter glint. Nested cards stay simple glass. */
.lg-major>.lg-specular-layer{background:linear-gradient(180deg,rgba(255,255,255,.36) 0,rgba(255,255,255,.13) 1px,transparent 16px),linear-gradient(108deg,rgba(255,255,255,.17),transparent 14%,transparent 82%,rgba(255,255,255,.06))!important;box-shadow:inset 1px 0 0 rgba(255,255,255,.075),inset -1px 0 0 rgba(255,255,255,.03),inset 0 -1px 0 rgba(255,255,255,.04)!important;opacity:.69!important}
.faq-item>.lg-specular-layer,.faq-start-grid article>.lg-specular-layer,.network-chip>.lg-specular-layer,.period-card>.lg-specular-layer,.choice>.lg-specular-layer{display:none!important}

html[data-theme="pearl"] .site-top-hub{background:linear-gradient(145deg,rgba(255,255,255,.66),rgba(255,255,255,.42))!important;border-color:rgba(59,45,55,.11)!important;box-shadow:inset 0 1px 0 #fff,0 18px 60px rgba(62,48,58,.09)!important}
@media(max-width:900px){.site-top-hub,body[data-page="faq"] .faq-top-hub{grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important}.site-top-hub>nav,.site-top-hub>.hub-center-nav,.site-top-hub>.faq-hub-nav{display:none!important}.site-top-hub>.topbar-actions,.site-top-hub>.landing-nav-actions,.site-top-hub>.legal-top-actions,body[data-page="faq"] .faq-top-hub .faq-hub-actions{grid-column:2!important}.site-top-hub .site-login-button,.site-top-hub .account-button,body[data-page="faq"] .faq-top-hub .site-login-button{min-width:42px!important;width:42px!important;padding:4px!important}.site-top-hub .site-login-label{display:none!important}}
@media(prefers-reduced-motion:reduce){.landing-buy::after,#buyButton::after,.hero-actions .btn.primary[href="#tariff"]::after{animation:none!important}.site-top-hub:hover{transform:none!important}}


/* ============================================================
   V52 — FAQ top hub surgical fix only.
   ============================================================ */
body[data-page="faq"] .faq-top-hub{
  width:calc(100% - 24px)!important;
  max-width:none!important;
  min-height:60px!important;
  margin:7px 12px 0!important;
  padding:8px 8px 8px 12px!important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
  gap:12px!important;
}
body[data-page="faq"] .faq-top-hub .faq-home-identity{
  grid-column:1!important;
  justify-self:start!important;
  align-self:center!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  text-align:left!important;
}
body[data-page="faq"] .faq-top-hub .faq-home-identity:hover{transform:none!important;opacity:.92!important}
body[data-page="faq"] .faq-top-hub .faq-hub-nav{
  grid-column:2!important;
  justify-self:center!important;
  margin:0!important;
}
body[data-page="faq"] .faq-top-hub .faq-hub-actions{
  grid-column:3!important;
  justify-self:end!important;
  width:max-content!important;
  margin:0!important;
  padding:0!important;
}
body[data-page="faq"] .faq-top-hub .site-login-button{
  min-width:112px!important;
  width:auto!important;
  height:42px!important;
  min-height:42px!important;
  padding:4px 11px 4px 4px!important;
  gap:9px!important;
  justify-content:flex-start!important;
}
/* Critical V51 regression: never let FAQ avatar inherit the login button width. */
body[data-page="faq"] .faq-top-hub .site-login-avatar{
  min-width:34px!important;
  width:34px!important;
  max-width:34px!important;
  height:34px!important;
  min-height:34px!important;
  flex:0 0 34px!important;
  padding:0!important;
  border-radius:10px!important;
}
body[data-page="faq"] .faq-top-hub .site-login-label{
  display:inline!important;
  white-space:nowrap!important;
}
@media(max-width:900px){
  body[data-page="faq"] .faq-top-hub{width:calc(100% - 12px)!important;margin:6px 6px 0!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important}
  body[data-page="faq"] .faq-top-hub .faq-hub-nav{display:none!important}
  body[data-page="faq"] .faq-top-hub .faq-hub-actions{grid-column:2!important}
  body[data-page="faq"] .faq-top-hub .site-login-button{min-width:42px!important;width:42px!important;padding:4px!important}
  body[data-page="faq"] .faq-top-hub .site-login-label{display:none!important}
}


/* ============================================================
   V53 — FAQ hub left identity matches the shared hub component.
   ============================================================ */
body[data-page="faq"] .faq-top-hub{
  min-height:58px!important;
  padding:7px 8px!important;
}
body[data-page="faq"] .faq-top-hub .faq-home-identity{
  min-width:0!important;
  height:44px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:0 4px 0 0!important;
  line-height:1!important;
}
body[data-page="faq"] .faq-top-hub .faq-hub-mark{
  width:42px!important;
  height:42px!important;
  flex:0 0 42px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgb(var(--theme-rgb)/.20)!important;
  border-radius:13px!important;
  color:var(--primary)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.07),rgb(var(--theme-rgb)/.045))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 8px 22px rgb(var(--theme-rgb)/.055)!important;
}
body[data-page="faq"] .faq-top-hub .faq-hub-mark .ui-icon{width:18px!important;height:18px!important}
body[data-page="faq"] .faq-top-hub .faq-hub-copy{display:grid!important;gap:3px!important;min-width:0!important}
body[data-page="faq"] .faq-top-hub .faq-hub-copy .overline{
  margin:0!important;
  font-size:.49rem!important;
  line-height:1!important;
  letter-spacing:.12em!important;
}
body[data-page="faq"] .faq-top-hub .faq-hub-copy strong{
  margin:0!important;
  font-size:.78rem!important;
  line-height:1.08!important;
  white-space:nowrap!important;
}
body[data-page="faq"] .faq-top-hub .faq-hub-actions{padding-right:0!important}
body[data-page="faq"] .faq-top-hub .site-login-button{margin-right:0!important}
@media(max-width:640px){
  body[data-page="faq"] .faq-top-hub .faq-hub-mark{width:38px!important;height:38px!important;flex-basis:38px!important}
  body[data-page="faq"] .faq-top-hub .faq-hub-copy .overline{display:none!important}
  body[data-page="faq"] .faq-top-hub .faq-hub-copy strong{font-size:.72rem!important}
}


/* V57 — combined appearance control, brighter glass, FAQ top hub trim, brighter purchase CTA. */
.glass-panel,.glass-card,.glass-mini,.theme-popover,.site-top-hub{
  border-color:rgba(255,255,255,.14)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(255,255,255,.04),0 14px 42px rgba(0,0,0,.16)!important;
}
html[data-theme="pearl"] .glass-panel,html[data-theme="pearl"] .glass-card,html[data-theme="pearl"] .glass-mini,html[data-theme="pearl"] .theme-popover,html[data-theme="pearl"] .site-top-hub{
  border-color:rgba(86,69,79,.14)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92),inset 0 -1px 0 rgba(255,255,255,.38),0 14px 36px rgba(61,46,57,.10)!important;
}
.site-top-hub .theme-trigger{
  width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;padding:0!important;border-radius:13px!important;
}
.appearance-popover{width:min(420px,calc(100vw - 22px))!important;padding:14px!important}
.appearance-divider{display:flex;align-items:center;gap:10px;margin:8px 0 10px;color:var(--muted-2);font-family:ui-monospace,monospace;font-size:.56rem;font-weight:780;letter-spacing:.14em;text-transform:uppercase}
.appearance-divider::before,.appearance-divider::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent)}
.theme-divider{margin-top:12px}
.appearance-popover .theme-grid,.appearance-popover .shader-grid{grid-template-columns:1fr 1fr!important}
.appearance-popover .theme-grid>button,.appearance-popover .shader-choice{min-height:58px!important;border-radius:15px!important}
.appearance-popover .theme-grid>button{grid-template-columns:40px minmax(0,1fr) 18px!important;padding:9px 10px!important}
.appearance-popover .theme-grid b{font-size:.72rem!important}
.appearance-popover .theme-grid small{font-size:.56rem!important}
.appearance-popover .theme-swatch{width:38px!important;height:38px!important}
@media(max-width:560px){.appearance-popover .theme-grid,.appearance-popover .shader-grid{grid-template-columns:1fr!important}}

body.shader-active::before,body.shader-active::after{opacity:0!important;visibility:hidden!important}
body.shader-off::before,body.shader-off::after{visibility:visible!important}

body[data-page="faq"] .faq-top-hub{
  width:calc(100% - 8px)!important;
  margin:4px 4px 0!important;
  top:4px!important;
  min-height:54px!important;
  padding:6px 10px!important;
  gap:8px!important;
  border-radius:18px!important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
}
body[data-page="faq"] .faq-top-hub .faq-home-identity{padding-left:2px!important}
body[data-page="faq"] .faq-top-hub .faq-hub-mark{width:38px!important;height:38px!important;border-radius:12px!important}
body[data-page="faq"] .faq-top-hub .page-identity strong{margin-top:2px!important;font-size:.78rem!important}
body[data-page="faq"] .faq-top-hub .overline{font-size:.49rem!important;letter-spacing:.15em!important}
body[data-page="faq"] .faq-top-hub .faq-hub-nav{gap:4px!important}
body[data-page="faq"] .faq-top-hub .faq-hub-nav a{min-height:30px!important;padding:0 9px!important;border-radius:10px!important;font-size:.63rem!important}
body[data-page="faq"] .faq-top-hub .faq-hub-actions{justify-self:end!important;margin-right:-2px!important;gap:6px!important}
body[data-page="faq"] .faq-top-hub .site-login-button{min-height:38px!important;height:38px!important}
body[data-page="faq"] .faq-top-hub .theme-trigger{width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;border-radius:12px!important}
@media(max-width:900px){body[data-page="faq"] .faq-top-hub{grid-template-columns:minmax(0,1fr) auto!important}}

.landing-page .landing-buy,#buyButton,.hero-actions .btn.primary[href="#tariff"]{
  color:#fff!important;
  border-color:rgba(255,194,217,.42)!important;
  background:linear-gradient(108deg,#ffb8cf 0%,#ff7dae 52%,#cf4f86 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.78),0 18px 44px rgba(255,98,159,.28),0 0 22px rgba(255,110,170,.14)!important;
}
.landing-page .landing-buy:hover,#buyButton:hover,.hero-actions .btn.primary[href="#tariff"]:hover{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.86),0 22px 52px rgba(255,98,159,.33),0 0 30px rgba(255,110,170,.18)!important;
  filter:brightness(1.06) saturate(1.05)!important;
}


/* V58 — focused UX fixes: FAQ answers, draggable first-purchase note, tariff cards and legal nav. */
/* FAQ answer: readable nested glass sheet instead of a long raw text strip. */
body[data-page="faq"] .faq-item.open{
  border-color:rgb(var(--theme-rgb)/.24)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgb(var(--theme-rgb)/.018)),rgba(8,10,14,.30)!important;
}
body[data-page="faq"] .faq-item.open .faq-question{
  border-bottom:1px solid rgba(255,255,255,.065)!important;
  background:linear-gradient(90deg,rgb(var(--theme-rgb)/.04),transparent 58%)!important;
}
body[data-page="faq"] .faq-answer>div{padding:0 14px 14px!important}
body[data-page="faq"] .answer{
  max-width:none!important;
  margin:14px 0 0!important;
  padding:16px 18px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:14px!important;
  color:var(--muted)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.052),rgb(var(--theme-rgb)/.014)),rgba(6,8,12,.18)!important;
  -webkit-backdrop-filter:blur(12px) saturate(125%)!important;
  backdrop-filter:blur(12px) saturate(125%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
  font-size:.78rem!important;
  line-height:1.72!important;
}
body[data-page="faq"] .answer p{max-width:110ch;margin:0 0 12px!important}
body[data-page="faq"] .answer p:last-child{margin-bottom:0!important}
body[data-page="faq"] .answer ol,body[data-page="faq"] .answer ul{max-width:105ch;margin:10px 0 12px!important;padding-left:22px!important}
body[data-page="faq"] .answer li{margin:7px 0!important;padding-left:2px}
body[data-page="faq"] .answer b{color:var(--text)!important;font-weight:780}
html[data-theme="pearl"] body[data-page="faq"] .faq-item.open .faq-question{border-bottom-color:rgba(62,47,57,.10)!important}
html[data-theme="pearl"] body[data-page="faq"] .answer{color:rgba(25,21,26,.76)!important;background:rgba(255,255,255,.48)!important;border-color:rgba(72,52,62,.13)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.84)!important}
@media(max-width:820px){body[data-page="faq"] .faq-answer>div{padding:0 9px 9px!important}body[data-page="faq"] .answer{margin-top:9px!important;padding:13px 14px!important;line-height:1.65!important}}

/* First-purchase card: whole surface drags, no initial jump; handle is smaller and closer to top. */
.purchase-auto-note{cursor:grab!important;touch-action:none!important;user-select:none!important;padding-top:20px!important}
.purchase-auto-note:active,.purchase-auto-note.is-dragging{cursor:grabbing!important}
.purchase-auto-handle{
  position:absolute!important;z-index:5!important;left:0!important;right:0!important;top:3px!important;
  width:100%!important;height:12px!important;display:grid!important;place-items:start center!important;padding:2px 0 0!important;
  pointer-events:none!important;cursor:inherit!important;
}
.purchase-auto-handle span{width:44px!important;height:4px!important;background:rgba(255,255,255,.20)!important;box-shadow:none!important}
.purchase-auto-note.is-dragging{animation:none!important;transform:none!important;transition:none!important;will-change:left,top!important}
.purchase-auto-row{pointer-events:none!important}
html[data-theme="pearl"] .purchase-auto-handle span{background:rgba(43,32,40,.20)!important}

/* Tariff cards: days sit beside the human period label; popular badge never covers text. */
.period-card{align-content:center!important;gap:7px!important;padding:12px 14px!important}
.period-card .period-name{display:flex!important;align-items:center!important;gap:6px!important;min-width:0;color:var(--muted-2)!important;line-height:1.2!important}
.period-card .period-name>span{display:inline!important;color:var(--muted)!important;font-size:.58rem!important;white-space:nowrap!important}
.period-card.has-popular{padding-top:31px!important}
.period-card .popular{left:12px!important;right:auto!important;top:8px!important;padding:3px 7px!important;border-radius:7px!important;font-size:.48rem!important;line-height:1.25!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.26)!important}
.period-card b{line-height:1!important}

/* Checkout facts are glass, not an opaque grey slab. */
.checkout-details{
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgb(var(--theme-rgb)/.014)),rgba(7,9,13,.18)!important;
  border-color:rgba(255,255,255,.10)!important;
  -webkit-backdrop-filter:blur(16px) saturate(132%)!important;
  backdrop-filter:blur(16px) saturate(132%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 10px 26px rgba(0,0,0,.10)!important;
}
.checkout-details>div{background:rgba(255,255,255,.018)!important}
.checkout-details>div+div{border-top-color:rgba(255,255,255,.07)!important}
html[data-theme="pearl"] .checkout-details{background:rgba(255,255,255,.42)!important;border-color:rgba(72,52,62,.13)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 9px 20px rgba(60,45,54,.06)!important}
html[data-theme="pearl"] .checkout-details>div{background:rgba(255,255,255,.16)!important}
html[data-theme="pearl"] .checkout-details>div+div{border-top-color:rgba(72,52,62,.09)!important}

/* Only the actually active top-nav entry uses the accent. Legal pages no longer fake-select Home. */
.site-top-hub .hub-home-link:not(.active){color:var(--muted)!important}
.site-top-hub nav a.active{color:var(--primary)!important;background:rgb(var(--theme-rgb)/.075)!important}
.legal-hub nav a.active{border-color:rgb(var(--theme-rgb)/.22)!important;background:rgb(var(--theme-rgb)/.075)!important;color:var(--text)!important}


/* V59 — clear glass, compact appearance, stable drag and clean tariff/network layout. */
/* Clear glass: remove the grey slab, keep refraction/blur and brighter glass edges. */
.glass-panel,.glass-card,.glass-mini,.site-top-hub,.theme-popover,.purchase-auto-note,.faq-item,.faq-tools,.checkout-card,.configurator{
  background:linear-gradient(145deg,rgba(255,255,255,.070),rgb(var(--theme-rgb)/.018)),rgba(3,5,9,.105)!important;
  border-color:rgba(255,255,255,.145)!important;
  -webkit-backdrop-filter:blur(14px) saturate(142%)!important;
  backdrop-filter:blur(14px) saturate(142%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25),inset 0 -1px 0 rgba(255,255,255,.045),0 15px 42px rgba(0,0,0,.14)!important;
}
.lg-major>.lg-specular-layer{
  background:linear-gradient(180deg,rgba(255,255,255,.46) 0,rgba(255,255,255,.16) 1px,transparent 15px),linear-gradient(108deg,rgba(255,255,255,.20),transparent 13%,transparent 83%,rgba(255,255,255,.075))!important;
  opacity:.76!important;
}
html[data-theme="pearl"] .glass-panel,html[data-theme="pearl"] .glass-card,html[data-theme="pearl"] .glass-mini,html[data-theme="pearl"] .site-top-hub,html[data-theme="pearl"] .theme-popover{
  background:linear-gradient(145deg,rgba(255,255,255,.54),rgba(255,255,255,.32))!important;
  border-color:rgba(65,49,59,.13)!important;
}

/* Country/bypass drawers: no extra separator, no nested panel sheet. */
.landing-page .network-float>.lg-specular-layer{display:none!important}
.landing-page .network-float-body,.landing-page .network-float.is-expanded .network-float-body{
  border:0!important;background:transparent!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}
.landing-page .network-float-body::before,.landing-page .network-float-body::after,.landing-page .network-list-inner::before,.landing-page .network-list-inner::after{content:none!important;display:none!important}
.landing-page .network-summary{border-bottom:0!important;box-shadow:none!important}
.landing-page .network-list-inner{border:0!important;background:transparent!important}
.landing-page .network-chip{
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgb(var(--theme-rgb)/.012)),rgba(2,4,8,.07)!important;
  border-color:rgba(255,255,255,.105)!important;
  -webkit-backdrop-filter:blur(8px) saturate(132%)!important;backdrop-filter:blur(8px) saturate(132%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.105)!important;
}

/* One compact appearance panel. The page itself never blurs while it is open. */
.theme-popover-backdrop{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;opacity:1!important}
.appearance-popover{width:min(330px,calc(100vw - 18px))!important;max-height:min(78vh,520px)!important;padding:10px!important;border-radius:16px!important}
.appearance-popover .theme-popover-head{margin-bottom:7px!important}
.appearance-popover .theme-popover-head small{display:none!important}
.appearance-divider{margin:5px 0 7px!important;font-size:.5rem!important;gap:7px!important}
.appearance-popover .combined-shader-grid{grid-template-columns:1fr!important;gap:5px!important}
.appearance-popover [data-shader-grid] .shader-choice{min-height:42px!important;grid-template-columns:28px minmax(0,1fr) 18px!important;padding:5px 7px!important;border-radius:11px!important;position:relative!important}
.appearance-popover [data-shader-grid] .shader-preview{width:28px!important;height:28px!important;border-radius:8px!important}
.appearance-popover [data-shader-grid] .shader-choice b{font-size:.62rem!important}
.appearance-popover [data-shader-grid] .shader-choice::after{content:"";width:15px;height:15px;display:grid;place-items:center;justify-self:end;border:1px solid rgba(255,255,255,.11);border-radius:50%;color:#fff;font-size:.58rem;font-weight:900;background:rgba(255,255,255,.025)}
.appearance-popover [data-shader-grid] .shader-choice.active::after{content:"✓";border-color:rgb(var(--theme-rgb)/.52);background:rgb(var(--theme-rgb)/.30);box-shadow:0 0 12px rgb(var(--theme-rgb)/.18)}
.appearance-popover .combined-shader-intensity{margin-top:5px!important;padding-top:2px!important;font-size:.5rem!important;gap:7px!important}
.appearance-popover .theme-divider{margin-top:7px!important}
.appearance-popover .theme-grid{grid-template-columns:1fr 1fr!important;gap:5px!important}
.appearance-popover .theme-grid>button{min-height:44px!important;grid-template-columns:29px minmax(0,1fr) 15px!important;gap:7px!important;padding:5px 7px!important;border-radius:11px!important}
.appearance-popover .theme-swatch{width:29px!important;height:29px!important;border-radius:8px!important}
.appearance-popover .theme-grid b{font-size:.61rem!important}
.appearance-popover .theme-check{right:7px!important;width:15px!important;height:15px!important;opacity:.30!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:50%!important}
.appearance-popover .theme-grid>button.active{border-color:rgb(var(--theme-rgb)/.38)!important;background:rgb(var(--theme-rgb)/.075)!important;box-shadow:inset 0 0 0 1px rgb(var(--theme-rgb)/.10)!important}
.appearance-popover .theme-grid>button.active .theme-check{opacity:1!important;background:rgb(var(--theme-rgb)/.16)!important}
@media(max-width:520px){.appearance-popover .theme-grid{grid-template-columns:1fr 1fr!important}}

/* FAQ top hub: truly compact desktop strip instead of a full-width banner. */
@media(min-width:901px){
  body[data-page="faq"] .faq-top-hub{
    width:min(760px,calc(100% - 16px))!important;max-width:760px!important;min-height:48px!important;height:48px!important;
    margin:4px auto 0!important;top:4px!important;padding:4px 5px!important;gap:7px!important;border-radius:15px!important;
    grid-template-columns:minmax(170px,1fr) auto minmax(170px,1fr)!important;
  }
  body[data-page="faq"] .faq-top-hub .faq-home-identity{height:38px!important;gap:7px!important;padding:0!important}
  body[data-page="faq"] .faq-top-hub .faq-hub-mark{width:34px!important;height:34px!important;flex:0 0 34px!important;border-radius:10px!important}
  body[data-page="faq"] .faq-top-hub .faq-hub-copy{gap:2px!important}
  body[data-page="faq"] .faq-top-hub .faq-hub-copy .overline{font-size:.43rem!important}
  body[data-page="faq"] .faq-top-hub .faq-hub-copy strong{font-size:.68rem!important}
  body[data-page="faq"] .faq-top-hub .faq-hub-nav a{min-height:28px!important;padding:0 8px!important;font-size:.58rem!important;border-radius:9px!important}
  body[data-page="faq"] .faq-top-hub .faq-hub-actions{gap:5px!important;margin:0!important;justify-self:end!important}
  body[data-page="faq"] .faq-top-hub .theme-trigger{width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;border-radius:10px!important}
  body[data-page="faq"] .faq-top-hub .site-login-button{height:36px!important;min-height:36px!important;padding:3px 9px 3px 3px!important;gap:7px!important;border-radius:11px!important}
  body[data-page="faq"] .faq-top-hub .site-login-avatar{width:30px!important;min-width:30px!important;max-width:30px!important;height:30px!important;min-height:30px!important;flex-basis:30px!important;border-radius:9px!important}
  body[data-page="faq"] .faq-top-hub .site-login-label{font-size:.62rem!important}
}

/* First purchase notice: zero levitation while draggable, exact cursor-relative movement. */
.purchase-auto-note,.purchase-auto-note:hover,.purchase-auto-note:active{
  animation:none!important;transform:none!important;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease!important;
  cursor:grab!important;touch-action:none!important;
}
.purchase-auto-note.is-dragging{animation:none!important;transform:none!important;transition:none!important;cursor:grabbing!important}
.purchase-auto-handle{top:2px!important;height:10px!important;padding-top:1px!important}
.purchase-auto-handle span{width:34px!important;height:3px!important;opacity:.76!important}

/* Tariff period cards: one baseline, no overlaps, obvious selected state. */
.period-grid{align-items:stretch!important}
.period-card{
  min-height:104px!important;height:104px!important;display:grid!important;grid-template-rows:auto 1fr auto!important;align-content:stretch!important;gap:6px!important;
  padding:11px 12px!important;overflow:hidden!important;transform:none!important;
}
.period-card:hover{transform:none!important}
.period-card .period-copy{display:grid!important;align-content:start!important;gap:2px!important;min-width:0!important;padding-right:0!important}
.period-card .period-name{display:block!important;color:var(--muted)!important;font-size:.62rem!important;line-height:1.1!important;white-space:nowrap!important}
.period-card .period-days{display:block!important;color:var(--muted-2)!important;font-size:.54rem!important;line-height:1.1!important;white-space:nowrap!important}
.period-card .period-price{align-self:end!important;font-size:1.05rem!important;line-height:1!important}
.period-card.has-popular{padding-top:11px!important}
.period-card .popular{left:auto!important;right:9px!important;top:8px!important;max-width:70px!important;padding:2px 6px!important;font-size:.44rem!important;line-height:1.2!important;border-radius:6px!important}
.period-card.has-popular .period-copy{padding-right:66px!important}
.period-card .period-selected{position:absolute!important;right:9px!important;bottom:8px!important;width:18px!important;height:18px!important;display:grid!important;place-items:center!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:50%!important;color:transparent!important;background:rgba(255,255,255,.025)!important;font-size:.62rem!important;font-weight:900!important;transition:.18s ease!important}
.period-card.active{border-color:rgb(var(--theme-rgb)/.52)!important;background:linear-gradient(145deg,rgb(var(--theme-rgb)/.12),rgb(var(--theme-rgb-2)/.025)),rgba(3,5,9,.10)!important;box-shadow:inset 0 0 0 1px rgb(var(--theme-rgb)/.16),inset 0 1px 0 rgba(255,255,255,.16),0 9px 24px rgb(var(--theme-rgb)/.08)!important}
.period-card.active .period-selected{color:#fff!important;border-color:rgb(var(--theme-rgb)/.55)!important;background:rgb(var(--theme-rgb)/.46)!important;box-shadow:0 0 13px rgb(var(--theme-rgb)/.22)!important}
@media(max-width:520px){.period-card{height:98px!important;min-height:98px!important}}


/* ============================================================
   V60 — polish fixes requested after QA
   ============================================================ */

/* Theme picker: no backdrop blur/wash behind the page when opening appearance picker. */
.theme-wash,
.theme-wash.active{
  opacity:0!important;
  animation:none!important;
}
.theme-popover-backdrop,
.theme-popover-backdrop.open,
.theme-popover-backdrop.shown{
  background:transparent!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  opacity:1!important;
}
.theme-popover,
.appearance-popover,
.appearance-popover.theme-popover,
[data-theme-popover],
[data-appearance-popover]{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

/* FAQ top hub: make the whole header compact and stop the oversized FAQ tab look. */
body[data-page="faq"] .faq-top-hub{
  width:min(900px,calc(100% - 24px))!important;
  min-height:58px!important;
  margin:8px auto 0!important;
  padding:9px 14px!important;
  grid-template-columns:auto 1fr auto!important;
  gap:12px!important;
  border-radius:18px!important;
}
body[data-page="faq"] .faq-top-hub .faq-home-identity{
  height:40px!important;
  gap:8px!important;
  padding:0!important;
}
body[data-page="faq"] .faq-top-hub .faq-hub-mark{
  width:36px!important;
  height:36px!important;
  flex:0 0 36px!important;
  border-radius:11px!important;
}
body[data-page="faq"] .faq-top-hub .faq-hub-copy .overline{
  font-size:.44rem!important;
}
body[data-page="faq"] .faq-top-hub .faq-hub-copy strong{
  font-size:.72rem!important;
}
body[data-page="faq"] .faq-top-hub .faq-hub-nav{
  gap:4px!important;
}
body[data-page="faq"] .faq-top-hub .faq-hub-nav a{
  min-height:30px!important;
  padding:0 10px!important;
  border-radius:10px!important;
  font-size:.61rem!important;
}
body[data-page="faq"] .faq-top-hub .faq-hub-nav a.active{
  color:var(--text)!important;
  background:rgb(var(--theme-rgb)/.09)!important;
  border-color:rgb(var(--theme-rgb)/.20)!important;
  box-shadow:none!important;
}
body[data-page="faq"] .faq-top-hub .theme-trigger,
body[data-page="faq"] .faq-top-hub .site-login-button{
  height:38px!important;
  min-height:38px!important;
  border-radius:12px!important;
}
@media(max-width:900px){
  body[data-page="faq"] .faq-top-hub{
    width:calc(100% - 12px)!important;
    margin:6px 6px 0!important;
    padding:8px 10px!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:8px!important;
  }
  body[data-page="faq"] .faq-top-hub .faq-hub-nav{display:none!important}
}

/* FAQ search: only one clear icon, no native search cancel button, and slash hint hides while typing. */
.faq-search-main{
  gap:2px!important;
}
.faq-search-main input[type="search"]::-webkit-search-decoration,
.faq-search-main input[type="search"]::-webkit-search-cancel-button,
.faq-search-main input[type="search"]::-webkit-search-results-button,
.faq-search-main input[type="search"]::-webkit-search-results-decoration{
  -webkit-appearance:none!important;
  appearance:none!important;
  display:none!important;
}
.faq-search-main button{
  opacity:0!important;
  pointer-events:none!important;
  transition:opacity .18s ease!important;
}
.faq-search-main.has-value button{
  opacity:1!important;
  pointer-events:auto!important;
}
.faq-search-main.has-value kbd{
  display:none!important;
}

/* FAQ cards: remove the stray lower strip and keep a cleaner closed/open state. */
body[data-page="faq"] .faq-item{
  overflow:hidden!important;
  border-color:rgba(255,255,255,.075)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.045),rgb(var(--theme-rgb)/.010)),rgba(6,9,13,.22)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 26px rgba(0,0,0,.15)!important;
}
body[data-page="faq"] .faq-item::before,
body[data-page="faq"] .faq-item::after{
  content:none!important;
  display:none!important;
}
body[data-page="faq"] .faq-question{
  background:transparent!important;
  border-bottom:0!important;
}
body[data-page="faq"] .faq-item.open .faq-question{
  border-bottom:1px solid rgba(255,255,255,.06)!important;
}
body[data-page="faq"] .faq-answer>div{
  padding:0 12px 12px!important;
}

/* Primary buy CTAs: calmer glow, theme-tinted gradient, no black text on dark themes. */
.landing-buy,
#buyButton,
.hero-actions .btn.primary[href="#tariff"]{
  color:#f9fbff!important;
  border-color:rgb(var(--theme-rgb)/.22)!important;
  background:linear-gradient(105deg,
    color-mix(in srgb,rgb(var(--theme-rgb)) 78%, white 22%),
    color-mix(in srgb,rgb(var(--theme-rgb)) 40%, rgb(var(--theme-rgb-2)) 60%) 48%,
    color-mix(in srgb,rgb(var(--theme-rgb-2)) 82%, white 18%))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.26),inset 0 -1px 0 rgba(0,0,0,.08),0 12px 26px rgb(var(--theme-rgb-2)/.14)!important;
  text-shadow:0 1px 2px rgba(0,0,0,.22)!important;
}
.landing-buy::after,
#buyButton::after,
.hero-actions .btn.primary[href="#tariff"]::after{
  display:none!important;
}
.landing-buy:hover,
#buyButton:hover,
.hero-actions .btn.primary[href="#tariff"]:hover{
  filter:brightness(1.03)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.30),inset 0 -1px 0 rgba(0,0,0,.08),0 14px 30px rgb(var(--theme-rgb-2)/.17)!important;
}
html[data-theme="pearl"] .landing-buy,
html[data-theme="pearl"] #buyButton,
html[data-theme="pearl"] .hero-actions .btn.primary[href="#tariff"]{
  color:#2b1a28!important;
  text-shadow:none!important;
}

/* Floating first-purchase note: exact cursor tracking, no visual shift on press. */
.purchase-auto-note,
.purchase-auto-note:hover,
.purchase-auto-note:active{
  transform:none!important;
  animation:none!important;
}
.purchase-auto-note.is-dragging{
  transform:none!important;
  animation:none!important;
  transition:none!important;
}

/* Tariff cards: more readable period text, no overlap from the badge, no movement on press. */
.period-card,
.period-card:hover,
.period-card:active,
.period-card.active{
  transform:none!important;
}
.period-card.active{
  animation:none!important;
}
.period-card{
  min-height:106px!important;
  padding:12px 14px 14px!important;
  align-content:space-between!important;
  gap:8px!important;
}
.period-card .period-copy{
  display:grid!important;
  gap:4px!important;
  min-width:0!important;
}
.period-card .period-name{
  display:block!important;
  color:var(--text)!important;
  font-size:.74rem!important;
  font-weight:760!important;
  line-height:1.08!important;
  white-space:normal!important;
}
.period-card .period-days{
  display:block!important;
  color:var(--muted)!important;
  font-size:.66rem!important;
  font-weight:620!important;
  line-height:1.12!important;
}
.period-card .period-price{
  font-size:1.16rem!important;
  line-height:1!important;
}
.period-card.has-popular{
  padding-top:28px!important;
}
.period-card .popular{
  left:12px!important;
  right:auto!important;
  top:8px!important;
  max-width:none!important;
  padding:3px 7px!important;
  border-radius:7px!important;
  font-size:.49rem!important;
  line-height:1.15!important;
}
.period-card.has-popular .period-copy{
  padding-right:0!important;
}
.period-card .period-selected{
  right:10px!important;
  bottom:9px!important;
}


/* ============================================================
   V61 — root-cause fixes: CTA color, FAQ hub sizing, search,
   closed-answer strip, and network close flash.
   ============================================================ */

/* CTA uses ONLY the active theme accent; never secondary-theme purple/blue. */
.landing-buy,
#buyButton,
.hero-actions .btn.primary[href="#tariff"]{
  color:#fff!important;
  background:linear-gradient(105deg,
    color-mix(in srgb,rgb(var(--theme-rgb)) 76%,#fff 24%) 0%,
    rgb(var(--theme-rgb)) 48%,
    color-mix(in srgb,rgb(var(--theme-rgb)) 78%,#000 22%) 100%)!important;
  border-color:color-mix(in srgb,rgb(var(--theme-rgb)) 58%,#fff 42%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.34),inset 0 -1px 0 rgba(0,0,0,.10),0 12px 28px rgb(var(--theme-rgb)/.16)!important;
  text-shadow:0 1px 2px rgba(0,0,0,.24)!important;
}
.landing-buy:hover,
#buyButton:hover,
.hero-actions .btn.primary[href="#tariff"]:hover{
  color:#fff!important;
  filter:brightness(1.04) saturate(1.03)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.38),inset 0 -1px 0 rgba(0,0,0,.10),0 15px 32px rgb(var(--theme-rgb)/.20)!important;
}
html[data-theme="pearl"] .landing-buy,
html[data-theme="pearl"] #buyButton,
html[data-theme="pearl"] .hero-actions .btn.primary[href="#tariff"]{
  color:#fff!important;
  text-shadow:0 1px 2px rgba(70,20,45,.22)!important;
}

/* FAQ hub: equal flexible side columns keep the nav truly centered.
   Side content is max-content so icons/login never get squeezed. */
body[data-page="faq"] .faq-top-hub{
  width:min(1080px,calc(100% - 24px))!important;
  max-width:1080px!important;
  min-height:58px!important;
  margin:8px auto 0!important;
  padding:8px 12px!important;
  display:grid!important;
  grid-template-columns:minmax(190px,1fr) auto minmax(190px,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  border-radius:18px!important;
}
body[data-page="faq"] .faq-top-hub .faq-home-identity{
  grid-column:1!important;
  justify-self:start!important;
  min-width:max-content!important;
  width:max-content!important;
  max-width:none!important;
  flex:none!important;
}
body[data-page="faq"] .faq-top-hub .faq-hub-nav{
  grid-column:2!important;
  justify-self:center!important;
  min-width:max-content!important;
  width:max-content!important;
  flex:none!important;
}
body[data-page="faq"] .faq-top-hub .faq-hub-actions{
  grid-column:3!important;
  justify-self:end!important;
  min-width:max-content!important;
  width:max-content!important;
  max-width:none!important;
  flex:none!important;
  margin:0!important;
  gap:6px!important;
}
body[data-page="faq"] .faq-top-hub .site-login-button{
  min-width:112px!important;
  width:auto!important;
  max-width:none!important;
  flex:0 0 auto!important;
}
body[data-page="faq"] .faq-top-hub .site-login-avatar{
  width:30px!important;
  min-width:30px!important;
  max-width:30px!important;
  height:30px!important;
  min-height:30px!important;
  flex:0 0 30px!important;
}
body[data-page="faq"] .faq-top-hub .theme-control,
body[data-page="faq"] .faq-top-hub .theme-trigger{
  flex:0 0 auto!important;
}
@media(max-width:900px){
  body[data-page="faq"] .faq-top-hub{
    width:calc(100% - 12px)!important;
    max-width:none!important;
    margin:6px 6px 0!important;
    grid-template-columns:minmax(0,1fr) auto!important;
  }
  body[data-page="faq"] .faq-top-hub .faq-hub-nav{display:none!important}
  body[data-page="faq"] .faq-top-hub .faq-hub-actions{grid-column:2!important}
  body[data-page="faq"] .faq-top-hub .site-login-button{min-width:42px!important;width:42px!important}
}

/* FAQ search: no slash keycap/extra rectangle. */
.faq-search-main kbd{display:none!important}
.faq-search-main{padding-right:5px!important}
.faq-search-main button{margin-right:0!important}

/* Closed FAQ rows must collapse to the question height exactly.
   Padding belongs only to an OPEN answer. */
body[data-page="faq"] .faq-answer>div{
  padding:0!important;
  border:0!important;
}
body[data-page="faq"] .faq-item:not(.open) .faq-answer,
body[data-page="faq"] .faq-item:not(.open) .faq-answer>div{
  min-height:0!important;
  height:0!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
}
body[data-page="faq"] .faq-item.open .faq-answer>div{
  height:auto!important;
  padding:0 12px 12px!important;
}
body[data-page="faq"] .faq-item:not(.open) .faq-question{
  border-bottom:0!important;
  box-shadow:none!important;
}

/* Network drawers: fully invisible while collapsed, so no tiny list sheet flashes on close. */
.landing-page .network-float-body{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:grid-template-rows .34s cubic-bezier(.2,.78,.2,1),opacity .15s ease,visibility 0s linear .34s!important;
}
.landing-page .network-float.is-expanded .network-float-body{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transition:grid-template-rows .34s cubic-bezier(.2,.78,.2,1),opacity .18s ease,visibility 0s linear 0s!important;
}
.landing-page .network-float:not(.is-expanded) .network-list-inner{
  padding-top:0!important;
  padding-bottom:0!important;
}


/* ============================================================
   V62 — tariff geometry reset after diagnostics.
   The popular marker is part of the layout, never an overlay.
   ============================================================ */
.period-grid{
  align-items:stretch!important;
}
.period-card,
.period-card:hover,
.period-card:active,
.period-card.active{
  min-height:108px!important;
  height:108px!important;
  display:grid!important;
  grid-template-rows:auto auto 1fr!important;
  align-content:stretch!important;
  gap:5px!important;
  padding:12px 13px!important;
  transform:none!important;
  animation:none!important;
}
.period-card .period-topline{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:7px!important;
}
.period-card .period-name{
  display:block!important;
  min-width:0!important;
  color:var(--text)!important;
  font-size:.72rem!important;
  font-weight:760!important;
  line-height:1.08!important;
  white-space:nowrap!important;
}
.period-card .period-days{
  display:block!important;
  color:var(--muted)!important;
  font-size:.64rem!important;
  font-weight:620!important;
  line-height:1.1!important;
  white-space:nowrap!important;
}
.period-card .period-price{
  align-self:end!important;
  margin:0!important;
  padding:0!important;
  font-size:1.13rem!important;
  line-height:1!important;
}
.period-card.has-popular{
  padding-top:12px!important;
}
.period-card .popular{
  position:static!important;
  inset:auto!important;
  flex:0 0 auto!important;
  max-width:none!important;
  margin:0!important;
  padding:3px 6px!important;
  border-radius:999px!important;
  font-size:.45rem!important;
  line-height:1.05!important;
  white-space:nowrap!important;
}
.period-card .period-selected{
  right:9px!important;
  bottom:8px!important;
}
@media(max-width:520px){
  .period-card,.period-card:hover,.period-card:active,.period-card.active{height:104px!important;min-height:104px!important}
  .period-card .period-name{font-size:.68rem!important}
  .period-card .period-days{font-size:.61rem!important}
}


/* ============================================================
   V64 — first-purchase drag rewritten from zero.
   ============================================================ */
.purchase-auto-note,
.purchase-auto-note:hover,
.purchase-auto-note:active,
.purchase-auto-note.is-dragging{
  position:fixed!important;
  transform:none!important;
  translate:none!important;
  scale:1!important;
  margin:0!important;
  animation:none!important;
  touch-action:none!important;
  user-select:none!important;
  cursor:grab!important;
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease!important;
}
.purchase-auto-note.is-dragging{
  cursor:grabbing!important;
  transition:none!important;
  will-change:left,top!important;
}
.purchase-auto-note .purchase-auto-row{pointer-events:none!important}
.purchase-auto-handle{pointer-events:none!important}
.page-footer{border-top:0!important}


/* ============================================================
   V65 — cabinet restoration, first-purchase spawn and rich toasts.
   ============================================================ */
@media(min-width:821px){
  /* Restore the original full-height cabinet sidebar. Older V20 rule centered it vertically. */
  .sidebar,
  .sidebar:hover,
  .sidebar:focus-within,
  .sidebar.is-open{
    position:fixed!important;
    left:12px!important;
    top:12px!important;
    bottom:12px!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    transform:none!important;
    translate:none!important;
    scale:1!important;
  }
  .side-nav{margin-top:18px!important}
  .side-foot{margin-top:auto!important;padding-top:10px!important}

  /* Cabinet top hub belongs at the top; never drift with the content. */
  body:not(.landing-page) .page-topbar.site-top-hub{
    position:sticky!important;
    top:8px!important;
    margin:8px auto 0!important;
    width:min(var(--top-hub-width,1200px),calc(100% - 24px))!important;
    transform:none!important;
    translate:none!important;
  }
  .app-content{margin-left:calc(var(--sidebar) + 26px)!important;transform:none!important}
  .page-wrap{padding-top:20px!important}
}

/* First-purchase notice: initial geometry mirrors the requested hero placement. */
.purchase-auto-note,
.purchase-auto-note:hover,
.purchase-auto-note:active,
.purchase-auto-note.is-dragging{
  width:min(340px,calc(100vw - 24px))!important;
  min-height:126px!important;
  right:auto!important;
  bottom:auto!important;
  transform:none!important;
  translate:none!important;
  animation:none!important;
  cursor:grab!important;
}
.purchase-auto-note.is-dragging{cursor:grabbing!important;transition:none!important}
.purchase-auto-handle{pointer-events:none!important}

/* Notifications: compact top-right glass cards with icon and a clean slide-in/out. */
.toast-stack{
  position:fixed!important;
  z-index:2200!important;
  top:16px!important;
  right:16px!important;
  bottom:auto!important;
  left:auto!important;
  width:min(360px,calc(100vw - 32px))!important;
  display:grid!important;
  gap:8px!important;
  transform:none!important;
  pointer-events:none!important;
}
.toast{
  min-height:54px!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  padding:9px 12px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:15px!important;
  color:var(--text)!important;
  text-align:left!important;
  background:linear-gradient(145deg,rgba(255,255,255,.095),rgb(var(--theme-rgb)/.025)),rgba(7,9,13,.58)!important;
  -webkit-backdrop-filter:blur(18px) saturate(145%)!important;
  backdrop-filter:blur(18px) saturate(145%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.17),0 16px 42px rgba(0,0,0,.22)!important;
  animation:toast-v65-in .32s cubic-bezier(.18,.82,.2,1) both!important;
}
.toast.is-leaving{animation:toast-v65-out .24s ease both!important}
.toast-icon{
  width:32px;height:32px;display:grid;place-items:center;border:1px solid rgb(var(--theme-rgb)/.22);border-radius:10px;
  color:rgb(var(--theme-rgb));background:rgb(var(--theme-rgb)/.075);font-size:.76rem;font-weight:900;
}
.toast.success .toast-icon{color:#a9f2cd;border-color:rgba(116,226,172,.24);background:rgba(116,226,172,.07)}
.toast.error .toast-icon{color:#ffadbc;border-color:rgba(255,125,148,.28);background:rgba(255,125,148,.075)}
.toast-copy{min-width:0;font-size:.69rem;font-weight:650;line-height:1.4}
@keyframes toast-v65-in{from{opacity:0;transform:translateX(24px) scale(.985)}to{opacity:1;transform:none}}
@keyframes toast-v65-out{to{opacity:0;transform:translateX(20px) scale(.985)}}
html[data-theme="pearl"] .toast{color:#211920!important;background:rgba(255,255,255,.78)!important;border-color:rgba(69,52,62,.13)!important}
@media(max-width:820px){
  .toast-stack{top:10px!important;right:10px!important;left:auto!important;bottom:auto!important;width:min(340px,calc(100vw - 20px))!important}
}


/* ============================================================
   V66 — compact cabinet sidebar + dedicated admin panel.
   ============================================================ */
@media(min-width:821px){
  :root{--sidebar:68px!important;--sidebar-open:224px!important}
  .sidebar,
  .sidebar:hover,
  .sidebar:focus-within,
  .sidebar.is-open{
    left:12px!important;
    top:50%!important;
    bottom:auto!important;
    width:var(--sidebar)!important;
    height:auto!important;
    min-height:0!important;
    max-height:calc(100svh - 24px)!important;
    padding:8px!important;
    border-radius:20px!important;
    transform:translateY(-50%)!important;
    overflow:hidden!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 14px 34px rgba(0,0,0,.20)!important;
    transition:width .28s cubic-bezier(.2,.8,.2,1),border-color .22s ease,background .22s ease!important;
  }
  .sidebar:hover,.sidebar:focus-within,.sidebar.is-open{width:var(--sidebar-open)!important}
  .app-content{margin-left:calc(var(--sidebar) + 24px)!important}

  /* No brand/logo at all while collapsed. */
  .sidebar:not(:hover):not(:focus-within):not(.is-open) .side-brand{
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    opacity:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }
  .sidebar:not(:hover):not(:focus-within):not(.is-open) .brand-logo,
  .sidebar:not(:hover):not(:focus-within):not(.is-open) .brand-copy{display:none!important}
  .sidebar:hover .side-brand,.sidebar:focus-within .side-brand,.sidebar.is-open .side-brand{
    height:48px!important;
    padding:3px!important;
    opacity:1!important;
  }
  .sidebar .brand-logo{width:42px!important;height:42px!important;border-radius:13px!important}

  .side-nav{margin-top:0!important;gap:5px!important}
  .sidebar:hover .side-nav,.sidebar:focus-within .side-nav,.sidebar.is-open .side-nav{margin-top:9px!important}
  .side-link,.admin-side-link{
    width:100%!important;
    height:48px!important;
    min-height:48px!important;
    padding:3px!important;
    gap:9px!important;
    border-radius:14px!important;
    border:0!important;
    box-shadow:none!important;
    background:transparent!important;
  }
  .side-icon{width:44px!important;height:42px!important;border-radius:12px!important}
  .side-link:hover,.side-link.active,.admin-side-link:hover{transform:none!important}

  /* Remove every decorative rail/tail around collapsed icons. */
  .sidebar:not(:hover):not(:focus-within):not(.is-open) .side-nav,
  .sidebar:not(:hover):not(:focus-within):not(.is-open) .side-foot{border:0!important;background:none!important;box-shadow:none!important}
  .sidebar:not(:hover):not(:focus-within):not(.is-open) .side-nav::before,
  .sidebar:not(:hover):not(:focus-within):not(.is-open) .side-nav::after,
  .sidebar:not(:hover):not(:focus-within):not(.is-open) .side-link::before,
  .sidebar:not(:hover):not(:focus-within):not(.is-open) .side-link::after,
  .sidebar:not(:hover):not(:focus-within):not(.is-open) .side-icon::before,
  .sidebar:not(:hover):not(:focus-within):not(.is-open) .side-icon::after,
  .sidebar:not(:hover):not(:focus-within):not(.is-open) .support-side::before,
  .sidebar:not(:hover):not(:focus-within):not(.is-open) .support-side::after{content:none!important;display:none!important}

  .side-foot{margin-top:8px!important;padding-top:7px!important;border-top:1px solid rgba(255,255,255,.045)!important;gap:3px!important}
  .sidebar:not(:hover):not(:focus-within):not(.is-open) .side-foot{padding-top:6px!important;border-top:0!important}
  .support-side{height:46px!important}
  .side-status{height:26px!important;padding:0 16px!important;gap:10px!important}
  .sidebar:not(:hover):not(:focus-within):not(.is-open) .side-status{justify-content:center!important;padding:0!important}
  .sidebar:not(:hover):not(:focus-within):not(.is-open) .side-status .side-copy{display:none!important}
  .sidebar::before,.sidebar::after{display:none!important;content:none!important}
}

.admin-side-link{appearance:none;font:inherit;text-align:left;color:var(--muted);cursor:pointer}
.admin-side-link .side-icon{color:var(--primary)}
.admin-side-link:hover{color:var(--text)!important;background:rgb(var(--theme-rgb)/.055)!important}
.admin-modal{width:min(820px,100%)!important;max-height:min(90vh,860px)!important}
.admin-stats-standalone{margin:0!important;padding:16px!important}
.admin-panel-loading{min-height:180px;display:grid;place-items:center;color:var(--muted);font-size:.75rem}
@media(max-width:820px){.admin-modal{width:min(620px,100%)!important}}


/* ============================================================
   V67 — stable sidebar geometry: no jump, no stretched row backgrounds.
   ============================================================ */
@media(min-width:821px){
  :root{--sidebar:68px!important;--sidebar-open:224px!important}
  .sidebar,
  .sidebar:hover,
  .sidebar:focus-within,
  .sidebar.is-open{
    left:12px!important;
    top:50%!important;
    bottom:auto!important;
    width:var(--sidebar)!important;
    height:min(428px,calc(100svh - 24px))!important;
    min-height:min(428px,calc(100svh - 24px))!important;
    max-height:min(428px,calc(100svh - 24px))!important;
    padding:8px!important;
    transform:translate3d(0,-50%,0)!important;
    translate:none!important;
    overflow:hidden!important;
    contain:layout paint!important;
    will-change:width!important;
    transition:width .30s cubic-bezier(.2,.78,.2,1),border-color .2s ease,background .2s ease!important;
  }
  .sidebar:hover,.sidebar:focus-within,.sidebar.is-open{width:var(--sidebar-open)!important}

  /* Reserve brand geometry at all times so height never changes. Hide only its pixels/copy. */
  .side-brand,
  .sidebar:not(:hover):not(:focus-within):not(.is-open) .side-brand,
  .sidebar:hover .side-brand,
  .sidebar:focus-within .side-brand,
  .sidebar.is-open .side-brand{
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    margin:0!important;
    padding:3px!important;
    gap:9px!important;
    overflow:hidden!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  .sidebar:not(:hover):not(:focus-within):not(.is-open) .side-brand{
    pointer-events:none!important;
  }
  /* V76: collapsed rail keeps the logo visible; only brand text stays hidden.
     This selector intentionally matches the old high-specificity rule so no weaker later rule can lose the cascade. */
  .sidebar:not(:hover):not(:focus-within):not(.is-open) .brand-logo{
    display:grid!important;
    visibility:visible!important;
    opacity:1!important;
  }
  .sidebar:not(:hover):not(:focus-within):not(.is-open) .brand-copy{
    display:block!important;
    visibility:hidden!important;
    opacity:0!important;
  }
  .sidebar:hover .brand-logo,.sidebar:focus-within .brand-logo,.sidebar.is-open .brand-logo,
  .sidebar:hover .brand-copy,.sidebar:focus-within .brand-copy,.sidebar.is-open .brand-copy{
    visibility:visible!important;
    opacity:1!important;
  }

  /* Fixed row geometry. Icon coordinate is identical collapsed/open. */
  .side-nav{
    margin-top:9px!important;
    gap:5px!important;
  }
  .side-link,.admin-side-link,.support-side{
    width:100%!important;
    height:48px!important;
    min-height:48px!important;
    display:grid!important;
    grid-template-columns:44px 148px!important;
    align-items:center!important;
    justify-content:start!important;
    gap:9px!important;
    padding:3px!important;
    margin:0!important;
    border:0!important;
    border-radius:14px!important;
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    transform:none!important;
    translate:none!important;
    overflow:hidden!important;
    transition:color .18s ease!important;
  }
  .side-link:hover,.side-link.active,.admin-side-link:hover,.support-side:hover,
  .sidebar:hover .side-link.active,.sidebar:focus-within .side-link.active,.sidebar.is-open .side-link.active{
    border:0!important;
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    transform:none!important;
  }
  .side-link::before,.side-link::after,.admin-side-link::before,.admin-side-link::after,
  .support-side::before,.support-side::after{
    content:none!important;
    display:none!important;
  }
  .side-icon{
    grid-column:1!important;
    width:44px!important;
    height:42px!important;
    margin:0!important;
    border:1px solid transparent!important;
    border-radius:12px!important;
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    transform:none!important;
    transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease!important;
  }
  .side-link:hover .side-icon,.admin-side-link:hover .side-icon,.support-side:hover .side-icon{
    border-color:rgba(255,255,255,.075)!important;
    background:rgba(255,255,255,.035)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
  }
  .side-link.active .side-icon,
  .sidebar:hover .side-link.active .side-icon,
  .sidebar:focus-within .side-link.active .side-icon,
  .sidebar.is-open .side-link.active .side-icon{
    border-color:rgb(var(--theme-rgb)/.20)!important;
    background:rgb(var(--theme-rgb)/.085)!important;
    background-image:none!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 14px rgb(var(--theme-rgb)/.07)!important;
  }

  /* Copy only fades; no translate = no perceived row jump. */
  .side-copy,
  .sidebar .side-copy{
    min-width:148px!important;
    width:148px!important;
    transform:none!important;
    translate:none!important;
    transition:opacity .16s ease!important;
  }
  .sidebar:not(:hover):not(:focus-within):not(.is-open) .side-copy{opacity:0!important;visibility:hidden!important}
  .sidebar:hover .side-copy,.sidebar:focus-within .side-copy,.sidebar.is-open .side-copy{opacity:1!important;visibility:visible!important}

  .side-foot{
    margin-top:auto!important;
    padding-top:5px!important;
    gap:3px!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .side-foot::before,.side-foot::after,.side-nav::before,.side-nav::after{content:none!important;display:none!important}
  .side-status{
    height:26px!important;
    padding:0 16px!important;
    gap:10px!important;
    transform:none!important;
    transition:none!important;
  }
  .sidebar:not(:hover):not(:focus-within):not(.is-open) .side-status{justify-content:center!important;padding:0!important}
  .sidebar:not(:hover):not(:focus-within):not(.is-open) .side-status .side-copy{display:none!important}
}


/* ============================================================
   V68 — sidebar single-source model.
   The sidebar is intentionally NOT part of liquid-glass runtime: resizing a refractive SVG lens
   on every hover frame caused filter rebuilds and visible jumps. It uses cheap static glass here.
   ============================================================ */
@media(min-width:821px){
  :root{--sidebar:68px!important;--sidebar-open:232px!important}

  .sidebar,
  .sidebar:hover,
  .sidebar:focus-within,
  .sidebar.is-open{
    position:fixed!important;
    z-index:120!important;
    left:12px!important;
    top:50%!important;
    right:auto!important;
    bottom:auto!important;
    width:var(--sidebar)!important;
    height:auto!important;
    min-height:0!important;
    max-height:calc(100svh - 24px)!important;
    display:flex!important;
    flex-direction:column!important;
    padding:8px!important;
    margin:0!important;
    border:1px solid rgba(255,255,255,.12)!important;
    border-radius:22px!important;
    overflow:hidden!important;
    transform:translate3d(0,-50%,0)!important;
    translate:none!important;
    opacity:1!important;
    visibility:visible!important;
    background:linear-gradient(160deg,rgba(31,27,38,.40),rgba(8,9,13,.30))!important;
    -webkit-backdrop-filter:blur(18px) saturate(145%)!important;
    backdrop-filter:blur(18px) saturate(145%)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 14px 34px rgba(0,0,0,.18)!important;
    contain:none!important;
    will-change:auto!important;
    transition:width .24s cubic-bezier(.22,.74,.24,1),border-color .18s ease,background .18s ease!important;
  }
  .sidebar:hover,.sidebar:focus-within{width:var(--sidebar)!important}
  .sidebar.is-open{width:var(--sidebar-open)!important}

  /* Reserve the brand row so opening changes width only, never height. */
  .sidebar .side-brand,
  .sidebar:hover .side-brand,
  .sidebar:focus-within .side-brand,
  .sidebar.is-open .side-brand{
    width:100%!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    display:grid!important;
    grid-template-columns:44px 148px!important;
    align-items:center!important;
    gap:8px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-radius:13px!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:hidden!important;
    transform:none!important;
    opacity:1!important;
  }
  .sidebar:not(.is-open) .side-brand{pointer-events:none!important}
  .sidebar:not(.is-open) .brand-logo{
    opacity:1!important;
    visibility:visible!important;
    display:grid!important;
  }
  .sidebar:not(.is-open) .brand-copy{
    opacity:0!important;
    visibility:hidden!important;
  }
  .sidebar.is-open .brand-logo,
  .sidebar.is-open .brand-copy{
    opacity:1!important;
    visibility:visible!important;
  }
  .sidebar .brand-logo{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    border-radius:12px!important;
    margin-left:2px!important;
    transform:none!important;
    transition:opacity .14s ease!important;
  }
  .sidebar .brand-copy{transition:opacity .14s ease .04s!important}

  .sidebar .side-nav{
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:4px!important;
    margin:7px 0 0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
  }
  .sidebar .side-nav::before,.sidebar .side-nav::after{content:none!important;display:none!important}

  .sidebar .side-link,
  .sidebar .admin-side-link,
  .sidebar .support-side,
  .sidebar:hover .side-link,
  .sidebar:focus-within .side-link,
  .sidebar.is-open .side-link,
  .sidebar .side-link.active{
    width:100%!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    display:grid!important;
    grid-template-columns:44px 148px!important;
    align-items:center!important;
    justify-content:start!important;
    gap:8px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-radius:13px!important;
    color:var(--muted)!important;
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    transform:none!important;
    translate:none!important;
    opacity:1!important;
    visibility:visible!important;
    overflow:hidden!important;
    isolation:auto!important;
    transition:color .16s ease!important;
  }
  .sidebar .side-link::before,.sidebar .side-link::after,
  .sidebar .admin-side-link::before,.sidebar .admin-side-link::after,
  .sidebar .support-side::before,.sidebar .support-side::after{
    content:none!important;
    display:none!important;
  }

  /* Icon rail never moves. Only the 40px icon tile gets hover/active treatment. */
  .sidebar .side-icon,
  .sidebar:hover .side-icon,
  .sidebar:focus-within .side-icon,
  .sidebar.is-open .side-icon{
    grid-column:1!important;
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    display:grid!important;
    place-items:center!important;
    margin-left:2px!important;
    border:1px solid transparent!important;
    border-radius:12px!important;
    color:rgb(var(--theme-rgb))!important;
    background:rgba(255,255,255,.018)!important;
    background-image:none!important;
    box-shadow:none!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
    transition:background .16s ease,border-color .16s ease,box-shadow .16s ease!important;
  }
  .sidebar .side-icon .ui-icon{
    display:block!important;
    width:18px!important;
    height:18px!important;
    color:rgb(var(--theme-rgb))!important;
    background-color:currentColor!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    filter:none!important;
  }
  .sidebar .side-link:hover .side-icon,
  .sidebar .admin-side-link:hover .side-icon,
  .sidebar .support-side:hover .side-icon{
    border-color:rgb(var(--theme-rgb)/.16)!important;
    background:rgb(var(--theme-rgb)/.055)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
  }
  .sidebar .side-link.active .side-icon{
    border-color:rgb(var(--theme-rgb)/.24)!important;
    background:rgb(var(--theme-rgb)/.10)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 12px rgb(var(--theme-rgb)/.06)!important;
  }

  .sidebar .side-copy,
  .sidebar .brand-copy{
    grid-column:2!important;
    width:148px!important;
    min-width:148px!important;
    max-width:148px!important;
    transform:none!important;
    translate:none!important;
    pointer-events:none!important;
    transition:opacity .14s ease .035s!important;
  }
  .sidebar:not(.is-open) .side-copy{
    opacity:0!important;
    visibility:hidden!important;
  }
  .sidebar.is-open .side-copy{
    opacity:1!important;
    visibility:visible!important;
  }

  .sidebar .side-foot{
    width:100%!important;
    display:grid!important;
    gap:3px!important;
    margin:7px 0 0!important;
    padding:7px 0 0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
  }
  .sidebar .side-foot::before,.sidebar .side-foot::after{content:none!important;display:none!important}
  .sidebar .support-side{height:44px!important;min-height:44px!important;max-height:44px!important}
  .sidebar .side-status{
    width:100%!important;
    height:24px!important;
    min-height:24px!important;
    display:grid!important;
    grid-template-columns:44px 148px!important;
    align-items:center!important;
    gap:8px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
    transform:none!important;
    opacity:1!important;
  }
  .sidebar .side-status>i{
    grid-column:1!important;
    justify-self:center!important;
    width:7px!important;
    height:7px!important;
    margin:0!important;
  }
  .sidebar:not(.is-open) .side-status .side-copy{opacity:0!important;visibility:hidden!important}

  html[data-theme="pearl"] .sidebar{
    border-color:rgba(63,48,58,.12)!important;
    background:linear-gradient(160deg,rgba(255,255,255,.54),rgba(248,244,248,.34))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.88),0 12px 30px rgba(68,50,62,.08)!important;
  }
}


/* ============================================================
   V70 — collapsed sidebar geometry root fix.
   A legacy high-specificity rule centered the 192px grid inside the 52px collapsed row,
   physically clipping the icon column. Keep the exact same row origin in both states.
   ============================================================ */
@media(min-width:821px){
  .sidebar:not(:hover):not(:focus-within):not(.is-open) .side-nav .side-link,
  .sidebar:not(:hover):not(:focus-within):not(.is-open) .side-nav .admin-side-link,
  .sidebar:not(:hover):not(:focus-within):not(.is-open) .side-foot .support-side{
    display:grid!important;
    grid-template-columns:44px 148px!important;
    justify-content:start!important;
    justify-items:stretch!important;
    align-items:center!important;
    gap:8px!important;
    padding:0!important;
    margin:0!important;
    transform:none!important;
    translate:none!important;
    opacity:1!important;
    visibility:visible!important;
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
  }
  .sidebar:not(:hover):not(:focus-within):not(.is-open) .side-nav .side-icon,
  .sidebar:not(:hover):not(:focus-within):not(.is-open) .side-foot .side-icon{
    grid-column:1!important;
    justify-self:start!important;
    margin-left:2px!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
  }
  .sidebar:not(:hover):not(:focus-within):not(.is-open) .side-nav .side-icon .ui-icon,
  .sidebar:not(:hover):not(:focus-within):not(.is-open) .side-foot .side-icon .ui-icon{
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    color:rgb(var(--theme-rgb))!important;
    background-color:currentColor!important;
  }
  .sidebar:not(.is-open) .side-copy{
    opacity:0!important;
    visibility:hidden!important;
    transform:none!important;
  }
  .sidebar.is-open .side-copy{
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
  }
}

/* V71 — primary action labels are always light on non-Pearl themes. */
html:not([data-theme="pearl"]) .btn.primary,
html:not([data-theme="pearl"]) .landing-buy,
html:not([data-theme="pearl"]) #buyButton,
html:not([data-theme="pearl"]) .hero-actions .btn.primary,
html:not([data-theme="pearl"]) .landing-cabinet.is-ready{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-shadow:0 1px 2px rgba(0,0,0,.24)!important;
}
html:not([data-theme="pearl"]) .btn.primary:disabled{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html[data-theme="pearl"] .btn.primary,
html[data-theme="pearl"] .landing-buy,
html[data-theme="pearl"] #buyButton,
html[data-theme="pearl"] .hero-actions .btn.primary,
html[data-theme="pearl"] .landing-cabinet.is-ready{
  color:#251923!important;
  -webkit-text-fill-color:#251923!important;
  text-shadow:none!important;
}


/* ============================================================
   V72 — mobile-first final layer + collapsed desktop logo.
   One responsive source of truth loaded last on purpose.
   ============================================================ */

/* Desktop collapsed rail keeps the ARTΞMIDA mark; only the text disappears. */
@media(min-width:821px){
  .sidebar:not(.is-open) .side-brand{
    pointer-events:auto!important;
  }
  .sidebar:not(.is-open) .brand-logo{
    opacity:1!important;
    visibility:visible!important;
    display:grid!important;
  }
  .sidebar:not(.is-open) .brand-copy{
    opacity:0!important;
    visibility:hidden!important;
  }
}

@media(max-width:820px){
  html,body{max-width:100%;overflow-x:hidden!important}
  body{min-width:0!important}
  :root{--sidebar:0px!important}

  /* The desktop side rail becomes one horizontally scrollable bottom hub. */
  .sidebar{display:none!important}
  .app-content{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}
  .mobile-nav{
    position:fixed!important;
    z-index:720!important;
    left:8px!important;
    right:8px!important;
    bottom:max(8px,env(safe-area-inset-bottom))!important;
    height:68px!important;
    min-height:68px!important;
    display:flex!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:4px!important;
    padding:6px!important;
    margin:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-x:contain!important;
    scroll-snap-type:x proximity!important;
    scroll-behavior:smooth!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
    border:1px solid rgba(255,255,255,.12)!important;
    border-radius:20px!important;
    background:linear-gradient(145deg,rgba(28,25,34,.68),rgba(7,9,13,.58))!important;
    -webkit-backdrop-filter:blur(20px) saturate(150%)!important;
    backdrop-filter:blur(20px) saturate(150%)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 12px 34px rgba(0,0,0,.20)!important;
  }
  .mobile-nav::-webkit-scrollbar{display:none!important}
  .mobile-link,
  button.mobile-link{
    appearance:none!important;
    flex:0 0 76px!important;
    width:76px!important;
    min-width:76px!important;
    height:56px!important;
    min-height:56px!important;
    display:grid!important;
    place-items:center!important;
    align-content:center!important;
    gap:3px!important;
    padding:5px 6px!important;
    margin:0!important;
    border:1px solid transparent!important;
    border-radius:14px!important;
    color:var(--muted)!important;
    background:transparent!important;
    box-shadow:none!important;
    scroll-snap-align:center!important;
    text-align:center!important;
    cursor:pointer!important;
  }
  .mobile-link>span.ui-icon{
    width:20px!important;
    height:20px!important;
    color:rgb(var(--theme-rgb))!important;
  }
  .mobile-link>b{font-size:.56rem!important;line-height:1!important;white-space:nowrap!important}
  .mobile-link.active{
    color:var(--text)!important;
    border-color:rgb(var(--theme-rgb)/.22)!important;
    background:rgb(var(--theme-rgb)/.08)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
  }
  .mobile-home-link{flex-basis:68px!important;width:68px!important;min-width:68px!important}
  .mobile-nav-logo{
    position:relative!important;
    display:block!important;
    width:23px!important;
    height:23px!important;
    color:rgb(var(--theme-rgb))!important;
    filter:drop-shadow(0 0 8px rgb(var(--theme-rgb)/.18))!important;
  }
  .mobile-nav-logo::before{inset:0!important}

  /* Shared top hub: brand/actions remain visible, desktop centre navigation moves to bottom hub. */
  .page-topbar.site-top-hub,
  body[data-page="faq"] .faq-top-hub{
    position:sticky!important;
    z-index:640!important;
    top:6px!important;
    left:auto!important;
    right:auto!important;
    width:calc(100% - 12px)!important;
    max-width:none!important;
    min-height:56px!important;
    height:auto!important;
    margin:6px 6px 0!important;
    padding:6px 8px!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:7px!important;
    border-radius:17px!important;
    overflow:visible!important;
  }
  .site-top-hub>nav,
  .site-top-hub>.hub-center-nav,
  body[data-page="faq"] .faq-top-hub .faq-hub-nav{display:none!important}
  .page-identity{display:none!important}
  .mobile-brand{
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    overflow:hidden!important;
  }
  .mobile-brand .brand-logo{width:36px!important;height:36px!important;min-width:36px!important;border-radius:11px!important}
  .mobile-brand>span:last-child{display:grid!important;min-width:0!important;line-height:1!important}
  .mobile-brand b{font-size:.68rem!important;letter-spacing:.10em!important;white-space:nowrap!important}
  .mobile-brand small{margin-top:4px!important;font-size:.48rem!important}
  .site-top-hub>.topbar-actions,
  body[data-page="faq"] .faq-top-hub .faq-hub-actions{
    grid-column:2!important;
    justify-self:end!important;
    min-width:max-content!important;
    gap:5px!important;
    margin:0!important;
  }
  .site-top-hub .theme-trigger{width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;padding:0!important;border-radius:11px!important}
  .site-top-hub .site-login-button,
  .site-top-hub .account-button{
    min-width:42px!important;
    height:40px!important;
    min-height:40px!important;
    padding:3px 8px 3px 3px!important;
    gap:6px!important;
    border-radius:12px!important;
  }
  .site-top-hub .site-login-avatar,
  .site-top-hub .account-button .avatar{width:34px!important;min-width:34px!important;height:34px!important;border-radius:10px!important}
  .site-top-hub .site-login-label{font-size:.62rem!important}

  /* FAQ top hub has its own identity but the same mobile geometry. */
  body[data-page="faq"] .faq-top-hub .faq-home-identity{
    min-width:0!important;
    height:40px!important;
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    padding:0!important;
    overflow:hidden!important;
  }
  body[data-page="faq"] .faq-top-hub .faq-hub-mark{width:34px!important;height:34px!important;min-width:34px!important;border-radius:10px!important}
  body[data-page="faq"] .faq-top-hub .faq-hub-copy{min-width:0!important;gap:2px!important}
  body[data-page="faq"] .faq-top-hub .faq-hub-copy .overline{font-size:.42rem!important}
  body[data-page="faq"] .faq-top-hub .faq-hub-copy strong{font-size:.66rem!important;white-space:nowrap!important}

  /* Page canvas and generic typography. */
  .page-wrap{
    width:calc(100% - 20px)!important;
    max-width:none!important;
    padding:18px 0 calc(98px + env(safe-area-inset-bottom))!important;
  }
  .section-block{padding-top:28px!important}
  .section-title{display:grid!important;gap:7px!important;margin-bottom:14px!important}
  .section-title h2{font-size:clamp(1.75rem,9vw,2.55rem)!important}
  .section-title>p{max-width:none!important;font-size:.73rem!important;line-height:1.5!important}
  .page-hero{min-height:auto!important;display:grid!important;align-items:start!important;gap:13px!important;padding:14px 0 18px!important}
  .page-hero.compact h1{font-size:clamp(2.25rem,11vw,3.55rem)!important}
  .page-hero.compact p{max-width:none!important;font-size:.78rem!important;line-height:1.5!important}
  .page-hero-actions{width:100%!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important}
  .page-hero-actions .btn{flex:1 1 150px!important}

  /* Subscription / pricing. */
  .hero-layout,.tariff-layout,.ref-layout,.install-layout,.faq-hero,.support-steps,.legal-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .hero-layout{gap:12px!important}
  .hero-card{min-height:auto!important;padding:26px 20px!important}
  .hero-card h1{margin:20px 0 13px!important;font-size:clamp(2.6rem,13vw,4.2rem)!important}
  .hero-card>p{margin-bottom:20px!important;font-size:.8rem!important;line-height:1.5!important}
  .hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .hero-actions .btn{width:100%!important}
  .cabinet-card{min-height:auto!important;padding:18px!important}
  .configurator,.checkout-card,.referral-card,.referral-rules,.diagnostic-card,.install-config,.install-guide{padding:16px!important}
  .checkout-card,.install-config{position:static!important;top:auto!important}
  .tariff-layout{gap:12px!important}
  .period-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .period-card{min-width:0!important;min-height:104px!important}
  .config-row{align-items:flex-start!important;gap:12px!important}
  .stepper{flex:0 0 auto!important}

  /* Keys / referral / install. */
  .keys-grid{grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
  .key-card{min-height:auto!important;padding:16px!important}
  .key-top{gap:9px!important}
  .key-name h3{max-width:58vw!important;font-size:.83rem!important}
  .key-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;margin:16px 0 12px!important}
  .key-metrics>div{min-width:0!important;padding:9px 7px!important}
  .key-actions,.key-actions.test-actions{grid-template-columns:1fr 44px!important;gap:7px!important}
  .key-actions .install-action{grid-column:1!important}
  .key-actions .btn.secondary{display:none!important}
  .ref-layout{gap:11px!important}
  .referral-rules{display:block!important}
  .ref-main{gap:11px!important}
  .ref-main h2{font-size:1.02rem!important}
  .ref-link-row{grid-template-columns:minmax(0,1fr) auto!important;gap:6px!important;margin:16px 0 10px!important}
  .ref-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
  .ref-stats>div{min-width:0!important;padding:9px 7px!important}
  .install-layout{gap:11px!important}
  .install-hero{grid-template-columns:1fr!important;gap:12px!important}
  .install-hero-mark{max-width:100%!important}
  .os-picker{grid-template-columns:repeat(2,minmax(0,1fr))!important}

  /* FAQ. */
  .faq-hero{min-height:auto!important;gap:13px!important;padding:20px 16px!important}
  .faq-side-card{display:none!important}
  .faq-hero h1{font-size:clamp(2.35rem,11vw,3.8rem)!important}
  .faq-search-main{min-height:50px!important;margin-top:14px!important}
  .faq-search-main input{min-width:0!important;height:48px!important;font-size:.78rem!important}
  .popular-queries{overflow-x:auto!important;flex-wrap:nowrap!important;padding-bottom:2px!important;scrollbar-width:none!important}
  .popular-queries::-webkit-scrollbar{display:none!important}
  .popular-queries button{flex:0 0 auto!important}
  .faq-tools{top:70px!important;margin-inline:0!important;padding:7px!important;overflow:hidden!important}
  .chips{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
  .faq-list{grid-template-columns:minmax(0,1fr)!important;gap:8px!important}
  .faq-question{grid-template-columns:minmax(0,1fr) 30px!important;padding:12px!important}
  .faq-question .tag{display:none!important}
  .answer{margin:0!important;padding:13px!important;font-size:.72rem!important;line-height:1.65!important}
  .faq-start-grid{grid-template-columns:minmax(0,1fr)!important}
  .diagnostic-checks{grid-template-columns:minmax(0,1fr)!important}

  /* Legal / support pages: top nav remains usable as a horizontal scroller. */
  .legal-page{padding:6px 6px calc(90px + env(safe-area-inset-bottom))!important}
  .legal-shell{width:100%!important;max-width:none!important}
  .legal-topbar.site-top-hub{
    position:sticky!important;
    top:6px!important;
    width:100%!important;
    min-height:56px!important;
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
    gap:6px!important;
    padding:6px 7px!important;
    border-radius:17px!important;
  }
  .legal-topbar .legal-home{min-width:max-content!important;gap:7px!important}
  .legal-topbar .legal-home .brand-mark{width:34px!important;height:34px!important}
  .legal-topbar .legal-home b{font-size:.61rem!important;letter-spacing:.08em!important;white-space:nowrap!important}
  .legal-topbar nav{
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:2px!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .legal-topbar nav::-webkit-scrollbar{display:none!important}
  .legal-topbar nav a{flex:0 0 auto!important;padding:8px!important;font-size:.56rem!important}
  .legal-topbar .legal-account-button{min-width:40px!important;width:auto!important;height:40px!important;padding:3px 7px 3px 3px!important}
  .legal-hero{padding:38px 10px 24px!important}
  .legal-hero h1{font-size:clamp(2.15rem,11vw,3.8rem)!important}
  .legal-hero p{font-size:.75rem!important;line-height:1.65!important}
  .legal-card,.support-step{padding:17px!important}
  .legal-card p,.legal-card li,.support-step p{font-size:.68rem!important;line-height:1.65!important}
  .legal-hub{bottom:calc(84px + env(safe-area-inset-bottom))!important;right:8px!important}

  /* Landing page. */
  .landing-shell{width:100%!important;max-width:100%!important;padding:6px 8px 22px!important;overflow:hidden!important}
  .landing-nav.site-top-hub{
    width:100%!important;
    min-height:56px!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:7px!important;
    padding:6px 7px!important;
    border-radius:17px!important;
  }
  .landing-nav nav{display:none!important}
  .landing-logo{min-width:0!important;gap:8px!important;overflow:hidden!important}
  .landing-logo>span{width:36px!important;height:36px!important;min-width:36px!important;border-radius:11px!important}
  .landing-logo b{font-size:.66rem!important;white-space:nowrap!important}
  .landing-logo small{display:none!important}
  .landing-nav-actions{gap:5px!important}
  .landing-nav-actions .site-login-label{display:none!important}
  .landing-main{min-height:auto!important;padding:24px 4px 24px!important}
  .landing-hero{width:100%!important;max-width:100%!important}
  .landing-page .landing-hero>.landing-constellation{width:min(94vw,520px)!important;height:150px!important;margin:0 auto 20px!important}
  .landing-page .guardian-shield{width:92px!important;height:104px!important}
  .landing-page .guardian-logo{width:44px!important;height:51px!important}
  .landing-hero h1{max-width:100%!important;margin:0 0 4px!important}
  .landing-hero h1 span{font-size:clamp(3rem,16.5vw,5.3rem)!important;letter-spacing:-.055em!important}
  .landing-hero h1 em{font-size:.62rem!important;letter-spacing:.48em!important;text-indent:.48em!important}
  .landing-page .landing-hero-actions{margin-top:22px!important}
  .landing-buy{min-width:142px!important}
  .network-floats{width:calc(100% - 4px)!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;margin-top:20px!important}
  .network-float summary{min-height:58px!important}
  .network-float-body{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-height:300px!important}

  /* Overlays and forms must fit inside the viewport. */
  .modal-layer{padding:10px!important}
  .modal{width:min(100%,540px)!important;max-height:calc(100svh - 22px)!important;overflow-y:auto!important}
  .theme-popover,.appearance-popover{position:fixed!important;left:8px!important;right:8px!important;top:72px!important;width:auto!important;max-height:calc(100svh - 88px)!important;overflow-y:auto!important}
  .purchase-auto-note{max-width:calc(100vw - 20px)!important}
  .toast-stack{left:auto!important;right:8px!important;top:8px!important;bottom:auto!important;width:min(360px,calc(100% - 16px))!important;transform:none!important}
}

@media(max-width:520px){
  .mobile-nav{left:6px!important;right:6px!important;gap:3px!important}
  .mobile-link,button.mobile-link{flex-basis:70px!important;width:70px!important;min-width:70px!important}
  .mobile-home-link{flex-basis:62px!important;width:62px!important;min-width:62px!important}
  .mobile-brand b{font-size:.62rem!important}
  .mobile-brand small{display:none!important}
  .site-top-hub .site-login-label{display:none!important}
  .site-top-hub .site-login-button,.site-top-hub .account-button{width:40px!important;min-width:40px!important;padding:3px!important}
  body[data-page="faq"] .faq-top-hub .site-login-button{width:40px!important;min-width:40px!important;padding:3px!important}
  .period-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .period-card{padding:10px!important}
  .config-row{display:grid!important;grid-template-columns:1fr!important}
  .stepper{justify-self:start!important}
  .key-metrics,.ref-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .key-metrics span,.ref-stats span{font-size:.53rem!important}
  .key-metrics b,.ref-stats b{font-size:.7rem!important}
  .ref-link-row{grid-template-columns:1fr!important}
  .copy-btn{width:100%!important}
  .os-picker{grid-template-columns:1fr 1fr!important}
  .network-float-body{grid-template-columns:1fr!important}
  .legal-topbar .legal-home b{display:none!important}
  .legal-topbar nav a{padding:7px 6px!important;font-size:.53rem!important}
  .landing-page .landing-hero>.landing-constellation{height:136px!important}
  .landing-hero h1 span{font-size:clamp(2.75rem,17vw,4.35rem)!important}
  .landing-page .landing-hero-actions{display:flex!important;flex-wrap:nowrap!important;width:100%!important;justify-content:center!important}
  .landing-page .landing-buy{width:auto!important;min-width:132px!important}
}

@media(max-width:370px){
  .period-grid{grid-template-columns:1fr!important}
  .mobile-link,button.mobile-link{flex-basis:66px!important;width:66px!important;min-width:66px!important}
  .page-wrap{width:calc(100% - 14px)!important}
  .hero-card{padding:22px 16px!important}
  .key-metrics,.ref-stats{grid-template-columns:1fr 1fr 1fr!important}
}

/* ============================================================
   V73 — deterministic ARTEMIDA logo + unified mobile topbar/account geometry.
   Loaded last to remove old mobile width/hide-label conflicts.
   ============================================================ */

/* Use the real ARTEMIDA artwork directly in navigation marks. */
.sidebar .brand-logo,
.mobile-nav-logo,
.mobile-brand .brand-logo{
  position:relative!important;
  background:linear-gradient(145deg,rgba(255,255,255,.09),rgb(var(--theme-rgb)/.055))!important;
}
.sidebar .brand-logo::before,
.mobile-nav-logo::before,
.mobile-brand .brand-logo::before{
  content:""!important;
  position:absolute!important;
  inset:4px!important;
  display:block!important;
  background:center/contain no-repeat url('/static/artemida-logo-v35.png')!important;
  -webkit-mask:none!important;
  mask:none!important;
  opacity:1!important;
  visibility:visible!important;
  filter:drop-shadow(0 0 8px rgb(var(--theme-rgb)/.25))!important;
  transform:none!important;
}
@media(min-width:821px){
  .sidebar:not(.is-open) .side-brand{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  .sidebar:not(.is-open) .brand-logo{
    opacity:1!important;
    visibility:visible!important;
    display:grid!important;
  }
  .sidebar:not(.is-open) .brand-logo::before{
    opacity:1!important;
    visibility:visible!important;
    display:block!important;
  }
}

@media(max-width:820px){
  /* Mobile home is always the real logo, never a generic shield/icon. */
  .mobile-home-link .mobile-nav-logo{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .mobile-home-link .mobile-nav-logo::before{inset:0!important}

  /* One topbar geometry for every cabinet/FAQ page. */
  .page-topbar.site-top-hub,
  body[data-page="faq"] .faq-top-hub{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    justify-items:stretch!important;
    width:calc(100% - 12px)!important;
    min-width:0!important;
    min-height:58px!important;
    padding:7px 8px!important;
    margin:6px!important;
    gap:8px!important;
  }
  .site-top-hub>.topbar-actions,
  body[data-page="faq"] .faq-top-hub .faq-hub-actions{
    grid-column:2!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    justify-self:end!important;
    min-width:0!important;
    max-width:100%!important;
    gap:5px!important;
  }

  /* Account control is identical on every mobile page: avatar + login/nickname. */
  .site-top-hub .site-login-button,
  .site-top-hub .account-button,
  body[data-page="faq"] .faq-top-hub .site-login-button{
    width:auto!important;
    min-width:78px!important;
    max-width:min(148px,42vw)!important;
    height:40px!important;
    min-height:40px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex:0 1 auto!important;
    gap:7px!important;
    padding:3px 10px 3px 3px!important;
    border-radius:12px!important;
    overflow:hidden!important;
  }
  .site-top-hub .site-login-avatar,
  .site-top-hub .account-button .avatar,
  body[data-page="faq"] .faq-top-hub .site-login-avatar{
    width:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    flex:0 0 34px!important;
    border-radius:10px!important;
  }
  .site-top-hub .site-login-label,
  .site-top-hub .account-button>span:nth-child(2),
  body[data-page="faq"] .faq-top-hub .site-login-label{
    display:block!important;
    min-width:0!important;
    max-width:92px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:.64rem!important;
    font-weight:760!important;
  }

  /* FAQ identity follows the same left alignment and cannot push account off screen. */
  body[data-page="faq"] .faq-top-hub .faq-home-identity{
    position:static!important;
    grid-column:1!important;
    justify-self:start!important;
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
  }
  body[data-page="faq"] .faq-top-hub .faq-hub-actions{
    position:static!important;
    right:auto!important;
    top:auto!important;
    transform:none!important;
  }
  body[data-page="faq"] .faq-top-hub .faq-hub-mark{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    flex:0 0 34px!important;
  }
  body[data-page="faq"] .faq-top-hub .faq-hub-copy{
    overflow:hidden!important;
  }

  /* Keep page content visually centered inside the phone viewport. */
  .page-wrap,
  body[data-page="faq"] .page-wrap{
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

@media(max-width:390px){
  .site-top-hub .site-login-button,
  .site-top-hub .account-button,
  body[data-page="faq"] .faq-top-hub .site-login-button{
    min-width:72px!important;
    max-width:118px!important;
    padding-right:7px!important;
  }
  .site-top-hub .site-login-label,
  .site-top-hub .account-button>span:nth-child(2),
  body[data-page="faq"] .faq-top-hub .site-login-label{max-width:64px!important}
  body[data-page="faq"] .faq-top-hub .faq-hub-copy .overline{display:none!important}
}


/* ============================================================
   V74 — deterministic themed brand glyphs + first purchase close + responsive legal hub placement.
   ============================================================ */

/* The real ARTEMIDA silhouette now follows the active theme instead of rendering a fixed-color PNG. */
.brand-mark::before{
  background:rgb(var(--theme-rgb))!important;
  background-image:none!important;
  -webkit-mask:url('/static/artemida-logo-v35.png') center/contain no-repeat!important;
  mask:url('/static/artemida-logo-v35.png') center/contain no-repeat!important;
  opacity:1!important;
  visibility:visible!important;
}

/* Sidebar/mobile marks use a real child node. This bypasses all legacy collapsed pseudo-element rules. */
.brand-logo.brand-mark::before,
.mobile-nav-logo.brand-mark::before{content:none!important;display:none!important}
.brand-logo,
.mobile-nav-logo{position:relative!important}
.artemida-brand-glyph{
  position:absolute!important;
  inset:4px!important;
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:none!important;
  background:rgb(var(--theme-rgb))!important;
  -webkit-mask:url('/static/artemida-logo-v35.png') center/contain no-repeat!important;
  mask:url('/static/artemida-logo-v35.png') center/contain no-repeat!important;
  filter:drop-shadow(0 0 8px rgb(var(--theme-rgb)/.24))!important;
  transition:background-color .28s ease,filter .28s ease!important;
}
.mobile-nav-logo .artemida-brand-glyph{inset:0!important}
@media(min-width:821px){
  .sidebar:not(.is-open) .side-brand{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  .sidebar:not(.is-open) .brand-logo{
    position:relative!important;
    z-index:8!important;
    display:grid!important;
    opacity:1!important;
    visibility:visible!important;
  }
  .sidebar:not(.is-open) .artemida-brand-glyph{
    z-index:9!important;
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
  }
}

/* The first-purchase helper can now be explicitly dismissed. */
.purchase-auto-note{padding-right:39px!important}
.purchase-auto-close{
  position:absolute!important;
  z-index:20!important;
  top:9px!important;
  right:9px!important;
  width:27px!important;
  height:27px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:9px!important;
  color:var(--muted)!important;
  background:rgba(255,255,255,.035)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  backdrop-filter:blur(8px)!important;
  cursor:pointer!important;
  font-size:1rem!important;
  line-height:1!important;
  transition:color .16s ease,background .16s ease,border-color .16s ease!important;
}
.purchase-auto-close:hover{
  color:var(--text)!important;
  border-color:rgb(var(--theme-rgb)/.22)!important;
  background:rgb(var(--theme-rgb)/.08)!important;
}
html[data-theme="pearl"] .purchase-auto-close{color:#5f515b!important;background:rgba(255,255,255,.48)!important}

/* Service/documents button sits low when there is no visible mobile cabinet hub. */
@media(max-width:820px){
  .legal-hub{
    right:8px!important;
    bottom:calc(10px + env(safe-area-inset-bottom))!important;
  }
  body:has(.mobile-nav):not([data-page="subscription"]) .legal-hub,
  body[data-page="subscription"].has-account .legal-hub{
    bottom:calc(84px + env(safe-area-inset-bottom))!important;
  }
  body[data-page="subscription"].is-guest .legal-hub,
  body[data-page="subscription"].account-pending .legal-hub{
    bottom:calc(10px + env(safe-area-inset-bottom))!important;
  }
}


/* V76 — collapsed desktop brand cascade root fix. */
@media(min-width:821px){
  .sidebar:not(:hover):not(:focus-within):not(.is-open) .side-brand{
    height:48px!important;min-height:48px!important;max-height:48px!important;
    opacity:1!important;visibility:visible!important;overflow:hidden!important;
  }
  .sidebar:not(:hover):not(:focus-within):not(.is-open) .brand-logo{
    display:grid!important;visibility:visible!important;opacity:1!important;
    position:relative!important;z-index:8!important;
  }
  .sidebar:not(:hover):not(:focus-within):not(.is-open) .brand-logo .artemida-brand-glyph{
    display:block!important;visibility:visible!important;opacity:1!important;z-index:9!important;
  }
  .sidebar:not(:hover):not(:focus-within):not(.is-open) .brand-copy{
    display:block!important;visibility:hidden!important;opacity:0!important;
  }
}


/* V77 — collapsed desktop logo source-of-truth. Brand mark is always visible; only copy collapses. */
@media(min-width:821px){
  .sidebar .side-brand,.sidebar:not(.is-open) .side-brand{opacity:1!important;visibility:visible!important}
  .sidebar .brand-logo,.sidebar:not(.is-open) .brand-logo{display:grid!important;opacity:1!important;visibility:visible!important}
  .sidebar .brand-logo .artemida-brand-glyph,.sidebar:not(.is-open) .brand-logo .artemida-brand-glyph{display:block!important;opacity:1!important;visibility:visible!important}
  .sidebar:not(.is-open) .brand-copy{opacity:0!important;visibility:hidden!important}
}

/* ============================================================
   V78 — REAL collapsed brand geometry root fix.
   Legacy V45 rule centers the 200px brand grid inside the 52px collapsed rail,
   pushing the first/logo column outside overflow:hidden. Force the same origin
   in collapsed/open states; only brand-copy visibility changes.
   ============================================================ */
@media(min-width:821px){
  .sidebar:not(:hover):not(:focus-within):not(.is-open) .side-brand{
    display:grid!important;
    grid-template-columns:44px 148px!important;
    justify-content:start!important;
    justify-items:stretch!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    padding:0!important;
    margin:0!important;
    opacity:1!important;
    visibility:visible!important;
    overflow:hidden!important;
    transform:none!important;
  }
  .sidebar:not(:hover):not(:focus-within):not(.is-open) .brand-logo{
    grid-column:1!important;
    justify-self:start!important;
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    margin-left:2px!important;
    display:grid!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
  }
  .sidebar:not(:hover):not(:focus-within):not(.is-open) .brand-logo .artemida-brand-glyph{
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
  }
  .sidebar:not(:hover):not(:focus-within):not(.is-open) .brand-copy{
    grid-column:2!important;
    display:grid!important;
    opacity:0!important;
    visibility:hidden!important;
    transform:none!important;
  }
}

/* ============================================================
   V79 — unified subtle icon tiles in desktop sidebar.
   Brand mark and every navigation icon use the same quiet 40px glass tile.
   ============================================================ */
@media(min-width:821px){
  .sidebar .brand-logo,
  .sidebar:not(.is-open) .brand-logo,
  .sidebar:hover .brand-logo,
  .sidebar:focus-within .brand-logo,
  .sidebar.is-open .brand-logo,
  .sidebar .side-icon,
  .sidebar:hover .side-icon,
  .sidebar:focus-within .side-icon,
  .sidebar.is-open .side-icon{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    border-radius:12px!important;
    border:1px solid rgba(255,255,255,.055)!important;
    background:linear-gradient(145deg,rgba(255,255,255,.026),rgb(var(--theme-rgb)/.012))!important;
    background-image:linear-gradient(145deg,rgba(255,255,255,.026),rgb(var(--theme-rgb)/.012))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
    filter:none!important;
    transform:none!important;
  }

  /* Keep the brand tile exactly inside the collapsed rail; no halo spilling around it. */
  .sidebar .brand-logo,
  .sidebar:not(.is-open) .brand-logo{
    margin-left:2px!important;
    overflow:hidden!important;
  }
  .sidebar .brand-logo::after{
    content:none!important;
    display:none!important;
  }

  /* Hover/selected state only nudges the same tile; it never creates a larger background. */
  .sidebar .side-link:hover .side-icon,
  .sidebar .admin-side-link:hover .side-icon,
  .sidebar .support-side:hover .side-icon{
    border-color:rgb(var(--theme-rgb)/.12)!important;
    background:linear-gradient(145deg,rgba(255,255,255,.038),rgb(var(--theme-rgb)/.032))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important;
  }
  .sidebar .side-link.active .side-icon{
    border-color:rgb(var(--theme-rgb)/.15)!important;
    background:linear-gradient(145deg,rgba(255,255,255,.042),rgb(var(--theme-rgb)/.042))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
  }

  html[data-theme="pearl"] .sidebar .brand-logo,
  html[data-theme="pearl"] .sidebar .side-icon{
    border-color:rgba(55,43,51,.075)!important;
    background:linear-gradient(145deg,rgba(255,255,255,.58),rgba(255,255,255,.30))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.70)!important;
  }
}

/* ============================================================
   V80 — keep the active sidebar icon tile visible while collapsed.
   Older high-specificity collapsed rules intentionally cleared the active tile;
   this matching selector restores the same quiet glass language for every icon.
   ============================================================ */
@media(min-width:821px){
  .sidebar:not(:hover):not(:focus-within):not(.is-open) .side-link.active .side-icon{
    border-color:rgb(var(--theme-rgb)/.13)!important;
    background:linear-gradient(145deg,rgba(255,255,255,.038),rgb(var(--theme-rgb)/.034))!important;
    background-image:linear-gradient(145deg,rgba(255,255,255,.038),rgb(var(--theme-rgb)/.034))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important;
  }
  html[data-theme="pearl"] .sidebar:not(:hover):not(:focus-within):not(.is-open) .side-link.active .side-icon{
    border-color:rgba(55,43,51,.10)!important;
    background:linear-gradient(145deg,rgba(255,255,255,.64),rgba(255,255,255,.34))!important;
    background-image:linear-gradient(145deg,rgba(255,255,255,.64),rgba(255,255,255,.34))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.72)!important;
  }
}


/* V81 — theme-aware network status + page-scroll-safe drawers. */
.landing-page .network-summary b,
.landing-page .network-summary b.network-stale,
.landing-page .network-stale{
  color:rgb(var(--theme-rgb))!important;
  transition:color .28s ease!important;
}
.landing-page .network-float,
.landing-page .network-summary,
.landing-page .network-float-body,
.landing-page .network-list-inner,
.landing-page .network-chip{
  touch-action:pan-y!important;
  overscroll-behavior-y:auto!important;
}
.landing-page .network-float-body,
.landing-page .network-float.is-expanded .network-float-body,
.landing-page .network-list-inner,
.landing-page .network-float.is-expanded .network-list-inner{
  overflow:visible!important;
  overscroll-behavior:auto!important;
}

/* V82 — network drawer status always follows selected theme. */
.landing-page #countrySummary,
.landing-page #bypassSummary,
.landing-page #countrySummary.network-stale,
.landing-page #bypassSummary.network-stale{
  color:var(--primary)!important;
  -webkit-text-fill-color:var(--primary)!important;
}

/* V82 — open network drawers never trap page scrolling. */
body.landing-page.network-panel-open{overflow-y:auto!important;touch-action:pan-y!important}
.landing-page .network-float,.landing-page .network-summary,.landing-page .network-float-body,.landing-page .network-list-inner,.landing-page .network-chip{
  overscroll-behavior:auto!important;touch-action:pan-y!important;
}
.landing-page .network-float-body,.landing-page .network-list-inner{overflow:visible!important;max-height:none!important}


/* ============================================================
   V86 — clean SEO-era UI polish: aligned install configurator,
   compact help card, purchase history
   ============================================================ */
body[data-page="install"] .install-layout{align-items:start!important}
body[data-page="install"] .install-config{
  position:relative!important;top:auto!important;align-self:start!important;margin-top:0!important;
}
body[data-page="install"] .install-guide{align-self:start!important;margin-top:0!important}
body[data-page="install"] .guide-help{
  margin-top:18px!important;padding:14px 15px!important;border:1px solid rgb(var(--theme-rgb)/.12)!important;
  border-radius:17px!important;background:linear-gradient(145deg,rgba(255,255,255,.035),rgb(var(--theme-rgb)/.035))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055)!important;
}
body[data-page="install"] .guide-help>div:first-child{display:grid;gap:3px;max-width:560px}
body[data-page="install"] .guide-help b{font-size:.72rem!important}
body[data-page="install"] .guide-help p{margin:0!important;font-size:.6rem!important;line-height:1.55!important}
body[data-page="install"] .guide-help>div:last-child{gap:7px!important}
body[data-page="install"] .guide-help a{
  display:inline-flex;align-items:center;min-height:32px;padding:0 10px;border:1px solid rgb(var(--theme-rgb)/.12);
  border-radius:10px;background:rgb(var(--theme-rgb)/.035);font-size:.59rem!important;text-decoration:none;
}
body[data-page="install"] .guide-help a:hover{background:rgb(var(--theme-rgb)/.075);border-color:rgb(var(--theme-rgb)/.22)}

.purchase-history-section{margin-top:28px}
.purchase-history-title{align-items:end}
.purchase-history-note{max-width:310px;color:var(--muted-2);font-size:.62rem;text-align:right;line-height:1.45}
.purchase-history{padding:12px!important;overflow:hidden}
.purchase-list{display:grid;gap:8px}
.purchase-item{
  display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:76px;padding:12px 13px;
  border:1px solid rgba(255,255,255,.065);border-radius:16px;background:rgba(5,6,8,.20);
  transition:border-color .18s ease,background .18s ease,transform .18s ease;
}
.purchase-item:hover{transform:translateY(-1px);border-color:rgb(var(--theme-rgb)/.16);background:rgb(var(--theme-rgb)/.025)}
.purchase-item-main{display:flex;align-items:center;gap:12px;min-width:0}
.purchase-item-icon,.purchase-history-orbit{
  width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgb(var(--theme-rgb)/.14);
  border-radius:13px;color:var(--primary);background:rgb(var(--theme-rgb)/.045);font-family:ui-monospace,monospace;font-size:.7rem;font-weight:900;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055);
}
.purchase-item.paid .purchase-item-icon{background:rgb(var(--theme-rgb)/.065)}
.purchase-item-copy{display:grid;gap:6px;min-width:0}
.purchase-item-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.purchase-item-top>b{font-size:.72rem;line-height:1.3}
.purchase-status{padding:4px 7px;border:1px solid rgba(255,255,255,.08);border-radius:999px;color:var(--muted);background:rgba(255,255,255,.025);font-size:.5rem;font-weight:850;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}
.purchase-status.paid{color:var(--primary);border-color:rgb(var(--theme-rgb)/.16);background:rgb(var(--theme-rgb)/.045)}
.purchase-status.processing,.purchase-status.pending{color:var(--primary);border-color:rgb(var(--theme-rgb)/.12);background:rgb(var(--theme-rgb)/.03)}
.purchase-status.canceled{opacity:.62}
.purchase-meta{display:flex;gap:6px 12px;flex-wrap:wrap;color:var(--muted-2);font-size:.56rem}
.purchase-meta span{white-space:nowrap}
.purchase-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.purchase-check{min-height:36px!important;padding:0 12px!important;font-size:.58rem!important}
.purchase-open{padding:8px 3px;color:var(--primary);font-size:.57rem;font-weight:750;text-decoration:none;white-space:nowrap}
.purchase-history-empty,.purchase-history-loading{display:flex;align-items:center;gap:13px;min-height:94px;padding:15px}
.purchase-history-empty>div{display:grid;gap:4px}
.purchase-history-empty b{font-size:.74rem}
.purchase-history-empty p{margin:0;max-width:650px;color:var(--muted-2);font-size:.61rem;line-height:1.55}
.purchase-history-loading{justify-content:center;color:var(--muted);font-size:.62rem}
.purchase-history-loading .payment-spinner{width:24px;height:24px;margin:0}
@media(max-width:760px){
  body[data-page="install"] .guide-help{align-items:flex-start;flex-direction:column;gap:12px!important}
  body[data-page="install"] .guide-help>div:last-child{width:100%;justify-content:flex-start!important}
  .purchase-history-title{align-items:flex-start}
  .purchase-history-note{display:none}
  .purchase-item{align-items:flex-start;flex-direction:column;gap:11px}
  .purchase-actions{width:100%}
  .purchase-actions .purchase-check{flex:1}
}
html[data-theme="pearl"] .purchase-item,html[data-theme="pearl"] body[data-page="install"] .guide-help{background:rgba(255,255,255,.44)!important;border-color:rgba(28,35,48,.09)!important}


/* ============================================================
   V87 — purchases live in the cabinet hub + symmetric icon rail.
   The collapsed sidebar has ~50px of inner width; center each 40px tile
   in a 50px first column so left/right breathing room is identical.
   ============================================================ */
.i-purchases{--icon:url('/static/icons/terms-scroll.svg')}
@media(min-width:821px){
  .sidebar .side-brand,
  .sidebar .side-link,
  .sidebar .admin-side-link,
  .sidebar .support-side,
  .sidebar .side-status,
  .sidebar:hover .side-brand,
  .sidebar:focus-within .side-brand,
  .sidebar.is-open .side-brand,
  .sidebar:hover .side-link,
  .sidebar:focus-within .side-link,
  .sidebar.is-open .side-link,
  .sidebar .side-link.active{
    grid-template-columns:50px 148px!important;
  }
  .sidebar .brand-logo,
  .sidebar .side-icon,
  .sidebar:hover .brand-logo,
  .sidebar:focus-within .brand-logo,
  .sidebar.is-open .brand-logo,
  .sidebar:hover .side-icon,
  .sidebar:focus-within .side-icon,
  .sidebar.is-open .side-icon{
    margin-left:5px!important;
  }
  .sidebar:not(:hover):not(:focus-within):not(.is-open) .side-brand,
  .sidebar:not(:hover):not(:focus-within):not(.is-open) .side-nav .side-link,
  .sidebar:not(:hover):not(:focus-within):not(.is-open) .side-nav .admin-side-link,
  .sidebar:not(:hover):not(:focus-within):not(.is-open) .side-foot .support-side{
    grid-template-columns:50px 148px!important;
  }
  .sidebar:not(:hover):not(:focus-within):not(.is-open) .brand-logo,
  .sidebar:not(:hover):not(:focus-within):not(.is-open) .side-nav .side-icon,
  .sidebar:not(:hover):not(:focus-within):not(.is-open) .side-foot .side-icon{
    margin-left:5px!important;
  }
}
.purchases-page .purchases-hero{padding-bottom:8px}
.purchases-standalone{padding-top:18px}
.purchases-standalone .purchase-history{min-height:190px}
@media(max-width:820px){
  .purchases-page .purchases-hero{padding-bottom:4px}
  .purchases-standalone{padding-top:12px}
}

/* ============================================================
   V88 — compact purchases + full-page admin dashboard.
   Only requested surfaces are adjusted here.
   ============================================================ */
.purchases-standalone .purchase-history{min-height:0!important}
.purchases-standalone .purchase-list{gap:7px}
.purchases-standalone .purchase-item{min-height:68px;padding:10px 12px}
.purchases-standalone .purchase-history{padding:8px!important}

.admin-page{padding-bottom:54px}
.admin-page .admin-hero{padding-bottom:6px}
.admin-page-section{margin-top:24px}
.admin-page-section>.section-title{align-items:end;margin-bottom:10px}
.admin-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.admin-kpi-card{min-height:104px;padding:14px!important;display:flex;align-items:center;gap:12px;border-radius:18px!important}
.admin-kpi-icon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border:1px solid rgb(var(--theme-rgb)/.14);border-radius:13px;color:var(--primary);background:rgb(var(--theme-rgb)/.045);box-shadow:inset 0 1px 0 rgba(255,255,255,.055)}
.admin-kpi-icon .ui-icon{width:20px;height:20px}
.admin-kpi-card>div{min-width:0;display:grid;gap:3px}
.admin-kpi-card span{color:var(--muted-2);font-size:.56rem;font-weight:750}
.admin-kpi-card b{font-family:Sora,Inter,sans-serif;font-size:1.02rem;line-height:1.05;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-kpi-card small{color:var(--muted-2);font-size:.5rem}
.admin-service-updated{color:var(--muted-2);font-size:.56rem;text-align:right}
.admin-service-table{padding:7px!important;overflow:hidden}
.admin-service-row{min-height:62px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;padding:9px 10px;border-bottom:1px solid rgba(255,255,255,.055)}
.admin-service-row:last-child{border-bottom:0}
.admin-service-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.075);border-radius:12px;background:rgba(255,255,255,.025);color:var(--muted)}
.admin-service-icon .ui-icon{width:18px;height:18px}
.admin-service-row.ok .admin-service-icon{color:var(--primary);border-color:rgb(var(--theme-rgb)/.14);background:rgb(var(--theme-rgb)/.035)}
.admin-service-copy{min-width:0;display:grid;gap:3px}
.admin-service-copy b{font-size:.68rem}
.admin-service-copy small{color:var(--muted-2);font-size:.54rem;line-height:1.45;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-service-state{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid rgba(255,255,255,.07);border-radius:999px;color:var(--muted);background:rgba(255,255,255,.02);font-size:.48rem;font-weight:850;letter-spacing:.035em;white-space:nowrap}
.admin-service-state i{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}
.admin-service-row.ok .admin-service-state{color:var(--primary);border-color:rgb(var(--theme-rgb)/.14);background:rgb(var(--theme-rgb)/.035)}
.admin-service-row.warn .admin-service-state{color:#ffd166}
.admin-service-row.error .admin-service-state{color:#ff7c8e}
.admin-load-page{margin-top:0!important;padding:14px!important;border-top:1px solid rgba(255,255,255,.07)!important;border-radius:18px!important}
.admin-load-page .admin-load-head{margin-bottom:10px}
.admin-page-loading{grid-column:1/-1;min-height:84px;display:grid;place-items:center;padding:16px;color:var(--muted);font-size:.62rem}
.admin-page-error{color:#ff8da0}
@media(max-width:1080px){.admin-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){
  .admin-page-section{margin-top:18px}
  .admin-kpi-grid{gap:8px}
  .admin-kpi-card{min-height:90px;padding:11px!important;gap:9px}
  .admin-kpi-icon{width:36px;height:36px;flex-basis:36px}
  .admin-service-row{grid-template-columns:36px minmax(0,1fr);gap:9px}
  .admin-service-state{grid-column:2;justify-self:start;margin-top:1px}
  .admin-service-icon{width:34px;height:34px}
  .admin-service-copy small{white-space:normal}
  .admin-service-updated{display:none}
}
html[data-theme="pearl"] .admin-kpi-card,html[data-theme="pearl"] .admin-service-table,html[data-theme="pearl"] .admin-load-page{background:rgba(255,255,255,.44)!important;border-color:rgba(28,35,48,.09)!important}


/* ===== ARTEMIDA UX polish v90 ===== */
.key-secret.subscription-link-box{
  padding:10px 12px !important;
  gap:6px !important;
  border-radius:16px !important;
  background:rgba(7,8,12,.34) !important;
}
.key-secret.subscription-link-box code{
  display:-webkit-box !important;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  white-space:normal !important;
  max-height:none !important;
  overflow:hidden !important;
  font-size:.66rem !important;
  line-height:1.4 !important;
  word-break:break-all;
}
.key-secret-head span{font-size:.56rem !important;letter-spacing:.09em !important;}
.key-copy-icon{width:36px !important;height:36px !important;flex:0 0 36px !important;}
.key-card{padding:22px !important;}
.key-actions{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:10px !important;
  margin-top:16px !important;
  align-items:stretch !important;
}
.key-actions.test-actions{grid-template-columns:1fr !important;}
.key-action-button{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  min-width:0 !important;
  white-space:nowrap !important;
}
.key-action-button .ui-icon{width:15px;height:15px;opacity:.95;}
.key-actions .btn{min-height:48px !important;padding:0 12px !important;font-size:.68rem !important;}
.telegram-auth{display:flex !important;align-items:center !important;gap:14px !important;}
.telegram-auth-icon{width:44px;height:44px;display:grid;place-items:center;flex:0 0 44px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:var(--primary);}
.telegram-auth-icon .ui-icon{width:18px;height:18px;}
.telegram-bridge{gap:16px;}
.telegram-bridge-note{color:var(--muted-2);font-size:.74rem;margin-top:-4px;}
.telegram-command{display:grid;gap:8px;width:100%;padding:14px;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:rgba(255,255,255,.03);}
.telegram-command>span{font-size:.73rem;color:var(--muted-2);text-transform:uppercase;letter-spacing:.08em;}
.telegram-command-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.telegram-command-row code{flex:1 1 230px;min-width:0;display:block;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(4,5,8,.45);color:var(--text);overflow-wrap:anywhere;}
.telegram-command-row button{min-height:42px;padding:0 16px;border-radius:14px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.04);color:var(--text);cursor:pointer;}
.telegram-command small{color:var(--muted);line-height:1.45;}
.action-button-inline{display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:10px !important;}
.profile-setting-static{cursor:default !important;}
.profile-setting-static:hover{transform:none !important;}
@media (max-width:900px){
  .key-actions{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .key-actions .install-action{grid-column:1 / -1;}
}
@media (max-width:560px){
  .key-card{padding:18px !important;}
  .key-actions,.key-actions.test-actions{grid-template-columns:1fr !important;gap:8px !important;}
  .key-actions .install-action{grid-column:auto !important;}
  .key-actions .btn{font-size:.72rem !important;}
  .telegram-command-row{display:grid;grid-template-columns:1fr;}
  .telegram-command-row button{width:100%;}
}


/* ===== ARTEMIDA profile/trial hotfix v91 ===== */
.profile-setting-static{cursor:default!important;}
.profile-setting-static:hover{transform:none!important;background:var(--v37-panel-soft)!important;box-shadow:none!important;}
.telegram-profile-panel.is-unlinked .profile-action.primary:not(:disabled){
  border-color:rgb(var(--theme-rgb)/.34)!important;
  background:linear-gradient(145deg,rgb(var(--theme-rgb)/.14),rgb(var(--theme-rgb-2)/.055))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 22px rgb(var(--theme-rgb)/.06)!important;
}
.telegram-profile-panel.is-unlinked .profile-action.primary:not(:disabled) b{
  color:#fff!important;
  text-shadow:0 0 12px rgb(var(--theme-rgb)/.55),0 0 3px rgba(255,255,255,.28)!important;
}
.telegram-profile-panel.is-unlinked .profile-action.primary:not(:disabled) small{color:rgba(255,255,255,.72)!important;}
.telegram-profile-panel.is-unlinked .profile-action.primary:not(:disabled) .profile-action-icon{color:#fff!important;}
.trial-bot-only{display:grid;justify-items:center;gap:16px;padding:22px 4px 4px;text-align:center;}
.trial-bot-only p{max-width:410px;margin:0;color:var(--muted);font-size:.78rem;line-height:1.6;}
.trial-bot-icon{width:62px;height:62px;display:grid;place-items:center;border:1px solid rgb(var(--theme-rgb)/.24);border-radius:20px;color:var(--primary);background:rgb(var(--theme-rgb)/.07);box-shadow:0 12px 32px rgb(var(--theme-rgb)/.08);}
.trial-bot-icon .ui-icon{width:26px;height:26px;}
.trial-bot-button{display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;margin-top:2px;}
.trial-bot-button .ui-icon{width:16px;height:16px;}


/* V92 targeted diagnostics fixes: legal hub, FAQ overlay, branded fallbacks. */
.profile-avatar.profile-brand-avatar,.radar-core.brand-radar-core{position:relative!important;overflow:hidden!important;color:transparent!important}
.profile-avatar.profile-brand-avatar .artemida-brand-glyph{inset:9px!important}
.radar-core.brand-radar-core .artemida-brand-glyph{inset:12px!important}
body[data-page="faq"] .faq-top-hub .faq-home-identity{
  display:grid!important;min-width:max-content!important;width:max-content!important;height:auto!important;overflow:visible!important;gap:0!important;
}
body[data-page="faq"] .faq-top-hub .faq-hub-copy{display:grid!important;gap:2px!important;line-height:1.05!important}
body[data-page="faq"] .faq-top-hub .faq-hub-copy .overline{font-size:.55rem!important;letter-spacing:.12em!important}
body[data-page="faq"] .faq-top-hub .faq-hub-copy strong{font-size:.86rem!important;white-space:nowrap!important}
@media(max-width:820px){
  /* FAQ category controls belong to document flow; they must never cover an opened answer. */
  body[data-page="faq"] .faq-tools{position:relative!important;top:auto!important;z-index:2!important;margin:0 0 12px!important;overflow:hidden!important}
  body[data-page="faq"] #answers{scroll-margin-top:72px!important}
  body[data-page="faq"] .faq-top-hub .faq-home-identity{display:grid!important;height:auto!important;min-width:0!important;width:auto!important}
  body[data-page="faq"] .faq-top-hub .faq-hub-copy .overline{font-size:.50rem!important}
  body[data-page="faq"] .faq-top-hub .faq-hub-copy strong{font-size:.78rem!important}

  /* Legal pages: explicit three-column mobile geometry overrides the generic two-column hub rule. */
  .legal-topbar.site-top-hub{grid-template-columns:minmax(86px,1fr) auto 40px!important;gap:5px!important;padding:6px 7px!important;overflow:hidden!important}
  .legal-topbar.site-top-hub>.legal-home{grid-column:1!important;min-width:0!important;overflow:hidden!important}
  .legal-topbar.site-top-hub>.legal-home b{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .legal-topbar.site-top-hub>nav{grid-column:2!important;display:flex!important;justify-self:center!important;min-width:0!important;overflow:hidden!important;gap:0!important}
  .legal-topbar.site-top-hub>nav a{min-height:34px!important;padding:0 6px!important;font-size:.54rem!important;white-space:nowrap!important}
  .legal-topbar.site-top-hub>.legal-account-button{grid-column:3!important;justify-self:end!important;width:40px!important;min-width:40px!important;height:40px!important;padding:3px!important}
  .legal-topbar .legal-account-button .site-login-label{display:none!important}
}
@media(max-width:360px){
  .legal-topbar.site-top-hub{grid-template-columns:minmax(76px,1fr) auto 38px!important}
  .legal-topbar.site-top-hub>nav a{padding:0 4px!important;font-size:.50rem!important}
  .legal-topbar.site-top-hub>.legal-account-button{width:38px!important;min-width:38px!important;height:38px!important}
}


/* ============================================================
   V94 — Moscow traffic chart, visible async actions, admin support row.
   ============================================================ */
.button-spinner{width:13px;height:13px;flex:0 0 13px;display:inline-block;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:artemida-button-spin .72s linear infinite}
.is-busy{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;cursor:wait!important;opacity:.82!important}
@keyframes artemida-button-spin{to{transform:rotate(360deg)}}
.admin-traffic-card{padding:16px!important}
.admin-traffic-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:12px}
.admin-traffic-head>div:first-child{display:grid;gap:3px}.admin-traffic-head b{font-size:.72rem}.admin-traffic-head small{color:var(--muted-2);font-size:.54rem}
.admin-traffic-total{display:grid;gap:2px;text-align:right}.admin-traffic-total span{color:var(--muted-2);font-size:.5rem}.admin-traffic-total b{font-family:Sora,Inter,sans-serif;font-size:1rem}
.traffic-chart-wrap{position:relative;height:250px;border:1px solid rgba(255,255,255,.065);border-radius:14px;background:linear-gradient(180deg,rgb(var(--theme-rgb)/.03),transparent);overflow:hidden}
.traffic-chart{width:100%;height:100%;display:block;cursor:crosshair}
.traffic-tooltip{position:absolute;z-index:5;min-width:176px;display:grid;gap:5px;padding:10px 11px;border:1px solid rgba(255,255,255,.12);border-radius:12px;color:var(--text);background:rgba(11,10,14,.92);box-shadow:0 14px 34px rgba(0,0,0,.35);backdrop-filter:blur(16px);pointer-events:none;font-size:.54rem}
.traffic-tooltip[hidden]{display:none!important}.traffic-tooltip b{margin-bottom:2px;font-size:.62rem}.traffic-tooltip span{display:flex;justify-content:space-between;gap:15px;color:var(--muted-2)}.traffic-tooltip strong{color:var(--text);font-weight:800}
.traffic-legend{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;color:var(--muted-2);font-size:.51rem}.traffic-legend>span{white-space:nowrap}.traffic-legend i{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:var(--primary);box-shadow:0 0 10px rgb(var(--theme-rgb)/.25)}
@media(max-width:620px){.traffic-chart-wrap{height:220px}.admin-traffic-head{align-items:flex-start}.traffic-legend small{display:none}.traffic-tabs button{padding:6px 7px}}
@media(min-width:821px){body[data-page="admin"] .sidebar .support-side .side-copy{font-size:inherit!important;line-height:1.05!important}body[data-page="admin"] .sidebar .support-side .side-copy b{font-size:.82rem!important}body[data-page="admin"] .sidebar .support-side .side-copy small{display:block!important;margin-top:6px!important;font-size:.65rem!important}}
.network-flag.flag-emoji{font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif!important;font-size:1.18rem!important;background:transparent!important;overflow:visible!important}


/* V95 — admin-controlled maintenance mode */
.admin-maintenance-card{padding:15px 16px!important;display:flex;align-items:center;justify-content:space-between;gap:16px;border-radius:18px!important}
.admin-maintenance-copy{min-width:0;display:flex;align-items:center;gap:12px}.admin-maintenance-copy>div{min-width:0;display:grid;gap:4px}.admin-maintenance-copy b{font-size:.72rem}.admin-maintenance-copy small{max-width:760px;color:var(--muted-2);font-size:.55rem;line-height:1.5}
.admin-maintenance-icon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border:1px solid rgb(var(--theme-rgb)/.14);border-radius:13px;color:var(--primary);background:rgb(var(--theme-rgb)/.045)}.admin-maintenance-icon .ui-icon{width:19px;height:19px}
.admin-maintenance-card.is-enabled{border-color:rgba(255,209,102,.24)!important;background:linear-gradient(145deg,rgba(255,209,102,.055),rgba(5,6,8,.32))!important}.admin-maintenance-card.is-enabled .admin-maintenance-icon{color:#ffd166;border-color:rgba(255,209,102,.22);background:rgba(255,209,102,.06)}
.admin-maintenance-toggle{min-width:190px;white-space:nowrap}
@media(max-width:720px){.admin-maintenance-card{align-items:stretch;flex-direction:column}.admin-maintenance-toggle{width:100%;min-width:0}}

/* V97: direct Telegram bot actions */
.profile-action[href]{text-decoration:none}


/* V98: live Telegram proxy pool */
.proxy-step{min-width:0}.proxy-step::before{right:62px}.proxy-step-head{display:grid;grid-template-columns:minmax(0,1fr) 38px;align-items:start;gap:12px}.proxy-step-head h2{margin-bottom:8px}.proxy-step-head p{margin:0}.proxy-refresh{width:38px;height:38px;border:1px solid rgb(var(--theme-rgb)/.2);border-radius:12px;background:rgb(var(--theme-rgb)/.055);color:rgb(var(--theme-rgb));display:grid;place-items:center;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.09);transition:transform .18s ease,border-color .18s ease,background .18s ease}.proxy-refresh:hover{transform:translateY(-1px);border-color:rgb(var(--theme-rgb)/.42);background:rgb(var(--theme-rgb)/.095)}.proxy-refresh:disabled{cursor:wait;opacity:.65}.proxy-refresh span{font-size:1.2rem;line-height:1}.proxy-refresh.is-loading span{animation:proxy-refresh-spin .8s linear infinite}@keyframes proxy-refresh-spin{to{transform:rotate(360deg)}}.proxy-list-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:17px;padding:0 2px;color:var(--muted)}.proxy-list-meta span{font-size:.61rem}.proxy-list-meta small{font-size:.55rem;color:var(--muted-2);white-space:nowrap}.proxy-list{display:grid;gap:8px;margin-top:9px;max-height:278px;overflow:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:rgb(var(--theme-rgb)/.28) transparent}.proxy-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 11px 11px 12px;border:1px solid rgba(255,255,255,.075);border-radius:14px;background:rgba(255,255,255,.028)}.proxy-row:hover{border-color:rgb(var(--theme-rgb)/.2);background:rgb(var(--theme-rgb)/.035)}.proxy-info{min-width:0;display:grid;gap:4px}.proxy-info-top{display:flex;align-items:center;gap:7px;min-width:0}.proxy-type{flex:0 0 auto;padding:4px 6px;border:1px solid rgb(var(--theme-rgb)/.2);border-radius:7px;background:rgb(var(--theme-rgb)/.055);font-size:.48rem;font-weight:800;letter-spacing:.05em;color:rgb(var(--theme-rgb))}.proxy-address{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.62rem;color:var(--text)}.proxy-info small{display:flex;gap:7px;align-items:center;color:var(--muted-2);font-size:.52rem}.proxy-latency{color:#9ed8aa}.proxy-connect{min-height:34px;padding:0 10px;border:1px solid rgb(var(--theme-rgb)/.24);border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:var(--text);background:rgb(var(--theme-rgb)/.07);font-size:.56rem;font-weight:700;white-space:nowrap}.proxy-connect:hover{background:rgb(var(--theme-rgb)/.13);border-color:rgb(var(--theme-rgb)/.42)}.proxy-empty{padding:24px 14px;border:1px dashed rgba(255,255,255,.09);border-radius:14px;text-align:center;color:var(--muted);font-size:.62rem;line-height:1.55}.proxy-disclaimer{margin:11px 1px 0!important;font-size:.55rem!important;line-height:1.55!important;color:var(--muted-2)!important}.proxy-list.is-stale .proxy-row{opacity:.68}@media(max-width:520px){.proxy-row{grid-template-columns:minmax(0,1fr)}.proxy-connect{width:100%}.proxy-list{max-height:330px}.proxy-list-meta{align-items:flex-start;flex-direction:column;gap:3px}}
html[data-theme="pearl"] .proxy-row{border-color:rgba(24,20,25,.1);background:rgba(24,20,25,.025)}html[data-theme="pearl"] .proxy-address,html[data-theme="pearl"] .proxy-connect{color:#181419}html[data-theme="pearl"] .proxy-empty{border-color:rgba(24,20,25,.12)}
/* V99: native Telegram deep links + lightweight proxy actions */
.proxy-actions{display:flex;align-items:center;gap:7px}.proxy-connect{min-width:88px}.proxy-copy{width:34px;height:34px;flex:0 0 34px;padding:0;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:rgba(255,255,255,.035);color:var(--muted);display:grid;place-items:center;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease}.proxy-copy .ui-icon{width:13px;height:13px}.proxy-copy:hover{transform:translateY(-1px);border-color:rgb(var(--theme-rgb)/.34);background:rgb(var(--theme-rgb)/.09);color:var(--text)}.proxy-copy.is-copied{border-color:rgba(126,220,152,.4);background:rgba(126,220,152,.1);color:#9ed8aa}@media(max-width:520px){.proxy-actions{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 38px}.proxy-copy{width:38px;height:38px}.proxy-connect{width:100%;min-height:38px}}html[data-theme="pearl"] .proxy-copy{border-color:rgba(24,20,25,.12);background:rgba(24,20,25,.025);color:#554d55}
/* V101: source-by-source TOP-12 proxy tabs */
.proxy-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:16px}.proxy-tab{min-width:0;height:40px;padding:0 8px;border:1px solid rgba(255,255,255,.075);border-radius:11px;background:rgba(255,255,255,.028);color:var(--muted);display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;font:inherit;transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease}.proxy-tab span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.55rem;font-weight:760}.proxy-tab b{min-width:20px;height:20px;padding:0 5px;border-radius:7px;background:rgba(255,255,255,.055);display:grid;place-items:center;font-family:Sora,Inter,sans-serif;font-size:.48rem;color:var(--muted-2)}.proxy-tab:hover{transform:translateY(-1px);border-color:rgb(var(--theme-rgb)/.25);color:var(--text)}.proxy-tab.is-active{border-color:rgb(var(--theme-rgb)/.38);background:rgb(var(--theme-rgb)/.105);color:var(--text);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.proxy-tab.is-active b{background:rgb(var(--theme-rgb)/.16);color:rgb(var(--theme-rgb))}.proxy-tab.is-stale:not(.is-active){opacity:.62}.proxy-rank{flex:0 0 auto;width:19px;font-family:Sora,Inter,sans-serif;font-size:.45rem;font-weight:800;letter-spacing:.03em;color:var(--muted-2)}.proxy-verified{color:#9ed8aa}.proxy-list{max-height:326px}.proxy-disclaimer{padding-top:2px}.proxy-step-head p{max-width:660px}@media(max-width:520px){.proxy-tabs{gap:5px}.proxy-tab{height:38px;padding:0 5px;gap:4px}.proxy-tab span{font-size:.48rem}.proxy-tab b{min-width:18px;height:18px;padding:0 4px;font-size:.44rem}.proxy-rank{width:17px}.proxy-list{max-height:390px}}
html[data-theme="pearl"] .proxy-tab{border-color:rgba(24,20,25,.1);background:rgba(24,20,25,.025);color:#6b626b}html[data-theme="pearl"] .proxy-tab.is-active{border-color:rgb(var(--theme-rgb)/.32);background:rgb(var(--theme-rgb)/.08);color:#181419}html[data-theme="pearl"] .proxy-tab b{background:rgba(24,20,25,.05)}

/* V101: four independent proxy sources; keep tabs readable on phones. */
@media(max-width:620px){.proxy-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.proxy-tab span{font-size:.52rem}}


/* V102 — scalable device picker + bot-compatible volume discounts. */
.device-config-row{align-items:center}
.device-config-actions{display:flex;align-items:center;gap:10px}
.device-range-v102{display:grid;grid-template-columns:minmax(0,1fr) 82px;align-items:center;gap:12px;margin-top:2px}
.device-range-v102 .device-range{margin-bottom:18px}
.range-dots{inset:0 8px;pointer-events:none!important}
.range-marker{position:absolute;top:9px;width:1px;height:30px;translate:-50% 0;pointer-events:none}
.range-marker i{position:absolute;left:50%;top:8px;width:6px;height:6px;translate:-50% -50%;border:1px solid rgba(255,255,255,.11);border-radius:50%;background:#313136;transition:.25s ease}
.range-marker small{position:absolute;left:50%;top:24px;translate:-50% 0;color:var(--muted-2);font:650 .54rem/1 ui-monospace,monospace;white-space:nowrap;opacity:.72;transition:.25s ease}
.range-marker.active i{background:var(--primary);box-shadow:0 0 9px rgb(var(--theme-rgb)/.30)}
.range-marker.active small{color:var(--muted);opacity:.95}
.range-marker.current i{width:8px;height:8px;box-shadow:0 0 0 4px rgb(var(--theme-rgb)/.08),0 0 16px rgb(var(--theme-rgb)/.42)}
.device-custom-toggle{height:44px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px;padding:0 10px;border:1px solid rgba(255,255,255,.08);border-radius:14px;color:var(--muted);background:rgba(5,6,8,.24);cursor:pointer;transition:.22s ease}
.device-custom-toggle b{color:var(--primary);font-size:1.25rem;line-height:1;text-shadow:0 0 18px rgb(var(--theme-rgb)/.25)}
.device-custom-toggle span{font-size:.56rem;line-height:1.05;text-align:left}
.device-custom-toggle:hover,.device-custom-toggle[aria-expanded="true"]{border-color:rgb(var(--theme-rgb)/.28);color:var(--text);background:rgb(var(--theme-rgb)/.07);transform:translateY(-1px)}
.device-custom-toggle.infinity-pop{animation:infinity-pop .42s cubic-bezier(.2,.9,.2,1)}
@keyframes infinity-pop{0%{transform:scale(.9)}60%{transform:scale(1.08)}100%{transform:none}}
.device-custom-panel{display:grid;max-height:0;opacity:0;margin:0;padding:0 12px;border:1px solid transparent;border-radius:15px;overflow:hidden;transition:max-height .3s cubic-bezier(.2,.8,.2,1),opacity .2s ease,margin .28s ease,padding .28s ease,border-color .28s ease;background:rgba(5,6,8,.16)}
.device-custom-panel>*{min-height:0}
.device-custom-panel.open{max-height:170px;opacity:1;margin:7px 0 4px;padding:12px;border-color:rgba(255,255,255,.07)}
.device-custom-panel label{color:var(--muted-2);font-size:.62rem}
.device-custom-panel>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:8px}
.device-custom-panel input{min-width:0;height:42px;padding:0 12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:var(--text);background:rgba(0,0,0,.22);outline:0;font:750 .78rem ui-monospace,monospace}
.device-custom-panel input:focus{border-color:rgb(var(--theme-rgb)/.34);box-shadow:0 0 0 3px rgb(var(--theme-rgb)/.06)}
.device-custom-panel button{height:42px;padding:0 14px;border:1px solid rgb(var(--theme-rgb)/.22);border-radius:12px;color:var(--text);background:rgb(var(--theme-rgb)/.08);cursor:pointer;font-size:.63rem;font-weight:800}
.device-custom-panel small{margin-top:7px;color:var(--muted-2);font-size:.56rem;line-height:1.35}
.device-discount-badge{display:inline-flex;align-items:center;min-height:27px;padding:0 9px;border:1px solid rgb(var(--theme-rgb)/.22);border-radius:999px;color:var(--primary);background:rgb(var(--theme-rgb)/.07);font-size:.58rem;font-weight:850;white-space:nowrap;box-shadow:0 0 18px rgb(var(--theme-rgb)/.06)}
.device-discount-badge[hidden]{display:none!important}
.device-discount-badge.is-active{animation:discount-badge-in .35s cubic-bezier(.2,.9,.2,1)}
@keyframes discount-badge-in{0%{opacity:0;transform:translateY(4px) scale(.95)}100%{opacity:1;transform:none}}
@media(max-width:620px){.device-config-actions{width:100%;justify-content:space-between}.device-range-v102{grid-template-columns:minmax(0,1fr) 72px}.device-custom-toggle{padding:0 8px}.range-marker small{font-size:.48rem}}

/* V102 — adaptive proxy compare + unlimited-feeling device selector */
.device-discount-badge{display:inline-flex;align-items:center;min-height:28px;padding:0 9px;border:1px solid rgb(var(--theme-rgb)/.24);border-radius:999px;background:rgb(var(--theme-rgb)/.07);color:rgb(var(--theme-rgb));font-size:.55rem;font-weight:800;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.06);animation:discount-badge-in .28s ease both}
.device-discount-badge[hidden]{display:none!important}
@keyframes discount-badge-in{from{opacity:0;transform:translateY(4px) scale(.96)}to{opacity:1;transform:none}}
.device-range-v102 .device-range{position:relative;min-width:0}
.device-range-v102 .range-dots{position:absolute;inset:0;pointer-events:none}
.device-range-v102 .range-track{overflow:visible}
.device-range-v102 .range-fill,.device-range-v102 .range-thumb{transition:width .18s cubic-bezier(.2,.8,.2,1),left .18s cubic-bezier(.2,.8,.2,1),transform .18s ease}
.device-range-v102 .device-range-input:active~*{transition:none}
.device-config-row .stepper strong{min-width:42px;text-align:center;font-variant-numeric:tabular-nums}
.proxy-bottomline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding-top:11px;border-top:1px solid rgba(255,255,255,.055)}
.proxy-bottomline .proxy-disclaimer{margin:0!important;padding:0!important;max-width:430px}
.proxy-vpn-cta{flex:0 0 auto;display:flex;align-items:center;gap:9px;min-height:40px;padding:7px 10px 7px 12px;border:1px solid rgb(var(--theme-rgb)/.2);border-radius:13px;background:linear-gradient(135deg,rgb(var(--theme-rgb)/.07),rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.07);transition:transform .18s ease,border-color .18s ease,background .18s ease}
.proxy-vpn-cta span{color:var(--muted-2);font-size:.5rem;white-space:nowrap}.proxy-vpn-cta b{display:inline-flex;align-items:center;gap:5px;color:var(--text);font-size:.57rem;white-space:nowrap}.proxy-vpn-cta i{font-style:normal;color:rgb(var(--theme-rgb));transition:transform .18s ease}.proxy-vpn-cta:hover{transform:translateY(-1px);border-color:rgb(var(--theme-rgb)/.38);background:rgb(var(--theme-rgb)/.09)}.proxy-vpn-cta:hover i{transform:translateX(2px)}
@media(max-width:620px){.proxy-bottomline{align-items:stretch;flex-direction:column}.proxy-vpn-cta{justify-content:space-between;width:100%}.proxy-vpn-cta span{white-space:normal}.device-discount-badge{font-size:.51rem}}
.device-range-v102 .range-marker{z-index:6;width:32px;height:34px;margin:0;padding:0;border:0;background:transparent;cursor:pointer;pointer-events:auto;appearance:none;-webkit-appearance:none}
.device-range-v102 .range-marker:hover i{transform:translate(-50%,-50%) scale(1.35);border-color:rgb(var(--theme-rgb)/.45)}
.device-range-v102 .range-marker:focus-visible{outline:1px solid rgb(var(--theme-rgb)/.55);outline-offset:2px;border-radius:8px}


/* V103 kinetic device picker */
.device-picker-v103{display:grid;gap:11px;margin-top:10px}
.device-kinetic-row{display:grid;grid-template-columns:minmax(68px,.8fr) 48px minmax(126px,156px) 48px minmax(68px,.8fr);gap:8px;align-items:center}
.device-jump,.device-nudge,.device-preset-row button{appearance:none;-webkit-appearance:none;border:1px solid rgba(255,255,255,.075);color:var(--text);background:rgba(255,255,255,.028);cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease,color .16s ease}
.device-jump{height:52px;border-radius:15px;display:grid;place-items:center;align-content:center;gap:2px}.device-jump b{font:800 .66rem/1 Sora,Inter,sans-serif}.device-jump small{color:var(--muted-2);font-size:.47rem}
.device-nudge{width:48px;height:48px;border-radius:15px;font:500 1.35rem/1 Sora,Inter,sans-serif;color:var(--primary)}
.device-jump:hover,.device-nudge:hover,.device-preset-row button:hover{transform:translateY(-1px);border-color:rgb(var(--theme-rgb)/.32);background:rgb(var(--theme-rgb)/.075)}
.device-jump:active,.device-nudge:active,.device-preset-row button:active{transform:translateY(0) scale(.96)}
.device-jump:disabled,.device-nudge:disabled{opacity:.28;cursor:not-allowed;transform:none}
.device-counter-stage{position:relative;min-height:86px;display:grid;place-items:center;align-content:center;gap:1px;overflow:hidden;border:1px solid rgb(var(--theme-rgb)/.24);border-radius:22px;background:radial-gradient(circle at 50% 18%,rgb(var(--theme-rgb)/.11),transparent 56%),rgba(4,5,8,.36);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 12px 34px rgba(0,0,0,.12);outline:0;isolation:isolate}
.device-counter-stage:focus-visible{border-color:rgb(var(--theme-rgb)/.52);box-shadow:0 0 0 3px rgb(var(--theme-rgb)/.09),inset 0 1px 0 rgba(255,255,255,.08)}
.device-counter-stage strong{position:relative;z-index:2;min-width:74px;text-align:center;font:800 2.05rem/.95 Sora,Inter,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.06em;color:#fff;text-shadow:0 0 22px rgb(var(--theme-rgb)/.28)}
.device-counter-stage>small{position:relative;z-index:2;color:var(--muted-2);font-size:.5rem;font-weight:700;letter-spacing:.04em}
.device-counter-orbit{position:absolute;z-index:0;width:88px;height:88px;border-radius:50%;border:1px solid rgb(var(--theme-rgb)/.13);box-shadow:inset 0 0 28px rgb(var(--theme-rgb)/.05);animation:device-orbit 7s linear infinite}
.device-counter-orbit:before,.device-counter-orbit:after{content:"";position:absolute;border-radius:50%;background:rgb(var(--theme-rgb));box-shadow:0 0 13px rgb(var(--theme-rgb)/.5)}
.device-counter-orbit:before{width:4px;height:4px;left:8px;top:15px}.device-counter-orbit:after{width:3px;height:3px;right:9px;bottom:19px;opacity:.65}
@keyframes device-orbit{to{transform:rotate(360deg)}}
.device-counter-ghost{position:absolute!important;z-index:1!important;left:50%;top:50%;margin:0!important;color:rgb(var(--theme-rgb)/.42)!important;pointer-events:none;filter:blur(.4px);font-size:2rem!important}.device-counter-ghost.is-up{animation:device-ghost-up .34s ease forwards}.device-counter-ghost.is-down{animation:device-ghost-down .34s ease forwards}
.device-roll-up{animation:device-roll-up .34s cubic-bezier(.2,.85,.2,1)}.device-roll-down{animation:device-roll-down .34s cubic-bezier(.2,.85,.2,1)}
@keyframes device-roll-up{0%{opacity:.15;transform:translateY(17px) scale(.91)}100%{opacity:1;transform:none}}@keyframes device-roll-down{0%{opacity:.15;transform:translateY(-17px) scale(.91)}100%{opacity:1;transform:none}}@keyframes device-ghost-up{0%{opacity:.48;transform:translate(-50%,-52%) scale(1)}100%{opacity:0;transform:translate(-50%,-120%) scale(.84)}}@keyframes device-ghost-down{0%{opacity:.48;transform:translate(-50%,-48%) scale(1)}100%{opacity:0;transform:translate(-50%,20%) scale(.84)}}
.device-preset-row{display:grid;grid-template-columns:repeat(7,minmax(42px,1fr)) minmax(90px,1.25fr);gap:7px}
.device-preset-row>button:not(.device-custom-toggle){height:40px;border-radius:12px;font:750 .59rem/1 Sora,Inter,sans-serif;color:var(--muted)}
.device-preset-row>button.is-active{border-color:rgb(var(--theme-rgb)/.4);background:rgb(var(--theme-rgb)/.11);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 18px rgb(var(--theme-rgb)/.06)}
.device-preset-row .device-custom-toggle{height:40px;border-radius:12px}.device-custom-toggle.has-custom-value{border-color:rgb(var(--theme-rgb)/.28);background:rgb(var(--theme-rgb)/.07);color:var(--text)}
html[data-theme="pearl"] .device-jump,html[data-theme="pearl"] .device-nudge,html[data-theme="pearl"] .device-preset-row button{border-color:rgba(24,20,25,.1);background:rgba(24,20,25,.025);color:#3f3840}html[data-theme="pearl"] .device-counter-stage{background:radial-gradient(circle at 50% 18%,rgb(var(--theme-rgb)/.08),transparent 56%),rgba(255,255,255,.33)}html[data-theme="pearl"] .device-counter-stage strong{color:#181419;text-shadow:none}
@media(max-width:760px){.device-kinetic-row{grid-template-columns:52px 42px minmax(112px,1fr) 42px 52px;gap:6px}.device-jump{height:46px}.device-jump small{display:none}.device-nudge{width:42px;height:42px}.device-preset-row{grid-template-columns:repeat(4,minmax(0,1fr))}.device-preset-row .device-custom-toggle{grid-column:span 1}}
@media(max-width:460px){.device-kinetic-row{grid-template-columns:42px minmax(112px,1fr) 42px}.device-jump{display:none}.device-counter-stage{min-height:78px}.device-counter-stage strong{font-size:1.8rem}.device-preset-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.device-preset-row>button:not(.device-custom-toggle),.device-preset-row .device-custom-toggle{height:38px}.device-custom-toggle span{font-size:.5rem}}
@media(prefers-reduced-motion:reduce){.device-counter-orbit,.device-roll-up,.device-roll-down,.device-counter-ghost{animation:none!important}}

/* V103 proxy pool is automatic; no manual refresh control. */
.proxy-step-head{grid-template-columns:minmax(0,1fr)}


/* V107 — searchable account directory in the private admin panel */
.admin-view-tabs{position:sticky;top:78px;z-index:12;display:inline-flex;gap:5px;margin-top:14px;padding:5px!important;border-radius:15px!important;backdrop-filter:blur(22px) saturate(145%)}
.admin-view-tabs button{min-width:118px;padding:9px 13px;border:1px solid transparent;border-radius:11px;background:transparent;color:var(--muted-2);font:800 .58rem/1 Sora,Inter,sans-serif;letter-spacing:.025em;transition:.18s ease}
.admin-view-tabs button:hover{color:var(--text);background:rgba(255,255,255,.035)}
.admin-view-tabs button.active{color:#fff;border-color:rgb(var(--theme-rgb)/.16);background:rgb(var(--theme-rgb)/.095);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.admin-view-tabs button span{display:inline-grid;min-width:21px;height:21px;margin-left:6px;padding:0 6px;place-items:center;border-radius:999px;background:rgba(255,255,255,.055);color:var(--muted);font-size:.48rem}
.admin-view-tabs button.active span{color:var(--primary);background:rgb(var(--theme-rgb)/.08)}
.admin-accounts-section[hidden],.admin-overview-section[hidden]{display:none!important}
.admin-accounts-card{overflow:hidden;padding:0!important;border-radius:19px!important}
.admin-accounts-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px;border-bottom:1px solid rgba(255,255,255,.065);background:rgba(255,255,255,.015)}
.admin-accounts-toolbar>small{color:var(--muted-2);font-size:.5rem;white-space:nowrap}
.admin-account-search{width:min(520px,100%);height:40px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid rgba(255,255,255,.085);border-radius:12px;background:rgba(0,0,0,.16);transition:.18s ease}
.admin-account-search:focus-within{border-color:rgb(var(--theme-rgb)/.28);box-shadow:0 0 0 3px rgb(var(--theme-rgb)/.055)}
.admin-account-search>span{color:var(--muted);font-size:1.05rem;line-height:1;transform:rotate(-12deg)}
.admin-account-search input{min-width:0;flex:1;border:0!important;outline:0!important;background:transparent!important;color:var(--text);font:650 .62rem/1.2 Inter,sans-serif;box-shadow:none!important}
.admin-account-search input::placeholder{color:var(--muted-2)}
.admin-accounts-head,.admin-account-row{display:grid;grid-template-columns:minmax(190px,1.2fr) minmax(130px,.8fr) minmax(155px,.85fr) minmax(180px,1fr);align-items:center;gap:12px}
.admin-accounts-head{padding:8px 14px;border-bottom:1px solid rgba(255,255,255,.055);color:var(--muted-2);background:rgba(255,255,255,.012);font-size:.47rem;font-weight:850;letter-spacing:.04em;text-transform:uppercase}
.admin-accounts-scroll{max-height:min(58vh,610px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgb(var(--theme-rgb)/.28) transparent}
.admin-accounts-scroll::-webkit-scrollbar{width:7px}.admin-accounts-scroll::-webkit-scrollbar-track{background:transparent}.admin-accounts-scroll::-webkit-scrollbar-thumb{border-radius:999px;background:rgb(var(--theme-rgb)/.22)}
.admin-account-row{min-height:68px;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.048);transition:background .16s ease,border-color .16s ease}
.admin-account-row:last-child{border-bottom:0}.admin-account-row:hover{background:rgb(var(--theme-rgb)/.026);border-color:rgb(var(--theme-rgb)/.08)}
.admin-account-main{min-width:0;display:flex;align-items:center;gap:10px}.admin-account-main>div{min-width:0;display:grid;gap:3px}.admin-account-main b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.64rem}.admin-account-main small,.admin-account-purchase small,.admin-account-tg small{color:var(--muted-2);font-size:.48rem}
.admin-account-avatar{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border:1px solid rgb(var(--theme-rgb)/.13);border-radius:11px;color:var(--primary);background:rgb(var(--theme-rgb)/.045);font:850 .62rem/1 Sora,Inter,sans-serif}
.admin-account-status{display:inline-flex;align-items:center;justify-content:center;min-width:76px;padding:6px 8px;border:1px solid rgba(255,255,255,.075);border-radius:999px;font-size:.48rem;font-weight:900;letter-spacing:.025em;white-space:nowrap}
.admin-account-status.yes{color:#7bf0b0;border-color:rgba(123,240,176,.18);background:rgba(123,240,176,.055)}.admin-account-status.no{color:var(--muted-2);background:rgba(255,255,255,.018)}.admin-account-status.admin{color:var(--primary);border-color:rgb(var(--theme-rgb)/.17);background:rgb(var(--theme-rgb)/.05)}
.admin-account-purchase{display:grid;justify-items:start;gap:4px}.admin-account-row time{color:var(--muted);font-size:.54rem;font-variant-numeric:tabular-nums}
.admin-account-tg{min-width:0;display:grid;gap:3px;color:var(--text);text-decoration:none}.admin-account-tg b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.58rem}.admin-account-tg:hover b{color:var(--primary)}.admin-account-empty{color:var(--muted-2);font-size:.53rem}
.admin-accounts-more{padding:10px;text-align:center;color:var(--muted-2);font-size:.49rem;border-top:1px solid rgba(255,255,255,.04)}
.admin-accounts-empty{min-height:170px;display:grid;place-items:center;align-content:center;gap:5px;padding:24px;text-align:center}.admin-accounts-empty b{font-size:.68rem}.admin-accounts-empty span{color:var(--muted-2);font-size:.54rem}
html[data-theme="pearl"] .admin-account-search{background:rgba(255,255,255,.32);border-color:rgba(28,35,48,.09)}
@media(max-width:820px){.admin-view-tabs{top:68px;width:100%;display:grid;grid-template-columns:1fr 1fr}.admin-view-tabs button{min-width:0}.admin-accounts-toolbar{align-items:stretch;flex-direction:column}.admin-accounts-toolbar>small{white-space:normal}.admin-accounts-head{display:none}.admin-account-row{grid-template-columns:minmax(0,1fr) auto;gap:9px 12px}.admin-account-row>time{grid-column:1}.admin-account-row>div:last-child{grid-column:2;grid-row:2}.admin-accounts-scroll{max-height:62vh}.admin-account-purchase{justify-items:end}.admin-account-main b{font-size:.62rem}}
@media(max-width:520px){.admin-view-tabs{position:relative;top:auto}.admin-account-row{padding:11px}.admin-account-avatar{width:32px;height:32px;flex-basis:32px}.admin-account-status{min-width:68px;padding:5px 7px}.admin-account-tg{text-align:right}.admin-accounts-scroll{max-height:66vh}}


/* ============================================================
   V108 — admin directory readability + purchase details + brand lock
   ============================================================ */
.admin-page .admin-view-tabs{
  position:relative!important;top:auto!important;z-index:2!important;
  width:min(430px,100%)!important;display:grid!important;grid-template-columns:1fr 1fr!important;
  gap:6px!important;margin:8px 0 26px!important;padding:6px!important;border-radius:17px!important;
}
.admin-page .admin-view-tabs button{
  min-width:0!important;min-height:46px!important;padding:10px 16px!important;border-radius:12px!important;
  font-size:.69rem!important;letter-spacing:.015em!important;
}
.admin-page .admin-view-tabs button span{min-width:25px!important;height:25px!important;font-size:.57rem!important}
.admin-page .admin-accounts-section{margin-top:0!important}
.admin-page .admin-accounts-toolbar{padding:15px 16px!important;gap:18px!important}
.admin-page .admin-accounts-toolbar>small{font-size:.62rem!important;line-height:1.45!important}
.admin-page .admin-account-search{height:46px!important;padding:0 13px!important;border-radius:13px!important}
.admin-page .admin-account-search input{font-size:.76rem!important}
.admin-page .admin-accounts-head{padding:11px 16px!important;font-size:.58rem!important}
.admin-page .admin-account-row{min-height:82px!important;padding:13px 16px!important;gap:15px!important}
.admin-page .admin-account-avatar{width:40px!important;height:40px!important;flex-basis:40px!important;border-radius:12px!important;font-size:.72rem!important}
.admin-page .admin-account-main b{font-size:.78rem!important;line-height:1.25!important}
.admin-page .admin-account-main small,.admin-page .admin-account-purchase small,.admin-page .admin-account-tg small{font-size:.59rem!important;line-height:1.4!important}
.admin-page .admin-account-status{min-width:88px!important;padding:8px 11px!important;font-size:.60rem!important;cursor:default}
.admin-page button.admin-account-status{font-family:inherit;cursor:help}
.admin-page .admin-account-row time{font-size:.66rem!important;line-height:1.35!important}
.admin-page .admin-account-tg b{font-size:.70rem!important;line-height:1.3!important}
.admin-page .admin-account-empty{font-size:.65rem!important}
.admin-page .admin-accounts-more{padding:12px!important;font-size:.60rem!important}
.admin-page .admin-accounts-empty b{font-size:.78rem!important}.admin-page .admin-accounts-empty span{font-size:.65rem!important}
.admin-purchase-template{display:none!important}
.admin-purchase-tooltip{
  position:fixed;z-index:460;width:min(360px,calc(100vw - 24px));padding:15px!important;border-radius:17px!important;
  pointer-events:none;box-shadow:0 22px 70px rgba(0,0,0,.48),0 0 34px rgb(var(--theme-rgb)/.09)!important;
}
.admin-purchase-tooltip[hidden]{display:none!important}
.admin-purchase-tip-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:11px;border-bottom:1px solid rgba(255,255,255,.075)}
.admin-purchase-tip-head>div{display:grid;gap:4px}.admin-purchase-tip-head b{font-size:.78rem}.admin-purchase-tip-head span{color:var(--muted-2);font-size:.62rem}
.admin-purchase-tip-head>strong{color:#7bf0b0;font-size:.70rem;white-space:nowrap}
.admin-purchase-keys{display:grid;gap:8px;margin-top:10px;max-height:260px;overflow:auto;scrollbar-width:thin}
.admin-purchase-key{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:10px 11px;border:1px solid rgba(255,255,255,.065);border-radius:12px;background:rgba(255,255,255,.025)}
.admin-purchase-key b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.68rem}.admin-purchase-key span{color:var(--primary);font-size:.62rem;font-weight:800;text-align:right}.admin-purchase-key small{grid-column:1/-1;color:var(--muted-2);font-size:.58rem}
.admin-purchase-tip-empty{padding:9px 2px 2px;color:var(--muted-2);font-size:.62rem;line-height:1.45}
.admin-purchase-tip-more{display:block;margin-top:8px;color:var(--muted-2);font-size:.58rem}
html[data-theme="pearl"] .admin-purchase-key{background:rgba(255,255,255,.38);border-color:rgba(28,35,48,.08)}
@media(max-width:820px){
  .admin-page .admin-view-tabs{width:100%!important;margin:6px 0 18px!important}
  .admin-page .admin-accounts-toolbar>small{font-size:.60rem!important}
  .admin-page .admin-account-row{min-height:92px!important;padding:13px!important}
  .admin-page .admin-account-main b{font-size:.75rem!important}.admin-page .admin-account-tg b{font-size:.67rem!important}
  .admin-page .admin-account-purchase{justify-items:end!important}
}

/* ============================================================
   V111 — reviews, feedback and always-visible mobile purchases
   ============================================================ */
.legal-hub nav a[data-review-open] .hub-review-glyph{font-size:1.05rem;font-weight:800;line-height:1}
.review-layer{position:fixed;z-index:1100;inset:0;display:grid;place-items:center;padding:18px;visibility:hidden;opacity:0;transition:opacity .2s ease,visibility .2s ease}.review-layer.open{visibility:visible;opacity:1}.review-backdrop{position:absolute;inset:0;background:rgba(2,3,5,.72);backdrop-filter:blur(10px)}.review-modal{position:relative;width:min(720px,100%);max-height:min(820px,calc(100svh - 28px));overflow:auto;padding:20px;border-radius:25px;background:linear-gradient(145deg,rgba(24,22,28,.97),rgba(9,10,13,.96));box-shadow:0 28px 90px rgba(0,0,0,.56);transform:translateY(14px) scale(.985);transition:transform .24s cubic-bezier(.2,.82,.2,1)}.review-layer.open .review-modal{transform:none}.review-modal-open{overflow:hidden!important}.review-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.review-modal-head h2{margin:4px 0 0;font-size:1.35rem}.review-close{width:38px;height:38px;border:1px solid rgba(255,255,255,.11);border-radius:12px;color:var(--text);background:rgba(255,255,255,.04);font-size:1.25rem;cursor:pointer}.review-loading,.review-empty,.review-limit-note,.review-login-required{padding:22px;border:1px solid rgba(255,255,255,.075);border-radius:17px;color:var(--muted);background:rgba(255,255,255,.025);font-size:.76rem;line-height:1.6}.review-login-required{text-align:center}.review-login-required h3{margin:8px 0;font-size:1rem;color:var(--text)}.review-login-required p{max-width:460px;margin:0 auto 16px}.review-big-glyph{display:grid;place-items:center;width:54px;height:54px;margin:0 auto;border:1px solid rgb(var(--theme-rgb)/.18);border-radius:17px;color:rgb(var(--theme-rgb));background:rgb(var(--theme-rgb)/.06);font-size:1.25rem}.review-intro{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px;padding:12px 14px;border:1px solid rgb(var(--theme-rgb)/.11);border-radius:15px;background:rgb(var(--theme-rgb)/.035)}.review-intro p{margin:0;color:var(--muted);font-size:.7rem;line-height:1.55}.review-intro>span{flex:0 0 auto;padding:6px 9px;border-radius:10px;color:rgb(var(--theme-rgb));background:rgb(var(--theme-rgb)/.08);font-size:.68rem;font-weight:800}.review-form{display:grid;gap:12px}.review-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.review-form .field{display:grid;gap:6px}.review-form .field>span{color:var(--muted);font-size:.64rem}.review-form .field>span small{color:var(--muted-2);font-size:.55rem}.review-form input,.review-form select,.review-form textarea{width:100%;border:1px solid rgba(255,255,255,.1);border-radius:13px;color:var(--text);background:rgba(255,255,255,.035);outline:none;font:inherit}.review-form input,.review-form select{height:46px;padding:0 12px}.review-form select{appearance:auto}.review-form textarea{min-height:150px;resize:vertical;padding:12px;line-height:1.55}.review-form input:focus,.review-form select:focus,.review-form textarea:focus{border-color:rgb(var(--theme-rgb)/.28);box-shadow:0 0 0 3px rgb(var(--theme-rgb)/.045)}.review-text-field{position:relative}.review-counter{justify-self:end;margin-top:-2px;color:var(--muted-2);font-size:.6rem}.review-counter b{color:var(--text)}.review-reward-note{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;padding:12px 13px;border:1px solid rgba(255,194,117,.13);border-radius:14px;background:rgba(255,194,117,.035)}.review-reward-note>span{color:#ffd28f}.review-reward-note p{margin:0;color:var(--muted);font-size:.67rem;line-height:1.55}.review-reward-note b{color:var(--text)}.review-form-actions{display:flex;flex-wrap:wrap;gap:8px}.my-reviews{margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.07)}.my-reviews-title{display:flex;justify-content:space-between;gap:12px;margin-bottom:9px}.my-reviews-title b{font-size:.75rem}.my-reviews-title small{color:var(--muted-2);font-size:.61rem}.my-review-list{display:grid;gap:8px}.my-review-card{padding:13px;border:1px solid rgba(255,255,255,.075);border-radius:16px;background:rgba(255,255,255,.025)}.my-review-card.is-featured{border-color:rgb(var(--theme-rgb)/.17);background:rgb(var(--theme-rgb)/.035)}.my-review-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.my-review-card-head>div:first-child{display:flex;flex-wrap:wrap;gap:6px}.review-category,.review-featured{display:inline-flex;padding:5px 7px;border-radius:8px;font-size:.55rem;font-weight:800;letter-spacing:.04em}.review-category{color:var(--muted);background:rgba(255,255,255,.045)}.review-featured{color:rgb(var(--theme-rgb));background:rgb(var(--theme-rgb)/.08)}.review-card-actions{display:flex;gap:5px}.review-card-actions button{width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.08);border-radius:9px;color:var(--muted);background:rgba(255,255,255,.025);cursor:pointer}.review-card-actions button:hover{color:var(--text);border-color:rgb(var(--theme-rgb)/.18);background:rgb(var(--theme-rgb)/.055)}.review-card-actions svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.my-review-card>p{margin:10px 0;color:var(--text);font-size:.72rem;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.my-review-meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted-2);font-size:.57rem}.review-limit-note{margin-bottom:4px}

.featured-reviews-shell{width:min(980px,calc(100vw - 32px));margin:18px auto 0}.featured-reviews-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:9px}.featured-reviews-head div{display:grid;gap:2px}.featured-reviews-head small{color:var(--muted-2);font-size:.54rem;letter-spacing:.11em}.featured-reviews-head b{font-size:.78rem}.featured-reviews-head a{color:rgb(var(--theme-rgb));font-size:.6rem}.featured-review-list{display:flex;gap:9px;overflow-x:auto;padding:2px 2px 8px;scrollbar-width:none;scroll-snap-type:x proximity}.featured-review-list::-webkit-scrollbar{display:none}.featured-review-card{flex:0 0 min(310px,78vw);min-height:118px;padding:14px;border-radius:17px;scroll-snap-align:start}.featured-review-head{display:flex;align-items:center;gap:7px}.featured-review-head span{color:rgb(var(--theme-rgb))}.featured-review-head b{font-size:.67rem}.featured-review-card p{display:-webkit-box;margin:10px 0 0;overflow:hidden;color:var(--muted);font-size:.66rem;line-height:1.6;-webkit-line-clamp:4;-webkit-box-orient:vertical}.landing-page:has(.featured-reviews-shell:not([hidden])){overflow-x:hidden;overflow-y:auto}.landing-page:has(.featured-reviews-shell:not([hidden])) .landing-shell{min-height:100svh;height:auto}.landing-page:has(.featured-reviews-shell:not([hidden])) .landing-main{align-content:center}

/* Purchases remains visible in the mobile bottom hub even before the first buy. */
@media(max-width:820px){body[data-page="subscription"].account-pending .mobile-nav,body[data-page="subscription"].is-guest .mobile-nav,body[data-page="faq"].account-pending .mobile-nav,body[data-page="faq"].is-guest .mobile-nav{display:flex!important}.review-modal{padding:16px;border-radius:20px}.review-form-grid{grid-template-columns:1fr}.review-form textarea{min-height:132px}.review-form-actions .btn{flex:1 1 auto}.featured-reviews-shell{margin-top:10px}.featured-review-card{flex-basis:min(300px,86vw)}}

/* V111 admin reviews */
.admin-reviews-section[hidden]{display:none!important}.admin-reviews-card{overflow:hidden;padding:0!important}.admin-reviews-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.065)}.admin-reviews-toolbar>small{max-width:520px;color:var(--muted-2);font-size:.62rem;line-height:1.45;text-align:right}.admin-review-filters{display:flex;flex-wrap:wrap;gap:6px}.admin-review-filters button{min-height:35px;padding:0 11px;border:1px solid rgba(255,255,255,.075);border-radius:10px;color:var(--muted);background:rgba(255,255,255,.025);font-size:.62rem;font-weight:700;cursor:pointer}.admin-review-filters button.active{border-color:rgb(var(--theme-rgb)/.2);color:var(--text);background:rgb(var(--theme-rgb)/.065)}.admin-reviews-scroll{max-height:min(650px,66vh);overflow:auto;scrollbar-width:thin}.admin-reviews-list{display:grid;gap:9px;padding:12px}.admin-review-card{padding:15px 16px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:rgba(255,255,255,.022)}.admin-review-card.is-featured{border-color:rgb(var(--theme-rgb)/.17);background:rgb(var(--theme-rgb)/.035)}.admin-review-card-head,.admin-review-card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-review-card-head>div{display:flex;flex-wrap:wrap;gap:6px}.admin-review-card-head time{color:var(--muted-2);font-size:.61rem;white-space:nowrap}.admin-review-category,.admin-review-featured-badge{display:inline-flex;align-items:center;padding:5px 8px;border-radius:8px;font-size:.57rem;font-weight:800}.admin-review-category{color:rgb(var(--theme-rgb));background:rgb(var(--theme-rgb)/.07)}.admin-review-category.feedback{color:#d7b5ff;background:rgba(190,142,255,.08)}.admin-review-featured-badge{color:#ffd399;background:rgba(255,205,137,.075)}.admin-review-card>p{margin:12px 0 14px;color:var(--text);font-size:.75rem;line-height:1.62;white-space:pre-wrap;overflow-wrap:anywhere}.admin-review-author{display:grid;gap:4px}.admin-review-author>strong{font-size:.68rem}.admin-review-author>small{display:flex;flex-wrap:wrap;gap:7px;color:var(--muted-2);font-size:.58rem}.admin-review-author a{color:rgb(var(--theme-rgb))}.admin-review-feature{min-height:34px;padding:0 11px;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:var(--muted);background:rgba(255,255,255,.025);font-size:.59rem;font-weight:800;cursor:pointer}.admin-review-feature.active{border-color:rgba(255,205,137,.18);color:#ffd399;background:rgba(255,205,137,.055)}.admin-review-feature:disabled{opacity:.55;cursor:wait}.admin-review-no-feature{color:var(--muted-2);font-size:.56rem}
@media(max-width:820px){.admin-reviews-toolbar{display:grid;gap:9px}.admin-reviews-toolbar>small{text-align:left}.admin-review-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.admin-review-filters button{padding:0 7px}.admin-review-card-head{align-items:flex-start}.admin-review-card-head time{white-space:normal;text-align:right}.admin-review-card-foot{align-items:flex-end}.admin-review-card>p{font-size:.73rem}}

/* Purchases is a permanent mobile destination for every account state. */
@media(max-width:820px){body[data-page] .mobile-nav a[href="/purchases"]{display:grid!important}body[data-page="subscription"].account-pending .mobile-nav,body[data-page="subscription"].is-guest .mobile-nav,body[data-page="faq"].account-pending .mobile-nav,body[data-page="faq"].is-guest .mobile-nav{display:flex!important}}

/* V112 dedicated reviews page */
.review-page{min-height:100svh;overflow-x:hidden;color:var(--text);background:#08090b}.review-page-shell{position:relative;z-index:2;width:min(1040px,calc(100% - 32px));margin:0 auto;padding:24px 0 64px}.review-page-main{padding-top:54px}.review-page-hero{max-width:760px;margin-bottom:24px}.review-page-hero h1{margin:8px 0 10px;font-size:clamp(2.15rem,6vw,4.8rem);line-height:.96;letter-spacing:-.055em}.review-page-hero p{max-width:680px;margin:0;color:var(--muted);font-size:.88rem;line-height:1.65}.review-page-card{max-width:880px;margin:0 auto;padding:26px!important;border-radius:28px}.review-page-intro{margin-bottom:20px;padding:14px 16px}.review-page-form{gap:17px}.review-page-form>.field>span,.review-kind-field legend{font-size:.72rem;font-weight:700;color:var(--muted)}.review-kind-field{min-width:0;margin:0;padding:0;border:0}.review-kind-field legend{margin-bottom:8px}.review-kind-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.review-kind-option{display:block;min-width:0;cursor:pointer}.review-kind-option input{position:absolute;opacity:0;pointer-events:none}.review-kind-card{position:relative;display:grid;grid-template-columns:42px 1fr 14px;align-items:center;gap:11px;min-height:76px;padding:12px 14px;border:1px solid rgba(255,255,255,.09);border-radius:17px;background:rgba(255,255,255,.027);transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease}.review-kind-option:hover .review-kind-card{transform:translateY(-1px);border-color:rgb(var(--theme-rgb)/.17);background:rgb(var(--theme-rgb)/.035)}.review-kind-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;color:var(--muted);background:rgba(255,255,255,.045);font-size:.85rem;transition:color .18s ease,background .18s ease}.review-kind-card>span:nth-child(2){display:grid;gap:3px;min-width:0}.review-kind-card b{font-size:.8rem}.review-kind-card small{color:var(--muted-2);font-size:.62rem;line-height:1.35}.review-kind-card i{width:12px;height:12px;border:1px solid rgba(255,255,255,.2);border-radius:50%;box-shadow:inset 0 0 0 3px transparent;transition:.18s ease}.review-kind-option input:checked+.review-kind-card{border-color:rgb(var(--theme-rgb)/.35);background:linear-gradient(135deg,rgb(var(--theme-rgb)/.1),rgb(var(--theme-rgb)/.035));box-shadow:0 10px 35px rgb(var(--theme-rgb)/.055)}.review-kind-option input:checked+.review-kind-card .review-kind-icon{color:rgb(var(--theme-rgb));background:rgb(var(--theme-rgb)/.1)}.review-kind-option input:checked+.review-kind-card i{border-color:rgb(var(--theme-rgb));background:rgb(var(--theme-rgb));box-shadow:inset 0 0 0 3px rgba(12,12,15,.9)}.review-kind-option input:focus-visible+.review-kind-card{outline:2px solid rgb(var(--theme-rgb)/.55);outline-offset:2px}.review-page-form input{height:50px;padding:0 14px}.review-page-form textarea{min-height:190px;padding:15px}.review-page-mine{margin-top:26px}.review-page-login{display:grid;justify-items:center;padding:54px 22px;text-align:center}.review-page-login h2{margin:14px 0 7px;font-size:1.35rem}.review-page-login p{max-width:510px;margin:0 0 20px;color:var(--muted);font-size:.76rem;line-height:1.65}
@media(max-width:720px){.review-page-shell{width:min(100% - 20px,1040px);padding-top:12px}.review-page-main{padding-top:32px}.review-page-hero{padding:0 4px}.review-page-hero h1{font-size:clamp(2rem,13vw,3.25rem)}.review-page-card{padding:17px!important;border-radius:22px}.review-kind-tabs{grid-template-columns:1fr}.review-kind-card{min-height:68px}.review-page-form textarea{min-height:170px}}

/* V113 reviews-only mobile topbar alignment fix. */
@media(max-width:820px){
  body.review-page .legal-topbar.site-top-hub{
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr) auto!important;
    align-items:center!important;
    width:100%!important;
    min-width:0!important;
    min-height:58px!important;
    height:auto!important;
    gap:7px!important;
    padding:7px 8px!important;
    overflow:visible!important;
  }
  body.review-page .legal-topbar.site-top-hub>.legal-home{
    grid-column:1!important;
    justify-self:start!important;
    width:34px!important;
    min-width:34px!important;
    overflow:visible!important;
    margin:0!important;
  }
  body.review-page .legal-topbar.site-top-hub>.legal-home .brand-mark{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
  }
  body.review-page .legal-topbar.site-top-hub>.legal-home b{display:none!important}
  body.review-page .legal-topbar.site-top-hub>nav{
    grid-column:2!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    justify-self:stretch!important;
    min-width:0!important;
    overflow:hidden!important;
    gap:1px!important;
    margin:0!important;
  }
  body.review-page .legal-topbar.site-top-hub>nav a{
    flex:0 1 auto!important;
    min-width:0!important;
    min-height:34px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 7px!important;
    font-size:.55rem!important;
    white-space:nowrap!important;
  }
  body.review-page .legal-topbar.site-top-hub>.topbar-actions,
  body.review-page .legal-topbar.site-top-hub>.legal-top-actions{
    grid-column:3!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    justify-self:end!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    gap:5px!important;
    margin:0!important;
  }
  body.review-page .legal-topbar .theme-trigger,
  body.review-page .legal-topbar .legal-account-button{
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    padding:3px!important;
    border-radius:12px!important;
  }
  body.review-page .legal-topbar .legal-account-button .site-login-label{display:none!important}
}
@media(max-width:390px){
  body.review-page .legal-topbar.site-top-hub{
    grid-template-columns:32px minmax(0,1fr) auto!important;
    gap:4px!important;
    padding:6px!important;
  }
  body.review-page .legal-topbar.site-top-hub>.legal-home,
  body.review-page .legal-topbar.site-top-hub>.legal-home .brand-mark{
    width:32px!important;
    min-width:32px!important;
    height:32px!important;
  }
  body.review-page .legal-topbar.site-top-hub>nav a{padding:0 5px!important;font-size:.51rem!important}
  body.review-page .legal-topbar .theme-trigger,
  body.review-page .legal-topbar .legal-account-button{
    width:38px!important;
    min-width:38px!important;
    height:38px!important;
    min-height:38px!important;
  }
}

/* V114 reviews-only desktop topbar position. */
@media(min-width:821px){
  body.review-page .review-page-shell{padding-top:8px}
  body.review-page .legal-topbar.site-top-hub{margin-top:0!important}
}


/* V117 — featured reviews only. Keep the original landing hero/network geometry untouched. */
.featured-reviews-shell{
  position:relative;
  isolation:isolate;
  width:min(1060px,calc(100vw - 28px));
  margin:34px auto 58px;
  overflow:hidden;
}
.featured-reviews-shell::before{
  content:"";
  position:absolute;
  z-index:-1;
  left:50%;top:58%;
  width:min(660px,68vw);height:190px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(ellipse,rgb(var(--theme-rgb)/.12),rgb(var(--theme-rgb-2)/.04) 42%,transparent 72%);
  filter:blur(42px);opacity:.68;pointer-events:none;
}
.featured-reviews-head{
  width:min(840px,calc(100% - 22px));
  display:flex;align-items:flex-end;justify-content:space-between;gap:16px;
  margin:0 auto 8px;padding:0 2px;
}
.featured-reviews-head div{display:grid;gap:3px}
.featured-reviews-head small{color:rgb(var(--theme-rgb));font-size:.54rem;font-weight:850;letter-spacing:.14em}
.featured-reviews-head b{font-size:clamp(1rem,1.8vw,1.36rem);line-height:1.08;letter-spacing:-.03em}
.featured-reviews-head a{
  flex:0 0 auto;min-height:34px;display:inline-flex;align-items:center;padding:0 11px;
  border:1px solid rgb(var(--theme-rgb)/.14);border-radius:11px;color:rgb(var(--theme-rgb));
  background:rgb(var(--theme-rgb)/.038);-webkit-backdrop-filter:blur(12px) saturate(130%);backdrop-filter:blur(12px) saturate(130%);
  font-size:.58rem;font-weight:780;transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.featured-reviews-head a:hover{transform:translateY(-1px);border-color:rgb(var(--theme-rgb)/.27);background:rgb(var(--theme-rgb)/.065)}
.featured-review-list{
  --featured-card-width:clamp(330px,40vw,455px);
  position:relative;display:flex;align-items:center;gap:clamp(11px,1.7vw,19px);width:100%;
  overflow-x:auto;overflow-y:visible;
  padding:24px max(16px,calc((100% - var(--featured-card-width))/2)) 30px;
  scroll-padding-inline:max(16px,calc((100% - var(--featured-card-width))/2));
  scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;scrollbar-width:none;cursor:grab;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%);
}
.featured-review-list::-webkit-scrollbar{display:none}
.featured-review-list.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}
.featured-review-list.is-jumping{scroll-behavior:auto!important}
.featured-review-card{
  position:relative;flex:0 0 var(--featured-card-width);min-width:0;min-height:198px;
  display:flex;flex-direction:column;justify-content:space-between;padding:19px 20px!important;
  overflow:hidden;scroll-snap-align:center;scroll-snap-stop:always;
  border:1px solid rgba(255,255,255,.085)!important;border-radius:23px!important;
  opacity:.31;transform:scale(.80);filter:saturate(.64) brightness(.84);
  background:linear-gradient(145deg,rgba(28,24,31,.31),rgba(9,10,13,.25))!important;
  -webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 16px 44px rgba(0,0,0,.16)!important;
  transition:transform .66s cubic-bezier(.18,.86,.2,1),opacity .5s ease,filter .5s ease,border-color .5s ease,box-shadow .5s ease,background .5s ease;
  will-change:transform,opacity;
}
.featured-review-card::before{
  content:"";position:absolute;inset:-44% -28%;z-index:-1;border-radius:44%;
  background:radial-gradient(circle at 34% 38%,rgb(var(--theme-rgb)/.13),transparent 31%),radial-gradient(circle at 72% 62%,rgb(var(--theme-rgb-2)/.085),transparent 34%);
  transform:translate3d(-5%,2%,0) rotate(-8deg);opacity:.38;transition:opacity .5s ease,transform 1.25s cubic-bezier(.18,.72,.2,1);pointer-events:none;
}
.featured-review-card::after{
  content:"";position:absolute;inset:0;border-radius:inherit;
  background:linear-gradient(115deg,rgba(255,255,255,.075),transparent 22%,transparent 76%,rgb(var(--theme-rgb)/.04));opacity:.42;pointer-events:none;
}
.featured-review-card.is-near{z-index:2;opacity:.62;transform:scale(.89);filter:saturate(.84) brightness(.95)}
.featured-review-card.is-active{
  z-index:4;opacity:1;transform:scale(1);filter:none;border-color:rgb(var(--theme-rgb)/.20)!important;
  background:linear-gradient(145deg,rgba(33,28,36,.50),rgba(11,12,16,.40))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 24px 68px rgba(0,0,0,.29),0 0 44px rgb(var(--theme-rgb)/.08)!important;
}
.featured-review-card.is-active::before{opacity:.76;transform:translate3d(4%,-1%,0) rotate(9deg)}
.featured-review-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.featured-review-quote{color:rgb(var(--theme-rgb));font-family:Georgia,serif;font-size:2.25rem;line-height:.7;opacity:.9;text-shadow:0 0 18px rgb(var(--theme-rgb)/.18)}
.featured-review-label{color:var(--muted-2);font-size:.48rem;font-weight:850;letter-spacing:.14em}
.featured-review-card p{
  margin:13px 0 16px;color:rgba(238,235,238,.70);font-size:.76rem;font-weight:520;line-height:1.56;
  overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;
}
.featured-review-card.is-active p{
  display:block;max-height:none;overflow:visible;padding-right:0;color:var(--text);font-size:.94rem;line-height:1.58;
}
.featured-review-card.is-active.is-long p{font-size:.86rem;line-height:1.54}
.featured-review-card.is-active.is-very-long p{font-size:.79rem;line-height:1.50}
.featured-review-card.is-active.is-extra-long p{font-size:.72rem;line-height:1.47}
.featured-review-card.is-active.is-long{min-height:228px}
.featured-review-card.is-active.is-very-long{min-height:270px}
.featured-review-card.is-active.is-extra-long{min-height:330px}
.featured-review-head{display:flex;align-items:center;justify-content:flex-start;gap:7px;min-height:24px}
.featured-review-head span{display:grid;place-items:center;width:22px;height:22px;border-radius:8px;color:rgb(var(--theme-rgb));background:rgb(var(--theme-rgb)/.065);font-size:.62rem}
.featured-review-head b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:.70rem;letter-spacing:-.01em}
.featured-reviews-shell.is-single .featured-review-card{opacity:1;transform:none;filter:none}
.featured-reviews-shell.is-single .featured-review-list{cursor:default}

@media(max-width:820px){
  .featured-reviews-shell{width:min(100%,calc(100vw - 14px));margin:26px auto 88px}
  .featured-reviews-head{width:calc(100% - 20px);align-items:flex-start;margin-bottom:4px}
  .featured-reviews-head b{font-size:1rem}
  .featured-reviews-head a{min-height:32px;padding:0 9px;font-size:.54rem}
  .featured-review-list{--featured-card-width:min(82vw,390px);gap:9px;padding-top:20px;padding-bottom:26px;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 3%,#000 97%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 3%,#000 97%,transparent 100%)}
  .featured-review-card{min-height:188px;padding:17px 18px!important;border-radius:21px!important;transform:scale(.82)}
  .featured-review-card.is-near{transform:scale(.90)}
  .featured-review-card.is-active{transform:scale(1)}
  .featured-review-card.is-active p{font-size:.88rem;line-height:1.55}
  .featured-review-card.is-active.is-long p{font-size:.81rem}
  .featured-review-card.is-active.is-very-long p{font-size:.75rem}
  .featured-review-card.is-active.is-extra-long p{font-size:.69rem}
}
@media(max-width:520px){
  .featured-reviews-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
  .featured-reviews-head small{font-size:.49rem}.featured-reviews-head b{font-size:.94rem}
  .featured-review-list{--featured-card-width:min(84vw,350px)}
  .featured-review-card{min-height:180px;padding:16px!important;border-radius:20px!important}
  .featured-review-quote{font-size:2rem}.featured-review-label{font-size:.46rem}
  .featured-review-card.is-active p{font-size:.84rem}
  .featured-review-card.is-active.is-long p{font-size:.78rem}
  .featured-review-card.is-active.is-very-long p{font-size:.72rem}
  .featured-review-card.is-active.is-extra-long p{font-size:.67rem}
}
@media(prefers-reduced-motion:reduce){.featured-review-card,.featured-review-card::before,.featured-reviews-head a{transition:none!important}}


/* V118 — review scroll cue + stable carousel stage only. */
.featured-reviews-cue{
  width:max-content;display:flex;align-items:center;gap:7px;
  margin:6px auto 0;padding:7px 11px 6px;
  color:var(--muted);font-size:.62rem;font-weight:780;letter-spacing:.045em;
  border:1px solid rgb(var(--theme-rgb)/.11);border-radius:999px;
  background:linear-gradient(145deg,rgb(var(--theme-rgb)/.045),rgba(255,255,255,.018));
  -webkit-backdrop-filter:blur(12px) saturate(125%);backdrop-filter:blur(12px) saturate(125%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 8px 24px rgba(0,0,0,.10);
  text-decoration:none;transition:border-color .18s ease,background .18s ease,color .18s ease;
}
.featured-reviews-cue[hidden]{display:none!important}
.featured-reviews-cue:hover{color:var(--text);border-color:rgb(var(--theme-rgb)/.23);background:rgb(var(--theme-rgb)/.065)}
.featured-reviews-cue svg{width:14px;height:14px;fill:none;stroke:rgb(var(--theme-rgb));stroke-width:2;stroke-linecap:round;stroke-linejoin:round;animation:featuredCueBob 1.55s ease-in-out infinite;will-change:transform}
@keyframes featuredCueBob{
  0%,18%,100%{transform:translateY(0)}
  38%{transform:translateY(4px)}
  54%{transform:translateY(1px)}
  70%{transform:translateY(4px)}
}
.featured-reviews-cue + .featured-reviews-shell{margin-top:6px}
.featured-reviews-shell{scroll-margin-top:26px;overflow-anchor:none}
.featured-review-list{
  height:var(--featured-stage-height,auto);
  min-height:var(--featured-stage-height,0px);
  overflow-anchor:none;
}
.featured-reviews-shell.is-measuring{
  position:absolute!important;left:-200vw!important;top:0!important;
  width:min(1060px,calc(100vw - 28px))!important;margin:0!important;
  visibility:hidden!important;pointer-events:none!important;
}
@media(max-width:820px){
  .featured-reviews-cue{margin-top:4px;padding:6px 10px 5px;font-size:.58rem}
  .featured-reviews-cue + .featured-reviews-shell{margin-top:4px}
  .featured-reviews-shell.is-measuring{width:min(100%,calc(100vw - 14px))!important}
}
@media(prefers-reduced-motion:reduce){.featured-reviews-cue svg{animation:none!important}}

/* V119 — featured reviews glass blur restore only.
   Do not mask the scroll container: masked ancestors can become a backdrop root
   and make backdrop-filter disappear in Chromium/WebKit. */
.featured-review-list{
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
.featured-review-card{
  -webkit-backdrop-filter:blur(24px) saturate(152%) brightness(.985)!important;
  backdrop-filter:blur(24px) saturate(152%) brightness(.985)!important;
  background:linear-gradient(145deg,rgba(29,25,32,.24),rgba(8,9,12,.14))!important;
}
.featured-review-card.is-active{
  -webkit-backdrop-filter:blur(30px) saturate(164%) brightness(.99)!important;
  backdrop-filter:blur(30px) saturate(164%) brightness(.99)!important;
  background:linear-gradient(145deg,rgba(32,27,35,.32),rgba(9,10,14,.20))!important;
}
@media(max-width:820px){
  .featured-review-card{
    -webkit-backdrop-filter:blur(22px) saturate(148%) brightness(.985)!important;
    backdrop-filter:blur(22px) saturate(148%) brightness(.985)!important;
  }
  .featured-review-card.is-active{
    -webkit-backdrop-filter:blur(28px) saturate(158%) brightness(.99)!important;
    backdrop-filter:blur(28px) saturate(158%) brightness(.99)!important;
  }
}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  .featured-review-card{background:linear-gradient(145deg,rgba(25,23,29,.78),rgba(8,9,12,.70))!important}
  .featured-review-card.is-active{background:linear-gradient(145deg,rgba(31,27,34,.84),rgba(9,10,14,.76))!important}
}

/* V120 — featured reviews placement/size only. Keep landing hero and network geometry untouched. */
@media(min-width:821px){
  .featured-reviews-cue{
    margin-top:-150px;
  }
  .featured-reviews-shell{
    width:min(1160px,calc(100vw - 28px));
    margin-bottom:64px;
  }
  .featured-reviews-head{
    width:min(900px,calc(100% - 22px));
  }
  .featured-review-list{
    --featured-card-width:clamp(360px,43vw,500px);
    gap:clamp(13px,1.8vw,21px);
    padding-top:26px;
    padding-bottom:32px;
  }
  .featured-review-card{
    min-height:212px;
    padding:21px 22px!important;
    border-radius:24px!important;
  }
  .featured-review-card.is-active p{
    font-size:.98rem;
    line-height:1.58;
  }
}

/* V121 — local country flags + bounded network drawers. */
.landing-page .network-flag.flag-image{
  width:32px!important;
  height:22px!important;
  flex:0 0 32px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  overflow:visible!important;
  background:transparent!important;
}
.landing-page .network-flag.flag-image img{
  width:30px!important;
  height:20px!important;
  display:block!important;
  object-fit:contain!important;
  border-radius:5px!important;
  border:1px solid rgba(255,255,255,.10)!important;
}
.landing-page .network-flag.flag-ch img{width:21px!important;height:21px!important;border-radius:4px!important}
.landing-page .network-flag.flag-fallback{
  width:30px!important;height:20px!important;flex:0 0 30px!important;
  display:grid!important;place-items:center!important;
  border:1px solid rgba(255,255,255,.08)!important;border-radius:5px!important;
  background:rgba(255,255,255,.035)!important;
  font-family:Sora,Inter,sans-serif!important;font-size:.56rem!important;font-weight:800!important;
}

/* Keep large country/server lists inside their own card instead of spilling into neighbours. */
.landing-page .network-float.is-expanded .network-float-body{
  overflow:hidden!important;
}
.landing-page .network-list-inner{
  min-height:0!important;
  max-height:min(46vh,430px)!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior-y:auto!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgb(var(--theme-rgb)/.16) transparent!important;
  padding-right:8px!important;
}
.landing-page .network-list-inner::-webkit-scrollbar{width:6px}
.landing-page .network-list-inner::-webkit-scrollbar-track{background:transparent}
.landing-page .network-list-inner::-webkit-scrollbar-thumb{background:rgb(var(--theme-rgb)/.13);border-radius:999px}
.landing-page .network-float:not(.is-expanded) .network-list-inner{
  max-height:0!important;
  overflow:hidden!important;
}
@media(max-width:820px){
  .landing-page .network-list-inner{max-height:min(52vh,420px)!important}
}
@media(max-width:520px){
  .landing-page .network-list-inner{max-height:min(56vh,440px)!important}
}


/* V123 — drawer flow fix + flag alignment polish. */
@media(min-width:821px){
  body.network-panel-open .landing-main{
    padding-bottom:clamp(150px,20vh,230px)!important;
  }
}
.landing-page .network-floats{
  align-items:start!important;
  margin-bottom:18px!important;
}
.landing-page .network-float{
  overflow:hidden!important;
}
.landing-page .network-float-body,
.landing-page .network-float.is-expanded .network-float-body{
  overflow:hidden!important;
  max-height:none!important;
}
.landing-page .network-list-inner{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-content:start!important;
  gap:10px 8px!important;
  min-height:0!important;
  max-height:min(42vh,320px)!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior-y:contain!important;
  padding:2px 8px 10px!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgb(var(--theme-rgb)/.16) transparent!important;
}
.landing-page .network-list-inner::-webkit-scrollbar{width:6px}
.landing-page .network-list-inner::-webkit-scrollbar-track{background:transparent}
.landing-page .network-list-inner::-webkit-scrollbar-thumb{background:rgb(var(--theme-rgb)/.13);border-radius:999px}
.landing-page .network-float:not(.is-expanded) .network-list-inner{
  max-height:0!important;
  overflow:hidden!important;
  padding-top:0!important;
  padding-bottom:0!important;
}
.landing-page .network-float.is-expanded .network-float-body{
  margin:0 12px 10px!important;
}
.landing-page .network-chip{
  grid-template-columns:34px minmax(0,1fr)!important;
  min-height:44px!important;
  padding:8px 10px!important;
  gap:10px!important;
  align-items:center!important;
}
.landing-page .network-chip > span:last-child{
  min-width:0!important;
  line-height:1.28!important;
}
.landing-page .network-flag.flag-image,
.landing-page .network-flag.flag-fallback{
  width:30px!important;
  height:20px!important;
  flex:0 0 30px!important;
  justify-self:start!important;
  align-self:center!important;
  display:block!important;
  overflow:hidden!important;
  border-radius:4px!important;
  background:transparent!important;
  box-sizing:border-box!important;
}
.landing-page .network-flag.flag-image img,
.landing-page .network-flag.flag-fallback img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center center!important;
  border-radius:4px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-sizing:border-box!important;
}
.landing-page .network-flag.flag-fallback{
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:rgba(255,255,255,.035)!important;
  font-family:Sora,Inter,sans-serif!important;
  font-size:.56rem!important;
  font-weight:800!important;
}
@media(max-width:820px){
  .landing-page .network-list-inner{max-height:min(46vh,340px)!important}
}
@media(max-width:520px){
  .landing-page .network-list-inner{
    grid-template-columns:1fr!important;
    max-height:min(50vh,360px)!important;
  }
}


/* V124 — independent drawers + reviews always stay below them. */
@media(min-width:821px){
  body.network-panel-open .landing-main{
    padding-bottom:42px!important;
  }
  body.network-panel-open .featured-reviews-cue{
    margin-top:24px!important;
  }
  body.network-panel-open .featured-reviews-cue + .featured-reviews-shell{
    margin-top:10px!important;
  }
}
.landing-page .network-floats{
  align-items:start!important;
}
.landing-page .network-float.is-expanded{
  align-self:start!important;
}
.landing-page .network-float.is-expanded .network-list-inner{
  max-height:min(42vh,320px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior-y:contain!important;
}
.landing-page .network-float.is-expanded .network-float-body{
  overflow:hidden!important;
}
@media(max-width:820px){
  body.network-panel-open .featured-reviews-cue{
    margin-top:18px!important;
  }
  .landing-page .network-float.is-expanded .network-list-inner{
    max-height:min(46vh,340px)!important;
  }
}
@media(max-width:520px){
  .landing-page .network-float.is-expanded .network-list-inner{
    max-height:min(50vh,360px)!important;
  }
}


/* V125 — review cue scroll + symmetric network drawer close animation only. */
.landing-page .network-float-body{
  transition:grid-template-rows .38s cubic-bezier(.2,.78,.2,1),opacity .20s ease,margin-bottom .38s cubic-bezier(.2,.78,.2,1),visibility 0s linear .38s!important;
}
.landing-page .network-float.is-expanded .network-float-body{
  transition:grid-template-rows .38s cubic-bezier(.2,.78,.2,1),opacity .20s ease,margin-bottom .38s cubic-bezier(.2,.78,.2,1),visibility 0s linear 0s!important;
}
.landing-page .network-float:not(.is-expanded) .network-list-inner{
  max-height:min(42vh,320px)!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  padding:2px 8px 10px!important;
}
@media(max-width:820px){
  .landing-page .network-float:not(.is-expanded) .network-list-inner{max-height:min(46vh,340px)!important}
}
@media(max-width:520px){
  .landing-page .network-float:not(.is-expanded) .network-list-inner{max-height:min(50vh,360px)!important}
}


/* V129 — discreet online status marker for country rows only. */
.landing-page .network-chip.country{
  grid-template-columns:34px minmax(0,1fr) 18px!important;
}
.landing-page .network-chip.country > span:nth-child(2){
  min-width:0!important;
  line-height:1.28!important;
  overflow-wrap:anywhere;
}
.landing-page .network-online-indicator{
  position:relative;
  width:18px;
  height:18px;
  display:grid!important;
  place-items:center!important;
  justify-self:end;
  align-self:center;
  flex:0 0 18px;
  border-radius:50%;
  background:rgba(98,243,170,.055);
  border:1px solid rgba(98,243,170,.10);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.landing-page .network-online-indicator > span{
  position:relative;
  width:7px;
  height:7px;
  display:block;
  border-radius:50%;
  background:#62f3aa;
  box-shadow:0 0 8px rgba(98,243,170,.72);
}
.landing-page .network-online-indicator > span::after{
  content:"";
  position:absolute;
  inset:-4px;
  border:1px solid rgba(98,243,170,.34);
  border-radius:50%;
  animation:network-online-pulse-v129 1.8s ease-out infinite;
}
@keyframes network-online-pulse-v129{
  0%{transform:scale(.65);opacity:.72}
  70%,100%{transform:scale(1.45);opacity:0}
}
@media(max-width:520px){
  .landing-page .network-chip.country{
    grid-template-columns:34px minmax(0,1fr) 18px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .landing-page .network-online-indicator > span::after{animation:none!important;opacity:.28}
}


/* V130 — restore original compact network control height after ONLINE marker. */
.landing-page .network-summary{
  height:66px!important;
  min-height:66px!important;
  max-height:66px!important;
  box-sizing:border-box!important;
  padding:9px 12px!important;
}
.landing-page .network-summary > span:nth-child(2){
  align-self:center!important;
}

/* ONLINE is visual only: it must not create a third grid column or make country rows taller. */
.landing-page .network-chip.country{
  position:relative!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  min-height:44px!important;
  padding:8px 28px 8px 10px!important;
  align-items:center!important;
}
.landing-page .network-chip.country > span:nth-child(2){
  min-width:0!important;
  line-height:1.28!important;
}
.landing-page .network-online-indicator{
  position:absolute!important;
  right:9px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:12px!important;
  height:12px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  pointer-events:none!important;
}
.landing-page .network-online-indicator > span{
  width:7px!important;
  height:7px!important;
}
@media(max-width:820px){
  .landing-page .network-summary{
    height:60px!important;
    min-height:60px!important;
    max-height:60px!important;
    padding:8px 10px!important;
  }
}


/* V131 — collapsed network controls stay truly compact. */
.landing-page .network-float{align-self:start!important}
.landing-page .network-summary{
  height:66px!important;
  min-height:66px!important;
  max-height:66px!important;
  align-items:center!important;
}
.landing-page .network-float:not(.is-expanded) .network-float-body{
  grid-template-rows:0fr!important;
  max-height:0!important;
  opacity:0!important;
  visibility:hidden!important;
  overflow:hidden!important;
  margin:0 12px!important;
  padding:0!important;
  pointer-events:none!important;
}
.landing-page .network-float:not(.is-expanded) .network-list-inner{
  min-height:0!important;
  max-height:0!important;
  overflow:hidden!important;
  padding-top:0!important;
  padding-bottom:0!important;
}
.landing-page .network-float.is-expanded .network-float-body{
  visibility:visible!important;
  pointer-events:auto!important;
}
@media(max-width:820px){
  .landing-page .network-summary{
    height:60px!important;
    min-height:60px!important;
    max-height:60px!important;
  }
}


/* V132 — show effective monthly price for multi-month tariffs. */
.period-card .period-price-block{
  min-width:0!important;
  align-self:end!important;
  display:grid!important;
  gap:4px!important;
}
.period-card .period-price-block .period-price{
  align-self:auto!important;
}
.period-card .period-monthly{
  display:block!important;
  min-width:0!important;
  color:var(--primary)!important;
  font-size:.54rem!important;
  font-weight:760!important;
  line-height:1.12!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.period-card .period-monthly em{
  color:var(--muted-2)!important;
  font:inherit!important;
  font-style:normal!important;
  font-weight:650!important;
}
.period-card.has-monthly,
.period-card.has-monthly:hover,
.period-card.has-monthly:active,
.period-card.has-monthly.active{
  grid-template-rows:auto auto 1fr!important;
}
@media(max-width:1120px){
  .period-card .period-monthly{font-size:.50rem!important}
}
@media(max-width:520px){
  .period-card .period-price-block{gap:3px!important}
  .period-card .period-monthly{font-size:.50rem!important}
}
@media(max-width:370px){
  .period-card .period-monthly{font-size:.53rem!important}
}


/* V133 — cleaner monthly tariff comparison layout and stronger contrast. */
.period-card.has-monthly,
.period-card.has-monthly:hover,
.period-card.has-monthly:active,
.period-card.has-monthly.active{
  height:112px!important;
  min-height:112px!important;
}
.period-card .period-topline{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:8px!important;
}
.period-card .period-copy,
.period-card .period-topline,
.period-card .period-price-block{
  min-width:0!important;
}
.period-card .period-name{
  color:var(--text)!important;
  font-size:.72rem!important;
  font-weight:790!important;
  letter-spacing:-.01em!important;
}
.period-card .period-days{
  color:var(--muted-2)!important;
  font-size:.58rem!important;
  font-weight:650!important;
}
.period-card .period-price-block{
  display:grid!important;
  align-content:end!important;
  justify-items:start!important;
  gap:5px!important;
}
.period-card .period-price-block .period-price,
.period-card .period-price{
  color:var(--text)!important;
  font-size:1.12rem!important;
  font-weight:860!important;
  line-height:1!important;
  letter-spacing:-.02em!important;
}
.period-card .period-monthly{
  display:grid!important;
  gap:2px!important;
  align-items:start!important;
  justify-items:start!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  color:var(--text)!important;
}
.period-card .period-monthly-value{
  display:block!important;
  color:rgba(255,255,255,.92)!important;
  font-size:.62rem!important;
  font-weight:760!important;
  line-height:1.15!important;
}
.period-card .period-monthly-savings{
  display:block!important;
  color:rgb(var(--theme-rgb))!important;
  font-size:.55rem!important;
  font-weight:760!important;
  line-height:1.12!important;
}
.period-card .period-monthly em{display:none!important}
.period-card .popular{
  white-space:nowrap!important;
}
@media(max-width:1120px){
  .period-card.has-monthly,.period-card.has-monthly:hover,.period-card.has-monthly:active,.period-card.has-monthly.active{height:116px!important;min-height:116px!important}
  .period-card .period-price-block .period-price,.period-card .period-price{font-size:1.06rem!important}
  .period-card .period-monthly-value{font-size:.58rem!important}
  .period-card .period-monthly-savings{font-size:.52rem!important}
}
@media(max-width:640px){
  .period-card.has-monthly,.period-card.has-monthly:hover,.period-card.has-monthly:active,.period-card.has-monthly.active{height:108px!important;min-height:108px!important}
  .period-card .period-name{font-size:.68rem!important}
  .period-card .period-days{font-size:.56rem!important}
  .period-card .period-price-block{gap:4px!important}
}


/* V138 — ONLINE marker on bypass rows too, without changing row geometry. */
.landing-page .network-chip.country,
.landing-page .network-chip.bypass{
  position:relative!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  min-height:44px!important;
  padding:8px 28px 8px 10px!important;
  align-items:center!important;
}
.landing-page .network-chip.country > span:nth-child(2),
.landing-page .network-chip.bypass > span:nth-child(2){
  min-width:0!important;
  line-height:1.28!important;
}


/* V139 — requested-only legal topbar alignment fix. */
body.legal-page .legal-topbar.site-top-hub{
  width:100%!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
}
@media(max-width:820px){
  body.legal-page .legal-topbar.site-top-hub{
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
  }
}

/* V140 targeted fix: legal mobile topbar actions stay in the right column. */
@media(max-width:820px){
  .legal-topbar.site-top-hub>.topbar-actions.legal-top-actions{
    grid-column:3!important;
    grid-row:1!important;
    justify-self:end!important;
    align-self:center!important;
    margin:0!important;
    min-width:0!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:5px!important;
  }
  .legal-topbar.site-top-hub>nav{
    grid-row:1!important;
  }
  .legal-topbar.site-top-hub>.legal-home{
    grid-row:1!important;
  }
  .legal-topbar.site-top-hub>.topbar-actions.legal-top-actions .site-login-button{
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    padding:3px!important;
  }
  .legal-topbar.site-top-hub>.topbar-actions.legal-top-actions .site-login-label{
    display:none!important;
  }
}
@media(max-width:360px){
  .legal-topbar.site-top-hub>.topbar-actions.legal-top-actions .site-login-button{
    width:38px!important;
    min-width:38px!important;
    height:38px!important;
    min-height:38px!important;
  }
}

/* V142 · Paid API admin */
.admin-api-section[hidden]{display:none!important}
.admin-api-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0 0 12px}
.admin-api-kpi{min-height:82px;padding:14px 15px!important;display:grid;align-content:center;gap:5px}
.admin-api-kpi small{color:var(--muted-2);font-size:.61rem;font-weight:700}
.admin-api-kpi b{font-size:1rem;font-variant-numeric:tabular-nums}
.admin-api-head,.admin-api-row{display:grid;grid-template-columns:minmax(190px,1.15fr) minmax(180px,.9fr) minmax(170px,.85fr) minmax(150px,.8fr);gap:14px;align-items:center}
.admin-api-head{padding:11px 16px;border-bottom:1px solid rgba(255,255,255,.055);color:var(--muted-2);font-size:.58rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.admin-api-list{display:grid}
.admin-api-row{min-height:88px;padding:13px 16px;border-bottom:1px solid rgba(255,255,255,.052)}
.admin-api-row:last-child{border-bottom:0}
.admin-api-finance,.admin-api-keys,.admin-api-access{min-width:0;display:grid;gap:4px}
.admin-api-finance b,.admin-api-keys b,.admin-api-access b{font-size:.70rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-api-finance small,.admin-api-keys small,.admin-api-access small{color:var(--muted-2);font-size:.59rem;line-height:1.4}
.admin-api-access b{color:rgb(var(--theme-rgb));font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.62rem}
.admin-api-access b.muted{color:var(--muted-2);font-family:inherit}
@media(max-width:980px){.admin-api-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-api-head{display:none}.admin-api-row{grid-template-columns:minmax(0,1fr) minmax(150px,.8fr);gap:12px}.admin-api-keys,.admin-api-access{text-align:right}}
@media(max-width:820px){.admin-page .admin-view-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}.admin-api-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.admin-api-row{grid-template-columns:1fr;gap:9px}.admin-api-keys,.admin-api-access{text-align:left}.admin-api-summary{grid-template-columns:1fr 1fr}.admin-api-kpi{min-height:72px}.admin-api-row .admin-account-main{margin-bottom:2px}}
.admin-page .admin-view-tabs,.admin-page .admin-accounts-card,.admin-page .admin-reviews-card,.admin-page .admin-api-summary>.glass-card{
  -webkit-backdrop-filter:blur(22px) saturate(135%);
  backdrop-filter:blur(22px) saturate(135%);
}

/* V147 · API applications in admin */
.admin-api-head,.admin-api-row{grid-template-columns:minmax(185px,1fr) minmax(160px,.78fr) minmax(155px,.75fr) minmax(270px,1.25fr)}
.admin-api-row{align-items:start;min-height:112px}
.admin-api-access{gap:7px!important}
.admin-api-access-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.admin-api-access-status{display:inline-flex;width:max-content;max-width:100%;padding:5px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.10);font-size:.55rem!important;font-family:inherit!important;font-weight:850;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap!important}
.admin-api-access-status.pending{color:#ffd58b!important;border-color:rgba(255,204,102,.24);background:rgba(255,204,102,.08)}
.admin-api-access-status.approved{color:#9ef1bf!important;border-color:rgba(109,247,167,.23);background:rgba(109,247,167,.075)}
.admin-api-access-status.rejected{color:#ffb5b5!important;border-color:rgba(255,112,112,.24);background:rgba(255,112,112,.075)}
.admin-api-resource{display:block;min-width:0;color:var(--text);font-size:.62rem;font-weight:750;overflow-wrap:anywhere;text-decoration:none}
a.admin-api-resource:hover{text-decoration:underline}
.admin-api-description{display:grid;gap:5px;min-width:0}
.admin-api-about{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted-2);font-size:.58rem;line-height:1.45}
.admin-api-about.is-expanded{display:block!important;-webkit-line-clamp:unset;overflow:visible;color:var(--text)}
.admin-api-about-toggle{justify-self:start;min-height:32px;padding:5px 10px;border:1px solid rgba(var(--theme-rgb),.24);border-radius:9px;background:rgba(var(--theme-rgb),.07);color:var(--primary);font-family:inherit;font-size:.62rem;font-weight:750;cursor:pointer}
.admin-api-about-toggle:hover{border-color:rgba(var(--theme-rgb),.45);background:rgba(var(--theme-rgb),.13)}
.admin-api-about-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:3px}
.admin-api-submitted time{font-variant-numeric:tabular-nums}
.admin-api-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
.admin-api-actions button{min-height:29px;padding:0 9px;border-radius:9px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.045);color:var(--text);font-size:.56rem;font-weight:800;cursor:pointer}
.admin-api-actions button[data-decision="approve"]{border-color:rgba(109,247,167,.19);background:rgba(109,247,167,.07);color:#aaf4c6}
.admin-api-actions button[data-decision="reject"]{border-color:rgba(255,112,112,.16);background:rgba(255,112,112,.055);color:#ffc0c0}
.admin-api-actions button:disabled{opacity:.55;cursor:wait}
@media(max-width:980px){.admin-api-row{grid-template-columns:minmax(0,1fr) minmax(200px,.95fr)}.admin-api-access{text-align:left!important}.admin-api-keys{text-align:right}}
@media(max-width:560px){.admin-api-row{grid-template-columns:1fr}.admin-api-keys{text-align:left}.admin-api-access-top{justify-content:flex-start}}

/* V150 payment UX: pending state is a non-blocking top-right notification. */
.payment-notice-host{position:fixed;z-index:520;right:18px;top:74px;width:min(330px,calc(100vw - 28px));pointer-events:none}.payment-pending-notice{pointer-events:auto;padding:12px;border:1px solid rgba(255,177,196,.2);border-radius:15px;color:var(--text);background:linear-gradient(145deg,rgba(26,24,29,.94),rgba(9,10,12,.92));backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);box-shadow:0 18px 52px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.08);animation:toast-in .25s ease both}.payment-notice-head{display:grid;grid-template-columns:28px 1fr 26px;align-items:center;gap:8px}.payment-notice-icon{width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(255,177,196,.18);border-radius:9px;color:var(--primary);background:rgba(255,177,196,.06);font:700 .73rem ui-monospace,monospace}.payment-notice-head small{display:block;color:var(--primary);font:700 .48rem ui-monospace,monospace;letter-spacing:.1em}.payment-notice-head b{display:block;margin-top:2px;font-size:.7rem}.payment-notice-close{width:26px;height:26px;border:0;border-radius:8px;color:var(--muted);background:transparent;cursor:pointer;font-size:1rem}.payment-notice-close:hover{color:var(--text);background:rgba(255,255,255,.04)}.payment-notice-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:9px 0 8px;padding:8px 9px;border:1px solid rgba(255,255,255,.055);border-radius:9px;color:var(--muted);background:rgba(0,0,0,.12);font-size:.59rem}.payment-notice-meta span:first-child{color:var(--text);font-weight:700}.payment-notice-actions{display:flex;gap:6px}.payment-notice-actions button,.payment-notice-actions a{min-height:29px;display:inline-flex;align-items:center;justify-content:center;padding:0 9px;border:1px solid var(--border);border-radius:8px;color:var(--muted);background:rgba(255,255,255,.025);font:620 .56rem/1 inherit;cursor:pointer}.payment-notice-actions button:hover,.payment-notice-actions a:hover{color:var(--text);border-color:rgba(255,177,196,.2);background:rgba(255,177,196,.06)}@media(max-width:600px){.payment-notice-host{top:12px;right:10px;width:min(320px,calc(100vw - 20px))}}

/* V150 shared local outline icon pack */
.vicon{--vicon:none;display:inline-block;width:1em;height:1em;flex:0 0 auto;background:currentColor;-webkit-mask:var(--vicon) center/contain no-repeat;mask:var(--vicon) center/contain no-repeat;vertical-align:-.12em}.ico-x{--vicon:url('/static/vendor/lucide/x.svg')}.ico-grip{--vicon:url('/static/vendor/lucide/grip.svg')}.ico-shield{--vicon:url('/static/vendor/lucide/shield-check.svg')}.ico-key{--vicon:url('/static/vendor/lucide/key-round.svg')}.ico-login{--vicon:url('/static/vendor/lucide/log-in.svg')}.ico-phone{--vicon:url('/static/vendor/lucide/smartphone.svg')}.ico-headset{--vicon:url('/static/vendor/lucide/headphones.svg')}.ico-link{--vicon:url('/static/vendor/lucide/link-2.svg')}.ico-refresh{--vicon:url('/static/vendor/lucide/refresh-cw.svg')}.ico-route{--vicon:url('/static/vendor/lucide/route.svg')}.ico-globe{--vicon:url('/static/vendor/lucide/globe-2.svg')}.ico-server{--vicon:url('/static/vendor/lucide/server.svg')}.ico-map{--vicon:url('/static/vendor/lucide/map.svg')}.ico-pin{--vicon:url('/static/vendor/lucide/map-pin.svg')}.ico-external{--vicon:url('/static/vendor/lucide/external-link.svg')}.ico-chevron{--vicon:url('/static/vendor/lucide/chevron-down.svg')}.ico-code{--vicon:url('/static/vendor/lucide/code-2.svg')}.ico-message{--vicon:url('/static/vendor/lucide/message-circle.svg')}.ico-badge{--vicon:url('/static/vendor/lucide/badge-check.svg')}.ico-network{--vicon:url('/static/vendor/lucide/network.svg')}
.legal-hub .hub-link-icon .vicon{width:17px;height:17px;color:rgb(var(--theme-rgb))}
.payment-notice-close .vicon{width:13px;height:13px}

/* Theme-aware viewport scrollbars for engines without WebKit scrollbar styling. */
@supports not selector(::-webkit-scrollbar){
  html{scrollbar-color:rgb(var(--theme-rgb)/.32) var(--bg-deep)}
}