/* ============================================================
   DRAFTERS v5 — style.css
   Full-service platform · Pipeline Gauge · Super Admin CMS
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&family=Lato:wght@300;400;700&family=Merriweather:wght@400;700;900&family=Playfair+Display:wght@400;600;700&family=Open+Sans:wght@300;400;600;700&display=swap');

:root {
  --primary:#1A3A6B; --primary-dark:#122954; --primary-mid:#1E4480; --primary-light:#EBF0F9;
  --gold:#C8972A; --gold-lt:#E8B84B; --gold-dark:#A67A1E; --gold-tint:#FDF4E3;
  --accent:#2E7DD1; --accent-lt:#EBF4FF;
  --success:#1F7A4D; --success-lt:#E8F5EE;
  --warning:#D97706; --warning-lt:#FEF3C7;
  --error:#BE2D2D; --error-lt:#FEE8E8;
  --admin-sidebar:#091629; --admin-accent:#3B82F6;
  --sa-sidebar:#060C18; --sa-accent:#8B5CF6;
  --white:#FFFFFF; --off-white:#F5F3F0; --border:#D5CEBC; --border-lt:#EAE6DC;
  --text-dark:#1A1A2E; --text-mid:#3D4B64; --text-light:#6B7A99;
  --shadow-xs:0 1px 3px rgba(26,58,107,.07); --shadow-sm:0 2px 10px rgba(26,58,107,.09);
  --shadow-md:0 8px 28px rgba(26,58,107,.13); --shadow-lg:0 20px 60px rgba(26,58,107,.18);
  --radius-sm:6px; --radius:10px; --radius-lg:16px;
  --font-heading:'Merriweather',serif; --font-body:'Inter',sans-serif;
  --trans:all .2s cubic-bezier(.4,0,.2,1); --max-w:1140px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:var(--font-body);color:var(--text-dark);background:var(--off-white);line-height:1.65;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block} a{color:var(--accent);text-decoration:none;transition:var(--trans)} a:hover{color:var(--primary)}
ul{list-style:none} input,select,textarea,button{font-family:inherit}

h1,h2,h3,h4,h5{font-family:var(--font-heading);line-height:1.22;color:var(--text-dark)}
h1{font-size:clamp(1.9rem,4.5vw,3.2rem);font-weight:900} h2{font-size:clamp(1.5rem,3vw,2.3rem);font-weight:700}
h3{font-size:clamp(1.1rem,2vw,1.5rem);font-weight:700} h4{font-size:1.05rem;font-weight:600}
p{color:var(--text-mid)} .lead{font-size:1.1rem;color:var(--text-mid);max-width:640px}

.container{width:100%;max-width:var(--max-w);margin:0 auto;padding:0 24px}
.section{padding:80px 0} .section-sm{padding:48px 0} .text-center{text-align:center}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.flex-center{display:flex;align-items:center;justify-content:center}
.flex-between{display:flex;align-items:center;justify-content:space-between}
.mt-8{margin-top:8px} .mt-16{margin-top:16px} .mt-24{margin-top:24px} .mt-40{margin-top:40px}
.mb-16{margin-bottom:16px} .mb-24{margin-bottom:24px}
.hidden{display:none!important} .gap-8{gap:8px} .gap-16{gap:16px} .gap-24{gap:24px}
.fade-in{animation:fadeIn .4s ease} @keyframes fadeIn{from{opacity:0}to{opacity:1}}
.slide-up{animation:slideUp .4s ease} @keyframes slideUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 28px;border-radius:var(--radius-sm);font-weight:600;font-size:.95rem;cursor:pointer;border:2px solid transparent;transition:var(--trans);text-decoration:none;white-space:nowrap}
.btn-primary{background:var(--gold);color:var(--primary);border-color:var(--gold)}
.btn-primary:hover{background:var(--gold-lt);border-color:var(--gold-lt);color:var(--primary);transform:translateY(-1px);box-shadow:0 6px 20px rgba(200,151,42,.35)}
.btn-blue{background:var(--primary);color:var(--white);border-color:var(--primary)}
.btn-blue:hover{background:var(--primary-dark);color:var(--white);transform:translateY(-1px);box-shadow:0 6px 20px rgba(26,58,107,.3)}
.btn-outline{background:transparent;color:var(--white);border-color:rgba(255,255,255,.65)}
.btn-outline:hover{background:var(--white);color:var(--primary);border-color:var(--white)}
.btn-outline-blue{background:transparent;color:var(--primary);border-color:var(--primary)}
.btn-outline-blue:hover{background:var(--primary);color:var(--white)}
.btn-ghost{background:transparent;color:var(--text-light);border-color:var(--border)}
.btn-ghost:hover{background:var(--off-white);color:var(--primary)}
.btn-success{background:var(--success);color:var(--white);border-color:var(--success)} .btn-success:hover{background:#186040}
.btn-danger{background:var(--error);color:var(--white);border-color:var(--error)} .btn-danger:hover{background:#9B2121}
.btn-admin{background:var(--admin-accent);color:var(--white);border-color:var(--admin-accent)} .btn-admin:hover{background:#2563EB;transform:translateY(-1px)}
.btn-sa{background:var(--sa-accent);color:var(--white);border-color:var(--sa-accent)} .btn-sa:hover{background:#7C3AED;transform:translateY(-1px)}
.btn-lg{padding:16px 36px;font-size:1.05rem} .btn-sm{padding:8px 16px;font-size:.82rem} .btn-xs{padding:5px 12px;font-size:.75rem} .btn-block{width:100%}

.label{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:100px;font-size:.75rem;font-weight:700}
.badge-gold{background:var(--gold-tint);color:var(--gold-dark);border:1px solid rgba(200,151,42,.3)}
.badge-blue{background:var(--accent-lt);color:var(--accent)} .badge-green{background:var(--success-lt);color:var(--success)}
.badge-gray{background:var(--off-white);color:var(--text-light);border:1px solid var(--border)}
.badge-red{background:var(--error-lt);color:var(--error)}
.badge-admin{background:rgba(59,130,246,.15);color:#60A5FA;border:1px solid rgba(59,130,246,.3)}
.badge-sa{background:rgba(139,92,246,.15);color:#A78BFA;border:1px solid rgba(139,92,246,.3)}

.alert{padding:13px 15px;border-radius:var(--radius-sm);margin-bottom:18px;display:flex;align-items:flex-start;gap:10px;font-size:.88rem}
.alert-info{background:var(--accent-lt);border:1px solid rgba(46,125,209,.2);color:var(--accent)}
.alert-success{background:var(--success-lt);border:1px solid rgba(31,122,77,.25);color:var(--success)}
.alert-warn{background:var(--warning-lt);border:1px solid rgba(217,119,6,.25);color:var(--warning)}
.alert-error{background:var(--error-lt);border:1px solid rgba(190,45,45,.2);color:var(--error)}

.card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:28px;border:1px solid var(--border-lt);transition:var(--trans)}
.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}
.card-icon{width:52px;height:52px;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--primary-mid));display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:16px}

/* NAV */
.site-nav{position:sticky;top:0;z-index:900;background:var(--primary);border-bottom:3px solid var(--gold);box-shadow:var(--shadow-md)}
.nav-inner{max-width:var(--max-w);margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:66px}
.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.nav-logo-icon{width:38px;height:38px;background:var(--gold);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.1rem}
.nav-logo-text{font-family:var(--font-heading);font-size:1.05rem;font-weight:900;color:var(--white);line-height:1.1}
.nav-logo-text span{color:var(--gold);display:block;font-size:.65rem;font-weight:400;letter-spacing:.08em;text-transform:uppercase;font-family:var(--font-body)}
.nav-links{display:flex;gap:28px} .nav-links a{color:rgba(255,255,255,.75);font-size:.88rem;font-weight:500;padding:4px 0;border-bottom:2px solid transparent;transition:var(--trans)} .nav-links a:hover{color:var(--white);border-color:var(--gold)}
.nav-actions{display:flex;align-items:center;gap:10px}
.nav-login-btn{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.12);color:var(--white);border:1px solid rgba(255,255,255,.25);border-radius:var(--radius-sm);padding:7px 16px;font-size:.85rem;font-weight:600;cursor:pointer;text-decoration:none;transition:var(--trans)}
.nav-login-btn:hover{background:rgba(255,255,255,.22);color:var(--white)}

