.tier-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:stretch;}
@media (max-width:980px){.tier-grid{grid-template-columns:1fr 1fr;}}
@media (max-width:600px){.tier-grid{grid-template-columns:1fr;}}
.tier-card{position:relative;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:1.6rem 1.3rem;display:flex;flex-direction:column;transition:all 0.25s ease;}
.tier-card:hover{transform:translateY(-3px);border-color:var(--glass-border-hover);}
.tier-card.popular{border-color:var(--gold-soft);background:linear-gradient(180deg,rgba(212,169,76,0.05),var(--glass-bg));transform:scale(1.035);box-shadow:0 30px 60px rgba(0,0,0,0.5),0 0 0 1px rgba(212,169,76,0.18);}
@media (max-width:980px){.tier-card.popular{transform:none;}}
.tier-popular-badge{position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:var(--gold);color:#181300;font-size:0.62rem;font-weight:800;letter-spacing:0.8px;padding:4px 14px;border-radius:20px;white-space:nowrap;}
.tier-swatch{width:34px;height:34px;border-radius:10px;margin-bottom:12px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:0.85rem;color:#0a0a0c;}
.tier-name{font-size:1.05rem;font-weight:800;margin:0 0 2px;} .tier-balance{font-size:0.78rem;color:#888;margin-bottom:1.1rem;}
.tier-price-row{margin-bottom:0.2rem;display:flex;align-items:baseline;gap:8px;}
.tier-anchor{font-size:0.85rem;color:#555;text-decoration:line-through;} .tier-price{font-size:1.9rem;font-weight:800;color:var(--accent);}
.tier-price-sub{font-size:0.68rem;color:#666;margin-bottom:1rem;}
.tier-phase-split{font-size:0.7rem;color:#777;background:rgba(255,255,255,0.03);border:1px solid var(--glass-border);border-radius:10px;padding:8px 10px;margin-bottom:1.1rem;line-height:1.6;}
.tier-rules{display:flex;flex-direction:column;gap:6px;margin-bottom:1.2rem;flex:1;}
.tier-rule-row{display:flex;justify-content:space-between;font-size:0.74rem;padding:5px 0;border-bottom:1px solid rgba(255,255,255,0.04);}
.tier-rule-label{color:#666;} .tier-rule-val{font-weight:700;color:#ddd;}
.tier-select-btn{all:unset;cursor:pointer;text-align:center;padding:12px;border-radius:var(--radius-pill);font-weight:800;font-size:0.82rem;transition:all 0.2s;}
.tier-select-btn.primary{background:#f4f4f5;color:#0a0a0c;} .tier-select-btn.primary:hover{opacity:0.9;}
.tier-select-btn.gold{background:var(--gold);color:#181300;} .tier-select-btn.gold:hover{opacity:0.9;}
.trial-card{border:1.5px dashed rgba(255,255,255,0.14);background:rgba(255,255,255,0.015);border-radius:var(--radius-xl);padding:1.4rem 1.6rem;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:1rem;}
.platform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
@media (max-width:700px){.platform-grid{grid-template-columns:1fr;}}
.platform-card{position:relative;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:1.4rem;text-align:center;transition:all 0.2s;}
.platform-card.live{border-color:var(--accent-border);background:linear-gradient(180deg,rgba(62,168,122,0.05),var(--glass-bg));}
.platform-card.soon{opacity:0.55;filter:grayscale(0.4);}
.platform-icon{width:40px;height:40px;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:rgba(255,255,255,0.04);}
.platform-card.live .platform-icon{background:var(--accent-soft);}
.platform-name{font-weight:800;font-size:0.92rem;margin-bottom:4px;} .platform-tagline{font-size:0.74rem;color:#777;}
.platform-ribbon{position:absolute;top:10px;right:10px;background:rgba(255,255,255,0.08);color:#aaa;font-size:0.6rem;font-weight:800;padding:3px 9px;border-radius:12px;letter-spacing:0.5px;}
.platform-live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:5px;}
.risk-bar-wrap{margin-bottom:1rem;} .risk-bar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;}
.risk-bar-label{font-size:0.75rem;color:#888;font-weight:600;} .risk-bar-value{font-size:0.78rem;font-weight:800;}
.risk-bar-track{height:6px;background:rgba(255,255,255,0.05);border-radius:6px;overflow:hidden;}
.risk-bar-fill{height:100%;border-radius:6px;transition:width 0.6s cubic-bezier(0.4,0,0.2,1);}
.risk-bar-fill.profit,.risk-bar-fill.safe{background:linear-gradient(90deg,var(--accent),#2c8060);}
.risk-bar-fill.warning{background:linear-gradient(90deg,var(--gold),#b8863a);} .risk-bar-fill.danger{background:linear-gradient(90deg,var(--danger),#8f2f2f);}
.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:1.2rem;}
.metric-card{background:rgba(255,255,255,0.02);border:1px solid var(--glass-border);border-radius:16px;padding:14px;}
.metric-card-label{font-size:0.6rem;color:#555;text-transform:uppercase;letter-spacing:0.8px;margin-bottom:5px;} .metric-card-value{font-size:1.2rem;font-weight:800;}
.account-status{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:0.7rem;font-weight:800;letter-spacing:0.4px;}
.account-status.active,.account-status.funded{background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-border);}
.account-status.breached,.account-status.suspended{background:var(--danger-soft);color:var(--danger);border:1px solid rgba(193,72,72,0.25);}
.account-status.pending{background:var(--gold-soft);color:var(--gold);border:1px solid rgba(212,169,76,0.25);}
.terminal-tab{flex:1;padding:12px 6px;font-size:0.66rem;font-weight:800;color:#555;text-align:center;cursor:pointer;border-bottom:2px solid transparent;text-transform:uppercase;letter-spacing:0.8px;}
.terminal-tab.active{color:#fff;border-bottom-color:var(--accent);}
.instrument-chip{flex-shrink:0;padding:5px 12px;border-radius:16px;font-size:0.72rem;font-weight:700;border:1px solid var(--glass-border);background:transparent;color:#666;cursor:pointer;transition:all 0.2s;white-space:nowrap;}
.instrument-chip.active{background:var(--accent-soft);border-color:var(--accent-border);color:#fff;}
.tf-btn{all:unset;cursor:pointer;padding:4px 9px;border-radius:8px;font-size:0.66rem;font-weight:700;color:#555;} .tf-btn.active{background:rgba(255,255,255,0.08);color:#fff;}
.order-buy-btn,.order-sell-btn{all:unset;cursor:pointer;padding:12px;border-radius:12px;text-align:center;font-size:0.85rem;font-weight:800;display:flex;align-items:center;justify-content:center;gap:6px;transition:all 0.18s;}
.order-buy-btn{background:var(--accent-soft);border:1px solid var(--accent-border);color:var(--accent);} .order-buy-btn.active{background:rgba(62,168,122,0.22);}
.order-sell-btn{background:var(--danger-soft);border:1px solid rgba(193,72,72,0.25);color:var(--danger);} .order-sell-btn.active{background:rgba(193,72,72,0.22);}
.order-confirm-btn{all:unset;cursor:pointer;display:block;width:100%;padding:14px;text-align:center;font-size:0.86rem;font-weight:800;border-radius:14px;box-sizing:border-box;}
.order-confirm-btn.buy{background:rgba(62,168,122,0.22);border:1px solid var(--accent-border);color:var(--accent);}
.order-confirm-btn.sell{background:rgba(193,72,72,0.2);border:1px solid rgba(193,72,72,0.3);color:var(--danger);}
.position-card{background:rgba(255,255,255,0.02);border:1px solid var(--glass-border);border-radius:14px;padding:12px;}
.position-card.buy-pos{border-left:3px solid var(--accent);} .position-card.sell-pos{border-left:3px solid var(--danger);}
.pos-header{display:flex;justify-content:space-between;margin-bottom:8px;} .pos-symbol{font-weight:800;font-size:0.88rem;}
.pos-side{font-size:0.66rem;font-weight:800;padding:2px 8px;border-radius:6px;}
.buy-pos .pos-side{background:var(--accent-soft);color:var(--accent);} .sell-pos .pos-side{background:var(--danger-soft);color:var(--danger);}
.pos-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;font-size:0.68rem;} .pos-stat-label{color:#555;}
.pos-pnl-positive{color:var(--accent);font-weight:800;} .pos-pnl-negative{color:var(--danger);font-weight:800;}
.pos-close-btn{all:unset;cursor:pointer;display:block;width:100%;margin-top:10px;padding:8px;text-align:center;font-size:0.7rem;font-weight:800;border-radius:10px;background:rgba(255,255,255,0.04);border:1px solid var(--glass-border);color:#888;box-sizing:border-box;}
.wizard-steps{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:2rem;flex-wrap:wrap;}
.wizard-step{display:flex;align-items:center;gap:8px;}
.wizard-dot{width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,0.05);border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;font-size:0.68rem;font-weight:800;color:#666;}
.wizard-dot.done{background:var(--accent);border-color:var(--accent);color:#06120c;} .wizard-dot.current{border-color:var(--accent);color:var(--accent);}
.wizard-label{font-size:0.68rem;color:#666;font-weight:700;} .wizard-label.current{color:#fff;} .wizard-line{width:24px;height:1px;background:var(--glass-border);}
.upload-zone{border:1.5px dashed var(--glass-border);border-radius:16px;padding:2rem 1rem;text-align:center;cursor:pointer;transition:all 0.2s;}
.upload-zone:hover{border-color:var(--accent-border);background:var(--accent-soft);} .upload-zone.filled{border-style:solid;border-color:var(--accent-border);background:var(--accent-soft);}
.coming-soon-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:6px;font-size:0.6rem;font-weight:800;background:rgba(255,255,255,0.06);border:1px solid var(--glass-border);color:#999;}
.terminal-mockup{background:#0a0b0d;border:1px solid var(--glass-border);border-radius:18px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,0.6);}
.terminal-mockup-bar{display:flex;align-items:center;gap:8px;padding:10px 14px;background:rgba(255,255,255,0.02);border-bottom:1px solid var(--glass-border);}
.terminal-mockup-dot{width:8px;height:8px;border-radius:50%;}
.terminal-mockup-chart{height:180px;position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(62,168,122,0.04),transparent);}
.terminal-mockup-candle{position:absolute;bottom:0;width:6px;border-radius:1px;}
.terminal-mockup-stats{display:flex;gap:1px;background:var(--glass-border);} .terminal-mockup-stat{flex:1;background:#0a0b0d;padding:10px;text-align:center;}
.trust-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;}
.trust-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:18px;padding:1.4rem;}
.compare-table{width:100%;border-collapse:collapse;}
.compare-table th{text-align:left;font-size:0.68rem;color:#666;text-transform:uppercase;letter-spacing:1px;padding:12px;border-bottom:1px solid var(--glass-border);}
.compare-table td{padding:12px;font-size:0.82rem;border-bottom:1px solid rgba(255,255,255,0.04);} .compare-table .us-col{background:var(--accent-soft);font-weight:700;}
@media (max-width:640px){.compare-table{font-size:0.72rem;} .compare-table th,.compare-table td{padding:8px;}}
:root{--info-blue:#4a7fd4;--info-blue-soft:rgba(74,127,212,0.12);--info-blue-border:rgba(74,127,212,0.28);--brand-red:#c14848;--brand-red-soft:rgba(193,72,72,0.1);}
.badge-blue{background:var(--info-blue-soft);color:var(--info-blue);border:1px solid var(--info-blue-border);display:inline-block;}
/* Terminal mobile */
@media (max-width:960px){#layout,.terminal-layout{grid-template-columns:1fr!important;grid-template-rows:38vh 1fr!important;height:auto!important;min-height:100vh;} .terminal-sidebar{border-left:none!important;border-top:1px solid var(--glass-border);}}
@media (max-width:980px){.tier-grid{grid-template-columns:1fr 1fr;gap:10px;}}
@media (max-width:600px){.tier-grid{grid-template-columns:1fr;} .tier-card.popular{transform:none!important;} .tier-card{padding:1.3rem 1.1rem;} .tier-price{font-size:1.6rem;}}
@media (max-width:700px){.platform-grid{grid-template-columns:1fr;gap:10px;}}
@media (max-width:560px){.trial-card{flex-direction:column;align-items:stretch;text-align:center;} .trial-card .outline-btn{width:100%;}}
@media (max-width:480px){.pos-stats{grid-template-columns:1fr 1fr;gap:8px;} .metrics-grid{grid-template-columns:1fr 1fr;}}
@media (max-width:480px){.upload-zone{padding:1.4rem 0.8rem;} .upload-zone svg{width:18px;height:18px;}}
input[type="file"]{max-width:100%;}
/* Dashboard gamification */
.ring-wrap{position:relative;width:120px;height:120px;flex-shrink:0;} .ring-wrap svg{transform:rotate(-90deg);}
.ring-bg{fill:none;stroke:rgba(255,255,255,0.06);stroke-width:8;} .ring-fg{fill:none;stroke:var(--accent);stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset 0.8s ease;}
.ring-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.ring-val{font-size:1.3rem;font-weight:800;} .ring-lbl{font-size:0.56rem;color:#666;text-transform:uppercase;letter-spacing:0.5px;}
.journey{display:flex;flex-direction:column;} .j-step{display:flex;gap:14px;position:relative;padding-bottom:28px;} .j-step:last-child{padding-bottom:0;}
.j-dot{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,0.05);border:2px solid rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:1;}
.j-step.done .j-dot{background:var(--accent);border-color:var(--accent);} .j-step.current .j-dot{border-color:var(--accent);background:var(--accent-soft);}
.j-line{position:absolute;left:13px;top:28px;bottom:0;width:2px;background:rgba(255,255,255,0.08);} .j-step.done .j-line{background:var(--accent);}
.j-title{font-weight:700;font-size:0.86rem;} .j-step.done .j-title,.j-step.current .j-title{color:#fff;} .j-step:not(.done):not(.current) .j-title{color:#666;}
.j-sub{font-size:0.74rem;color:#666;margin-top:2px;}
.badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;}
.ach-badge{background:rgba(255,255,255,0.02);border:1px solid var(--glass-border);border-radius:16px;padding:14px 10px;text-align:center;opacity:0.35;filter:grayscale(1);}
.ach-badge.unlocked{opacity:1;filter:none;border-color:var(--accent-border);background:var(--accent-soft);}
.ach-icon{font-size:1.6rem;margin-bottom:6px;} .ach-name{font-size:0.68rem;font-weight:700;}

/* ===== v9: tier cards (trial mode), steps, pricing teaser ===== */
.tier-select-btn{display:block;width:100%;box-sizing:border-box;text-decoration:none;}
.tier-free{font-size:1.9rem;font-weight:800;color:var(--accent);}
.tier-was{font-size:0.78rem;color:#666;margin-bottom:1rem;}
.tier-select-btn.trial{background:var(--accent);color:#06120c;}
.tier-select-btn.trial:hover{opacity:.9;}
.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
@media (max-width:760px){.how-grid{grid-template-columns:1fr;}}
.how-step{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;padding:1.4rem;}
.how-num{width:30px;height:30px;border-radius:50%;background:var(--accent-soft);border:1px solid var(--accent-border);color:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:0.8rem;margin-bottom:12px;}
.how-step h3{margin:0 0 6px;font-size:0.98rem;} .how-step p{margin:0;font-size:0.82rem;color:#888;line-height:1.7;}
.price-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
@media (max-width:760px){.price-row{grid-template-columns:1fr 1fr;}}
.price-chip{display:block;text-decoration:none;color:inherit;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:18px;padding:1.1rem;text-align:center;transition:all .2s;position:relative;}
.price-chip:hover{transform:translateY(-2px);border-color:var(--glass-border-hover);}
.price-chip.popular{border-color:rgba(212,169,76,0.3);background:linear-gradient(180deg,rgba(212,169,76,0.06),var(--glass-bg));}
.price-chip .pc-name{font-weight:800;font-size:0.92rem;} .price-chip .pc-bal{font-size:0.74rem;color:#777;margin:2px 0 8px;}
.price-chip .pc-price{font-size:1.5rem;font-weight:800;color:var(--accent);} .price-chip .pc-pop{position:absolute;top:-9px;left:50%;transform:translateX(-50%);background:var(--gold);color:#181300;font-size:0.58rem;font-weight:800;padding:3px 10px;border-radius:12px;letter-spacing:.6px;white-space:nowrap;}
.rules-glance{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0.2rem 0 1rem;}
.rg-item{background:rgba(255,255,255,0.025);border:1px solid var(--glass-border);border-radius:12px;padding:10px;text-align:center;}
.rg-item .rg-v{font-weight:800;font-size:0.95rem;} .rg-item .rg-l{font-size:0.58rem;color:#666;text-transform:uppercase;letter-spacing:.6px;margin-top:2px;}
.check-row{display:flex;gap:10px;align-items:flex-start;font-size:0.78rem;color:#999;line-height:1.6;cursor:pointer;padding:6px 0;}
.check-row input{width:20px;height:20px;margin-top:1px;flex-shrink:0;accent-color:var(--accent);}
.stepper{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:1.6rem;}
.step-pill{display:flex;align-items:center;gap:8px;font-size:0.74rem;font-weight:700;color:#666;}
.step-pill .dot{width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,0.05);border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;font-size:0.7rem;}
.step-pill.current{color:#fff;} .step-pill.current .dot{border-color:var(--accent);color:var(--accent);}
.step-pill.done .dot{background:var(--accent);border-color:var(--accent);color:#06120c;}
.step-line{width:34px;height:1px;background:var(--glass-border);}

/* ===== v9 ROOT-CAUSE FIX: `all:unset` resets box-sizing to content-box, so min-height + padding made
   every short-label button ~68px tall (rendering as circles/ovals). Loaded last so it always wins. ===== */
.solid-btn,.outline-btn,.premium-btn,.glass-btn-sm,.admin-btn,.admin-action-btn,.filter-chip,.tier-select-btn,
.mode-btn,.copy-chip,.order-buy-btn,.order-sell-btn,.order-confirm-btn,.pos-close-btn,.tf-btn,.pos-tab,.term-icon-btn,
.platform-ribbon,.coming-soon-tag{box-sizing:border-box;}