*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --red:#cc1f1f;--red2:#e33;--rdim:rgba(204,31,31,.13);--rbrd:rgba(204,31,31,.35);
  --bg:#0f1012;--bg2:#161719;--bg3:#1c1e21;--bg4:#22252a;
  --ln:rgba(255,255,255,.07);--ln2:rgba(255,255,255,.025);
  --t:#dde0e8;--t2:#8a909f;--t3:#484f60;
  --grn:#22c55e;--gld:#f59e0b;--slv:#94a3b8;
  --fh:'Rajdhani',sans-serif;--fb:'Inter',sans-serif;
}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--t);font-family:var(--fb);min-height:100vh;font-size:13px}
::-webkit-scrollbar{width:4px;height:4px}
::-webkit-scrollbar-track{background:var(--bg2)}
::-webkit-scrollbar-thumb{background:var(--bg4);border-radius:2px}
::-webkit-scrollbar-thumb:hover{background:var(--red)}
a{color:inherit;text-decoration:none}

/* ══ SKELETON LOADING ══ */
@keyframes shimmer{0%{background-position:-400px 0}100%{background-position:400px 0}}
.skel{display:inline-block;background:linear-gradient(90deg,var(--bg3) 25%,var(--bg4) 50%,var(--bg3) 75%);background-size:800px 100%;animation:shimmer 1.4s infinite;border-radius:3px}
.skel-line{height:12px;margin-bottom:8px;border-radius:2px}
.skel-line.w40{width:40%}.skel-line.w60{width:60%}.skel-line.w80{width:80%}.skel-line.w100{width:100%}
.skel-val{height:16px;width:70%;border-radius:2px}

/* ══ COOKIE BANNER ══ */
#cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:var(--bg2);border-top:1px solid var(--ln);padding:14px 24px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--t2);transform:translateY(100%);transition:transform .3s ease}
#cookie-banner.show{transform:translateY(0)}
#cookie-banner p{flex:1;min-width:200px;line-height:1.5}
#cookie-banner a{color:var(--red2);text-decoration:underline;cursor:pointer}
.cookie-btns{display:flex;gap:8px;flex-shrink:0}
.cookie-accept{background:var(--red);color:#fff;border:none;padding:7px 18px;border-radius:4px;font-size:12px;font-family:var(--fh);font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer}
.cookie-accept:hover{background:var(--red2)}
.cookie-decline{background:transparent;color:var(--t3);border:1px solid var(--ln);padding:7px 14px;border-radius:4px;font-size:12px;cursor:pointer}
.cookie-decline:hover{color:var(--t);border-color:var(--t3)}

/* ══ TICKET THREAD ══ */
#ticket-thread-overlay{position:fixed;inset:0;z-index:500;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s}
#ticket-thread-overlay.open{opacity:1;pointer-events:all}
.ticket-thread-modal{background:var(--bg2);border:1px solid var(--ln);border-radius:8px;width:100%;max-width:620px;max-height:85vh;display:flex;flex-direction:column;margin:20px}
.ticket-thread-hdr{padding:16px 20px;border-bottom:1px solid var(--ln);display:flex;align-items:center;gap:12px}
.ticket-thread-hdr h3{font-family:var(--fh);font-size:16px;font-weight:700;text-transform:uppercase;flex:1}
.ticket-thread-close{background:none;border:none;color:var(--t3);cursor:pointer;font-size:20px;line-height:1;padding:2px 6px}
.ticket-thread-close:hover{color:var(--t)}
.ticket-thread-body{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:12px}
.thread-msg{background:var(--bg3);border-radius:6px;padding:12px 14px}
.thread-msg.admin-reply{background:rgba(204,31,31,.08);border-left:3px solid var(--red)}
.thread-msg-from{font-size:10px;color:var(--t3);margin-bottom:5px;display:flex;gap:8px;align-items:center}
.thread-msg-from strong{color:var(--t2);font-weight:600}
.thread-msg-text{font-size:12px;line-height:1.6;color:var(--t);white-space:pre-wrap}
.ticket-thread-footer{padding:14px 20px;border-top:1px solid var(--ln);font-size:11px;color:var(--t3);text-align:center}

/* ══ SIDEBAR ══ */
.sidebar{position:fixed;top:0;left:0;bottom:0;width:220px;background:var(--bg2);border-right:1px solid var(--ln);z-index:100;overflow-y:auto;display:flex;flex-direction:column}
.sb-logo{padding:16px;border-bottom:1px solid var(--ln);display:flex;align-items:center;gap:10px;cursor:pointer;flex-shrink:0}
.sb-logo img{width:32px;height:32px;border-radius:4px;object-fit:cover}
.sb-logon{font-family:var(--fh);font-size:20px;font-weight:700;letter-spacing:1px;color:var(--t);text-transform:uppercase}
.sb-logon em{color:var(--red2);font-style:normal}
.sb-tagline{padding:8px 16px;font-size:10px;color:var(--t3);letter-spacing:.5px;border-bottom:1px solid var(--ln);line-height:1.4}
.sb-nav{padding:10px 0;flex:1}
.sb-lbl{padding:6px 14px 3px;font-size:10px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:var(--t3)}
.sb-item{display:flex;align-items:center;gap:9px;padding:7px 14px;font-size:12px;font-weight:500;color:var(--t2);cursor:pointer;transition:all .15s;border-left:2px solid transparent}
.sb-item:hover{color:var(--t);background:rgba(255,255,255,.03)}
.sb-item.active{color:var(--red2);background:var(--rdim);border-left-color:var(--red2)}
.sb-item svg{width:14px;height:14px;flex-shrink:0;opacity:.7}
.sb-item.active svg{opacity:1}
.sb-item-ext{text-decoration:none}
.sb-item-ext .sb-ext-icon{width:11px;height:11px;margin-left:auto;opacity:.4}
.sb-item-ext:hover .sb-ext-icon{opacity:.7}
.sb-div{height:1px;background:var(--ln);margin:6px 10px}
.sb-badge{margin-left:auto;background:var(--red);color:#fff;font-size:9px;font-weight:700;padding:1px 5px;border-radius:3px}
.status-dot{width:6px;height:6px;border-radius:50%;background:var(--grn);box-shadow:0 0 5px var(--grn);display:inline-block;margin-right:4px;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}

/* ══ MAIN ══ */
.page{margin-left:220px;min-height:100vh}
.tab-content{display:none}
.tab-content.active{display:block}

/* ══ HOME ══ */
.hero{position:relative;padding:70px 48px 60px;overflow:hidden;border-bottom:1px solid var(--ln);display:grid;grid-template-columns:minmax(380px,1fr) minmax(0,1.4fr);gap:40px;align-items:center}
.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 70% 50%, rgba(204,31,31,.08) 0%, transparent 65%);pointer-events:none}
.hero-text{position:relative;z-index:1;min-width:0}
.hero-rustcard{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:14px;justify-self:center;width:100%;max-width:460px}
.hero-rustcard-frame{position:relative;width:100%;max-width:460px;border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.06);box-shadow:0 18px 50px rgba(0,0,0,.55), 0 0 0 1px rgba(204,31,31,.18), 0 0 60px rgba(204,31,31,.08)}
.hero-rustcard-frame img{display:block;width:100%;height:auto}
.hero-rustcard-lbl{font-family:var(--fh);font-size:10.5px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--t3);text-align:center}
.hero-rustcard-lbl em{color:var(--red2);font-style:normal;font-weight:700}
.hero-eyebrow img.rust-mark{width:13px;height:13px;display:inline-block;vertical-align:middle;border-radius:2px;object-fit:cover;flex-shrink:0}

