/* Marked Chart · editorial trade-desk theme (v2) */
:root{
  --paper:#F4F0E7;--paper2:#ECE6D8;--paper3:#E3DCCB;--ink:#17140F;--ink2:#3A352D;--mute:#756D60;
  --rule:#CFC6B4;--rule2:#E2DACA;--red:#B23318;--green:#1E6A45;--blue:#1F3E78;--gold:#8A6510;
  --serif:"Fraunces","Iowan Old Style",Georgia,serif;--sans:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
}
*{box-sizing:border-box}
html{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:
  linear-gradient(0deg,transparent 0,transparent 100%),var(--paper)}
a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}
h1,h2,h3{font-family:var(--serif);font-weight:600;letter-spacing:-.015em;margin:0 0 .35em;line-height:1.08;font-variation-settings:"opsz" 96}
h1{font-size:clamp(2.2rem,5.2vw,3.9rem)}h2{font-size:clamp(1.5rem,2.6vw,2.1rem)}h3{font-size:1.2rem}
p{margin:.45em 0}
code{font-family:var(--mono);font-size:.86em;background:var(--paper2);border:1px solid var(--rule2);padding:.08em .38em;border-radius:2px}
.wrap{width:min(1120px,100% - 40px);margin:0 auto}
main.wrap{flex:1;padding:8px 0 56px}
.narrow{max-width:520px;margin:32px auto}
.mute{color:var(--mute)}.fine{font-size:.8rem;color:var(--mute);line-height:1.45}
.up{color:var(--green)}.down{color:var(--red)}
.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}
.kicker{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin:0 0 10px}
.kicker b{color:var(--ink);font-weight:600}

