/* FlagRisk Brand Design System — Light Mode Default, Dark Mode Available */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;1,400&family=DM+Mono:wght@400;500&display=swap');

:root {
  --primary:#FF6528;--primary-dark:#e5521a;--primary-light:#fff4ef;--primary-mid:#ffbfa5;
  --navy:#1B2D4F;--navy-2:#2a4068;--navy-3:#3d5a8a;
  --teal:#0077b6;--teal-light:#e8f4fd;
  --success:#2e7d32;--success-light:#e8f5e9;
  --warning:#e65100;--warning-light:#fff3e0;
  --danger:#c62828;--danger-light:#ffebee;
  --gold:#b8860b;--gold-light:#fffde7;
  --bg:#ffffff;--bg-2:#f8f9fc;--bg-3:#eef1f7;--bg-4:#e5e9f2;
  --border:#e2e8f0;--border-2:#cbd5e0;
  --text:#1a202c;--text-2:#4a5568;--text-3:#718096;--text-4:#a0aec0;
  --nav-bg:rgba(255,255,255,0.96);--nav-border:rgba(226,232,240,0.8);
  --shadow-sm:0 1px 3px rgba(0,0,0,0.08),0 1px 2px rgba(0,0,0,0.04);
  --shadow:0 4px 12px rgba(0,0,0,0.08),0 2px 6px rgba(0,0,0,0.04);
  --shadow-md:0 8px 25px rgba(0,0,0,0.1),0 4px 12px rgba(0,0,0,0.05);
  --shadow-lg:0 20px 50px rgba(0,0,0,0.12),0 8px 20px rgba(0,0,0,0.06);
  --shadow-primary:0 4px 20px rgba(255,101,40,0.3);
  --radius:8px;--radius-lg:14px;--radius-xl:20px;
  --font-head:'Outfit',sans-serif;--font-body:'DM Sans',sans-serif;--font-mono:'DM Mono',monospace;
  --tr:0.2s cubic-bezier(0.4,0,0.2,1);--tr-slow:0.35s cubic-bezier(0.4,0,0.2,1);
}
[data-theme="dark"]{
  --bg:#0e1624;--bg-2:#162032;--bg-3:#1e2d44;--bg-4:#253450;
  --border:#2a3a52;--border-2:#3a4e6a;
  --text:#e8edf5;--text-2:#a8b5c8;--text-3:#6e849f;--text-4:#4a5f7a;
  --nav-bg:rgba(14,22,36,0.96);--nav-border:rgba(42,58,82,0.8);
  --primary-light:rgba(255,101,40,0.12);--teal-light:rgba(0,119,182,0.15);
  --success-light:rgba(46,125,50,0.15);--danger-light:rgba(198,40,40,0.15);
  --gold-light:rgba(184,134,11,0.15);--warning-light:rgba(230,81,0,0.12);
  --shadow-sm:0 1px 3px rgba(0,0,0,0.3);--shadow:0 4px 12px rgba(0,0,0,0.35);
  --shadow-md:0 8px 25px rgba(0,0,0,0.4);--shadow-lg:0 20px 50px rgba(0,0,0,0.5);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.65;overflow-x:hidden;transition:background var(--tr-slow),color var(--tr-slow);}