.brand-credit-strip{padding:32px 48px;border-top:1px solid var(--ln);background:var(--bg);display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.brand-credit-strip img{width:auto;height:52px;display:block;opacity:.92;filter:drop-shadow(0 2px 8px rgba(0,0,0,.4))}
.brand-credit-strip .credit{font-size:11px;color:var(--t3);letter-spacing:.4px;max-width:540px;line-height:1.55}
.brand-credit-strip .credit em{color:var(--t2);font-style:normal}
.hero-eyebrow{display:inline-flex;align-items:center;gap:6px;background:var(--rdim);border:1px solid var(--rbrd);border-radius:3px;padding:4px 10px;font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--red2);margin-bottom:20px}
.hero h1{font-family:var(--fh);font-size:52px;font-weight:700;letter-spacing:1px;line-height:1.05;margin-bottom:16px;text-transform:uppercase}
.hero h1 em{color:var(--red2);font-style:normal}
.hero p{font-size:14px;color:var(--t2);max-width:540px;line-height:1.7;margin-bottom:30px}
.hero-ctas{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:7px;padding:10px 22px;border-radius:4px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;border:none;font-family:var(--fb);letter-spacing:.3px}
.btn-primary{background:var(--red2);color:#fff}
.btn-primary:hover{background:#ff2222;transform:translateY(-1px);box-shadow:0 4px 16px rgba(204,31,31,.35)}
.btn-ghost{background:none;color:var(--t2);border:1px solid var(--ln)}
.btn-ghost:hover{border-color:var(--rbrd);color:var(--t)}
.btn-ghost-red{background:none;color:var(--t);border:1px solid var(--red2)}
.btn-ghost-red:hover{background:var(--rdim);border-color:var(--red);box-shadow:0 4px 16px rgba(204,31,31,.18)}
.hero-hardware{margin-top:36px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
@keyframes livePulse{0%,100%{opacity:1}50%{opacity:.4}}
.sb-status{margin:8px 12px 12px;padding:10px 12px;background:var(--bg3);border:1px solid var(--ln);border-radius:5px}
.sb-status .sb-status-lbl{font-family:var(--fh);font-size:9px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--t3);margin-bottom:6px;display:flex;align-items:center;gap:6px}
.sb-status .sb-status-lbl .livedot{width:6px;height:6px;border-radius:50%;background:#3ec46d;box-shadow:0 0 5px #3ec46d;animation:livePulse 2s ease-in-out infinite}
.sb-status .sb-status-val{font-family:var(--fh);font-size:13px;font-weight:600;color:var(--t);letter-spacing:.3px;line-height:1.3}
.sb-status .sb-status-val strong{color:var(--red2);font-weight:700;font-size:14px}
.sb-status a.sb-status-link{display:block;font-size:10px;color:var(--t3);text-decoration:none;margin-top:6px;letter-spacing:.4px;transition:color .12s}
.sb-status a.sb-status-link:hover{color:var(--t2)}
.hw-chip{display:flex;align-items:center;gap:6px;background:var(--bg2);border:1px solid var(--ln);border-radius:3px;padding:5px 10px;font-size:11px;color:var(--t2)}
.hw-chip svg{color:var(--red2);width:12px;height:12px}

/* Features grid */
.section{padding:40px 48px}
.section-title{font-family:var(--fh);font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--red2);margin-bottom:8px}
.section-h{font-family:var(--fh);font-size:44px;font-weight:700;text-transform:uppercase;margin-bottom:6px}
.section-sub{font-size:14px;color:var(--t2);margin-bottom:28px;line-height:1.6;max-width:680px}
.feat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.feat-card{background:var(--bg2);border:1px solid var(--ln);border-radius:6px;padding:20px;transition:border-color .2s}
.feat-card:hover{border-color:var(--rbrd)}
.feat-icon{width:36px;height:36px;background:var(--rdim);border:1px solid var(--rbrd);border-radius:4px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;color:var(--red2)}
.feat-icon svg{width:16px;height:16px}
.feat-h{font-family:var(--fh);font-size:16px;font-weight:700;text-transform:uppercase;margin-bottom:6px}
.feat-p{font-size:12px;color:var(--t2);line-height:1.6}

/* How it works */
.section.alt{background:var(--bg2);border-top:1px solid var(--ln);border-bottom:1px solid var(--ln)}
.steps{display:flex;gap:0;position:relative}
.steps::before{content:'';position:absolute;top:22px;left:22px;right:22px;height:1px;background:var(--ln);z-index:0}
.step{flex:1;text-align:center;padding:0 20px;position:relative;z-index:1}
.step-num{width:44px;height:44px;border-radius:50%;background:var(--bg2);border:2px solid var(--rbrd);display:flex;align-items:center;justify-content:center;margin:0 auto 14px;font-family:var(--fh);font-size:18px;font-weight:700;color:var(--red2)}
.step h3{font-family:var(--fh);font-size:14px;font-weight:700;text-transform:uppercase;margin-bottom:6px}
.step p{font-size:12px;color:var(--t2);line-height:1.5}

/* Mini pricing */
.mini-pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:10px}
.mp-card{background:var(--bg2);border:1px solid var(--ln);border-radius:6px;padding:20px;text-align:center;transition:border-color .2s;position:relative}
.mp-card:hover{border-color:var(--rbrd)}
.mp-card.featured{border-color:var(--red2);background:linear-gradient(160deg,var(--bg2),rgba(204,31,31,.06))}
.mp-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:var(--red2);color:#fff;font-size:10px;font-weight:700;padding:2px 10px;border-radius:20px;white-space:nowrap;letter-spacing:.5px}
.mp-plan{font-family:var(--fh);font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--t3);margin-bottom:6px}
.mp-price{font-family:var(--fh);font-size:38px;font-weight:700;color:var(--t);line-height:1}
.mp-price sup{font-size:18px;vertical-align:super;color:var(--t2)}
.mp-price sub{font-size:13px;color:var(--t2);font-family:var(--fb);font-weight:400}
.mp-save{font-size:11px;color:var(--grn);margin:4px 0 12px;font-weight:500}
.mp-btn{display:block;width:100%;padding:8px;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;border:1px solid var(--rbrd);background:var(--rdim);color:var(--red2);font-family:var(--fb)}
.mp-btn:hover{background:var(--red2);color:#fff;border-color:var(--red2)}
.mp-card.featured .mp-btn{background:var(--red2);color:#fff;border-color:var(--red2)}
.mp-card.featured .mp-btn:hover{background:#ff2222}

/* Testimonial / trust bar */
.trust-bar{padding:24px 48px;border-top:1px solid var(--ln);border-bottom:1px solid var(--ln);display:flex;align-items:center;gap:40px;flex-wrap:wrap}
.trust-item{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--t2)}
.trust-item svg{color:var(--red2);width:16px;height:16px;flex-shrink:0}

/* ══ PRICING PAGE ══ */
.page-header{padding:40px 48px 0;border-bottom:1px solid var(--ln);padding-bottom:36px}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:40px 48px}
.plan-card{background:var(--bg2);border:1px solid var(--ln);border-radius:8px;overflow:hidden;transition:border-color .2s;position:relative;display:flex;flex-direction:column}
.plan-card:hover{border-color:var(--rbrd)}
.plan-card.featured{border-color:var(--red2)}
.plan-top{padding:24px;border-bottom:1px solid var(--ln)}
.plan-badge{display:inline-block;background:var(--red2);color:#fff;font-size:10px;font-weight:700;padding:2px 8px;border-radius:3px;margin-bottom:10px;letter-spacing:.5px}
.plan-name{font-family:var(--fh);font-size:22px;font-weight:700;text-transform:uppercase;margin-bottom:2px}
.plan-billing{font-size:11px;color:var(--t3);margin-bottom:16px}
.plan-price-row{display:flex;align-items:flex-end;gap:6px;margin-bottom:6px}
.plan-amount{font-family:var(--fh);font-size:48px;font-weight:700;color:var(--t);line-height:1}
.plan-currency{font-family:var(--fh);font-size:22px;color:var(--t2);margin-bottom:6px}
.plan-period{font-size:13px;color:var(--t2);margin-bottom:6px}
.plan-total{font-size:11px;color:var(--t3)}
.plan-saving{font-size:12px;color:var(--grn);font-weight:500;margin-bottom:16px}
.plan-setup{background:var(--bg3);border-radius:3px;padding:6px 10px;font-size:11px;color:var(--t2);margin-bottom:16px}
.plan-setup strong{color:var(--t)}
.plan-cta{display:block;width:100%;padding:10px;border-radius:4px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;text-align:center;font-family:var(--fb);border:1px solid var(--rbrd);background:var(--rdim);color:var(--red2);margin-top:16px}
.plan-cta:hover{background:var(--red2);color:#fff;border-color:var(--red2)}
.plan-card.featured .plan-cta{background:var(--red2);color:#fff;border-color:var(--red2)}
.plan-card.featured .plan-cta:hover{background:#ff2222}
.plan-features{padding:20px 24px}
.plan-features li{list-style:none;display:flex;align-items:flex-start;gap:8px;font-size:12px;color:var(--t2);margin-bottom:10px;line-height:1.4}
.plan-features li svg{color:var(--grn);flex-shrink:0;margin-top:1px}
.plan-features li .x{color:var(--t3)}

/* Addons */
.addons-section{padding:0 48px 40px}
.addons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:20px}
.addon-card{background:var(--bg2);border:1px solid var(--ln);border-radius:6px;padding:18px;display:flex;gap:14px;transition:border-color .2s}
.addon-card:hover{border-color:var(--rbrd)}
.addon-icon{width:40px;height:40px;background:var(--rdim);border:1px solid var(--rbrd);border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--red2);flex-shrink:0}
.addon-icon svg{width:18px;height:18px}
.addon-name{font-family:var(--fh);font-size:15px;font-weight:700;text-transform:uppercase;margin-bottom:3px}
.addon-desc{font-size:11px;color:var(--t2);line-height:1.5;margin-bottom:8px}
.addon-price{font-family:var(--fh);font-size:16px;font-weight:700;color:var(--red2)}
.addon-price span{font-size:11px;color:var(--t3);font-family:var(--fb);font-weight:400}

/* Bundle */
.bundle-card{background:linear-gradient(135deg,var(--bg2),rgba(204,31,31,.06));border:1px solid var(--red2);border-radius:8px;padding:28px;margin:0 48px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.bundle-left h3{font-family:var(--fh);font-size:22px;font-weight:700;text-transform:uppercase;margin-bottom:6px}
.bundle-left p{font-size:12px;color:var(--t2);line-height:1.6;max-width:480px}
.bundle-price{text-align:right;flex-shrink:0}
.bundle-was{font-size:12px;color:var(--t3);text-decoration:line-through;margin-bottom:4px}
.bundle-now{font-family:var(--fh);font-size:36px;font-weight:700;color:var(--red2);line-height:1}
.bundle-now sub{font-size:13px;color:var(--t2);font-family:var(--fb);font-weight:400}
.bundle-save{font-size:11px;color:var(--grn);margin-top:2px}

/* One-time fees */
.onetime-section{padding:0 48px 40px}
.onetime-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:16px}
.ot-card{background:var(--bg2);border:1px solid var(--ln);border-radius:6px;padding:16px;transition:border-color .2s}
.ot-card:hover{border-color:var(--rbrd)}
.ot-name{font-family:var(--fh);font-size:14px;font-weight:700;text-transform:uppercase;margin-bottom:4px}
.ot-desc{font-size:11px;color:var(--t2);margin-bottom:8px;line-height:1.4}
.ot-price{font-family:var(--fh);font-size:20px;font-weight:700;color:var(--t)}
.ot-price span{font-size:11px;color:var(--t3);font-family:var(--fb);font-weight:400}

/* ══ ABOUT PAGE ══ */
.about-hero{padding:48px 48px 56px;border-bottom:1px solid var(--ln)}.about-content{max-width:1400px}
.about-dave-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.about-dave-grid > div:first-child{display:flex;justify-content:center}.about-dave-grid > div:last-child{max-width:680px}
@media (max-width:760px){.about-dave-grid{grid-template-columns:1fr;gap:32px}.about-hero{padding:32px 24px}}
.about-content h1{font-family:var(--fh);font-size:40px;font-weight:700;text-transform:uppercase;line-height:1.1;margin-bottom:16px}
.about-content h1 em{color:var(--red2);font-style:normal}
.about-content p{font-size:13px;color:var(--t2);line-height:1.8;margin-bottom:16px}
.about-content p strong{color:var(--t)}
.about-img-wrap{background:var(--bg2);border:5px solid var(--red2);border-radius:50%;overflow:hidden;position:relative;aspect-ratio:1/1;width:100%;max-width:440px;margin:0 auto;box-shadow:0 0 0 1px rgba(204,31,31,.2),0 12px 32px rgba(0,0,0,.5)}
.about-img-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--t3);font-size:12px}
.about-img-placeholder svg{width:40px;height:40px;opacity:.3}
.location-badge{display:inline-flex;align-items:center;gap:6px;background:var(--rdim);border:1px solid var(--rbrd);border-radius:3px;padding:5px 12px;font-size:11px;color:var(--red2);font-weight:600;margin-bottom:20px}
.about-vals{padding:40px 48px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;border-bottom:1px solid var(--ln)}
.val-card{padding:20px;background:var(--bg2);border:1px solid var(--ln);border-radius:6px}
.val-num{font-family:var(--fh);font-size:36px;font-weight:700;color:var(--red2);line-height:1;margin-bottom:4px}
.val-lbl{font-size:12px;color:var(--t2)}
.why-section{padding:40px 48px}
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}
.why-item{display:flex;gap:14px}
.why-icon{color:var(--red2);flex-shrink:0;margin-top:2px}
.why-icon svg{width:16px;height:16px}
.why-h{font-family:var(--fh);font-size:14px;font-weight:700;text-transform:uppercase;margin-bottom:4px}
.why-p{font-size:12px;color:var(--t2);line-height:1.6}