/* HERO */
.hero{background:linear-gradient(145deg,var(--primary-dark) 0%,var(--primary) 55%,var(--primary-mid) 100%);padding:90px 24px 80px;position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;inset:0;opacity:.04;background-image:radial-gradient(var(--gold) 1px,transparent 1px);background-size:32px 32px}
.hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--gold-dark),var(--gold),var(--gold-lt),var(--gold))}
.hero-inner{max-width:var(--max-w);margin:0 auto;position:relative;display:grid;grid-template-columns:1fr 420px;gap:56px;align-items:center}
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(200,151,42,.18);border:1px solid rgba(200,151,42,.35);color:var(--gold-lt);font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:6px 14px;border-radius:100px;margin-bottom:20px}
.hero h1{color:var(--white);margin-bottom:18px} .hero h1 em{color:var(--gold);font-style:normal}
.hero .lead{color:rgba(255,255,255,.8);margin-bottom:32px;max-width:520px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:36px}
.hero-trust{display:flex;gap:20px;flex-wrap:wrap}
.trust-item{display:flex;align-items:center;gap:7px;color:rgba(255,255,255,.65);font-size:.82rem}
.trust-icon{width:18px;height:18px;background:rgba(200,151,42,.25);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.6rem;color:var(--gold);flex-shrink:0}
.hero-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:0 32px 80px rgba(26,58,107,.22);padding:32px;position:relative;overflow:hidden}
.hero-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--gold))}
.hero-card-header{text-align:center;margin-bottom:22px;padding-top:8px}
.hero-card-header h3{font-size:1.15rem;color:var(--primary);margin-bottom:4px}
.hero-card-header p{font-size:.85rem;color:var(--text-light)}
.state-btn{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border:2px solid var(--border-lt);border-radius:var(--radius);background:var(--off-white);cursor:pointer;margin-bottom:10px;transition:var(--trans);text-decoration:none;color:var(--text-dark)}
.state-btn:hover{border-color:var(--gold);background:var(--gold-tint);color:var(--primary)}
.state-btn .state-name{font-weight:700;font-size:.95rem} .state-btn .state-price{font-size:.8rem;color:var(--text-light)} .state-btn .arrow{color:var(--gold);font-weight:700}
.secure-note{text-align:center;font-size:.75rem;color:var(--text-light);margin-top:14px;display:flex;align-items:center;justify-content:center;gap:5px}

/* STATS */
.stats-bar{background:var(--primary-dark);padding:36px 24px;border-bottom:1px solid rgba(255,255,255,.06)}
.stats-inner{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.stat-item{text-align:center;padding:12px 16px;border-right:1px solid rgba(255,255,255,.08)} .stat-item:last-child{border-right:none}
.stat-num{font-family:var(--font-heading);font-size:2rem;font-weight:900;color:var(--gold);line-height:1}
.stat-label{font-size:.8rem;color:rgba(255,255,255,.55);margin-top:5px}

/* FOOTER */
.site-footer{background:var(--primary-dark);color:rgba(255,255,255,.65);padding:60px 24px 28px}
.footer-inner{max-width:var(--max-w);margin:0 auto}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:44px;margin-bottom:44px}
.footer-brand h3{color:var(--white);margin-bottom:10px;font-size:1.1rem} .footer-brand h3 span{color:var(--gold)} .footer-brand p{font-size:.85rem;line-height:1.75}
.footer-col h4{color:rgba(255,255,255,.9);font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;margin-bottom:14px;font-family:var(--font-body)}
.footer-col ul{display:flex;flex-direction:column;gap:9px} .footer-col ul a{color:rgba(255,255,255,.55);font-size:.85rem;transition:var(--trans)} .footer-col ul a:hover{color:var(--gold)}
.footer-login-link{display:inline-flex;align-items:center;gap:7px;color:var(--gold)!important;font-weight:600!important;border:1px solid rgba(200,151,42,.35);padding:7px 14px;border-radius:var(--radius-sm);margin-top:4px;transition:var(--trans)} .footer-login-link:hover{background:rgba(200,151,42,.12)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px} .footer-bottom p{font-size:.8rem}
.footer-disclaimer{max-width:720px;margin:0 auto 22px;text-align:center;font-size:.76rem;color:rgba(255,255,255,.35);line-height:1.65}

