/* Astra workspace: graphite surfaces, vivid violet controls, generous rhythm. */
:root{--bg:#09090f;--panel:#111119;--line:#272732;--violet:#8b5cf6;--text:#f4f3fa;--sidebar:264px;color-scheme:dark}
html,body,*{scrollbar-width:none}
*::-webkit-scrollbar{display:none;width:0;height:0}
body{background:var(--bg);font-size:16px}
button,a,input,select,textarea{ -webkit-tap-highlight-color:transparent }
:is(button,a,input,select,textarea):focus-visible{outline:2px solid #ba9aff;outline-offset:4px}
.sidebar{background:#0b0b12;border-right:1px solid #23232d}
.sidebar .brand{padding-top:22px;padding-bottom:22px}
.sidebar nav{padding-inline:14px}
.nav-label{font-size:12px!important;letter-spacing:.09em;color:#888797!important;margin-top:27px!important}
.nav-item{min-height:45px;font-size:14px!important;border-radius:9px!important;gap:12px!important;margin-block:4px!important}
.nav-item.active{background:linear-gradient(100deg,#7438dc,#6333c1)!important;color:white!important;box-shadow:0 5px 20px #7035db20}
.nav-item:not(.active):hover{background:#1c192b!important;color:#eee8ff!important}
.nav-item>svg,.cm-nav-icon svg{width:20px;height:20px}
.topbar{background:#0b0b12e8;backdrop-filter:blur(16px);border-bottom:1px solid #23232d}
.content{max-width:1640px;margin-inline:auto;padding:34px 34px 70px}
.page-heading,.cm-header{border-bottom:1px solid #22222d;padding-bottom:25px;margin-bottom:28px;gap:22px}
.page-heading h1,.cm-header h1{font-size:clamp(26px,3vw,34px);font-weight:800;letter-spacing:-.8px}
.page-heading p,.cm-header p{font-size:15px;line-height:1.65;color:#a29eb3}
.eyebrow{font-size:12px!important;letter-spacing:.12em!important}
.panel,.cm-panel,.setting-row,.module-master{background:#111119;border:1px solid #292934;border-radius:16px;box-shadow:none}
.cm-panel{padding:27px;margin-bottom:24px}
.cm-panel>h2,.panel-head h2{font-size:19px;font-weight:700}
.cm-panel>h2{padding-bottom:19px;margin-bottom:21px;border-bottom:1px solid #24242f}
.cm-tabs{gap:24px;padding-bottom:0;border-color:#272731;margin-bottom:28px}
.cm-tabs button{position:relative;min-height:52px;padding:12px 8px;border-radius:0;font-size:14px;font-weight:700}
.cm-tabs button[aria-selected=true]{background:none;color:#b28aff}
.cm-tabs button[aria-selected=true]:after{content:'';height:4px;position:absolute;bottom:-1px;inset-inline:0;background:#8d4de7;border-radius:4px 4px 0 0}
.cm-tabs button:hover{color:#ddd0ff;background:#9f75ff08}
.cm-field :is(input,select,textarea),.field :is(input,select,textarea),.cm-picker>summary{border-color:#2d2c39;background:#0c0c13;border-radius:11px;min-height:46px}
.cm-grid{gap:24px}.cm-field{font-size:14px}.cm-field>span{color:#b9b5c9}
.cm-btn,.primary-button,.secondary-button{border-radius:10px;min-height:42px;font-weight:700;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}
.cm-btn.primary,.primary-button{background:#7438da;border-color:#8c52e3;box-shadow:0 3px 10px #5e2db31a}
.cm-btn:hover:not(:disabled),.primary-button:hover:not(:disabled){transform:translateY(-2px);border-color:#a976f9;box-shadow:0 7px 18px #7c3aed25}
.cm-btn.primary:hover:not(:disabled),.primary-button:hover:not(:disabled){background:#8645ea}
.cm-btn:active:not(:disabled),.primary-button:active:not(:disabled){transform:translateY(0) scale(.98)}
.cm-btn:disabled{cursor:not-allowed}
.feature-grid,.antinuke-grid{gap:20px}
.feature-card,.antinuke-card{background:#0d0d14;border:1px solid #272632;border-radius:15px;padding:23px;transition:transform .2s,border-color .2s,box-shadow .2s}
.feature-card:hover,.antinuke-card:hover{transform:translateY(-3px);border-color:#7f4ad0;box-shadow:0 10px 26px #08050f80}
.feature-card h3,.antinuke-card h3{font-size:16px}
.feature-card p,.antinuke-card>p{font-size:14px;line-height:1.6}
.feature-icon,.anti-symbol{background:#24212f!important;color:#d4c2f6!important;border-radius:12px}
.feature-bottom button,.anti-footer button{border:1px solid #8144d8;background:#7031cf;color:white;padding:10px 14px;border-radius:9px;font-weight:700}
#dashboardApp .feature-bottom,#dashboardApp .anti-footer{display:flex;flex-direction:column;align-items:stretch;gap:14px;margin-top:20px}
#dashboardApp .feature-bottom button,#dashboardApp .anti-footer button{width:100%;min-height:42px;padding:10px 14px;font-size:14px;color:#fff;background:#7538d8;border-radius:9px}
#dashboardApp .feature-bottom small,#dashboardApp .anti-footer>span{font-size:12px;color:#a19bad;line-height:1.5}
.feature-symbol{width:44px!important;height:44px!important;border-radius:12px!important;background:#2a2636!important;color:#dfccff!important}
.feature-symbol svg{width:23px;height:23px}.feature-card{display:flex;flex-direction:column}.feature-card>p{flex:1}
.switch{width:46px!important;height:26px!important;min-width:46px!important;flex:0 0 46px!important;border-radius:30px!important;background:#343340!important;position:relative}
.switch:after{width:20px!important;height:20px!important;top:3px!important;left:3px!important;transform:none!important}
.switch.on{background:#823fea!important}.switch.on:after{left:23px!important}
.cm-toggle{background:#0c0c13;border-color:#2b2938;padding:18px;border-radius:12px}
.cm-toggle input{width:46px;height:26px;min-width:46px;flex:0 0 46px;margin:0;background:#343340}
.cm-toggle input:after{width:20px;height:20px;top:3px;left:3px}
.cm-toggle input:checked{background:#823fea}.cm-toggle input:checked:after{transform:translateX(20px)}
.cm-table th{background:#22212e;color:#d0cbe0;font-size:13px;padding-block:16px}
.cm-table td{padding-block:19px;border-color:#252430;font-size:14px}
.cm-empty,.empty-state{padding:45px 24px}.cm-empty p{max-width:480px;margin-inline:auto}
.metric{border-color:#292735;background:linear-gradient(135deg,#16131f,#101018);border-radius:15px}
.metric>span{font-size:14px}.metric small{font-size:12px}
.plus-badge{display:inline-flex;align-items:center;gap:4px;background:#c9a94a22!important;border:1px solid #dfbf6040;color:#eed174!important;font-size:12px!important;font-weight:700;padding:3px 8px!important;border-radius:7px!important;white-space:nowrap}
/* Keep plan labels centered, rather than aligned to the surrounding text baseline. */
.plus-badge{justify-content:center;vertical-align:middle;line-height:1.2;letter-spacing:normal;flex-shrink:0}
:is(h1,h2,h3,h4,h5,h6):has(>.plus-badge){display:flex;align-items:center;flex-wrap:wrap;column-gap:12px;row-gap:6px}
:is(h1,h2,h3,h4,h5,h6)>.plus-badge{margin-left:0;align-self:center}
.nav-item .plus-badge{margin-left:auto;font-size:10px!important;padding:2px 5px!important}
.premium-module-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px;margin-bottom:24px;border:1px solid #80603c;border-radius:16px;background:linear-gradient(115deg,#251d19,#21152f 65%,#1b132d)}
.premium-module-banner h2{margin:0 0 8px;font-size:20px}.premium-module-banner p{margin:0;max-width:650px;font-size:14px}.premium-module-banner .cm-btn{flex-shrink:0}
.premium-locked{opacity:.78}.premium-locked:focus-within{opacity:1}
.landing-page{background:#09090f}.landing-nav{max-width:1280px;margin:18px auto 0!important;padding:15px 26px!important;border:1px solid #292632!important;border-radius:50px;background:#181620e8;backdrop-filter:blur(20px)}
.landing-main,.landing-footer{max-width:1280px;margin-inline:auto}
.landing-section-heading{text-align:center;max-width:790px;margin:0 auto 55px!important}
.landing-page{overflow:clip}.landing-nav{width:calc(100% - 48px);box-sizing:border-box}.landing-nav nav a{font-size:14px!important}
.landing-section-heading{display:block!important}.landing-section-heading>p{margin-bottom:16px}.landing-section-heading h2{margin:0 0 22px}.landing-section-heading>span{display:block;max-width:640px;margin-inline:auto;font-size:16px!important;line-height:1.65}
#landingPage section[id]{scroll-margin-top:115px}
.landing-section-heading h2{font-size:clamp(30px,4vw,48px);letter-spacing:-1.5px}
.showcase-card{background:linear-gradient(150deg,#17141f,#0e0d14)!important;border-color:#292530!important;border-radius:23px!important;padding:35px!important}
.showcase-card h3{font-size:26px;line-height:1.25;letter-spacing:-.5px}.showcase-card p{font-size:16px!important;line-height:1.7!important}
.allinone-pricing{padding-block:80px}.plans-grid{gap:22px!important}.plan-card{border-radius:19px!important;padding:30px!important;background:#111018!important}.plan-card.featured{border-color:#9c64ed!important;background:linear-gradient(160deg,#302044,#171021 60%)!important;box-shadow:0 10px 60px #7b3fd51c}
.plan-card li{font-size:14px!important;line-height:1.7}.plan-card li::marker{color:#b390ed}.plan-price{font-weight:800;font-size:42px!important}.plan-price small{font-size:14px!important}
.server-select-card{border-color:#302a3e!important}.server-select-heading,.select-heading{margin-block:45px}
.nav-section-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;font:inherit;letter-spacing:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer;text-align:left}
.command-reference{display:grid;gap:14px;margin-top:24px}.command-reference article{display:flex;gap:17px;align-items:center;padding:20px;background:#0b0b12;border:1px solid #262330;border-radius:12px}.command-reference h3{font-size:16px;margin:0 0 4px}.command-reference h3 code{font:inherit;color:#eee6ff}.command-reference p{font-size:14px;margin:0}.command-glyph{display:grid;place-items:center;width:43px;height:43px;border-radius:10px;background:#2b2638;color:#cab0f8;font-size:27px;flex:none}
.nav-section-toggle svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;transition:transform .2s}.nav-section-toggle[aria-expanded=false] svg{transform:rotate(180deg)}
.nav-group[hidden]{display:none}.nav-item>span.plus-badge{width:auto;height:auto;flex:none}.rule-plan-state{font-size:12px!important;color:#dac17d!important;margin:7px 0!important}
.setting-switch-row{background:#0b0b12;border:1px solid #25232e;border-radius:11px;padding:16px;flex-direction:row-reverse;justify-content:space-between;min-height:66px;font-weight:600}
/* Fixed geometry: generic form-input minimum heights must not stretch switches. */
#dashboardApp :is(.setting-switch-row,.cm-toggle)>input[type=checkbox],.cm-dialog :is(.setting-switch-row,.cm-toggle)>input[type=checkbox]{appearance:none;box-sizing:border-box!important;display:inline-block!important;width:46px!important;min-width:46px!important;max-width:46px!important;height:26px!important;min-height:26px!important;max-height:26px!important;flex:0 0 46px!important;align-self:center;margin:0!important;padding:0!important;border:0!important;border-radius:999px!important;position:relative!important;background:#343340!important;cursor:pointer;transition:background .18s}
#dashboardApp :is(.setting-switch-row,.cm-toggle)>input[type=checkbox]:after,.cm-dialog :is(.setting-switch-row,.cm-toggle)>input[type=checkbox]:after{content:''!important;position:absolute!important;inset:3px auto auto 3px!important;width:20px!important;height:20px!important;margin:0!important;background:#fff!important;border-radius:50%!important;transform:translateX(0)!important;transition:transform .18s}
#dashboardApp :is(.setting-switch-row,.cm-toggle)>input[type=checkbox]:checked,.cm-dialog :is(.setting-switch-row,.cm-toggle)>input[type=checkbox]:checked{background:#823fea!important}
#dashboardApp :is(.setting-switch-row,.cm-toggle)>input[type=checkbox]:checked:after,.cm-dialog :is(.setting-switch-row,.cm-toggle)>input[type=checkbox]:checked:after{transform:translateX(20px)!important}
#dashboardApp .cm-check:not(.cm-toggle):not(.setting-switch-row)>input[type=checkbox]{min-height:18px;height:18px;max-height:18px;padding:0}
.product-feature{display:grid!important;grid-template-columns:1fr 1fr!important;align-items:center;gap:60px!important;padding:48px!important}
.product-preview{margin:28px 0 10px;padding:24px;background:linear-gradient(135deg,#201c2b,#15131c);border:1px solid #302a3c;border-radius:17px;box-shadow:0 15px 40px #0002;text-align:left}
.product-feature .product-preview{margin:0}.preview-title{font-size:12px;letter-spacing:.1em;color:#b4a7cc;margin-bottom:18px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.preview-command{padding:16px 14px;border-radius:10px;margin:9px 0;display:grid;gap:5px;border:1px solid transparent}.preview-command b{font-size:17px;color:#eee4ff}.preview-command span{font-size:14px;color:#aca1bf}.preview-command.selected{background:#7b43cb20;border-color:#9c64e62b}
.product-preview>small{font-size:12px;color:#988ba9;line-height:1.6;display:block;margin-top:17px}.preview-pill{display:inline-block;border:1px solid #684599;background:#6f3fad25;padding:7px 12px;border-radius:20px;color:#d6b8ff;font-size:12px;margin-top:10px}
.preview-progress{height:13px;border-radius:12px;background:#332c40;overflow:hidden;margin:27px 0 18px}.preview-progress span{display:block;width:68%;height:100%;background:linear-gradient(90deg,#8354eb,#c29cfc);border-radius:inherit}.preview-caption{display:flex;justify-content:space-between;font-size:12px;gap:15px;color:#a69ab9}.preview-caption strong{color:#d3b7ff}
.showcase-label .plus-badge{margin-left:8px;vertical-align:middle;letter-spacing:0}.landing-nav{position:sticky;top:14px;z-index:15}.hero{padding-top:70px!important}.showcase-grid{gap:26px!important}.showcase-card .showcase-number{display:none}
@media(max-width:900px){.product-feature{grid-template-columns:1fr!important;gap:20px!important;padding:28px!important}.product-preview{padding:20px}.landing-nav nav{gap:20px}.hero{padding-top:45px!important}}
@media(min-width:1500px){.feature-grid,.antinuke-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1000px){.content{padding:28px 22px 60px}.feature-grid,.antinuke-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-nav{margin:12px 18px 0!important}.plans-grid{grid-template-columns:1fr!important}}
@media(max-width:760px){:root{--sidebar:0px}.content{padding:24px 16px 55px}.sidebar{width:270px}.feature-grid,.antinuke-grid{grid-template-columns:1fr}.cm-panel{padding:20px 16px}.cm-grid{gap:18px}.cm-header{align-items:flex-start}.cm-tabs{gap:12px}.premium-module-banner{align-items:flex-start;flex-direction:column;padding:20px}.landing-nav{border-radius:20px;padding:12px 16px!important}.showcase-card{padding:25px!important}.page-heading>.primary-button{font-size:14px!important}.plan-card{padding:24px!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}