/* ══ HARDWARE PAGE ══ */
.hw-hero{padding:48px;border-bottom:1px solid var(--ln)}
.hw-main{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:40px 48px;border-bottom:1px solid var(--ln)}
.spec-block{background:var(--bg2);border:1px solid var(--ln);border-radius:6px;overflow:hidden}
.spec-block-hdr{padding:14px 18px;border-bottom:1px solid var(--ln);background:var(--bg3);display:flex;align-items:center;gap:10px}
.spec-block-hdr svg{color:var(--red2);width:16px;height:16px}
.spec-block-hdr h3{font-family:var(--fh);font-size:14px;font-weight:700;text-transform:uppercase}
.spec-row{display:flex;justify-content:space-between;align-items:center;padding:10px 18px;border-bottom:1px solid var(--ln2);font-size:12px}
.spec-row:last-child{border-bottom:none}
.spec-lbl{color:var(--t2)}
.spec-val{color:var(--t);font-weight:500;text-align:right}
.spec-val.hi{color:var(--red2);font-family:var(--fh);font-weight:700;font-size:13px}
.hw-explainer{padding:40px 48px}
.explainer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:20px}
.exp-card{background:var(--bg2);border:1px solid var(--ln);border-radius:6px;padding:20px}
.exp-icon{color:var(--red2);margin-bottom:10px}
.exp-icon svg{width:20px;height:20px}
.exp-h{font-family:var(--fh);font-size:15px;font-weight:700;text-transform:uppercase;margin-bottom:6px}
.exp-p{font-size:12px;color:var(--t2);line-height:1.6}