/* PAGE */
.page-wrap{min-height:100vh;background:var(--off-white);display:flex;flex-direction:column}
.page-hero{background:var(--primary);padding:44px 24px 36px;text-align:center;border-bottom:3px solid var(--gold)}
.page-hero h1{color:var(--white);font-size:clamp(1.5rem,3vw,2.1rem)} .page-hero p{color:rgba(255,255,255,.7);margin-top:7px;font-size:.95rem}
.page-body{padding:44px 24px;flex:1} .page-inner{max-width:700px;margin:0 auto}

/* STEP INDICATOR */
.step-indicator{display:flex;align-items:flex-start;justify-content:center;margin-bottom:36px}
.step-ind-item{display:flex;flex-direction:column;align-items:center}
.step-ind-circle{width:34px;height:34px;border-radius:50%;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.82rem;font-weight:700;color:var(--text-light);background:var(--white);transition:var(--trans);position:relative;z-index:1}
.step-ind-circle.done{background:var(--success);border-color:var(--success);color:var(--white)}
.step-ind-circle.active{background:var(--primary);border-color:var(--primary);color:var(--white);box-shadow:0 0 0 4px rgba(26,58,107,.15)}
.step-ind-line{width:52px;height:2px;background:var(--border);margin-top:16px} .step-ind-line.done{background:var(--success)}
.step-ind-label{font-size:.66rem;font-weight:700;text-align:center;color:var(--text-light);margin-top:6px;text-transform:uppercase;letter-spacing:.05em;max-width:58px;line-height:1.2}
.step-ind-label.active{color:var(--primary)} .step-ind-label.done{color:var(--success)}

/* QUIZ */
.quiz-wrap{max-width:660px;margin:0 auto}
.progress-bar-wrap{background:var(--border-lt);border-radius:100px;height:6px;margin-bottom:28px}
.progress-bar-fill{background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:100px;height:6px;transition:width .4s ease}
.quiz-step{display:none} .quiz-step.active{display:block;animation:fadeUp .3s ease}
@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.quiz-counter{font-size:.78rem;font-weight:700;color:var(--text-light);text-transform:uppercase;letter-spacing:.07em;margin-bottom:4px}
.quiz-question{font-family:var(--font-heading);font-size:1.4rem;font-weight:700;color:var(--primary);margin-bottom:7px}
.quiz-sub{color:var(--text-light);font-size:.88rem;margin-bottom:24px}
.quiz-options{display:flex;flex-direction:column;gap:10px}
.quiz-option{padding:14px 18px;border:2px solid var(--border-lt);border-radius:var(--radius);cursor:pointer;transition:var(--trans);display:flex;align-items:center;gap:13px;background:var(--white);font-weight:500;color:var(--text-dark)}
.quiz-option:hover,.quiz-option.selected{border-color:var(--primary);background:var(--primary-light)}
.quiz-opt-icon{font-size:1.3rem} .quiz-check{margin-left:auto;color:var(--primary);font-weight:800}
.quiz-nav{display:flex;justify-content:space-between;align-items:center;margin-top:28px}

/* STATE SELECT */
.state-select-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:36px}
.state-card{background:var(--white);border:2px solid var(--border-lt);border-radius:var(--radius-lg);padding:32px 20px;text-align:center;cursor:pointer;transition:var(--trans);text-decoration:none;color:var(--text-dark);display:block}
.state-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-3px);color:var(--text-dark)}
.state-card.selected{border-color:var(--gold);background:var(--gold-tint)}
.state-emoji{font-size:2.8rem;margin-bottom:10px} .state-card h3{color:var(--primary);margin-bottom:5px;font-size:1.2rem}
.state-card .state-info{font-size:.82rem;color:var(--text-light);margin-bottom:14px}
.state-card .state-filing{font-size:.78rem;color:var(--success);font-weight:700;background:var(--success-lt);padding:4px 10px;border-radius:100px;display:inline-block}

/* CHECKOUT */
.checkout-wrap{max-width:500px;margin:0 auto}
.order-summary{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--border-lt);overflow:hidden;margin-bottom:20px;box-shadow:var(--shadow-sm)}
.order-summary-header{background:var(--primary);padding:18px 22px;display:flex;justify-content:space-between;align-items:center}
.order-summary-header h3{color:var(--white);font-size:.97rem}
.order-state-badge{background:var(--gold);color:var(--primary);font-size:.72rem;font-weight:800;padding:3px 11px;border-radius:100px;text-transform:uppercase;letter-spacing:.07em}
.order-summary-body{padding:20px 22px}
.order-line{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border-lt);font-size:.92rem} .order-line:last-child{border-bottom:none}
.order-line.total{font-weight:800;font-size:1.05rem;padding-top:14px}
.selected-tier-box{background:var(--gold-tint);border:2px solid var(--gold);border-radius:var(--radius);padding:18px 20px;margin-bottom:20px}
.tier-name{font-weight:800;color:var(--primary);font-size:1rem;margin-bottom:4px}
.selected-tier-breakdown{display:flex;flex-direction:column;gap:6px;margin-top:10px}
.tier-line{display:flex;justify-content:space-between;font-size:.88rem;color:var(--text-mid)}
.tier-line.total{font-weight:800;color:var(--primary);font-size:1rem;border-top:1px solid rgba(200,151,42,.3);padding-top:8px;margin-top:4px}
.checkout-form label{display:block;font-size:.8rem;font-weight:700;color:var(--primary);margin-bottom:5px;text-transform:uppercase;letter-spacing:.04em}
.checkout-form input,.checkout-form select{width:100%;padding:12px 14px;border:2px solid var(--border);border-radius:var(--radius-sm);font-size:.93rem;margin-bottom:14px;background:var(--white);color:var(--text-dark);transition:var(--trans)}
.checkout-form input:focus,.checkout-form select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(26,58,107,.1)}
.stripe-btn{width:100%;padding:16px;background:#635BFF;color:var(--white);border:none;border-radius:var(--radius-sm);font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:9px;transition:var(--trans)}
.stripe-btn:hover{background:#4F46E5;transform:translateY(-1px);box-shadow:0 6px 20px rgba(99,91,255,.35)} .stripe-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}
.payment-icons{display:flex;justify-content:center;gap:7px;margin-top:12px;flex-wrap:wrap}
.payment-icons span{background:var(--white);border:1px solid var(--border);border-radius:4px;padding:3px 9px;font-size:.72rem;color:var(--text-light);font-weight:700}
.guarantee-box{background:var(--success-lt);border:1px solid rgba(31,122,77,.2);border-radius:var(--radius-sm);padding:14px;margin-top:14px;display:flex;gap:10px;align-items:flex-start}
.guarantee-box p{font-size:.82rem;color:var(--success);margin:0}
.account-creation-box{background:var(--primary-light);border:2px solid rgba(26,58,107,.2);border-radius:var(--radius-lg);padding:24px;margin-bottom:20px}
.acb-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.acb-icon{width:36px;height:36px;background:var(--primary);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:1rem;flex-shrink:0}
.acb-header h4{color:var(--primary);font-size:.97rem;margin-bottom:2px} .acb-header p{font-size:.8rem;color:var(--text-light)}
.account-creation-box input{width:100%;padding:11px 14px;border:2px solid var(--border);border-radius:var(--radius-sm);font-size:.9rem;background:var(--white);color:var(--text-dark);transition:var(--trans);margin-bottom:10px}
.account-creation-box input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(26,58,107,.1)}
.account-creation-box label{display:block;font-size:.8rem;font-weight:700;color:var(--primary);margin-bottom:5px;text-transform:uppercase;letter-spacing:.04em}
.password-strength{height:4px;background:var(--border-lt);border-radius:100px;margin-top:-5px;margin-bottom:10px;overflow:hidden}
.password-strength-fill{height:100%;border-radius:100px;transition:all .3s;width:0%}
.strength-weak{background:var(--error);width:33%} .strength-medium{background:var(--warning);width:66%} .strength-strong{background:var(--success);width:100%}
.strength-label{font-size:.72rem;color:var(--text-light);margin-top:2px;margin-bottom:8px}
.account-benefit-list{display:flex;flex-direction:column;gap:6px;margin-top:12px}
.account-benefit{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--primary)} .account-benefit::before{content:'✓';color:var(--success);font-weight:800}

