
:root {
  --brand-bg:#0a0b0f;
  --brand-surface:#111318;
  --brand-elevated:#161922;
  --brand-accent:#3b82f6;
  --brand-accent-2:#2563eb;
  --brand-success:#10b981;
  --brand-border:#1e293b;
  --brand-text:#f1f5f9;
  --brand-muted:#94a3b8;
  --brand-muted-2:#64748b;
  --brand-page:#f4f7fb;
}
body {
  background:linear-gradient(180deg,#f4f7fb 0%, #eef3fb 100%);
  color:#0f172a;
}
.skip-to-content {
  position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden;
}
.skip-to-content:focus {
  position:fixed; left:16px; top:16px; width:auto; height:auto; z-index:3000;
  background:#fff; color:#0f172a; padding:10px 14px; border-radius:10px;
}
.topbar{
  position:sticky; top:0; z-index:1100;
  display:flex; align-items:center; gap:16px; justify-content:space-between;
  padding:14px 24px; margin:0; border-bottom:1px solid rgba(148,163,184,.16);
  background:rgba(10,11,15,.9)!important; backdrop-filter: blur(18px);
  box-shadow:0 18px 40px rgba(2,6,23,.12);
}
.brand.has-logo{display:inline-flex; align-items:center; gap:12px; text-decoration:none!important; color:var(--brand-text)!important; font-weight:800;}
.brand-logo{width:34px; height:34px; filter: drop-shadow(0 8px 20px rgba(59,130,246,.15));}
.brand-text{font-size:1rem; letter-spacing:.02em; color:var(--brand-text)!important;}
.nav{display:flex; align-items:center; gap:6px; margin-left:auto;}
.nav a{
  color:rgba(241,245,249,.82)!important; text-decoration:none; padding:10px 14px; border-radius:999px;
  font-size:.92rem; font-weight:650; transition:all .18s ease;
}
.nav a:hover{background:rgba(255,255,255,.05); color:#fff!important;}
.nav a.active{background:rgba(59,130,246,.14); color:#fff!important; box-shadow:inset 0 0 0 1px rgba(59,130,246,.25);}
.nav-header-cta{
  display:inline-flex; align-items:center; justify-content:center; min-height:42px; padding:0 18px;
  border-radius:999px; text-decoration:none!important; font-weight:800;
  background:linear-gradient(135deg,var(--brand-accent) 0%, var(--brand-accent-2) 100%);
  color:#fff!important; box-shadow:0 14px 28px rgba(37,99,235,.28);
}
.nav-header-cta:hover{filter:brightness(1.05);}
.nav-toggle{display:none; align-items:center; gap:8px; background:transparent; color:#fff; border:1px solid rgba(148,163,184,.24); border-radius:999px; padding:9px 14px; font-weight:700;}
.nav-toggle-icon{font-size:1rem;}
.nav-backdrop{display:none; position:fixed; inset:0; background:rgba(2,6,23,.55); z-index:1090;}
.topbar.nav-open .nav-backdrop{display:block;}
.nav-lock{overflow:hidden;}
.footer{
  margin-top:56px; padding:0; border-top:none; text-align:left; background:#0b1020; color:rgba(241,245,249,.86);
}
.rs-footer-wrap{max-width:1180px; margin:0 auto; padding:28px 24px 34px;}
.rs-footer-brand{display:flex; flex-direction:column; gap:6px; margin-bottom:18px;}
.rs-footer-brand a{color:#fff!important; text-decoration:none; font-weight:800; font-size:1.05rem;}
.rs-footer-brand p{margin:0; color:rgba(148,163,184,.88); max-width:58ch; font-size:.9rem;}
.rs-footer-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px;}
.rs-footer-col strong{display:block; margin-bottom:10px; color:#fff; letter-spacing:.05em; text-transform:uppercase; font-size:.76rem;}
.rs-footer-col a{display:block; color:rgba(226,232,240,.78)!important; text-decoration:none; padding:4px 0; font-size:.9rem;}
.rs-footer-col a:hover{color:#fff!important;}
.rs-footer-bottom{margin-top:20px; padding-top:16px; border-top:1px solid rgba(148,163,184,.14); display:flex; justify-content:space-between; gap:14px; flex-wrap:wrap; font-size:.8rem; color:rgba(148,163,184,.88);}
.rs-footer-badges{display:inline-flex; gap:12px; flex-wrap:wrap;}
/* Redesign page system */
.rs-shell{padding-top:20px;}
.rs-hero{
  background:linear-gradient(180deg,#0b1020 0%, #111827 100%); color:var(--brand-text);
  border:1px solid rgba(148,163,184,.14); border-radius:28px; overflow:hidden; box-shadow:0 24px 70px rgba(2,6,23,.18);
}
.rs-hero-grid{display:grid; grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr); gap:24px; align-items:center; padding:42px;}
.rs-eyebrow{display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border-radius:999px; background:rgba(59,130,246,.12); color:#bfdbfe; font-size:.74rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; margin-bottom:16px;}
.rs-headline{font-size:clamp(2.25rem, 4.6vw, 3.55rem); line-height:1.04; margin:0 0 16px; font-weight:850; letter-spacing:-.03em; color:#fff;}
.rs-headline span{color:#93c5fd;}
.rs-sub{max-width:62ch; font-size:1.05rem; line-height:1.72; color:rgba(226,232,240,.86); margin:0 0 20px;}
.rs-cta-row{display:flex; gap:12px; flex-wrap:wrap; margin-bottom:16px;}
.rs-cta-row .btn{min-width:0;}
.rs-trust{display:flex; flex-wrap:wrap; gap:10px; margin-top:6px;}
.rs-trust-chip{display:inline-flex; align-items:center; gap:8px; padding:9px 12px; border-radius:999px; background:rgba(255,255,255,.05); color:#cbd5e1; font-size:.82rem; border:1px solid rgba(148,163,184,.16);}
.rs-proof-card{background:linear-gradient(180deg,#0f172a 0%, #111827 100%); border:1px solid rgba(148,163,184,.16); border-radius:24px; padding:22px; color:#e2e8f0; box-shadow:inset 0 1px 0 rgba(255,255,255,.04);}
.rs-score-row{display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px;}
.rs-score-badge{display:inline-flex; align-items:center; justify-content:center; width:72px; height:72px; border-radius:50%; background:rgba(16,185,129,.12); border:2px solid rgba(16,185,129,.4); color:#6ee7b7; font-size:1.45rem; font-weight:900;}
.rs-kv{display:grid; grid-template-columns:1fr; gap:10px;}
.rs-kv-item{padding:12px 14px; border-radius:16px; background:rgba(255,255,255,.04); border:1px solid rgba(148,163,184,.12);}
.rs-kv-label{font-size:.7rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:#93c5fd; margin-bottom:6px;}
.rs-kv-text{font-size:.9rem; color:#e2e8f0; line-height:1.55;}
.rs-grid-3,.rs-grid-4{display:grid; gap:16px;}
.rs-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));}
.rs-grid-4{grid-template-columns:repeat(4,minmax(0,1fr));}
.rs-section{padding:8px 0;}
.rs-section-head{margin-bottom:18px;}
.rs-section-kicker{display:inline-block; color:#2563eb; font-weight:800; text-transform:uppercase; letter-spacing:.07em; font-size:.74rem; margin-bottom:8px;}
.rs-section-title{font-size:clamp(1.45rem,2.5vw,2.2rem); margin:0 0 8px; line-height:1.15; color:#0f172a;}
.rs-section-copy{max-width:70ch; color:#475569; margin:0; line-height:1.7;}
.rs-card{background:rgba(255,255,255,.92); border:1px solid rgba(148,163,184,.18); border-radius:22px; box-shadow:0 18px 40px rgba(15,23,42,.06); padding:22px;}
.rs-card.dark{background:#0f172a; color:#e2e8f0;}
.rs-card h3{margin:0 0 8px; font-size:1.08rem; color:inherit;}
.rs-card p{margin:0; color:#475569; line-height:1.65;}
.rs-card.dark p{color:#cbd5e1;}
.rs-step-num{display:inline-block; margin-bottom:12px; color:#2563eb; font-size:.74rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase;}
.rs-mini-icon{width:44px; height:44px; display:inline-flex; align-items:center; justify-content:center; border-radius:14px; background:rgba(59,130,246,.08); color:#2563eb; font-size:1.25rem; margin-bottom:14px;}
.rs-outcome{background:rgba(255,255,255,.92); border:1px solid rgba(148,163,184,.18); border-radius:20px; padding:18px;}
.rs-outcome strong{display:block; margin-bottom:6px; color:#0f172a;}
.rs-outcome p{margin:0; color:#475569; font-size:.92rem; line-height:1.6;}
.rs-pillar{padding:24px; border-radius:24px; background:#fff; border:1px solid rgba(148,163,184,.18); box-shadow:0 14px 30px rgba(15,23,42,.05);}
.rs-pillar h3{margin:0 0 8px;}
.rs-compat{display:flex; flex-wrap:wrap; gap:10px; margin-top:16px;}
.rs-compat a,.rs-compat span{display:inline-flex; align-items:center; padding:10px 14px; border-radius:999px; border:1px solid rgba(148,163,184,.18); background:#fff; color:#334155; font-weight:700; text-decoration:none;}
.rs-plans{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px;}
.rs-plan{padding:24px; border-radius:24px; border:1px solid rgba(148,163,184,.18); background:#fff; box-shadow:0 18px 40px rgba(15,23,42,.06); display:flex; flex-direction:column; gap:14px;}
.rs-plan.featured{border:2px solid rgba(59,130,246,.35); box-shadow:0 22px 44px rgba(37,99,235,.12);}
.rs-price{font-size:2rem; font-weight:900; color:#0f172a; letter-spacing:-.02em;}
.rs-price small{font-size:.95rem; color:#64748b; font-weight:700;}
.rs-feature-list{list-style:none; padding:0; margin:0; display:grid; gap:8px;}
.rs-feature-list li{position:relative; padding-left:18px; color:#334155; line-height:1.55; font-size:.93rem;}
.rs-feature-list li::before{content:'•'; position:absolute; left:0; color:#2563eb; font-weight:900;}
.rs-compare{overflow:auto; border-radius:22px; border:1px solid rgba(148,163,184,.16); background:#fff; box-shadow:0 12px 28px rgba(15,23,42,.05);}
.rs-compare table{width:100%; border-collapse:collapse; min-width:720px;}
.rs-compare th,.rs-compare td{padding:14px 16px; border-bottom:1px solid rgba(148,163,184,.14); text-align:left; font-size:.92rem;}
.rs-compare th{background:#f8fafc; color:#0f172a; font-size:.8rem; letter-spacing:.05em; text-transform:uppercase;}
.rs-advanced-box{margin-top:18px; padding:18px; border-radius:18px; border:1px dashed rgba(148,163,184,.3); background:rgba(255,255,255,.7);}
.rs-link-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px;}
.rs-link-card{display:block; text-decoration:none; color:inherit; padding:20px; border-radius:18px; background:#fff; border:1px solid rgba(148,163,184,.18); box-shadow:0 14px 30px rgba(15,23,42,.05);}
.rs-link-card:hover{transform:translateY(-1px); border-color:rgba(59,130,246,.26);}
.rs-link-card strong{display:block; font-size:1rem; margin-bottom:6px; color:#0f172a;}
.rs-link-card span{display:block; color:#475569; line-height:1.6; font-size:.9rem;}
.rs-final-cta{padding:34px 28px; border-radius:28px; background:linear-gradient(135deg,#0f172a 0%, #111827 100%); color:#fff; text-align:center; box-shadow:0 24px 60px rgba(15,23,42,.16);}
.rs-final-cta p{max-width:58ch; margin:8px auto 18px; color:#cbd5e1;}
.rs-mode-pills{display:flex; flex-wrap:wrap; gap:10px; margin-top:14px;}
.rs-mode-pill{display:inline-flex; align-items:center; padding:10px 14px; border-radius:999px; background:#fff; border:1px solid rgba(148,163,184,.16); color:#334155; font-weight:700; font-size:.88rem;}
.rs-simple-grid{display:grid; grid-template-columns:1.2fr .8fr; gap:18px; align-items:start;}
.rs-muted-note{font-size:.88rem; color:#64748b; line-height:1.65;}
.rs-advanced-toggle{display:flex; gap:10px; flex-wrap:wrap; margin-top:18px;}
.rs-advanced-toggle button{background:#fff; border:1px solid rgba(148,163,184,.16); color:#0f172a; border-radius:999px; padding:10px 16px; font-weight:700; cursor:pointer;}
.rs-advanced-toggle button.active{background:rgba(59,130,246,.1); color:#1d4ed8; border-color:rgba(59,130,246,.24);}
.smart-advanced.is-hidden{display:none!important;}
.page-home-redesign .card,.page-pricing-redesign .card,.page-scan-redesign .card{box-shadow:0 18px 40px rgba(15,23,42,.05); border-radius:24px;}
.page-home-redesign .hero-card,.page-pricing-redesign .hero-card,.page-scan-redesign .hero-card{box-shadow:none;}
@media (max-width: 980px){
  .rs-hero-grid,.rs-simple-grid,.rs-plans,.rs-grid-4,.rs-grid-3,.rs-link-grid{grid-template-columns:1fr 1fr;}
  .rs-plans .rs-plan:last-child{grid-column:1/-1;}
}
@media (max-width: 920px){
  .topbar{padding:12px 16px; gap:12px;}
  .nav-toggle{display:inline-flex; order:3; margin-left:auto;}
  .nav{position:fixed; left:16px; right:16px; top:72px; z-index:1095; display:flex; flex-direction:column; gap:6px; padding:14px; border-radius:22px; background:#0f172a; box-shadow:0 20px 48px rgba(2,6,23,.35); border:1px solid rgba(148,163,184,.14);}
  .nav a{padding:12px 14px; border-radius:14px; width:100%;}
  .nav-mobile-hidden{display:none;}
  .nav-header-cta{display:none;}
  .rs-footer-grid{grid-template-columns:1fr;}
}
@media (max-width: 740px){
  .rs-hero-grid,.rs-grid-3,.rs-grid-4,.rs-plans,.rs-link-grid,.rs-simple-grid{grid-template-columns:1fr;}
  .rs-hero-grid{padding:28px 18px;}
  .rs-headline{font-size:clamp(2rem, 10vw, 2.9rem);} 
  .rs-cta-row .btn{width:100%; justify-content:center;}
  .rs-trust{gap:8px;}
  .rs-proof-card{padding:18px;}
  .rs-final-cta{padding:28px 18px;}
}