/* ══ MEMBERS AREA ══ */
.members-wrap{padding:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh}
.login-card{background:var(--bg2);border:1px solid var(--ln);border-radius:8px;padding:36px;width:100%;max-width:420px;text-align:center}
.login-card h2{font-family:var(--fh);font-size:24px;font-weight:700;text-transform:uppercase;margin-bottom:6px}
.login-card p{font-size:12px;color:var(--t2);margin-bottom:28px;line-height:1.6}
.login-btns{display:flex;flex-direction:column;gap:10px}
.btn-steam{background:#171a21;color:#c6d4df;border:1px solid rgba(198,212,223,.15);display:flex;align-items:center;justify-content:center;gap:10px;padding:11px;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;font-family:var(--fb);width:100%}
.btn-steam:hover{background:#1b2838;border-color:rgba(198,212,223,.3)}
.btn-discord{background:#5865F2;color:#fff;border:none;display:flex;align-items:center;justify-content:center;gap:10px;padding:11px;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;font-family:var(--fb);width:100%}
.btn-discord:hover{background:#4752C4}
.login-divider{display:flex;align-items:center;gap:10px;color:var(--t3);font-size:11px;margin:4px 0}
.login-divider::before,.login-divider::after{content:'';flex:1;height:1px;background:var(--ln)}

/* Fake dashboard (shown after mock login) */
.dashboard{padding:32px 48px;display:none}
.dashboard.visible{display:block}
.dash-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;flex-wrap:wrap;gap:12px}
.dash-header h2{font-family:var(--fh);font-size:24px;font-weight:700;text-transform:uppercase}
.dash-grid{display:grid;grid-template-columns:1fr 340px;gap:20px;align-items:start}
.dash-main{display:flex;flex-direction:column;gap:16px}
.dash-side{display:flex;flex-direction:column;gap:16px}
.dash-card{background:var(--bg2);border:1px solid var(--ln);border-radius:6px;overflow:hidden}
.dash-card-hdr{padding:12px 18px;border-bottom:1px solid var(--ln);display:flex;align-items:center;justify-content:space-between}
.dash-card-hdr h3{font-family:var(--fh);font-size:13px;font-weight:700;text-transform:uppercase}
.dash-card-body{padding:18px}
.server-status-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;flex-wrap:wrap;gap:8px}
.srv-name{font-family:var(--fh);font-size:18px;font-weight:700}
.status-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600}
.status-pill.online{background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.3);color:var(--grn)}
.status-pill.offline{background:var(--rdim);border:1px solid var(--rbrd);color:var(--red2)}
.srv-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.srv-detail{background:var(--bg3);border-radius:4px;padding:10px 12px}
.srv-detail-lbl{font-size:10px;color:var(--t3);text-transform:uppercase;letter-spacing:.7px;margin-bottom:3px}
.srv-detail-val{font-family:var(--fh);font-size:14px;font-weight:700;color:var(--t)}
.srv-detail-val.mono{font-family:monospace;font-size:12px;font-weight:400;color:var(--t2)}
.sub-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--ln2);font-size:12px}
.sub-item:last-child{border-bottom:none}
.sub-lbl{color:var(--t2)}
.sub-val{color:var(--t);font-weight:500}
.sub-val.red{color:var(--red2)}
.sub-val.grn{color:var(--grn)}
.addon-tog{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid var(--ln2);font-size:12px}
.addon-tog:last-child{border-bottom:none}
.tog-name{color:var(--t2)}
.tog-status{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600}
.tog-status.on{color:var(--grn)}
.tog-status.off{color:var(--t3)}
.addon-tog .addon-add-btn,.addon-tog .addon-rm-btn{width:26px;height:26px;border-radius:50%;background:var(--red2);border:none;color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;flex-shrink:0;transition:background .15s,transform .1s,opacity .15s}
.addon-tog .addon-add-btn:hover,.addon-tog .addon-rm-btn:hover{background:var(--red)}
.addon-tog .addon-add-btn:active,.addon-tog .addon-rm-btn:active{transform:scale(.9)}
.addon-tog .addon-add-btn:disabled,.addon-tog .addon-rm-btn:disabled{opacity:.5;cursor:wait}
.addon-tog .addon-add-btn svg,.addon-tog .addon-rm-btn svg{width:13px;height:13px;display:block}
.ticket-row{padding:10px 0;border-bottom:1px solid var(--ln2);font-size:12px}
.ticket-row:last-child{border-bottom:none}
.ticket-subject{color:var(--t);font-weight:500;margin-bottom:3px}
.ticket-meta{color:var(--t3);font-size:11px;display:flex;gap:8px}
.ticket-badge{padding:1px 6px;border-radius:3px;font-size:10px;font-weight:700}
.ticket-badge.open{background:rgba(34,197,94,.12);color:var(--grn)}
.ticket-badge.closed{background:var(--bg3);color:var(--t3)}

/* ══ SUPPORT PAGE ══ */
.support-layout{padding:40px 48px;display:grid;grid-template-columns:1fr 320px;gap:28px;align-items:start}
.support-form-card{background:var(--bg2);border:1px solid var(--ln);border-radius:8px;overflow:hidden}
.support-form-hdr{padding:18px 24px;border-bottom:1px solid var(--ln)}
.support-form-hdr h2{font-family:var(--fh);font-size:20px;font-weight:700;text-transform:uppercase;margin-bottom:3px}
.support-form-hdr p{font-size:12px;color:var(--t2)}
.support-form-body{padding:24px}
.form-row{margin-bottom:16px}
.form-label{display:block;font-size:11px;font-weight:600;color:var(--t2);text-transform:uppercase;letter-spacing:.7px;margin-bottom:6px}
.form-input{width:100%;background:var(--bg3);border:1px solid var(--ln);border-radius:4px;padding:9px 12px;color:var(--t);font-family:var(--fb);font-size:13px;outline:none;transition:border-color .15s}
.form-input:focus{border-color:var(--rbrd)}
.form-input::placeholder{color:var(--t3)}
.form-select{width:100%;background:var(--bg3);border:1px solid var(--ln);border-radius:4px;padding:9px 12px;color:var(--t);font-family:var(--fb);font-size:13px;outline:none;cursor:pointer}
.form-select option{background:var(--bg3)}
.form-textarea{width:100%;background:var(--bg3);border:1px solid var(--ln);border-radius:4px;padding:9px 12px;color:var(--t);font-family:var(--fb);font-size:13px;outline:none;resize:vertical;min-height:120px;transition:border-color .15s}
.form-textarea:focus{border-color:var(--rbrd)}
.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.support-side{display:flex;flex-direction:column;gap:14px}
.support-side-card{background:var(--bg2);border:1px solid var(--ln);border-radius:6px;padding:18px}
.support-side-card h3{font-family:var(--fh);font-size:14px;font-weight:700;text-transform:uppercase;margin-bottom:12px}
.faq-item{margin-bottom:14px}
.faq-q{font-size:12px;font-weight:600;color:var(--t);margin-bottom:4px;cursor:pointer}
.faq-a{font-size:12px;color:var(--t2);line-height:1.6}
.contact-link{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--ln2);font-size:12px;color:var(--t2);transition:color .15s;cursor:pointer}
.contact-link:last-child{border-bottom:none}
.contact-link:hover{color:var(--t)}
.contact-link svg{color:var(--red2);width:14px;height:14px;flex-shrink:0}
.sla-item{display:flex;justify-content:space-between;font-size:12px;padding:5px 0;border-bottom:1px solid var(--ln2)}
.sla-item:last-child{border-bottom:none}
.sla-lbl{color:var(--t2)}
.sla-val{color:var(--t);font-weight:500}
.sla-val.grn{color:var(--grn)}