/* FORMS */
.form-section{background:var(--white);border-radius:var(--radius-lg);padding:28px;margin-bottom:20px;border:1px solid var(--border-lt);box-shadow:var(--shadow-xs)}
.form-section-title{font-size:1rem;font-weight:700;color:var(--primary);border-bottom:2px solid var(--gold);padding-bottom:10px;margin-bottom:20px;display:flex;align-items:center;gap:9px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-group{margin-bottom:16px}
.form-group label{display:block;font-size:.8rem;font-weight:700;color:var(--primary);margin-bottom:5px;text-transform:uppercase;letter-spacing:.04em}
.form-group label .req{color:var(--error)}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:11px 13px;border:2px solid var(--border);border-radius:var(--radius-sm);font-size:.92rem;background:var(--off-white);color:var(--text-dark);transition:var(--trans)}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);background:var(--white);box-shadow:0 0 0 3px rgba(26,58,107,.08)}
.form-group textarea{min-height:90px;resize:vertical} .form-group.full{grid-column:1/-1}
.radio-opt{display:flex;align-items:center;gap:7px;padding:9px 14px;border:2px solid var(--border-lt);border-radius:7px;cursor:pointer;font-size:.88rem;font-weight:500;transition:var(--trans)}
.radio-opt:hover{border-color:var(--primary);background:var(--primary-light)} .radio-group{display:flex;gap:10px;flex-wrap:wrap;margin-top:5px}
.form-notice{background:var(--accent-lt);border:1px solid rgba(46,125,209,.2);border-radius:var(--radius-sm);padding:12px 14px;font-size:.83rem;color:var(--accent);margin-bottom:16px}
.form-cert-section{background:var(--primary)!important;border-color:transparent!important}
.form-cert-section .form-section-title{color:var(--gold);border-color:rgba(200,151,42,.5)}
.intake-form-wrap{max-width:780px;margin:0 auto}

/* PIPELINE GAUGE — v5 signature component */
.gauge-wrap{background:var(--white);border-radius:var(--radius-lg);padding:24px 28px;border:1px solid var(--border-lt);box-shadow:var(--shadow-sm);margin-bottom:20px}
.gauge-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.gauge-label{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-light)}
.gauge-pct{font-family:var(--font-heading);font-size:1.1rem;font-weight:900;color:var(--primary)}
.gauge-fill-bg{background:var(--border-lt);border-radius:100px;height:8px;margin-bottom:0;overflow:visible;position:relative}
.gauge-fill{background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:100px;height:8px;transition:width .8s ease;position:relative}
.gauge-fill::after{content:'';position:absolute;right:-4px;top:-4px;width:16px;height:16px;background:var(--accent);border-radius:50%;border:3px solid var(--white);box-shadow:0 0 0 3px var(--accent);animation:pulseGauge 2s infinite}
@keyframes pulseGauge{0%,100%{box-shadow:0 0 0 3px var(--accent)}50%{box-shadow:0 0 0 6px rgba(46,125,209,.25)}}
.gauge-stages{display:flex;justify-content:space-between;margin-top:16px}
.gauge-stage{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1}
.gauge-dot{width:32px;height:32px;border-radius:50%;border:3px solid var(--border);background:var(--white);display:flex;align-items:center;justify-content:center;font-size:.85rem;transition:var(--trans);position:relative;z-index:1}
.gauge-stage.done .gauge-dot{background:var(--success);border-color:var(--success);color:var(--white);font-size:.75rem;font-weight:800}
.gauge-stage.active .gauge-dot{background:var(--primary);border-color:var(--primary);color:var(--white);animation:pulseStage 2s infinite}
@keyframes pulseStage{0%,100%{box-shadow:0 0 0 4px rgba(26,58,107,.15)}50%{box-shadow:0 0 0 8px rgba(26,58,107,.07)}}
.gauge-stage.pending .gauge-dot{opacity:.45}
.gauge-stage-label{font-size:.67rem;font-weight:600;color:var(--text-light);text-align:center;max-width:72px;line-height:1.2;text-transform:uppercase;letter-spacing:.04em}
.gauge-stage.active .gauge-stage-label{color:var(--primary);font-weight:700}
.gauge-stage.done .gauge-stage-label{color:var(--success)}
.gauge-current-msg{display:flex;align-items:flex-start;gap:14px;background:var(--primary-light);border-radius:var(--radius);padding:16px 18px;border-left:4px solid var(--primary);margin-top:20px}
.gauge-msg-icon{font-size:1.5rem;flex-shrink:0}
.gauge-msg-title{font-weight:700;color:var(--primary);font-size:.95rem;margin-bottom:3px}
.gauge-msg-sub{font-size:.83rem;color:var(--text-mid);line-height:1.55}