/* ---------- masthead ---------- */
.tape{background:var(--ink);color:#E9E3D6;font-family:var(--mono);font-size:.74rem;letter-spacing:.02em;overflow:hidden;white-space:nowrap;height:30px;line-height:30px}
.tape-track{display:inline-block;padding-left:100%;animation:tape 70s linear infinite}
.tape:hover .tape-track{animation-play-state:paused}
.tape span{margin-right:34px}.tape .s{color:#fff;font-weight:600}.tape .up{color:#7CD8A5}.tape .down{color:#F3A08E}
@keyframes tape{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}
.mast{border-bottom:3px double var(--ink);background:var(--paper);position:sticky;top:0;z-index:5}
.mast .wrap{display:flex;align-items:center;justify-content:space-between;height:66px;gap:18px}
.brand{font-family:var(--serif);font-weight:700;font-size:1.35rem;letter-spacing:-.01em;color:var(--ink);display:flex;align-items:baseline;gap:12px}
.brand small{font-family:var(--mono);font-weight:500;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.mkt{font-family:var(--mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);display:flex;align-items:center;gap:8px}
.mkt i{width:8px;height:8px;border-radius:50%;background:var(--rule);display:inline-block}.mkt.open i{background:var(--green)}
nav.menu{display:flex;gap:22px;align-items:center;font-family:var(--mono);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase}
nav.menu a{color:var(--ink);padding-bottom:2px;border-bottom:1px solid transparent}nav.menu a:hover{text-decoration:none;border-color:var(--ink)}
@media (max-width:820px){.mkt{display:none}.mast .wrap{height:58px}.brand{font-size:1.1rem}nav.menu{gap:14px}}

/* ---------- buttons ---------- */
.btn{display:inline-block;background:var(--ink);color:var(--paper);font-family:var(--mono);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;font-weight:600;padding:13px 20px;border-radius:2px;border:1px solid var(--ink);cursor:pointer}
.btn:hover{background:#2B2620;text-decoration:none}
.btn.ghost{background:transparent;color:var(--ink)}.btn.ghost:hover{background:var(--paper2)}
.btn.sm{padding:8px 12px;font-size:.7rem}.btn.lg{padding:16px 26px;font-size:.84rem}

/* ---------- hero ---------- */
.hero{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,6fr);gap:44px;align-items:start;padding:44px 0 26px}
@media (max-width:900px){.hero{grid-template-columns:1fr;gap:20px;padding-top:26px}}
.hero h1{max-width:12ch}
.lede{font-size:1.14rem;color:var(--ink2);max-width:52ch;margin:14px 0 22px}
.cta{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.seat-count{font-family:var(--mono);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.seat-count b{font-size:1.15rem;color:var(--ink);letter-spacing:0;margin-right:2px}
.seat-bar{height:6px;background:var(--paper3);border:1px solid var(--rule);margin:8px 0 4px;width:220px}
.seat-bar i{display:block;height:100%;background:var(--ink)}
.hero-note{font-size:.8rem;color:var(--mute);max-width:46ch}
.hero-card .ticket{margin:0}

/* ---------- sections ---------- */
section.sec{padding:36px 0 8px;border-top:1px solid var(--rule)}
.sec-head{display:flex;justify-content:space-between;align-items:baseline;gap:20px;flex-wrap:wrap;margin-bottom:18px}
.sec-head p{margin:0;color:var(--mute);max-width:56ch}
.cols{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--rule);background:var(--paper2)}
.cols>div{padding:20px 22px;border-right:1px solid var(--rule);background:var(--paper)}
.cols>div:last-child{border-right:0}
.cols h3{margin-top:10px}.cols p{color:var(--ink2);font-size:.95rem}
.num{font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;color:var(--mute)}
@media (max-width:820px){.cols{grid-template-columns:1fr}.cols>div{border-right:0;border-bottom:1px solid var(--rule)}}
.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--rule);margin:8px 0 14px}
.stats div{padding:16px 18px;border-right:1px solid var(--rule)}.stats div:last-child{border-right:0}
.stats b{display:block;font-family:var(--serif);font-size:2rem;font-weight:600;letter-spacing:-.02em}
.stats span{font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
@media (max-width:700px){.stats{grid-template-columns:1fr 1fr}.stats div:nth-child(2){border-right:0}.stats div:nth-child(-n+2){border-bottom:1px solid var(--rule)}}
.plans{display:grid;grid-template-columns:1.2fr 1fr;border:1px solid var(--rule)}
.plan{padding:26px 28px;border-right:1px solid var(--rule)}.plan:last-child{border-right:0;background:var(--paper2)}
.plan .price{font-family:var(--serif);font-size:3.2rem;font-weight:600;letter-spacing:-.03em;line-height:1;margin:6px 0 4px}
.plan .price span{font-family:var(--mono);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);margin-left:6px}
.plan ul{padding-left:0;list-style:none;margin:14px 0 20px}
.plan li{padding:7px 0;border-top:1px solid var(--rule2);font-size:.95rem}.plan li:first-child{border-top:0}
@media (max-width:760px){.plans{grid-template-columns:1fr}.plan{border-right:0;border-bottom:1px solid var(--rule)}}
.faq details{border-top:1px solid var(--rule);padding:14px 0}.faq details:last-child{border-bottom:1px solid var(--rule)}
.faq summary{cursor:pointer;font-family:var(--serif);font-size:1.15rem;font-weight:600;list-style:none;display:flex;justify-content:space-between}
.faq summary::after{content:"+";font-family:var(--mono);color:var(--mute)}.faq details[open] summary::after{content:"–"}
.faq p{color:var(--ink2);max-width:70ch}

/* ---------- ticket (idea card) ---------- */
.ticket{background:#FBF9F4;border:1px solid var(--rule);border-top:3px solid var(--ink);margin:18px 0;box-shadow:0 1px 0 var(--rule)}
.ticket.closed,.ticket.expired{border-top-color:var(--rule)}
.t-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:9px 16px;border-bottom:1px solid var(--rule2);font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.t-head .no{color:var(--ink);font-weight:600}
.st{font-weight:600;padding:1px 7px;border:1px solid currentColor;border-radius:2px}
.st.open{color:var(--green)}.st.win{color:var(--green);background:#E3F0E8}.st.loss{color:var(--red);background:#F6E3DE}.st.flat{color:var(--mute)}
.t-title{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;padding:14px 16px 6px}
.t-sym{font-family:var(--serif);font-size:2.1rem;font-weight:700;letter-spacing:-.02em;line-height:1}
.t-desc{font-family:var(--serif);font-size:1.3rem;font-weight:500;color:var(--ink2)}
.t-desc a{color:inherit}
.t-quote{margin-left:auto;font-family:var(--mono);font-size:.9rem;font-variant-numeric:tabular-nums}
.t-quote small{color:var(--mute);margin-left:6px;font-size:.7rem}
.dir{font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;padding:2px 6px;border:1px solid currentColor;border-radius:2px;vertical-align:middle}
.dir.long{color:var(--green)}.dir.short{color:var(--red)}
.t-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--rule2);border-bottom:1px solid var(--rule2);margin:8px 0 0}
.t-grid div{padding:10px 16px;border-right:1px solid var(--rule2);border-bottom:1px solid var(--rule2);min-width:0}
.t-grid div:nth-child(4n){border-right:0}.t-grid div:nth-last-child(-n+4){border-bottom:0}
.t-grid dt{font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.t-grid dd{margin:1px 0 0;font-family:var(--mono);font-size:1.12rem;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.t-grid dd small{display:block;font-family:var(--sans);font-size:.72rem;color:var(--mute);font-weight:400;white-space:normal}
@media (max-width:700px){.t-grid{grid-template-columns:1fr 1fr}.t-grid div:nth-child(2n){border-right:0}.t-grid div:nth-last-child(-n+4){border-bottom:1px solid var(--rule2)}.t-grid div:nth-last-child(-n+2){border-bottom:0}}
.t-levels{display:flex;gap:26px;flex-wrap:wrap;padding:10px 16px;font-family:var(--mono);font-size:.84rem;font-variant-numeric:tabular-nums;border-bottom:1px solid var(--rule2);background:var(--paper2)}
.t-levels b{font-weight:500;color:var(--mute);letter-spacing:.08em;text-transform:uppercase;font-size:.64rem;margin-right:6px}
.t-live{display:flex;gap:18px;flex-wrap:wrap;align-items:baseline;padding:10px 16px;font-family:var(--mono);font-size:.84rem;border-bottom:1px solid var(--rule2)}
.t-live .big{font-size:1.15rem;font-weight:600}.t-live b{font-weight:500;color:var(--mute);letter-spacing:.08em;text-transform:uppercase;font-size:.64rem;margin-right:6px}
.t-vis{display:grid;grid-template-columns:300px 1fr;gap:0;border-bottom:1px solid var(--rule2)}
.t-vis.one{grid-template-columns:1fr}
@media (max-width:760px){.t-vis{grid-template-columns:1fr}}
.payoff-box{margin:0;padding:12px 16px;border-right:1px solid var(--rule2)}
.t-vis.one .payoff-box{border-right:0}
.payoff{width:100%;height:150px;display:block}
.pf-line{fill:none;stroke:var(--ink);stroke-width:1.6}.pf-pos{fill:#1E6A4522}.pf-neg{fill:#B2331822}.pf-zero{stroke:var(--rule);stroke-width:1}
.pf-spot{stroke:var(--blue);stroke-width:1;stroke-dasharray:3 3}.pf-be{stroke:var(--red);stroke-width:1.2;stroke-dasharray:4 3}
.payoff-box figcaption{font-family:var(--mono);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin-top:6px}
.k-spot{color:var(--blue)}.k-be{color:var(--red)}
.chart{height:230px;position:relative;overflow:hidden;background:#FBF9F4}
.chart .chart-note{position:absolute;inset:0;display:grid;place-items:center;color:var(--mute);font-family:var(--mono);font-size:.78rem}
.chart-tag{position:absolute;left:12px;top:8px;font-family:var(--mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);pointer-events:none;z-index:2}
.t-foot{padding:10px 16px 12px}
.chip{display:inline-block;font-family:var(--mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--rule);padding:3px 8px;border-radius:2px;color:var(--ink2);margin:6px 0 2px}
.chip.warn{border-color:var(--gold);color:var(--gold)}
.note{font-family:var(--serif);font-size:1.12rem;font-style:italic;color:var(--ink2);margin:8px 0 4px;padding-left:12px;border-left:2px solid var(--ink)}
.updates{list-style:none;padding:0;margin:10px 0 0;border-top:1px solid var(--rule2)}
.updates li{padding:7px 0;border-bottom:1px solid var(--rule2);font-size:.92rem;display:flex;gap:12px;flex-wrap:wrap}
.updates time{font-family:var(--mono);font-size:.7rem;color:var(--mute);min-width:150px}
.updates b{font-family:var(--mono);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);font-weight:600}
.raw{font-family:var(--mono);font-size:.68rem;color:var(--mute);margin:8px 0 0;word-break:break-word}
.warnings{color:var(--gold);font-size:.84rem;padding-left:18px;margin:6px 0}
.links a{display:block;font-size:.85rem;word-break:break-all}

/* ---------- feed & pages ---------- */
.page-head{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:10px;padding:26px 0 8px;border-bottom:1px solid var(--rule)}
.page-head h1{font-size:2.2rem}
.live{font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--green)}
.live::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);margin-right:7px;animation:pulse 2s infinite}
.live.off{color:var(--red)}.live.off::before{background:var(--red);animation:none}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.25}}
.section{margin:34px 0 4px;font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);border-bottom:1px solid var(--rule);padding-bottom:6px}
.banner{border:1px solid var(--ink);padding:12px 16px;margin:14px 0;background:#FBF9F4;font-size:.95rem}
.banner.bad{border-color:var(--red);color:var(--red)}
.toast{position:fixed;right:18px;bottom:18px;background:var(--ink);color:var(--paper);font-family:var(--mono);font-size:.78rem;padding:12px 16px;z-index:10;border-radius:2px}
.crumb{font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;margin:16px 0 6px}
.tv-box{margin-top:30px;border:1px solid var(--rule);background:#FBF9F4}
.tv-head{display:flex;justify-content:space-between;align-items:baseline;padding:12px 16px;border-bottom:1px solid var(--rule2)}
.tv-head h2{font-size:1.2rem;margin:0}
.empty{border:1px dashed var(--rule);padding:40px;text-align:center;color:var(--mute);margin:24px 0}

/* ---------- forms & tables ---------- */
.form{border:1px solid var(--rule);background:#FBF9F4;padding:22px 24px}
.form label{display:block;margin:10px 0;font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.form input,.postbox textarea{width:100%;background:#fff;border:1px solid var(--rule);color:var(--ink);padding:12px;font-size:1rem;font-family:var(--sans);margin-top:6px;border-radius:2px}
.form input:focus,.postbox textarea:focus{outline:none;border-color:var(--ink)}
.form .btn{margin-top:14px;width:100%}
.postbox{margin:16px 0}.postbox textarea{font-family:var(--mono);font-size:1.02rem}
.preview{font-family:var(--mono);color:var(--green);font-size:.86rem;margin:8px 0 12px;min-height:1.4em}
.wrap-code{display:block;white-space:pre-wrap;word-break:break-all;margin:6px 0;padding:8px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media (max-width:760px){.two{grid-template-columns:1fr}}
.box{border:1px solid var(--rule);background:#FBF9F4;padding:18px 20px}
.box ol,.box ul{padding-left:20px}.box li{margin:6px 0;font-size:.95rem}
.box .mono li{font-size:.84rem}
table.tr{width:100%;border-collapse:collapse;font-size:.92rem;margin-top:14px}
table.tr th{text-align:left;font-family:var(--mono);font-weight:500;color:var(--mute);font-size:.66rem;text-transform:uppercase;letter-spacing:.12em;padding:8px 8px;border-bottom:1px solid var(--ink)}
table.tr td{padding:10px 8px;border-bottom:1px solid var(--rule2);vertical-align:middle;font-variant-numeric:tabular-nums}
table.tr td.n{font-family:var(--mono);font-size:.88rem}
.legal p{color:var(--ink2);max-width:72ch}
.foot{border-top:3px double var(--ink);padding:22px 0 30px;margin-top:24px}
.foot .fine{max-width:100ch}

/* masthead fixes for narrow panes */
.mast .wrap{flex-wrap:nowrap}
.brand{white-space:nowrap}
@media (max-width:820px){.brand small{display:none}.brand{font-size:1.05rem}nav.menu{font-size:.66rem;gap:12px}nav.menu .btn.sm{padding:6px 9px}}
@media (max-width:520px){.brand{font-size:.95rem}nav.menu{gap:10px;font-size:.62rem}}
.t-title .t-quote{white-space:nowrap}
.t-grid dd{white-space:normal;overflow:visible;text-overflow:clip}
.hero-card .t-grid dd{font-size:1rem}
.hero-card .t-vis{grid-template-columns:1fr 1fr}
@media (max-width:520px){nav.menu{overflow-x:auto;scrollbar-width:none;max-width:52vw;justify-content:flex-end}nav.menu::-webkit-scrollbar{display:none}nav.menu a{flex-shrink:0}}

/* ---------- learn ---------- */
.lessons{list-style:none;padding:0;margin:18px 0;border-top:1px solid var(--ink)}
.lessons li a{display:grid;grid-template-columns:48px 1fr auto;gap:16px;align-items:baseline;padding:16px 4px;border-bottom:1px solid var(--rule);color:var(--ink)}
.lessons li a:hover{background:#FBF9F4;text-decoration:none}
.lessons .l-body b{display:block;font-family:var(--serif);font-size:1.25rem;font-weight:600;letter-spacing:-.01em}
.lessons .l-body .mute{font-size:.93rem}
.lessons.compact li a{padding:11px 4px}.lessons.compact .l-body b{font-size:1.08rem}
.l-meta{font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);white-space:nowrap}
.lock{color:var(--gold)}
.lesson{max-width:720px;margin:0 auto}
.lesson h1{font-size:clamp(2rem,4.4vw,3rem)}
.lesson-body{font-size:1.06rem;line-height:1.7;color:var(--ink2)}
.lesson-body h2{font-size:1.45rem;margin-top:1.8em;color:var(--ink)}
.lesson-body b{color:var(--ink)}
.lesson-body table.tr{font-size:.9rem;margin:18px 0}
.lesson-note{margin-top:28px;border-top:1px solid var(--rule);padding-top:12px}
.lesson-nav{display:flex;justify-content:space-between;gap:20px;margin-top:18px;font-family:var(--mono);font-size:.76rem}
.lock-box{border:1px solid var(--ink);background:#FBF9F4;padding:22px 24px;margin:22px 0}
.lock-box.slim{padding:12px 16px;margin:0 0 8px;border-top:0}
.lock-box .btn{margin-right:8px}
.consult-strip{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;border:1px solid var(--rule);background:var(--paper2);padding:20px 24px;margin:26px 0}
.consult-strip h2{font-size:1.5rem;margin:0}
.consult-hero .box{margin-top:6px}
ul.checks{list-style:none;padding:0}ul.checks li{padding:8px 0 8px 22px;border-top:1px solid var(--rule2);position:relative}
ul.checks li::before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:600}

/* ---------- markets ---------- */
.board-sec{margin-top:30px}
table.board td{padding:8px 8px}
table.board .name{color:var(--mute);font-size:.84rem;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tag{font-family:var(--mono);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;padding:2px 7px;border:1px solid var(--rule);border-radius:2px;white-space:nowrap;color:var(--ink2)}
.tag.dip{border-color:var(--blue);color:var(--blue);background:#E6EBF4}.tag.down{border-color:var(--red);color:var(--red)}
.spark{width:90px;height:22px;display:block}.spark polyline{fill:none;stroke-width:1.2;vector-effect:non-scaling-stroke}
.spark .up{stroke:var(--green)}.spark .down{stroke:var(--red)}
@media (max-width:760px){.hide-sm{display:none}}

.preview-bar{background:var(--gold);color:#fff;font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;text-align:center;padding:7px 12px}

/* =================== v3: color, imagery, infographics =================== */
:root{--navy:#1E2A44;--navy2:#26365A;--gold:#D9A441;--coral:#DE6A52;--emerald:#2E6B55;--violet:#6B5B95;--cream:#F3ECDD}
html,body{overflow-x:hidden}
.btn.coral,.btn.primary{background:var(--coral);border-color:var(--coral);color:#fff}
.btn.coral:hover,.btn.primary:hover{background:#C9563F}
.btn.gold{background:var(--gold);border-color:var(--gold);color:var(--navy)}
.band{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:0}
.band.navy{background:var(--navy);color:var(--cream)}
.band.cream{background:var(--cream)}
.band.emerald{background:var(--emerald);color:var(--cream)}
.band .inner{width:min(1120px,100% - 40px);margin:0 auto}

/* hero v3 */
.hero3{padding:54px 0 70px;position:relative;overflow:hidden}
.hero3 .inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:44px;align-items:center}
.hero3 h1{color:#FFF8EA;max-width:13ch;font-size:clamp(2.4rem,5vw,4.1rem)}
.hero3 .kicker{color:var(--gold)}.hero3 .kicker b{color:#fff}
.hero3 .lede{color:#D8D2C4}
.hero3 .hero-note{color:#A9A395}
.hero3 .seat-count{color:#C9C2B2}.hero3 .seat-count b{color:var(--gold)}
.hero-art{position:relative}
.hero-art img{width:100%;display:block;border-radius:6px;box-shadow:0 30px 60px #0008}
.hero-art .stamp{position:absolute;left:-18px;bottom:-22px;background:var(--gold);color:var(--navy);font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;padding:12px 16px;border-radius:3px;box-shadow:0 10px 24px #0006}
.hero-art .stamp b{display:block;font-family:var(--serif);font-size:1.6rem;letter-spacing:-.02em;text-transform:none}
@media (max-width:900px){.hero3 .inner{grid-template-columns:1fr}.hero-art .stamp{left:12px}}

/* tiles */
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:-34px 0 10px;position:relative;z-index:2}
.tile{border-radius:8px;padding:18px 20px;color:#fff;box-shadow:0 12px 30px #1E2A4422}
.tile b{display:block;font-family:var(--serif);font-size:2.3rem;line-height:1;letter-spacing:-.02em}
.tile span{font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;opacity:.92}
.t-coral{background:var(--coral)}.t-gold{background:var(--gold);color:var(--navy)}.t-emerald{background:var(--emerald)}.t-navy{background:var(--navy2)}
@media (max-width:760px){.tiles{grid-template-columns:1fr 1fr}}

/* colored kickers */
.kicker.k-coral{color:var(--coral)}.kicker.k-gold{color:#A87814}.kicker.k-emerald{color:var(--emerald)}.kicker.k-navy{color:var(--navy)}

/* infographics */
.ig{margin:18px 0 8px;background:#FFFDF7;border:1px solid var(--rule);border-radius:8px;padding:14px 16px 10px}
.ig svg{width:100%;height:auto;display:block}
.ig text{font-family:"IBM Plex Sans",sans-serif}
.ig text:not([fill]){fill:#1E2A44}
.ig .ig-t{font-size:17px;font-weight:600}
.ig .ig-s{font-size:14px}
.ig .ig-s:not([fill]){fill:#4A4439}
.ig .ig-k{font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.12em;font-weight:600}
.ig .ig-big{font-family:"Fraunces",serif;font-size:22px;font-weight:700}
.ig .ig-n{font-family:"Fraunces",serif;font-size:22px;font-weight:700;fill:#fff}
.ig .ig-foot{font-size:12px}
.ig .ig-foot:not([fill]){fill:#756D60}
.ig-doc{background:transparent;border:0;padding:0}
.ig-stairs{max-width:520px}

/* image cards (lessons) */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:18px 0}
.lcard{display:flex;flex-direction:column;background:#FFFDF7;border:1px solid var(--rule);border-radius:8px;overflow:hidden;color:var(--ink);transition:transform .15s ease,box-shadow .15s ease}
.lcard:hover{transform:translateY(-3px);box-shadow:0 16px 30px #1E2A441f;text-decoration:none}
.lcard img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;border-bottom:1px solid var(--rule)}
.lcard .lc-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}
.lcard .lc-meta{font-family:var(--mono);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);display:flex;justify-content:space-between}
.lcard b{font-family:var(--serif);font-size:1.18rem;font-weight:600;letter-spacing:-.01em;line-height:1.2}
.lcard p{margin:0;color:var(--ink2);font-size:.9rem}
.pill-free{color:var(--emerald)}.pill-mem{color:#A87814}
@media (max-width:900px){.cards{grid-template-columns:1fr 1fr}}@media (max-width:560px){.cards{grid-template-columns:1fr}}
.lesson-hero{width:100%;border-radius:8px;display:block;margin:10px 0 18px;box-shadow:0 14px 30px #1E2A4422}
.banner-img{width:100%;border-radius:8px;display:block;margin:14px 0 6px;max-height:320px;object-fit:cover}
.split{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center}
@media (max-width:860px){.split{grid-template-columns:1fr}}
.band.navy .btn.ghost{color:var(--cream);border-color:var(--cream)}
.mast{background:#FBF7EE}
img{max-width:100%;height:auto}
.lcard img{height:auto;aspect-ratio:4/3}

/* v4: price box, benefit list */
.pricebox{border-radius:8px;padding:14px 18px;margin:18px 0 18px;max-width:560px}
.pricebox p{margin:4px 0;font-size:.98rem}
.pricebox .pb-main{font-size:1.15rem}
.pricebox .pb-lock{font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;margin-top:8px}
.pricebox.dark{background:#FFFFFF12;border:1px solid var(--gold);color:#EDE6D6}
.pricebox.dark b{color:var(--gold)}.pricebox.dark .pb-lock{color:#C9C2B2}
.pricebox.light{background:#FFF6E3;border:1px solid var(--gold);color:var(--ink2)}
.pricebox.light b{color:var(--coral)}.pricebox.light .pb-lock{color:#8A6510}
.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:10px 0 18px}
.benefit{display:flex;gap:14px;align-items:flex-start;background:#FFFDF7;border:1px solid var(--rule);border-radius:8px;padding:16px 18px}
.benefit b{font-family:var(--serif);font-size:1.12rem;font-weight:600;display:block;margin-bottom:4px}
.benefit p{margin:0;color:var(--ink2);font-size:.93rem}
.b-num{flex:0 0 34px;height:34px;border-radius:50%;color:#fff;display:grid;place-items:center;font-family:var(--serif);font-weight:700;font-size:1.05rem}
@media (max-width:900px){.benefits{grid-template-columns:1fr 1fr}}@media (max-width:600px){.benefits{grid-template-columns:1fr}}
.cta-strip{display:flex;align-items:center;gap:24px;flex-wrap:wrap;background:var(--cream);border-radius:8px;padding:6px 20px}
.cta-strip .pricebox{margin:12px 0;flex:1;min-width:260px}
.plan .pricebox{margin:10px 0}

/* brand */
.brand-logo{height:36px;width:auto;display:block}
.brand{align-items:center}
@media (max-width:820px){.brand-logo{height:30px}}@media (max-width:520px){.brand-logo{height:26px}}
.foot-brand{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:14px}
.foot-brand img{height:40px;width:auto}.foot-brand span{font-family:var(--serif);font-style:italic;color:var(--ink2)}
.hero-brand{height:52px;width:auto;margin-bottom:22px;display:block}
.auth-mark{display:block;width:64px;height:64px;margin:0 0 14px}

.brand small{margin-left:4px}
nav.menu a.btn{color:#fff;background:var(--coral);border-color:var(--coral);padding:8px 14px}
nav.menu a.btn:hover{background:#C9563F;border-color:#C9563F}

/* v11 mobile fixes: nav scrolls from the first link, record table fits */
@media (max-width:520px){nav.menu{justify-content:flex-start;max-width:58vw;-webkit-overflow-scrolling:touch}}
@media (max-width:420px){.mast .wrap{gap:10px}.brand-logo{height:22px}}

/* v12: lesson levels, summary box */
.level{margin:30px 0 10px}
.level-head{display:flex;gap:16px;align-items:flex-start;border-top:1px solid var(--ink);padding-top:16px}
.level-num{flex:0 0 42px;height:42px;border-radius:50%;background:var(--navy);color:var(--cream);display:grid;place-items:center;font-family:var(--serif);font-weight:700;font-size:1.2rem}
.level-head h2{margin:0}.level-head p{margin:2px 0 0}
.level-chip{font-family:var(--mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;padding:2px 8px;border-radius:999px;margin-right:8px;color:#fff}
.level-chip.basics{background:var(--emerald)}.level-chip.intermediate{background:var(--gold);color:var(--navy)}.level-chip.advanced{background:var(--coral)}
.tldr{background:#FFF6E3;border-left:4px solid var(--gold);border-radius:6px;padding:14px 18px;margin:0 0 22px}
.tldr b{font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#8A6510}
.tldr ul{margin:8px 0 0;padding-left:18px}.tldr li{margin:4px 0;color:var(--ink)}
.lesson-body h2:last-of-type{color:var(--emerald)}

/* v13: calm landing */
.landing section.sec.calm{padding:56px 0 18px;border-top:1px solid var(--rule2)}
.landing .hero3{padding:64px 0 76px}
.landing .hero3 h1{font-size:clamp(2.3rem,4.6vw,3.7rem);max-width:14ch}
.landing .hero3 .lede{font-size:1.12rem;max-width:46ch}
.steps3{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
.steps3 h3{font-size:1.25rem;margin:10px 0 6px}.steps3 p{color:var(--ink2);margin:0}
.step-n{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1.5px solid var(--navy);font-family:var(--serif);font-weight:700;color:var(--navy)}
@media (max-width:760px){.steps3{grid-template-columns:1fr;gap:22px}}
.gets{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0 48px}
.gets li{padding:16px 0;border-top:1px solid var(--rule2)}
.gets b{display:block;font-family:var(--serif);font-size:1.15rem;font-weight:600}
.gets span{color:var(--mute);font-size:.95rem}
@media (max-width:700px){.gets{grid-template-columns:1fr}}
.path{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.path-head{margin:0 0 8px}
.path ol{margin:0;padding-left:20px}.path li{padding:6px 0;color:var(--ink2)}
.path a{color:var(--ink)}.path .pill-mem{font-family:var(--mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase}
@media (max-width:820px){.path{grid-template-columns:1fr;gap:18px}}
.consult-line{margin:22px 0 0;color:var(--ink2);text-align:center}
.landing .plans{border-radius:8px;overflow:hidden}
.landing .faq details:first-of-type{border-top:0}

.howbox{border:1px solid var(--rule);border-left:4px solid var(--gold);border-radius:6px;background:#FFFDF7;padding:16px 20px;margin:18px 0 6px}
.howbox ol{margin:6px 0 8px;padding-left:20px}.howbox li{margin:6px 0;color:var(--ink2)}