.hero{position:relative;min-height:min(850px,100svh);display:grid;align-items:center;padding:calc(var(--header-h) + var(--space-8)) 0 var(--space-8);overflow:hidden;background:var(--grad-hero);border-bottom:1px solid var(--border)}
.hero::after{content:"";position:absolute;width:640px;height:640px;right:-300px;top:50px;border:1px solid rgba(77,163,255,.12);border-radius:50%;box-shadow:0 0 0 100px rgba(77,163,255,.025),0 0 0 200px rgba(77,163,255,.018)}
.hero__grid{position:relative;z-index:1;display:grid;gap:var(--space-8);align-items:center}.hero__copy{max-width:760px}.hero h1{margin-bottom:var(--space-5)}.hero h1 span{color:var(--accent-2)}.hero__lede{max-width:680px;font-size:clamp(1.08rem,2.2vw,1.32rem)}.hero .button-row{margin-top:var(--space-6)}
.market-panel{position:relative;min-height:360px;padding:var(--space-5);border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);background:rgba(15,21,37,.82);box-shadow:var(--shadow-float);overflow:hidden}.market-panel__top{display:flex;justify-content:space-between;align-items:start;gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border)}.market-panel__symbol strong{display:block;font-family:var(--font-display)}.market-panel__symbol span{color:var(--text-dim);font-size:.75rem}.market-panel__price{text-align:right}.market-panel__price strong{display:block;font-family:var(--font-mono);font-size:1.1rem}.market-panel__price span{color:var(--up);font-family:var(--font-mono);font-size:.74rem}
.chart-placeholder{height:220px;margin-top:var(--space-5);position:relative;background:repeating-linear-gradient(to right,transparent 0,transparent calc(20% - 1px),rgba(36,49,80,.45) 20%),repeating-linear-gradient(to bottom,transparent 0,transparent calc(25% - 1px),rgba(36,49,80,.45) 25%)}.chart-placeholder svg{width:100%;height:100%}.chart-placeholder__label{position:absolute;left:53%;top:17%;display:flex;align-items:center;gap:6px;color:var(--gold-soft);font-family:var(--font-mono);font-size:.65rem}.chart-placeholder__label::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold)}
.principles{display:grid;gap:var(--space-4)}.principle{display:grid;grid-template-columns:auto 1fr;gap:var(--space-4);padding:var(--space-5);border-top:1px solid var(--border)}.principle__number{color:var(--gold);font-family:var(--font-mono);font-weight:800}.principle h3{margin-bottom:var(--space-2)}
.component-band{background:var(--bg-800);border-block:1px solid var(--border)}.showcase-stack{display:grid;gap:var(--space-7);min-width:0}.showcase-row{display:grid;gap:var(--space-5);min-width:0}.showcase-row>*{min-width:0}.showcase-label{color:var(--text-dim);font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.12em}.swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2)}.swatch{height:76px;min-width:0;border-radius:var(--radius-sm);border:1px solid var(--border);padding:var(--space-2);display:flex;align-items:end;color:var(--text-muted);font:600 .65rem var(--font-mono)}.swatch--navy{background:var(--bg-900)}.swatch--surface{background:var(--surface)}.swatch--blue{background:var(--accent)}.swatch--gold{background:var(--gold);color:var(--bg-900)}
.shell-notice{display:grid;gap:var(--space-5);padding:var(--space-6);margin-bottom:var(--space-8);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.shell-notice h2{font-size:clamp(1.4rem,3vw,2rem);margin-bottom:var(--space-3)}.shell-notice p{margin:0}.shell-notice__status{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--gold-soft);font-family:var(--font-mono);font-size:.75rem}.shell-notice__status::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 5px rgba(242,179,61,.12)}
.route-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);padding:0;margin:0}.route-list a{display:flex;justify-content:space-between;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-800);color:var(--text-muted);text-decoration:none;font-size:.84rem}.route-list a:hover{color:var(--text);border-color:var(--accent-2)}
.candle-up{fill:color-mix(in srgb,var(--up) 55%,transparent);stroke:var(--up)}.candle-down{fill:color-mix(in srgb,var(--down) 58%,transparent);stroke:var(--down)}.chart-volume{fill:var(--accent-2)}
@media(min-width:768px){.principles{grid-template-columns:repeat(3,1fr)}.principle{border-top:0;border-left:1px solid var(--border)}.shell-notice{grid-template-columns:1fr auto;align-items:center}.route-list{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1024px){.hero__grid{grid-template-columns:1.08fr .92fr}.market-panel{transform:perspective(1000px) rotateY(-3deg) rotateX(1deg)}.showcase-row--split{grid-template-columns:.8fr 1.2fr;align-items:start}}
@media(max-width:600px){.swatches{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.newsletter__form{flex-direction:column;align-items:stretch}.stats{grid-template-columns:1fr}.stat{border-right:0;border-bottom:1px solid var(--border)}.route-list{grid-template-columns:1fr}}

.content-section{margin-block:var(--space-7)}.content-section:first-child{margin-top:0}.content-section--panel{display:grid;gap:var(--space-5);align-items:center;padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}
.detail-grid{display:grid;gap:var(--space-7);align-items:start}.detail-aside{display:grid;gap:var(--space-4)}.detail-aside .card h2{font-size:1.35rem;margin-top:var(--space-3)}.prose--wide{max-width:none}.prose section+section{margin-top:var(--space-7)}.prose .lede,.lede{font-size:1.2rem;color:var(--text)}
.check-list,.mistake-list{display:grid;gap:var(--space-3);padding:0;list-style:none}.check-list li,.mistake-list li{position:relative;padding-left:28px;color:var(--text-muted)}.check-list li::before,.mistake-list li::before{position:absolute;left:0;font-family:var(--font-mono);font-weight:800}.check-list li::before{content:'✓';color:var(--success)}.mistake-list li::before{content:'×';color:var(--danger)}
.curriculum{display:grid;gap:var(--space-3);padding:0;list-style:none}.curriculum li{display:grid;grid-template-columns:auto 1fr;gap:var(--space-4);padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.curriculum li>span{color:var(--gold)}.curriculum h3{margin-bottom:var(--space-2)}.curriculum p{margin:0}
.related-link{display:flex;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border);text-decoration:none}.tag-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.rules-grid{display:grid;gap:var(--space-5);margin-block:var(--space-7)}.rules-grid>section{margin:0;padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}
.static-chart-card{display:grid;gap:var(--space-4);padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius);background:var(--grad-hero)}.static-chart-card h3{margin-top:var(--space-3)}.chart-study__canvas{min-height:390px;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-800)}.chart-study__grid{min-height:355px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:repeating-linear-gradient(to right,transparent 0,transparent calc(12.5% - 1px),rgba(36,49,80,.6) 12.5%),repeating-linear-gradient(to bottom,transparent 0,transparent calc(20% - 1px),rgba(36,49,80,.6) 20%)}.chart-study__grid span{color:var(--gold);font:700 .75rem var(--font-mono);text-transform:uppercase;letter-spacing:.08em}.chart-study__grid strong{margin:var(--space-3);font:700 clamp(1.6rem,4vw,2.5rem) var(--font-display)}.chart-study__grid small{color:var(--text-dim);font-family:var(--font-mono)}.chart-study>.tag-list{margin-top:var(--space-4)}
.practice-shell{display:grid;gap:var(--space-5);align-items:start}.decision-list{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);margin-block:var(--space-4)}.decision-list span{padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-dim);text-align:center}.scenario-evidence{padding:var(--space-4);margin-block:var(--space-3);border-left:3px solid var(--accent-2);background:var(--bg-800)}.scenario-evidence p{margin:var(--space-2) 0 0}.steps-grid{display:grid;gap:var(--space-4)}.steps-grid article{padding:var(--space-5);border-top:1px solid var(--border)}.steps-grid article>span{color:var(--gold);font-family:var(--font-mono)}
.formula{padding:var(--space-4);margin-block:var(--space-4);border-radius:var(--radius-sm);background:var(--bg-900)}.formula span{display:block;color:var(--text-dim);font-size:.72rem;text-transform:uppercase}.formula strong{display:block;margin-top:var(--space-2);color:var(--gold-soft);font-family:var(--font-mono);font-size:.82rem}.article-card__date,.article-byline{margin-left:var(--space-3);color:var(--text-dim);font:400 .75rem var(--font-mono)}.analysis-article,.research-article{margin-inline:auto}.text-dim,.empty-state{color:var(--text-dim)}
.dashboard-grid{display:grid;gap:var(--space-4);margin-top:var(--space-7)}.pricing-grid{display:grid;gap:var(--space-4)}.pricing-card{padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.pricing-card--featured{border-color:var(--gold);box-shadow:var(--shadow-card)}.pricing-card__price{margin:var(--space-5) 0;color:var(--text);font:700 clamp(1.6rem,4vw,2.4rem) var(--font-display)}.pricing-card__price small{display:block;color:var(--text-dim);font:400 .75rem var(--font-mono)}
.contact-grid{display:grid;gap:var(--space-7)}.contact-form{display:grid;gap:var(--space-4)}.contact-form div{display:grid;gap:var(--space-2)}.contact-form label{font-weight:700}.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text)}.form-note{font-size:.82rem}.roadmap{display:grid;gap:0;padding:0;list-style:none}.roadmap li{display:grid;grid-template-columns:auto 1fr;gap:var(--space-4);padding:var(--space-5) 0;border-top:1px solid var(--border)}.roadmap li>span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--surface-2);color:var(--gold);font-family:var(--font-mono)}
@media(min-width:768px){.content-section--panel{grid-template-columns:1fr auto}.rules-grid,.steps-grid,.pricing-grid{grid-template-columns:repeat(2,1fr)}.static-chart-card{grid-template-columns:1fr auto;align-items:center}.dashboard-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid__wide{grid-column:1/-1}.contact-grid{grid-template-columns:1.4fr .6fr}}
@media(min-width:1024px){.detail-grid{grid-template-columns:minmax(0,1fr) 330px}.practice-shell{grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr)}.pricing-grid{grid-template-columns:repeat(3,1fr)}.steps-grid{grid-template-columns:repeat(3,1fr)}.contact-grid{grid-template-columns:1.5fr .5fr}}