/* LOGIN */
.login-page{min-height:100vh;background:linear-gradient(145deg,var(--primary-dark) 0%,var(--primary) 100%);display:flex;flex-direction:column;position:relative;overflow:hidden}
.login-page::before{content:'';position:absolute;inset:0;opacity:.04;background-image:radial-gradient(var(--gold) 1px,transparent 1px);background-size:28px 28px}
.login-page::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold-dark),var(--gold),var(--gold-lt))}
.login-nav{display:flex;align-items:center;justify-content:space-between;padding:18px 32px;position:relative;z-index:1}
.login-nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.login-nav-logo-icon{width:36px;height:36px;background:var(--gold);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem}
.login-nav-logo-text{font-family:var(--font-heading);font-size:.95rem;font-weight:900;color:var(--white)}
.login-nav-back{color:rgba(255,255,255,.65);font-size:.85rem;text-decoration:none;transition:var(--trans)} .login-nav-back:hover{color:var(--white)}
.login-body{flex:1;display:flex;align-items:center;justify-content:center;padding:32px 24px;position:relative;z-index:1}
.login-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:0 32px 80px rgba(0,0,0,.3);width:100%;max-width:440px;overflow:hidden}
.login-card-header{background:var(--primary);padding:28px 32px 24px;text-align:center;border-bottom:3px solid var(--gold)}
.login-card-icon{width:56px;height:56px;background:rgba(200,151,42,.2);border:2px solid rgba(200,151,42,.4);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin:0 auto 14px}
.login-card-header h2{color:var(--white);font-size:1.3rem;margin-bottom:5px} .login-card-header p{color:rgba(255,255,255,.6);font-size:.85rem}
.login-card-body{padding:32px}
.login-form-group{margin-bottom:18px}
.login-form-group label{display:block;font-size:.83rem;font-weight:700;color:var(--primary);margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em}
.login-form-group input{width:100%;padding:13px 16px;border:2px solid var(--border);border-radius:var(--radius-sm);font-size:.95rem;color:var(--text-dark);background:var(--off-white);transition:var(--trans)}
.login-form-group input:focus{outline:none;border-color:var(--primary);background:var(--white);box-shadow:0 0 0 3px rgba(26,58,107,.1)}
.input-with-icon{position:relative} .input-with-icon input{padding-left:42px}
.input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-light);pointer-events:none}
.input-toggle-pass{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-light);transition:var(--trans)} .input-toggle-pass:hover{color:var(--primary)}
.login-forgot{font-size:.82rem;color:var(--accent);text-align:right;margin-top:-10px;margin-bottom:20px;display:block}
.login-submit-btn{width:100%;padding:14px;background:var(--primary);color:var(--white);border:none;border-radius:var(--radius-sm);font-size:1rem;font-weight:700;cursor:pointer;transition:var(--trans);display:flex;align-items:center;justify-content:center;gap:8px}
.login-submit-btn:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 6px 20px rgba(26,58,107,.3)} .login-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}
.login-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--text-light);font-size:.8rem}
.login-divider::before,.login-divider::after{content:'';flex:1;height:1px;background:var(--border)}
.login-error-msg,.login-success-msg{padding:11px 14px;border-radius:var(--radius-sm);font-size:.85rem;margin-bottom:18px;display:flex;align-items:center;gap:8px}
.login-error-msg{background:var(--error-lt);border:1px solid rgba(190,45,45,.25);color:var(--error)}
.login-success-msg{background:var(--success-lt);border:1px solid rgba(31,122,77,.25);color:var(--success)}
.login-card-footer{padding:18px 32px 24px;text-align:center;background:var(--off-white);border-top:1px solid var(--border-lt)} .login-card-footer p{font-size:.82rem;color:var(--text-light)}
.login-security-strip{display:flex;align-items:center;justify-content:center;gap:16px;padding:14px 24px;flex-wrap:wrap;position:relative;z-index:1}
.login-security-item{display:flex;align-items:center;gap:5px;color:rgba(255,255,255,.45);font-size:.72rem}
.forgot-panel{display:none} .forgot-panel.active{display:block} .login-main-panel.hidden-panel{display:none}