/* ══ CART MODAL ══ */
.cart-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.78);z-index:200;align-items:center;justify-content:center;backdrop-filter:blur(4px);padding:16px}
.cart-overlay.open{display:flex}
.cart-modal{background:var(--bg2);border:1px solid var(--ln);border-radius:10px;width:100%;max-width:700px;max-height:92vh;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}
.cart-hdr{padding:15px 22px;border-bottom:1px solid var(--ln);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}
.cart-hdr h3{font-family:var(--fh);font-size:17px;font-weight:700;text-transform:uppercase}
.cart-close{background:none;border:none;color:var(--t2);cursor:pointer;font-size:24px;line-height:1;padding:0 4px;transition:color .15s}
.cart-close:hover{color:var(--t)}
.cart-steps{display:flex;align-items:center;padding:11px 22px;border-bottom:1px solid var(--ln);flex-shrink:0}
.cart-step-item{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:600;color:var(--t3);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}
.cart-step-item.active{color:var(--red2)}
.cart-step-item.done{color:var(--grn)}
.cart-step-num{width:20px;height:20px;border-radius:50%;background:var(--bg3);border:1px solid var(--ln);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0}
.cart-step-item.active .cart-step-num{background:var(--red2);border-color:var(--red2);color:#fff}
.cart-step-item.done .cart-step-num{background:var(--grn);border-color:var(--grn);color:#fff}
.cart-step-line{flex:1;height:1px;background:var(--ln);margin:0 10px}
.cart-body{padding:22px;overflow-y:auto;flex:1}
.cart-foot{padding:14px 22px;border-top:1px solid var(--ln);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:12px}
/* Step 1 — plan cards */
.cart-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:4px}
.cart-plan-card{background:var(--bg3);border:2px solid var(--ln);border-radius:6px;padding:16px;cursor:pointer;transition:all .15s;position:relative}
.cart-plan-card:hover{border-color:var(--rbrd)}
.cart-plan-card.selected{border-color:var(--red2);background:rgba(204,31,31,.07)}
.cp-badge{position:absolute;top:-9px;left:50%;transform:translateX(-50%);background:var(--red2);color:#fff;font-size:9px;font-weight:700;padding:2px 8px;border-radius:10px;white-space:nowrap}
.cp-name{font-family:var(--fh);font-size:14px;font-weight:700;text-transform:uppercase;margin-bottom:2px}
.cp-billing{font-size:10px;color:var(--t3);margin-bottom:10px}
.cp-price{font-family:var(--fh);font-size:28px;font-weight:700;line-height:1}
.cp-price sup{font-size:13px;vertical-align:super}
.cp-price sub{font-size:11px;font-family:var(--fb);font-weight:400;color:var(--t2)}
.cp-total{font-size:10px;color:var(--t3);margin-top:3px}
.cp-save{font-size:11px;color:var(--grn);margin-top:4px;font-weight:500}
.cp-check{display:none;position:absolute;top:8px;right:8px;width:18px;height:18px;background:var(--red2);border-radius:50%;align-items:center;justify-content:center}
.cart-plan-card.selected .cp-check{display:flex}
/* Step 2 — add-ons */
.cart-addon-group{margin-bottom:18px}
.cart-addon-group-title{font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--t3);margin-bottom:8px;padding-bottom:5px;border-bottom:1px solid var(--ln)}
.cart-addon-item{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:5px;cursor:pointer;transition:background .12s;margin-bottom:3px;border:1px solid transparent}
.cart-addon-item:hover{background:var(--bg3)}
.cart-addon-item.selected{background:rgba(204,31,31,.07);border-color:var(--rbrd)}
.cart-addon-item.bundle-item{border:1px solid var(--rbrd);background:rgba(204,31,31,.04)}
.cart-addon-item.bundle-item.selected{background:rgba(204,31,31,.11);border-color:var(--red2)}
.cart-addon-cb{width:15px;height:15px;border:2px solid var(--ln);border-radius:3px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--bg3);transition:all .12s}
.cart-addon-item.selected .cart-addon-cb{background:var(--red2);border-color:var(--red2)}
.cart-addon-info{flex:1;min-width:0}
.cart-addon-name{font-size:12px;font-weight:600;color:var(--t);margin-bottom:1px}
.cart-addon-desc{font-size:10px;color:var(--t3);line-height:1.4}
.cart-addon-price{font-family:var(--fh);font-size:13px;font-weight:700;color:var(--t2);flex-shrink:0;text-align:right}
.cart-addon-item.selected .cart-addon-price{color:var(--red2)}
/* Step 3 — review */
.cart-charge-block{background:var(--bg3);border:1px solid var(--ln);border-radius:5px;padding:12px 14px;margin-bottom:10px}
.cart-charge-title{font-size:11px;font-weight:600;color:var(--t2);margin-bottom:8px;display:flex;align-items:center;gap:7px}
.cart-charge-badge{background:var(--rdim);border:1px solid var(--rbrd);color:var(--red2);font-size:9px;font-weight:700;padding:1px 6px;border-radius:3px;letter-spacing:.3px}
.cart-charge-row{display:flex;justify-content:space-between;font-size:12px;padding:3px 0;color:var(--t2)}
.cart-charge-row.total-row{border-top:1px solid var(--ln);margin-top:6px;padding-top:8px;color:var(--t);font-weight:600}
.cart-note{font-size:11px;color:var(--t3);line-height:1.6;text-align:center;margin-top:12px}


/* ══ ORDER STATUS OVERLAY ══ */
.order-spinner{width:44px;height:44px;border:3px solid var(--ln);border-top-color:var(--red2);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 22px}
@keyframes spin{to{transform:rotate(360deg)}}
.order-icon-ok{width:56px;height:56px;background:rgba(34,197,94,.12);border:2px solid var(--grn);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:var(--grn)}
.order-icon-warn{width:56px;height:56px;background:var(--rdim);border:2px solid var(--rbrd);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:var(--red2)}

/* ══ RESPONSIVE ══ */
/* Mobile menu button + backdrop — hidden on desktop, shown on mobile */
.mobile-menu-btn{display:none;position:fixed;top:12px;left:12px;width:44px;height:44px;background:var(--bg2);border:1px solid var(--ln);border-radius:6px;color:var(--t);cursor:pointer;z-index:200;align-items:center;justify-content:center;padding:0}
.mobile-menu-btn:hover{border-color:var(--red2)}
.mobile-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:99;opacity:0;pointer-events:none;transition:opacity .25s}
body.menu-open .mobile-backdrop{opacity:1;pointer-events:auto}

html,body{overflow-x:hidden}