.market-chart{margin-block:var(--space-4);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--bg-800)}
.market-chart__canvas{width:100%;height:clamp(260px,42vw,460px);min-height:260px}.market-chart figcaption,.market-chart__status{padding:var(--space-3) var(--space-4);margin:0;color:var(--text-muted);font-size:.85rem}.market-chart--hero{border:0;margin-bottom:0}.market-chart--replay,.market-chart--simulator{margin-top:var(--space-4)}.chart-alternative{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border)}.chart-alternative dl{display:flex;flex-wrap:wrap;gap:var(--space-4)}.chart-alternative dt{color:var(--text-dim);font-size:.75rem}.chart-alternative dd{margin:0}
.filter-panel,.chart-filters{display:grid;gap:var(--space-4);padding:var(--space-5);margin-bottom:var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}
.search-field,.chart-filters label,.calculator__form label,.dashboard-form label{display:grid;gap:var(--space-2);font-weight:700;color:var(--text)}
.search-field input,.chart-filters select,.calculator__form input,.calculator__form select,.dashboard-form input,.inline-form input{width:100%;min-height:44px;padding:9px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-900);color:var(--text)}
.segmented{display:flex;flex-wrap:wrap;gap:var(--space-2)}.segmented button,.decision-list button{padding:9px 13px;border:1px solid var(--border);border-radius:999px;background:var(--bg-900);color:var(--text-muted);cursor:pointer}.segmented button.is-active,.decision-list button:hover{border-color:var(--accent-2);background:var(--surface-2);color:var(--text)}
.result-count{margin:0;color:var(--text-dim);font-family:var(--font-mono)}.interactive-empty{padding:var(--space-7);border:1px dashed var(--border);text-align:center}
[data-concept-card],[data-chart-card]{min-width:0}[data-concept-card]>.card,[data-chart-card]>.card{height:100%}
.quiz{margin-top:var(--space-7)}.quiz__options{display:grid;gap:var(--space-2);margin-block:var(--space-4)}.quiz__options label,.decision-list label{display:flex;gap:var(--space-2);align-items:center;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer}.quiz__feedback,.feedback-panel{margin-top:var(--space-4);padding:var(--space-4);border-left:3px solid var(--gold);background:var(--bg-900)}.quiz__feedback.is-correct{border-left-color:var(--success)}
.chart-actions,.replay-controls{align-items:center;margin-top:var(--space-4)}.save-status{color:var(--success)}.replay-controls{display:flex;flex-wrap:wrap;gap:var(--space-2)}.replay-controls .numeric{margin-left:auto;color:var(--text-dim)}
.decision-list button{border-radius:var(--radius-sm)}.simulator-scenario fieldset{border:0;margin:var(--space-5) 0;padding:0}.simulator-scenario legend{font-weight:700}.range-field{display:grid;gap:var(--space-2);margin-block:var(--space-4);font-weight:700}.range-field input{accent-color:var(--accent)}
.calculator-grid{align-items:start}.calculator:hover{transform:none}.calculator__form{display:grid;gap:var(--space-3);margin-block:var(--space-4)}.calculator__result{padding:var(--space-3);border-left:3px solid var(--accent-2);background:var(--bg-900);color:var(--text);font-family:var(--font-mono)}.calculator__result.is-error{border-left-color:var(--danger);color:var(--gold-soft)}
.table-scroll{max-height:240px;overflow:auto}.table-scroll table{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:.8rem}.table-scroll th,.table-scroll td{padding:var(--space-2);border-bottom:1px solid var(--border);text-align:right}
.session-grid{display:grid;gap:var(--space-4)}.session-clock{display:grid;gap:var(--space-3)}.session-clock time{font-size:1.7rem;color:var(--text)}
.dashboard-form{display:grid;gap:var(--space-3)}.inline-form{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.inline-form input{min-width:0}.dashboard-list{display:grid;gap:var(--space-2);padding:0;list-style:none}.dashboard-list li,.dashboard-list article,.dashboard-list>article{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border)}.dashboard-list article div:first-child{display:grid}.dashboard-list article span{color:var(--text-dim);font-size:.8rem}.dashboard-list button{border:0;background:none;color:var(--accent-2);cursor:pointer}
@media(min-width:700px){.chart-filters{grid-template-columns:repeat(3,1fr);align-items:end}.chart-filters .button{align-self:end}.session-grid{grid-template-columns:repeat(2,1fr)}.dashboard-form{grid-template-columns:repeat(2,1fr)}.dashboard-form .button{align-self:end}}
@media(min-width:1024px){.session-grid{grid-template-columns:repeat(4,1fr)}}