/* CLIENT DASHBOARD */
.dashboard-layout{display:grid;grid-template-columns:240px 1fr;min-height:calc(100vh - 66px)}
.dash-sidebar{background:var(--primary-dark);padding:24px 0;border-right:1px solid rgba(255,255,255,.06);position:sticky;top:66px;height:calc(100vh - 66px);overflow-y:auto;display:flex;flex-direction:column}
.dash-sidebar-user{padding:0 18px 20px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:16px}
.dash-user-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold-lt));display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:900;color:var(--primary);font-size:1.1rem;margin-bottom:10px}
.dash-user-name{font-weight:700;color:var(--white);font-size:.9rem} .dash-user-case{font-size:.75rem;color:rgba(255,255,255,.45);margin-top:2px}
.dash-nav{display:flex;flex-direction:column;gap:2px;padding:0 10px;flex:1}
.dash-nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);color:rgba(255,255,255,.6);font-size:.88rem;font-weight:500;cursor:pointer;transition:var(--trans);border:none;background:none;text-align:left;width:100%}
.dash-nav-item:hover{background:rgba(255,255,255,.08);color:var(--white)}
.dash-nav-item.active{background:rgba(200,151,42,.18);color:var(--gold-lt);border-left:3px solid var(--gold)}
.dash-nav-item .nav-icon{font-size:1rem;width:20px;text-align:center;flex-shrink:0}
.dash-logout-btn{display:flex;align-items:center;gap:10px;padding:10px 22px;color:rgba(255,255,255,.4);font-size:.82rem;cursor:pointer;transition:var(--trans);border:none;background:none;width:100%;text-align:left}
.dash-logout-btn:hover{color:var(--error-lt)}
.dash-main{padding:28px;background:var(--off-white)}
.dash-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px} .dash-topbar h2{color:var(--primary);font-size:1.3rem}
.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.dash-card{background:var(--white);border-radius:var(--radius-lg);padding:22px;border:1px solid var(--border-lt);box-shadow:var(--shadow-xs)} .dash-card.full-width{grid-column:1/-1}
.dash-card-title{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--text-light);margin-bottom:16px;display:flex;align-items:center;gap:7px}
.status-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 13px;border-radius:100px;font-size:.78rem;font-weight:700}
.status-pill-dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:blink 2s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
.notif-badge{background:var(--error);color:var(--white);font-size:.65rem;font-weight:800;padding:2px 6px;border-radius:100px;margin-left:auto}
.message-list{display:flex;flex-direction:column;gap:10px;max-height:220px;overflow-y:auto;padding-right:4px;margin-bottom:12px}
.message-item{padding:10px 13px;border-radius:8px;font-size:.85rem;max-width:90%}
.message-item.incoming{background:var(--off-white);border-left:3px solid var(--gold);align-self:flex-start}
.message-item.outgoing{background:var(--primary-light);border-left:3px solid var(--accent);align-self:flex-end;text-align:right}
.message-meta{font-size:.72rem;color:var(--text-light);margin-bottom:3px}
.message-input-row{display:flex;gap:8px}
.message-input-row input{flex:1;padding:10px 13px;border:2px solid var(--border);border-radius:8px;font-size:.88rem;transition:var(--trans)} .message-input-row input:focus{outline:none;border-color:var(--primary)}
.client-upload-zone{border:2px dashed var(--border);border-radius:var(--radius);padding:28px;text-align:center;cursor:pointer;transition:var(--trans)}
.client-upload-zone:hover,.client-upload-zone.drag-over{border-color:var(--primary);background:var(--primary-light)}
.upload-icon{font-size:1.8rem;margin-bottom:7px}
.uploaded-file{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border-lt)} .uploaded-file:last-child{border-bottom:none}
.uploaded-file-name{display:flex;align-items:center;gap:8px;color:var(--text-dark);font-size:.85rem} .uploaded-file-status{color:var(--success);font-size:.75rem;font-weight:700}
.download-item{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border-lt)} .download-item:last-child{border-bottom:none}
.download-item-name{display:flex;align-items:center;gap:9px;font-size:.88rem;font-weight:600;color:var(--text-dark)}
.download-btn{display:flex;align-items:center;gap:5px;font-size:.78rem;font-weight:700;color:var(--accent);background:var(--accent-lt);border:none;padding:5px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:var(--trans)} .download-btn:hover{background:var(--accent);color:var(--white)} .download-btn:disabled{opacity:.4;cursor:not-allowed}
.progress-track{background:var(--border-lt);border-radius:100px;height:8px}
.progress-fill{background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:100px;height:8px;transition:width .6s ease}

/* PREAUTH */
.preauth-wrap{max-width:560px;margin:0 auto}
.preauth-card{background:var(--white);border-radius:var(--radius-lg);border:2px solid var(--warning);box-shadow:var(--shadow-md);overflow:hidden;margin-bottom:20px}
.preauth-card-header{background:linear-gradient(135deg,var(--primary),var(--primary-mid));padding:24px 28px;border-bottom:3px solid var(--gold)}
.preauth-card-header h3{color:var(--white);font-size:1.15rem;margin-bottom:5px} .preauth-card-header p{color:rgba(255,255,255,.7);font-size:.85rem}
.preauth-card-body{padding:28px}
.fee-range-display{background:var(--warning-lt);border:1px solid rgba(217,119,6,.3);border-radius:var(--radius);padding:18px 20px;margin-bottom:20px}
.fee-range-display h4{color:var(--warning);font-size:.88rem;text-transform:uppercase;letter-spacing:.07em;margin-bottom:10px}
.fee-range-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(217,119,6,.15);font-size:.88rem} .fee-range-row:last-child{border-bottom:none}
.fee-range-label{color:var(--text-mid)} .fee-range-amount{font-weight:800;color:var(--primary);font-family:var(--font-heading)}
.notification-box{background:var(--primary-light);border:1px solid rgba(26,58,107,.2);border-radius:var(--radius);padding:16px;margin-bottom:20px;display:flex;gap:12px}
.notification-box-icon{font-size:1.4rem;flex-shrink:0;margin-top:2px} .notification-box p{font-size:.84rem;color:var(--primary);margin:0;line-height:1.6}
.card-input-group{position:relative;margin-bottom:14px}
.card-input-group label{display:block;font-size:.8rem;font-weight:700;color:var(--primary);margin-bottom:5px;text-transform:uppercase;letter-spacing:.04em}
.card-input-group input{width:100%;padding:12px 14px;border:2px solid var(--border);border-radius:var(--radius-sm);font-size:.95rem;background:var(--off-white);color:var(--text-dark);transition:var(--trans)} .card-input-group input:focus{outline:none;border-color:var(--primary);background:var(--white);box-shadow:0 0 0 3px rgba(26,58,107,.08)}
.card-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.card-brand-icons{display:flex;gap:6px;margin-bottom:12px} .card-brand-icon{padding:4px 10px;border:1px solid var(--border);border-radius:4px;font-size:.72rem;font-weight:700;color:var(--text-light);background:var(--white)}
.preauth-consent{background:var(--off-white);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px;margin-bottom:16px;font-size:.82rem;color:var(--text-mid);line-height:1.65}
.preauth-submit-btn{width:100%;padding:15px;background:var(--primary);color:var(--white);border:none;border-radius:var(--radius-sm);font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:var(--trans)}
.preauth-submit-btn:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 6px 20px rgba(26,58,107,.3)} .preauth-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}
.preauth-success{text-align:center;padding:32px}
.check-circle{width:64px;height:64px;background:var(--success-lt);border:3px solid var(--success);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;margin:0 auto 16px}