@media(max-width:900px){
  .mobile-menu-btn{display:flex}
  .sidebar{transform:translateX(-100%);transition:transform .25s ease;width:240px;box-shadow:0 0 24px rgba(0,0,0,.5)}
  body.menu-open .sidebar{transform:translateX(0)}
  .page{margin-left:0;padding-top:60px}
  .hero{padding:32px 24px;grid-template-columns:1fr;gap:32px}
  .hero h1{font-size:36px}
  .hero-rustcard{max-width:380px}
  .brand-credit-strip{padding:24px}
  .brand-credit-strip img{height:42px}
  .section,.addons-section,.onetime-section,.hw-main,.hw-explainer,.why-section,.about-vals,.support-layout{padding:24px}
  .pricing-grid{grid-template-columns:1fr;padding:24px}
  .about-hero{padding:24px}
  .hw-main{grid-template-columns:1fr}
  .steps{flex-direction:column;gap:20px}
  .steps::before{display:none}
  .mini-pricing{grid-template-columns:1fr}
  .dash-grid{grid-template-columns:1fr}
  .support-layout{grid-template-columns:1fr}
  .trust-bar{padding:20px 24px;gap:20px}
  .bundle-card{flex-direction:column;margin:0 24px 24px}
  .why-grid{grid-template-columns:1fr}
  .page-header{padding:24px}
  /* Tighten outer wrappers that use fixed 48px horizontal padding */
  div[style*="padding:0 48px"]{padding-left:16px !important;padding-right:16px !important}
  div[style*="padding:48px"]{padding:24px !important}
  /* Constrain stat number cards */
  .about-vals{grid-template-columns:1fr 1fr;padding:24px}
  .who-grid{grid-template-columns:1fr !important}
  /* Customer-config dashboard on mobile */
  .cc-row{grid-template-columns:1fr}
  .cc-card{padding:18px 16px}
  .cc-card h3{font-size:13px}
  .cc-actions{flex-direction:column-reverse;gap:8px}
  .cc-actions .btn{width:100%;justify-content:center}
  #ev-list{grid-template-columns:1fr !important}
  .plg-row{grid-template-columns:1fr !important;gap:6px !important}
  .plg-row .plg-rm{grid-column:1 !important;justify-self:end}
  .plg-proof{grid-template-columns:1fr !important;gap:6px !important}
  /* Custom Map biome rows: shrink label column on phones */
  #cm-biomes > div{grid-template-columns:90px 1fr 38px !important}
  .dash-pane:not(#dash-pane-overview){max-width:100%;margin:0}
  .dash-tab{font-size:10px;padding:8px 10px;letter-spacing:.5px}
  .dash-subnav{padding-bottom:0}
  /* History rows on mobile: stack the actions below the title */
  #hist-list > div{flex-wrap:wrap}
}

/* ══ LEGAL MODALS ══ */
.legal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.8);z-index:300;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s;padding:40px 20px}
.legal-overlay.open{opacity:1;pointer-events:all}
.legal-modal{background:var(--bg2);border:1px solid var(--ln);border-radius:8px;width:100%;max-width:800px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden}
.legal-hdr{padding:18px 24px;border-bottom:1px solid var(--ln);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;border-radius:8px 8px 0 0}
.legal-hdr h3{font-family:var(--fh);font-size:16px;font-weight:700;text-transform:uppercase}
.legal-body{padding:28px 32px;font-size:12.5px;color:var(--t2);line-height:1.75;overflow-y:auto;flex:1}
.legal-body h2{font-family:var(--fh);font-size:17px;font-weight:700;text-transform:uppercase;color:var(--t);margin:28px 0 10px;padding-top:20px;border-top:1px solid var(--ln)}
.legal-body h2:first-of-type{border-top:none;margin-top:0;padding-top:0}
.legal-body h3{font-family:var(--fh);font-size:13px;font-weight:700;color:var(--t);margin:14px 0 5px;text-transform:uppercase;letter-spacing:.3px}
.legal-body p{margin-bottom:10px}
.legal-body ul{margin:6px 0 12px 18px}
.legal-body li{margin-bottom:5px}
.legal-body strong{color:var(--t)}
.legal-updated{font-size:11px;color:var(--t3);margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--ln)}

/* ── Dashboard sub-navigation ──────────────────────────────── */
.dash-subnav{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:18px;border-bottom:1px solid var(--ln);padding:0 0 0}
.dash-tab{background:none;border:none;color:var(--t2);font-family:var(--fh);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;padding:10px 14px;cursor:pointer;border-bottom:2px solid transparent;transition:color .15s,border-color .15s;margin-bottom:-1px}
.dash-tab:hover{color:var(--t)}
.dash-tab.active{color:var(--red2);border-bottom-color:var(--red2)}
.dash-pane{display:none}
.dash-pane.active{display:block}
/* Server-Info / Wipes / Events / etc. panes shouldn't stretch edge-to-edge
   on wide displays — cap the inner content like a settings page would. */