img{max-width:100%;display:block;}
a{color:var(--primary);text-decoration:none;}
a:hover{color:var(--primary-dark);}
h1,h2,h3,h4,h5,h6{font-family:var(--font-head);color:var(--navy);line-height:1.15;}
[data-theme="dark"] h1,[data-theme="dark"] h2,[data-theme="dark"] h3,[data-theme="dark"] h4{color:var(--text);}
h1{font-size:clamp(2.1rem,5vw,3.6rem);font-weight:800;}
h2{font-size:clamp(1.6rem,3.5vw,2.6rem);font-weight:700;}
h3{font-size:clamp(1.15rem,2.5vw,1.6rem);font-weight:700;}
h4{font-size:1.1rem;font-weight:600;}
p{color:var(--text-2);}
.eyebrow{font-family:var(--font-mono);font-size:0.7rem;font-weight:500;letter-spacing:0.18em;text-transform:uppercase;color:var(--primary);margin-bottom:0.6rem;display:block;}
.lead{font-size:1rem;line-height:1.8;color:var(--text-2);}
/* NAV */
.nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--nav-bg);border-bottom:1px solid var(--nav-border);backdrop-filter:blur(20px);height:68px;display:flex;align-items:center;transition:background var(--tr-slow),border-color var(--tr-slow);}
.nav-inner{max-width:1180px;margin:0 auto;padding:0 1.5rem;width:100%;display:flex;align-items:center;justify-content:space-between;}
.nav-logo{display:flex;align-items:center;text-decoration:none;gap:8px;}
.nav-logo img{display:none;height:34px;width:auto;}
.nav-logo-text{font-family:var(--font-head);font-weight:800;font-size:1.35rem;color:var(--navy);}
[data-theme="dark"] .nav-logo-text{color:var(--text);}
.nav-logo-text .o{color:var(--primary);}
.nav-links{display:flex;align-items:center;gap:0.15rem;}
.nav-links a{font-family:var(--font-head);font-weight:500;font-size:0.88rem;color:var(--text-2);padding:0.42rem 0.85rem;border-radius:var(--radius);transition:var(--tr);text-decoration:none;}
.nav-links a:hover,.nav-links a.active{color:var(--primary);background:var(--primary-light);}
.nav-right{display:flex;align-items:center;gap:0.6rem;}
.theme-toggle{width:38px;height:38px;border-radius:50%;border:1px solid var(--border);background:var(--bg-2);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:0.95rem;transition:var(--tr);color:var(--text-2);flex-shrink:0;}
.theme-toggle:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light);}
.nav-hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:6px;border-radius:var(--radius);}
.nav-hamburger span{width:22px;height:2px;background:var(--text-2);display:block;border-radius:2px;transition:var(--tr);}
/* PAGE */
.page{padding-top:68px;}
.container{max-width:1180px;margin:0 auto;padding:0 1.5rem;}
.container-sm{max-width:760px;margin:0 auto;padding:0 1.5rem;}
.container-xs{max-width:560px;margin:0 auto;padding:0 1.5rem;}
.section{padding:5rem 0;}
.section-sm{padding:3rem 0;}
.section-alt{background:var(--bg-2);}
/* BUTTONS */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-head);font-weight:600;font-size:0.93rem;letter-spacing:0.02em;text-decoration:none;padding:0.68rem 1.65rem;border-radius:var(--radius);border:none;cursor:pointer;transition:var(--tr);white-space:nowrap;line-height:1.3;}
.btn-primary{background:var(--primary);color:#fff;box-shadow:var(--shadow-primary);}
.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 6px 25px rgba(255,101,40,0.4);color:#fff;}
.btn-navy{background:var(--navy);color:#fff;box-shadow:var(--shadow);}
.btn-navy:hover{background:var(--navy-2);transform:translateY(-1px);color:#fff;}
.btn-outline{background:transparent;color:var(--primary);border:1.5px solid var(--primary);}
.btn-outline:hover{background:var(--primary);color:#fff;}
.btn-ghost{background:var(--bg-2);color:var(--text-2);border:1px solid var(--border);}
.btn-ghost:hover{background:var(--bg-3);color:var(--text);border-color:var(--border-2);}
.btn-sm{padding:0.48rem 1rem;font-size:0.8rem;}
.btn-lg{padding:0.82rem 2.1rem;font-size:1.02rem;}
.btn:disabled{opacity:0.5;cursor:not-allowed;transform:none!important;box-shadow:none!important;}
/* CARDS */
.card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--tr-slow);}
.card-hover:hover{box-shadow:var(--shadow-md);transform:translateY(-3px);border-color:var(--border-2);}
.card-body{padding:1.5rem;}
/* FORMS */
.form-group{margin-bottom:1.15rem;}
.form-label{display:block;margin-bottom:0.42rem;font-size:0.84rem;font-weight:500;color:var(--text-2);font-family:var(--font-head);}
.form-label .req{color:var(--primary);margin-left:2px;}
.form-control{width:100%;padding:0.7rem 1rem;background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:var(--font-body);font-size:0.93rem;transition:var(--tr);outline:none;line-height:1.5;}
.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(255,101,40,0.1);}
.form-control::placeholder{color:var(--text-4);}
.form-control:hover:not(:focus){border-color:var(--border-2);}
textarea.form-control{resize:vertical;min-height:110px;}
select.form-control{cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23718096' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem;}
.form-hint{font-size:0.77rem;color:var(--text-3);margin-top:0.3rem;}
.form-error{font-size:0.77rem;color:var(--danger);margin-top:0.3rem;display:none;}
.form-error.show{display:block;}
.form-control.error{border-color:var(--danger);}
.check-label{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:0.88rem;color:var(--text-2);line-height:1.5;}
.check-label input[type=checkbox],.check-label input[type=radio]{width:17px;height:17px;flex-shrink:0;margin-top:2px;accent-color:var(--primary);cursor:pointer;}
.checkbox-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.checkbox-item{background:var(--bg-2);border:1.5px solid var(--border);border-radius:var(--radius);padding:0.68rem 0.9rem;display:flex;align-items:center;gap:9px;cursor:pointer;transition:var(--tr);}
.checkbox-item:hover,.checkbox-item.checked{border-color:var(--primary);background:var(--primary-light);}
.checkbox-item input{accent-color:var(--primary);width:16px;height:16px;flex-shrink:0;cursor:pointer;}
.checkbox-item label{font-size:0.855rem;cursor:pointer;color:var(--text-2);line-height:1.3;}
.scale-buttons{display:flex;flex-wrap:wrap;gap:7px;margin-top:0.5rem;}
.scale-btn{width:44px;height:44px;border-radius:8px;border:1.5px solid var(--border);background:var(--bg-2);color:var(--text-2);font-family:var(--font-mono);font-size:0.88rem;font-weight:500;cursor:pointer;transition:var(--tr);display:flex;align-items:center;justify-content:center;}
.scale-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light);}
.scale-btn.selected{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:var(--shadow-primary);}
.scale-labels{display:flex;justify-content:space-between;font-size:0.7rem;color:var(--text-3);margin-top:5px;}
/* BADGES */
.badge{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:0.67rem;font-weight:500;padding:3px 9px;border-radius:20px;letter-spacing:0.04em;}
.badge-primary{background:var(--primary-light);color:var(--primary);border:1px solid rgba(255,101,40,0.2);}
.badge-navy{background:rgba(27,45,79,0.08);color:var(--navy);border:1px solid rgba(27,45,79,0.12);}
[data-theme="dark"] .badge-navy{background:rgba(255,255,255,0.07);color:var(--text-2);border-color:var(--border);}
.badge-success{background:var(--success-light);color:var(--success);}
.badge-gold{background:var(--gold-light);color:var(--gold);}
.badge-danger{background:var(--danger-light);color:var(--danger);}
.badge-warning{background:var(--warning-light);color:var(--warning);}
.sev-high{background:#fff1f0;color:#c62828;border:1px solid #ffcdd2;font-size:0.67rem;padding:2px 8px;border-radius:20px;font-family:var(--font-mono);}
.sev-medium{background:#fff3e0;color:#e65100;border:1px solid #ffe0b2;font-size:0.67rem;padding:2px 8px;border-radius:20px;font-family:var(--font-mono);}
.sev-low{background:#f1f8e9;color:#2e7d32;border:1px solid #c8e6c9;font-size:0.67rem;padding:2px 8px;border-radius:20px;font-family:var(--font-mono);}
/* ALERT BOXES */
.alert{padding:0.82rem 1.1rem;border-radius:var(--radius);border-left:3px solid;font-size:0.875rem;line-height:1.55;}
.alert-success{background:var(--success-light);border-color:var(--success);color:var(--success);}
.alert-danger{background:var(--danger-light);border-color:var(--danger);color:var(--danger);}
.alert-info{background:var(--teal-light);border-color:var(--teal);color:var(--teal);}
.alert-warning{background:var(--warning-light);border-color:var(--warning);color:var(--warning);}
/* TOASTS */
.toast-wrap{position:fixed;bottom:1.5rem;right:1.5rem;z-index:9999;display:flex;flex-direction:column;gap:8px;align-items:flex-end;}
.toast{background:var(--navy);color:#fff;padding:0.82rem 1.2rem;border-radius:var(--radius);box-shadow:var(--shadow-md);font-size:0.84rem;display:flex;align-items:center;gap:10px;min-width:220px;max-width:300px;transform:translateX(120%);transition:transform 0.35s cubic-bezier(0.34,1.56,0.64,1);pointer-events:none;}
.toast.show{transform:translateX(0);}
.toast.toast-success{background:var(--success);}
.toast.toast-xp{background:var(--primary);}
[data-theme="dark"] .toast{background:var(--bg-3);border:1px solid var(--border-2);}
/* MODAL */
.modal-overlay{position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,0.5);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;pointer-events:none;transition:opacity 0.25s;}
.modal-overlay.open{opacity:1;pointer-events:all;}
.modal{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:560px;max-height:90vh;overflow-y:auto;transform:translateY(16px);transition:transform 0.25s;}
.modal-overlay.open .modal{transform:translateY(0);}
.modal-header{padding:1.4rem 1.5rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;}
.modal-header h3{font-size:1.2rem;}
.modal-body{padding:1.5rem;}
.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px;}
.modal-close{background:none;border:none;color:var(--text-3);cursor:pointer;font-size:1.35rem;line-height:1;padding:4px;border-radius:4px;transition:var(--tr);}
.modal-close:hover{color:var(--text);background:var(--bg-2);}
/* TABLES */
.table-wrap{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--border);}
table{width:100%;border-collapse:collapse;font-size:0.86rem;}
thead{background:var(--bg-2);}
th{padding:0.72rem 1rem;text-align:left;font-family:var(--font-head);font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-3);border-bottom:1px solid var(--border);}
td{padding:0.78rem 1rem;border-bottom:1px solid var(--border);color:var(--text-2);vertical-align:middle;}
tr:last-child td{border-bottom:none;}
tbody tr:hover{background:var(--bg-2);}
/* PROGRESS */
.progress{background:var(--bg-3);border-radius:10px;height:8px;overflow:hidden;}
.progress-bar{height:100%;border-radius:10px;background:linear-gradient(90deg,var(--primary),#ff9a6c);transition:width 0.5s cubic-bezier(0.4,0,0.2,1);}
/* TESTIMONIALS */
.testimonial-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-sm);transition:var(--tr-slow);}
.testimonial-card:hover{box-shadow:var(--shadow-md);}
.testimonial-card blockquote{font-size:0.95rem;line-height:1.8;color:var(--text-2);font-style:italic;margin-bottom:1.5rem;border-left:3px solid var(--primary);padding-left:1rem;}
.testimonial-author{display:flex;align-items:center;gap:12px;}
.testimonial-author img{width:46px;height:46px;border-radius:50%;object-fit:cover;border:2px solid var(--border);}
.testimonial-author-name{font-weight:600;font-family:var(--font-head);color:var(--navy);font-size:0.92rem;}
[data-theme="dark"] .testimonial-author-name{color:var(--text);}
.testimonial-author-role{font-size:0.76rem;color:var(--text-3);margin-top:1px;}
/* LEADERBOARD */
.lb-row{display:flex;align-items:center;gap:1rem;padding:0.88rem 1.25rem;border-bottom:1px solid var(--border);transition:var(--tr);}
.lb-row:last-child{border-bottom:none;}
.lb-row:hover{background:var(--bg-2);}
.lb-rank{width:28px;text-align:center;font-family:var(--font-mono);font-size:0.8rem;color:var(--text-3);font-weight:600;flex-shrink:0;}
.lb-rank.top1{color:#d4a017;font-size:1.1rem;}
.lb-rank.top2{color:#808080;font-size:1rem;}
.lb-rank.top3{color:#b5651d;font-size:0.95rem;}
.lb-avatar{width:38px;height:38px;border-radius:50%;background:var(--primary-light);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:0.95rem;flex-shrink:0;color:var(--primary);font-weight:700;font-family:var(--font-head);}
.lb-info{flex:1;min-width:0;}
.lb-name{font-weight:600;font-size:0.88rem;font-family:var(--font-head);}
.lb-email{font-size:0.72rem;color:var(--text-3);font-family:var(--font-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.lb-xp{font-family:var(--font-mono);font-size:0.83rem;color:var(--primary);font-weight:600;white-space:nowrap;}
/* FOOTER */
.footer{background:var(--navy);color:rgba(255,255,255,0.85);padding:4rem 0 2rem;transition:background var(--tr-slow);}
[data-theme="dark"] .footer{background:var(--bg-2);border-top:1px solid var(--border);}
.footer-logo{display:flex;align-items:center;gap:8px;margin-bottom:0.75rem;}
.footer-logo img{height:30px;filter:brightness(0) invert(1);}
.footer-logo-text{font-family:var(--font-head);font-weight:800;font-size:1.3rem;color:#fff;}
.footer-logo-text .o{color:var(--primary);}
.footer>div>p,.footer-col>p{color:rgba(255,255,255,0.55);font-size:0.86rem;line-height:1.75;max-width:270px;}
[data-theme="dark"] .footer>div>p,[data-theme="dark"] .footer-col>p{color:var(--text-3);}
.footer-heading{font-family:var(--font-mono);font-size:0.67rem;letter-spacing:0.16em;text-transform:uppercase;color:rgba(255,255,255,0.35);margin-bottom:1rem;font-weight:500;}
[data-theme="dark"] .footer-heading{color:var(--text-4);}
.footer-links-list{list-style:none;}
.footer-links-list li{margin-bottom:0.48rem;}
.footer-links-list a{color:rgba(255,255,255,0.55);text-decoration:none;font-size:0.86rem;transition:var(--tr);}
.footer-links-list a:hover{color:var(--primary);}
[data-theme="dark"] .footer-links-list a{color:var(--text-3);}
[data-theme="dark"] .footer-links-list a:hover{color:var(--primary);}
.footer-bottom{border-top:1px solid rgba(255,255,255,0.1);margin-top:3rem;padding-top:1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;font-size:0.78rem;color:rgba(255,255,255,0.4);}
[data-theme="dark"] .footer-bottom{border-top-color:var(--border);color:var(--text-4);}
.footer-bottom a{color:rgba(255,255,255,0.4);}
.footer-bottom a:hover{color:var(--primary);}
/* PAGE HERO */
.page-hero{background:var(--bg-2);border-bottom:1px solid var(--border);padding:4rem 0 3.5rem;text-align:center;}
.page-hero h1{font-size:clamp(1.7rem,4vw,2.8rem);margin-bottom:0.7rem;}
.page-hero p{color:var(--text-2);max-width:520px;margin:0 auto;font-size:0.97rem;}
/* TIER CARDS */
.tier-card{background:var(--bg);border:2px solid var(--border);border-radius:var(--radius-xl);padding:2rem;cursor:pointer;transition:var(--tr-slow);position:relative;overflow:hidden;}
.tier-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px);}
.tier-card.selected-tier{box-shadow:var(--shadow-md);transform:translateY(-3px);}
.tier-bronze.selected-tier,.tier-bronze:hover{border-color:#c97d4e;box-shadow:0 8px 25px rgba(201,125,78,0.2);}
.tier-silver.selected-tier,.tier-silver:hover{border-color:#8c9baf;box-shadow:0 8px 25px rgba(140,155,175,0.2);}
.tier-gold.selected-tier,.tier-gold:hover{border-color:#d4a017;box-shadow:0 8px 25px rgba(212,160,23,0.2);}
.tier-card .tier-top-badge{position:absolute;top:14px;right:14px;}
/* GRID HELPERS */
.grid{display:grid;gap:1.5rem;}
.grid-2{grid-template-columns:repeat(2,1fr);}
.grid-3{grid-template-columns:repeat(3,1fr);}
.grid-4{grid-template-columns:repeat(4,1fr);}
/* STAT */
.stat-number{font-family:var(--font-head);font-size:clamp(2rem,4vw,2.8rem);font-weight:800;color:var(--primary);line-height:1;}
.stat-label{font-size:0.83rem;color:var(--text-3);margin-top:0.3rem;font-family:var(--font-head);}
/* DIVIDER */
.divider{border:none;border-top:1px solid var(--border);margin:2rem 0;}
/* MISC */
.text-center{text-align:center;}
.text-primary{color:var(--primary)!important;}
.text-muted{color:var(--text-3)!important;}
.mt-2{margin-top:1rem;}.mt-3{margin-top:1.5rem;}.mt-4{margin-top:2rem;}.mb-2{margin-bottom:1rem;}.mb-3{margin-bottom:1.5rem;}.mb-4{margin-bottom:2rem;}
.w-full{width:100%;}
.hidden{display:none!important;}
/* SCROLLBAR */
::-webkit-scrollbar{width:6px;height:6px;}
::-webkit-scrollbar-track{background:var(--bg);}
::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:3px;}
::-webkit-scrollbar-thumb:hover{background:var(--text-4);}
/* RESPONSIVE */
@media(max-width:1024px){.grid-4{grid-template-columns:repeat(2,1fr);}}
@media(max-width:768px){
  .nav-links{display:none;flex-direction:column;position:absolute;top:68px;left:0;right:0;background:var(--nav-bg);border-bottom:1px solid var(--nav-border);padding:1rem 1.5rem;backdrop-filter:blur(20px);gap:0;}
  .nav-links.open{display:flex;}
  .nav-links a{padding:0.65rem 0.9rem;border-radius:var(--radius);}
  .nav-hamburger{display:flex;}
  .grid-2,.grid-3{grid-template-columns:1fr;}
  .checkbox-grid{grid-template-columns:1fr;}
  .section{padding:3.5rem 0;}
  .footer-bottom{flex-wrap:wrap;gap:0.5rem;}
}
@media(max-width:480px){
  .container,.container-sm{padding:0 1rem;}
  .scale-buttons{gap:5px;}
  .scale-btn{width:36px;height:36px;font-size:0.8rem;}
  .tier-card{padding:1.5rem;}
  .footer-bottom{flex-direction:column;text-align:center;gap:0.5rem;}
  .grid-4{grid-template-columns:1fr;}
}

/* Stats bar — always 1 row, scroll on very small screens */
@media(max-width:500px){
  .stats-bar > .container{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px;}
  .stats-grid{min-width:380px;grid-template-columns:repeat(4,1fr)!important;}
  .stat-num{font-size:1.1rem;}
  .stat-lbl{font-size:0.63rem;}
  .stat-item{padding:0 0.75rem;}
}