/* ADMIN */
.admin-layout{display:grid;grid-template-columns:220px 1fr;min-height:100vh}
.admin-sidebar{background:var(--admin-sidebar);display:flex;flex-direction:column;border-right:1px solid rgba(59,130,246,.15);position:sticky;top:0;height:100vh;overflow-y:auto}
.admin-logo{padding:20px 18px;border-bottom:1px solid rgba(255,255,255,.08)}
.admin-logo-text{font-family:var(--font-heading);font-size:1rem;font-weight:900;color:var(--white)}
.admin-logo-text span{color:#60A5FA;display:block;font-size:.65rem;font-family:var(--font-body);font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-top:2px}
.admin-user-strip{padding:12px 18px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:10px}
.admin-user-dot{width:8px;height:8px;background:#34D399;border-radius:50%;flex-shrink:0}
.admin-user-info{font-size:.78rem;color:rgba(255,255,255,.6)} .admin-user-info strong{color:rgba(255,255,255,.9);display:block;font-size:.82rem}
.admin-nav{display:flex;flex-direction:column;gap:1px;padding:12px 8px;flex:1}
.admin-nav-section{font-size:.65rem;font-weight:700;color:rgba(255,255,255,.3);text-transform:uppercase;letter-spacing:.1em;padding:10px 10px 5px}
.admin-nav-item{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:6px;color:rgba(255,255,255,.55);font-size:.85rem;font-weight:500;cursor:pointer;transition:var(--trans);border:none;background:none;text-align:left;width:100%}
.admin-nav-item:hover{background:rgba(255,255,255,.07);color:var(--white)} .admin-nav-item.active{background:rgba(59,130,246,.2);color:#93C5FD;border-left:3px solid var(--admin-accent)}
.admin-nav-item .nav-icon{font-size:.95rem;width:18px;text-align:center;flex-shrink:0} .admin-nav-divider{height:1px;background:rgba(255,255,255,.06);margin:6px 10px}
.admin-main{background:var(--off-white);overflow:auto}
.admin-topbar{background:var(--white);border-bottom:1px solid var(--border-lt);padding:16px 28px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-xs)} .admin-topbar h2{font-size:1.1rem;color:var(--primary)}
.admin-content{padding:24px 28px}
.admin-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}
.admin-stat-card{background:var(--white);border-radius:var(--radius);padding:18px 20px;border:1px solid var(--border-lt);box-shadow:var(--shadow-xs)}
.admin-stat-num{font-family:var(--font-heading);font-size:1.8rem;font-weight:900;color:var(--primary);line-height:1} .admin-stat-label{font-size:.78rem;color:var(--text-light);margin-top:4px}
.admin-table-wrap{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--border-lt);overflow:hidden;box-shadow:var(--shadow-xs)}
.admin-table-header{padding:16px 20px;border-bottom:1px solid var(--border-lt);display:flex;align-items:center;justify-content:space-between} .admin-table-header h3{font-size:.95rem;color:var(--primary)}
table{width:100%;border-collapse:collapse}
th{background:var(--off-white);padding:10px 14px;text-align:left;font-size:.75rem;font-weight:700;color:var(--text-light);text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid var(--border-lt)}
td{padding:12px 14px;border-bottom:1px solid var(--border-lt);font-size:.85rem;color:var(--text-dark)} tr:last-child td{border-bottom:none} tr:hover td{background:var(--off-white)}
.td-case-id{font-weight:700;color:var(--primary);font-family:var(--font-heading);font-size:.82rem} .td-actions{display:flex;gap:6px;flex-wrap:wrap}
.admin-section{display:none} .admin-section.active{display:block;animation:fadeUp .3s ease}
.admin-detail-panel{background:var(--white);border-radius:var(--radius-lg);padding:24px;border:1px solid var(--border-lt);margin-bottom:18px}
.admin-detail-panel h4{color:var(--primary);margin-bottom:14px;font-size:1rem;border-bottom:2px solid var(--gold);padding-bottom:8px}
.task-item{background:var(--white);border-radius:var(--radius);padding:16px 18px;border:1px solid var(--border-lt);margin-bottom:10px;box-shadow:var(--shadow-xs)}
.task-item.task-urgent{border-left:4px solid var(--error);background:var(--error-lt)}
.task-meta{display:flex;align-items:center;gap:8px;margin-bottom:7px;flex-wrap:wrap}
.task-case-id{font-size:.78rem;font-weight:700;color:var(--primary);font-family:var(--font-heading)}
.task-title{font-weight:700;color:var(--text-dark);font-size:.92rem;margin-bottom:4px}
.task-desc{font-size:.82rem;color:var(--text-light);margin-bottom:10px} .task-actions{display:flex;gap:8px}
.preauth-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border-lt)} .preauth-row:last-child{border-bottom:none}
.charge-btn{background:var(--success);color:var(--white);border:none;padding:6px 14px;border-radius:6px;font-size:.78rem;font-weight:700;cursor:pointer;transition:var(--trans)} .charge-btn:hover{background:#186040} .charge-btn:disabled{opacity:.4;cursor:not-allowed}

/* SUPER ADMIN */
.superadmin-layout{display:grid;grid-template-columns:200px 1fr;min-height:100vh}
.sa-sidebar{background:var(--sa-sidebar);display:flex;flex-direction:column;border-right:1px solid rgba(139,92,246,.2);position:sticky;top:0;height:100vh;overflow-y:auto}
.sa-logo{padding:20px 16px;border-bottom:1px solid rgba(255,255,255,.06)}
.sa-logo-text{font-family:var(--font-heading);font-size:.95rem;font-weight:900;color:var(--white)}
.sa-logo-text span{color:#A78BFA;display:block;font-size:.62rem;font-family:var(--font-body);font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-top:2px}
.sa-user-strip{padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.06);font-size:.75rem;color:rgba(255,255,255,.5)} .sa-user-strip strong{color:#A78BFA;display:block;font-size:.78rem;margin-bottom:2px}
.sa-tabs{display:flex;flex-direction:column;gap:1px;padding:10px 8px;flex:1}
.sa-tab{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:6px;color:rgba(255,255,255,.5);font-size:.83rem;font-weight:500;cursor:pointer;transition:var(--trans);border:none;background:none;text-align:left;width:100%}
.sa-tab:hover{background:rgba(139,92,246,.1);color:var(--white)} .sa-tab.active{background:rgba(139,92,246,.25);color:#C4B5FD;border-left:3px solid var(--sa-accent)}
.sa-tab .nav-icon{font-size:.9rem;width:16px;text-align:center;flex-shrink:0}
.sa-main{background:var(--off-white);overflow:auto}
.sa-topbar{background:var(--white);border-bottom:1px solid var(--border-lt);padding:14px 24px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-xs)} .sa-topbar h2{font-size:1rem;color:var(--primary)}
.sa-content{padding:24px}
.sa-content-section{background:var(--white);border-radius:var(--radius-lg);padding:20px;margin-bottom:20px;border:1px solid var(--border-lt)}
.sa-section-title{font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--primary);margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--border-lt)}
.sa-field{margin-bottom:14px} .sa-field-label{display:block;font-size:.72rem;font-weight:700;color:var(--text-light);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}
.sa-input{width:100%;padding:9px 12px;border:2px solid var(--border);border-radius:var(--radius-sm);font-size:.88rem;color:var(--text-dark);background:var(--off-white);transition:var(--trans);font-family:var(--font-body)}
.sa-input:focus{outline:none;border-color:var(--sa-accent);background:var(--white);box-shadow:0 0 0 3px rgba(139,92,246,.12)}
.sa-textarea{min-height:72px;resize:vertical}
.sa-color-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.sa-color-swatch{width:44px;height:38px;border:2px solid var(--border);border-radius:6px;cursor:pointer;padding:2px}
.sa-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.sa-pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.sa-pricing-card{background:var(--off-white);border-radius:var(--radius);padding:16px;border:1px solid var(--border-lt)}
.sa-pricing-key{margin-bottom:12px}
.sa-workflow-card{background:var(--white);border-radius:var(--radius);padding:16px 18px;border:1px solid var(--border-lt);margin-bottom:12px}
.sa-version-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--white);border-radius:var(--radius);border:1px solid var(--border-lt);margin-bottom:8px}