.dash-pane:not(#dash-pane-overview){max-width:960px;margin:0 auto}

/* ── Customer-config forms ─────────────────────────────────── */
.cc-card{background:var(--bg2);border:1px solid var(--ln);border-radius:10px;padding:24px 28px;margin-bottom:18px}
.cc-stub{text-align:center;padding:56px 32px;background:var(--bg2);border:1px dashed var(--ln);border-radius:10px}
.cc-stub-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--rdim);border:1px solid var(--rbrd);margin-bottom:14px}
.cc-stub h3{font-family:var(--fh);font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}
.cc-stub p{font-size:13px;color:var(--t2);line-height:1.6;margin:0 auto;max-width:440px}
.cc-card h3{font-family:var(--fh);font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;color:var(--t)}
.cc-card .cc-help{font-size:12px;color:var(--t3);line-height:1.55;margin-bottom:18px}
.cc-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.cc-row-full{display:block;margin-bottom:14px}
.cc-field label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--t3);margin-bottom:6px}
.cc-field input,.cc-field select,.cc-field textarea{width:100%;background:var(--bg3);border:1px solid var(--ln);border-radius:6px;color:var(--t);font-size:13px;padding:9px 12px;font-family:inherit}
.cc-field input:focus,.cc-field select:focus,.cc-field textarea:focus{outline:none;border-color:var(--rbrd)}
.cc-field textarea{min-height:78px;resize:vertical}
.cc-field .cc-hint{font-size:10.5px;color:var(--t3);margin-top:5px;line-height:1.45}
.cc-toggle{display:flex;gap:8px;flex-wrap:wrap}
.cc-toggle-opt{flex:0 0 auto;min-width:64px;text-align:center;background:var(--bg3);border:1px solid var(--ln);border-radius:6px;padding:8px 14px;cursor:pointer;font-size:12px;font-weight:600;color:var(--t2);transition:all .15s;user-select:none}
.cc-toggle-opt:hover{border-color:var(--rbrd);color:var(--t)}
.cc-toggle-opt.active{background:var(--rdim);border-color:var(--red2);color:var(--red2)}
.cc-status-pill{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;padding:4px 10px;border-radius:99px;font-family:var(--fh)}
.cc-status-pill.live{background:rgba(34,197,94,.13);color:#22c55e;border:1px solid rgba(34,197,94,.3)}
.cc-status-pill.queued{background:rgba(251,191,36,.13);color:#fbbf24;border:1px solid rgba(251,191,36,.3)}
.cc-status-pill.pending{background:var(--rdim);color:var(--red2);border:1px solid var(--rbrd)}
.cc-status-pill.never{background:var(--bg3);color:var(--t3);border:1px solid var(--ln)}
.cc-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px;padding-top:18px;border-top:1px solid var(--ln)}

/* ── Apply-Now modal ──────────────────────────────────────── */
.cc-modal-bg{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:200;display:none;align-items:center;justify-content:center;padding:24px}
.cc-modal-bg.open{display:flex}
.cc-modal{background:var(--bg2);border:1px solid var(--ln);border-radius:10px;max-width:480px;width:100%;padding:28px 30px}
.cc-modal h4{font-family:var(--fh);font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;color:var(--t)}
.cc-modal p{font-size:13px;color:var(--t2);line-height:1.6;margin-bottom:14px}
.cc-modal .cc-warn{background:rgba(251,191,36,.08);border:1px solid rgba(251,191,36,.25);border-radius:6px;padding:12px 14px;font-size:12px;color:#fbbf24;margin-bottom:18px;line-height:1.55}
.cc-modal-actions{display:flex;gap:10px;margin-top:20px}
.cc-modal-actions .btn{flex:1;justify-content:center}

.cc-toast-wrap{position:fixed;bottom:24px;right:24px;z-index:400;display:flex;flex-direction:column;gap:10px;max-width:380px;pointer-events:none}
.cc-toast{background:var(--bg2);border:1px solid var(--ln);border-left:3px solid var(--red2);border-radius:8px;padding:13px 18px;font-size:13px;color:var(--t);line-height:1.5;box-shadow:0 8px 24px rgba(0,0,0,.4);transform:translateX(120%);transition:transform .25s ease;pointer-events:auto}
.cc-toast.show{transform:translateX(0)}
.cc-toast.ok{border-left-color:#22c55e}
.cc-toast.err{border-left-color:#ef4444}
/* ── Changelog bell + modal ── */
.changelog-bell{position:relative;background:none;border:1px solid var(--ln);color:var(--t2);width:34px;height:34px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;margin-left:auto}
.changelog-bell:hover{color:var(--t);border-color:rgba(255,255,255,.18)}
.changelog-bell .cl-badge{position:absolute;top:-3px;right:-3px;min-width:16px;height:16px;background:var(--red);border-radius:8px;display:none;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#fff;padding:0 5px}
.changelog-bell.has-unread .cl-badge{display:inline-flex}
.changelog-bell.has-unread .cl-badge::before{content:attr(data-count, "");}
.changelog-bell.has-unread{color:var(--red2);border-color:var(--rbrd)}
.changelog-modal{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:9999;display:none;align-items:flex-start;justify-content:center;padding:60px 20px;overflow-y:auto}
.changelog-modal.open{display:flex}
.changelog-modal .cl-shell{background:var(--bg2);border:1px solid var(--ln);border-radius:8px;max-width:560px;width:100%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 24px 60px rgba(0,0,0,.6)}
.changelog-modal .cl-head{padding:18px 22px;border-bottom:1px solid var(--ln);display:flex;align-items:center;justify-content:space-between}
.changelog-modal .cl-head h3{font-family:var(--fh);font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--t);margin:0}
.changelog-modal .cl-close{background:none;border:none;color:var(--t2);font-size:24px;line-height:1;cursor:pointer;padding:0 4px}
.changelog-modal .cl-close:hover{color:var(--t)}
.changelog-modal .cl-body-scroll{padding:18px 22px;overflow-y:auto;flex:1}
.changelog-modal .cl-entry{padding:14px 0;border-bottom:1px solid var(--ln)}
.changelog-modal .cl-entry:last-child{border-bottom:none}
.changelog-modal .cl-date{font-size:10px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--red2);margin-bottom:4px}
.changelog-modal .cl-title{font-family:var(--fh);font-size:15px;font-weight:700;color:var(--t);margin-bottom:4px}
.changelog-modal .cl-body{font-size:12.5px;color:var(--t2);line-height:1.55}

/* ── Server status card (Overview) ── */
.server-status-card{background:linear-gradient(135deg, var(--bg2), var(--bg3));border:1px solid var(--ln);border-radius:8px;padding:18px 22px;margin-bottom:20px;box-shadow:0 4px 14px rgba(0,0,0,.3)}
.ssc-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.ssc-title{display:flex;align-items:center;gap:10px}
.ssc-dot{width:9px;height:9px;border-radius:50%;background:#484f60;flex-shrink:0;transition:background .2s, box-shadow .2s}
.ssc-dot.online{background:#3ec46d;box-shadow:0 0 8px #3ec46d}
.ssc-dot.starting{background:#e3a833;box-shadow:0 0 8px #e3a833;animation:livePulse 1.4s infinite}
.ssc-dot.stopping{background:#e3a833;animation:livePulse 1.4s infinite}
.ssc-dot.offline{background:#cc1f1f;box-shadow:0 0 6px rgba(204,31,31,.6)}
.ssc-dot.suspended{background:#e3a833}
.ssc-label{font-family:var(--fh);font-size:14px;font-weight:600;color:var(--t);letter-spacing:.5px}
.ssc-refresh{background:none;border:1px solid var(--ln);color:var(--t2);width:28px;height:28px;border-radius:4px;cursor:pointer;font-size:14px;transition:all .15s}
.ssc-refresh:hover{color:var(--t);border-color:rgba(255,255,255,.2);transform:rotate(180deg)}
.ssc-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ssc-metric{background:var(--bg);border:1px solid var(--ln);border-radius:6px;padding:10px 12px;text-align:center}
.ssc-m-lbl{font-size:10px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--t3);margin-bottom:4px}
.ssc-m-val{font-family:var(--fh);font-size:18px;font-weight:700;color:var(--t)}

/* ── Quick-start preset chooser ── */
.preset-card .cc-card-body{padding-top:8px}
.preset-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));gap:12px;margin-top:8px}
.preset-tile{background:var(--bg3);border:1px solid var(--ln);border-radius:6px;padding:14px 16px;transition:all .15s;display:flex;flex-direction:column;gap:8px}
.preset-tile:hover{border-color:var(--rbrd);background:#1f2125}
.preset-tile h4{font-family:var(--fh);font-size:14px;font-weight:700;color:var(--t);margin:0;text-transform:uppercase;letter-spacing:.5px}
.preset-tile .pt-desc{font-size:11.5px;color:var(--t2);line-height:1.5;flex:1}
.preset-tile button{background:var(--red);color:#fff;border:none;border-radius:3px;padding:8px 12px;font-family:var(--fh);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:background .15s;align-self:flex-start}
.preset-tile button:hover{background:var(--red2)}
.preset-tile button:disabled{background:var(--bg2);color:var(--t3);cursor:not-allowed}

/* ── Docs CTA strip (pricing tab) ── */
.docs-cta{background:linear-gradient(135deg, var(--bg2), var(--bg3));border:1px solid var(--ln);border-radius:8px;padding:28px 32px;margin:36px 32px;border-left:3px solid var(--red2)}
.docs-cta .dc-eyebrow{font-family:var(--fh);font-size:10px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--red2);margin-bottom:8px}
.docs-cta h3{font-family:var(--fh);font-size:20px;font-weight:700;color:var(--t);margin:0 0 10px;text-transform:uppercase;letter-spacing:.5px;line-height:1.2}
.docs-cta p{font-size:13.5px;color:var(--t2);margin:0 0 16px;line-height:1.6;max-width:620px}
.docs-cta .dc-btn{display:inline-block;background:var(--red);color:#fff;padding:11px 22px;border-radius:4px;font-family:var(--fh);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;text-decoration:none;transition:background .15s}
.docs-cta .dc-btn:hover{background:var(--red2)}
@media(max-width:900px){.docs-cta{margin:24px;padding:22px}}


/* Header above iframed Resource tabs (KB + Status) */
.iframe-header{padding:36px 48px 24px;border-bottom:1px solid var(--ln);background:var(--bg);flex-shrink:0}
.iframe-header .section-title{margin-bottom:8px}
.iframe-header .section-h{margin-bottom:10px;font-size:32px}
.iframe-header .section-sub{max-width:720px;margin:0}
@media(max-width:900px){.iframe-header{padding:24px}.iframe-header .section-h{font-size:24px}}

/* Footer legal links */
.sb-legal{padding:8px 14px 16px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.sb-legal a{font-size:10px;color:var(--t3);cursor:pointer;text-decoration:none;transition:color .12s}
.sb-legal a:hover{color:var(--t2)}
.sb-legal span{font-size:10px;color:var(--t3)}

/* ── Data safety / backup section ── */
.data-safety{position:relative}
.data-safety .ds-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:32px;padding:0 48px}
.data-safety .ds-card{background:linear-gradient(135deg, var(--bg2), var(--bg3));border:1px solid var(--ln);border-radius:8px;padding:26px 28px;border-left:3px solid var(--red2);transition:border-color .15s}
.data-safety .ds-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:var(--rdim);border-radius:6px;margin-bottom:14px;color:var(--red2)}
.data-safety .ds-icon svg{width:20px;height:20px}
.data-safety .ds-h{font-family:var(--fh);font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--red2);margin-bottom:10px}
.data-safety .ds-body{font-size:13px;color:var(--t2);line-height:1.65}
.data-safety .ds-body strong{color:var(--t);font-weight:600}
.data-safety .ds-foot{margin:28px 48px 0;padding:14px 22px;background:var(--bg2);border:1px solid var(--ln);border-radius:6px;font-size:12.5px;color:var(--t2);display:flex;align-items:center;gap:10px;line-height:1.5}
.data-safety .ds-foot svg{color:var(--red2);flex-shrink:0}
.data-safety .ds-foot strong{color:var(--t);font-weight:600}
@media(max-width:760px){.data-safety .ds-grid{grid-template-columns:1fr;padding:0 24px}.data-safety .ds-foot{margin:24px}}

/* ── FAQ tab ── */
.faq-wrap{max-width:820px;margin:0 auto;padding:36px 32px 80px}
.faq-section{margin-bottom:36px}
.faq-section-title{font-family:var(--fh);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1.8px;color:var(--red2);margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--ln)}
.faq-acc{background:var(--bg2);border:1px solid var(--ln);border-radius:6px;margin-bottom:10px;overflow:hidden;transition:border-color .15s}
.faq-acc[open]{border-color:var(--rbrd)}
.faq-acc summary{padding:14px 18px;cursor:pointer;font-family:var(--fh);font-size:14px;font-weight:600;color:var(--t);letter-spacing:.3px;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;transition:color .12s}
.faq-acc summary::-webkit-details-marker{display:none}
.faq-acc summary::after{content:"+";font-family:var(--fh);font-size:20px;font-weight:400;color:var(--t3);transition:transform .2s, color .15s;flex-shrink:0;line-height:1}
.faq-acc[open] summary::after{content:"\2212";color:var(--red2)}
.faq-acc:hover summary{color:var(--red2)}
.faq-acc-body{padding:0 18px 16px;font-size:13.5px;color:var(--t2);line-height:1.7}
.faq-acc-body strong{color:var(--t)}
.faq-acc-body a{color:var(--red2);text-decoration:none}
.faq-acc-body a:hover{text-decoration:underline;text-underline-offset:2px}
@media(max-width:760px){.faq-wrap{padding:24px 16px 60px}.faq-acc summary{font-size:13px;padding:13px 14px}.faq-acc-body{padding:0 14px 14px;font-size:13px}}

/* ── Past-clients testimonials grid ── */
.past-clients{margin:56px 48px 60px;padding:0}
.past-clients .pc-eyebrow{font-family:var(--fh);font-size:11px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--red2);margin-bottom:8px}
.past-clients h3{font-family:var(--fh);font-size:24px;font-weight:700;color:var(--t);margin:0 0 10px;text-transform:uppercase;letter-spacing:.5px;line-height:1.2}
.past-clients > p{font-size:13.5px;color:var(--t2);line-height:1.65;margin-bottom:28px}
.pc-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:20px;align-items:stretch;max-width:1140px;margin:0 auto;justify-content:center}
.pc-card{background:linear-gradient(135deg, var(--bg2), var(--bg3));border:1px solid var(--rbrd);border-radius:8px;padding:28px 28px 22px;margin:0;position:relative;display:flex;flex-direction:column;gap:14px;transition:border-color .15s, box-shadow .15s}
.pc-card:hover{border-color:var(--red2);box-shadow:0 4px 18px rgba(204,31,31,.18)}
.pc-quote{position:absolute;top:16px;right:18px;width:24px;height:24px;color:var(--red2);opacity:.95}
.pc-card blockquote{margin:0;padding:0 40px 0 0}
.pc-card blockquote p{font-size:13.5px;color:var(--t2);line-height:1.7;margin:0 0 12px}
.pc-card blockquote p:last-child{margin-bottom:0}
.pc-card figcaption{display:flex;flex-direction:column;gap:4px;padding-top:14px;border-top:1px solid var(--ln);margin-top:auto;min-height:66px}
.pc-name{font-family:var(--fh);font-size:14px;font-weight:700;color:var(--red2);text-transform:uppercase;letter-spacing:.6px}
.pc-role{font-size:11px;color:var(--t);letter-spacing:.3px;line-height:1.5;font-style:italic;opacity:.85;min-height:33px}
@media(max-width:980px){.pc-grid{grid-template-columns:1fr;gap:16px;max-width:520px}}
@media(max-width:760px){.past-clients{margin:0 24px 40px}.past-clients h3{font-size:20px}}

/* ── Pricing-tab comparison table ── */
.vs-table-wrap{margin:40px 0 0}
.vs-eyebrow{font-family:var(--fh);font-size:11px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--red2);margin-bottom:14px;text-align:center}
.vs-table{background:var(--bg2);border:1px solid var(--ln);border-radius:8px;overflow:hidden}
.vs-row{display:grid;grid-template-columns:200px 1fr 1.4fr;border-bottom:1px solid var(--ln);transition:background .12s}
.vs-row:last-child{border-bottom:none}
.vs-row:hover:not(.vs-head){background:rgba(204,31,31,.04)}
.vs-cell{padding:16px 22px;font-size:13px;color:var(--t2);line-height:1.55;display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--ln)}
.vs-cell:last-child{border-right:none}
.vs-label{font-family:var(--fh);font-weight:600;color:var(--t);text-transform:uppercase;letter-spacing:.6px;font-size:12px;background:var(--bg3)}
.vs-cell-sub{font-size:11px;color:var(--t3);font-family:var(--fb);text-transform:none;letter-spacing:0;font-weight:400;margin-top:3px}
.vs-other{color:var(--t3)}
.vs-us{color:var(--t2)}
.vs-us strong{color:var(--t);font-weight:600}
.vs-head .vs-cell{padding:14px 22px;font-family:var(--fh);font-size:10px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;background:var(--bg3)}
.vs-head .vs-other{color:var(--t3)}
.vs-head .vs-us{color:var(--red2);background:var(--rdim)}
.vs-price{border-top:2px solid var(--rbrd)}
.vs-price .vs-cell{padding:18px 22px}
.vs-price .vs-other strong{color:var(--t2);font-size:18px;font-family:var(--fh)}
.vs-price .vs-us strong{color:var(--red2);font-size:20px;font-family:var(--fh);letter-spacing:.3px}
.vs-footnote{margin-top:12px;font-size:11px;color:var(--t3);line-height:1.55;text-align:center;padding:0 20px}
@media(max-width:900px){
  .vs-table-wrap{margin:28px 0 0}
  .vs-row{grid-template-columns:1fr;border-bottom:none}
  .vs-row .vs-cell{border-right:none;border-bottom:1px solid var(--ln);padding:12px 18px}
  .vs-head{display:none}
  .vs-row:not(.vs-head){border-bottom:8px solid var(--bg);margin-bottom:0;border-radius:6px;background:var(--bg2)}
  .vs-label{background:var(--bg3);border-bottom:1px solid var(--ln);font-size:11px}
  .vs-other::before{content:"Typical hosting: ";color:var(--t3);font-size:10px;text-transform:uppercase;letter-spacing:1.2px;display:block;margin-bottom:4px;font-weight:700}
  .vs-us::before{content:"Rustinew: ";color:var(--red2);font-size:10px;text-transform:uppercase;letter-spacing:1.2px;display:block;margin-bottom:4px;font-weight:700}
}