/* PRICING */
.pricing-banner{background:var(--white);border:2px solid var(--gold);border-radius:var(--radius-lg);padding:24px 28px;margin-bottom:20px}
.pricing-banner h3{color:var(--primary);margin-bottom:16px;font-size:1.1rem}
.pricing-tier{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border-lt)} .pricing-tier:last-child{border-bottom:none}
.tier-label{font-weight:600;font-size:.92rem;color:var(--text-dark)} .tier-sublabel{font-size:.78rem;color:var(--text-light);margin-top:2px}
.tier-price{font-family:var(--font-heading);font-size:1.4rem;font-weight:900;color:var(--primary)}
.tier-price small{font-size:.7rem;font-weight:400;font-family:var(--font-body);color:var(--text-light)}
.plus-shipping{font-size:.72rem;color:var(--gold-dark);background:var(--gold-tint);padding:2px 7px;border-radius:100px;margin-left:6px;font-weight:700;font-family:var(--font-body)}
.price-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}
.price-card{border:2px solid var(--border-lt);border-radius:var(--radius-lg);padding:32px 26px;position:relative;transition:var(--trans);background:var(--white)} .price-card:hover{border-color:var(--gold);box-shadow:var(--shadow-md)}
.price-card.featured{border-color:var(--primary);background:var(--primary)}
.price-card.featured h3,.price-card.featured .price-state,.price-card.featured p{color:rgba(255,255,255,.85)} .price-card.featured .price-amount{color:var(--gold)} .price-card.featured .price-note{color:rgba(255,255,255,.5)}
.price-card.featured .price-features li{color:rgba(255,255,255,.8);border-color:rgba(255,255,255,.1)} .price-card.featured .price-features li::before{color:var(--gold)}
.badge-featured{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--gold);color:var(--primary);font-size:.72rem;font-weight:800;padding:4px 16px;border-radius:100px;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}
.price-state{font-size:.8rem;color:var(--text-light);text-transform:uppercase;letter-spacing:.1em;font-weight:700;margin-bottom:6px}
.price-amount{font-family:var(--font-heading);font-size:2.6rem;font-weight:900;color:var(--primary);line-height:1;margin:14px 0 4px} .price-amount sup{font-size:1.3rem;vertical-align:top;margin-top:7px}
.price-note{font-size:.8rem;color:var(--text-light);margin-bottom:22px} .price-features{margin:20px 0}
.price-features li{padding:7px 0;font-size:.88rem;display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--border-lt);color:var(--text-mid)} .price-features li::before{content:'✓';color:var(--success);font-weight:800;flex-shrink:0}
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px}
.testi-card{background:var(--white);border-radius:var(--radius-lg);padding:26px;border:1px solid var(--border-lt);box-shadow:var(--shadow-xs)}
.testi-stars{color:var(--gold);font-size:1rem;margin-bottom:10px;letter-spacing:2px}
.testi-text{font-size:.9rem;color:var(--text-mid);margin-bottom:18px;font-style:italic;line-height:1.7}
.testi-author{display:flex;align-items:center;gap:10px}
.testi-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));display:flex;align-items:center;justify-content:center;color:var(--white);font-family:var(--font-heading);font-weight:700;font-size:.9rem;flex-shrink:0}
.testi-name{font-weight:700;font-size:.88rem;color:var(--text-dark)} .testi-location{font-size:.78rem;color:var(--text-light)}
.faq-list{max-width:740px;margin:48px auto 0} .faq-item{border-bottom:1px solid var(--border-lt)}
.faq-q{width:100%;text-align:left;padding:18px 0;background:none;border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-family:var(--font-body);font-size:.97rem;font-weight:600;color:var(--primary)}
.faq-icon{font-size:1.2rem;color:var(--gold);transition:transform .2s;flex-shrink:0;margin-left:12px} .faq-item.open .faq-icon{transform:rotate(45deg)}
.faq-a{display:none;padding:0 0 18px;font-size:.92rem;color:var(--text-mid);line-height:1.7} .faq-item.open .faq-a{display:block}
.result-card{background:var(--white);border-radius:var(--radius-lg);padding:40px;text-align:center;box-shadow:var(--shadow-md);border:2px solid var(--error)}

@media(max-width:960px){
  .hero-inner{grid-template-columns:1fr} .hero-card{display:none}
  .stats-inner{grid-template-columns:repeat(2,1fr)}
  .grid-3,.price-cards,.testi-grid{grid-template-columns:1fr 1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .dashboard-layout,.admin-layout,.superadmin-layout{grid-template-columns:1fr}
  .dash-sidebar,.admin-sidebar,.sa-sidebar{position:static;height:auto}
  .admin-stat-grid{grid-template-columns:repeat(2,1fr)}
  .sa-pricing-grid,.sa-color-grid,.sa-field-grid{grid-template-columns:1fr}
  .gauge-stage-label{display:none}
}
@media(max-width:700px){
  .section{padding:52px 0} .nav-links{display:none}
  .grid-3,.price-cards,.testi-grid,.state-select-grid{grid-template-columns:1fr}
  .grid-2,.dash-grid{grid-template-columns:1fr} .footer-grid{grid-template-columns:1fr}
  .form-row,.card-grid{grid-template-columns:1fr} .hero{padding:60px 20px 50px}
  .step-ind-line{width:24px} .admin-stat-grid{grid-template-columns:1fr 1fr} .sa-content{padding:14px}
}