@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Newsreader:opsz,wght@6..72,500;6..72,600&display=swap');

:root { --ink:#e1e5e7; --muted:#a2aaae; --faint:#7a8388; --line:#3b4247; --panel:#252a2e; --bg:#171a1d; --mint:#a9f0c5; --coral:#ff8e78; --amber:#f0c879; --mono:'DM Mono', monospace; --sans:'Manrope', sans-serif; --serif:'Newsreader', serif; }
[data-theme="dark"] { --ink:#e1e5e7; --muted:#a2aaae; --faint:#7a8388; --line:#3b4247; --panel:#252a2e; --bg:#171a1d; --mint:#a9f0c5; --coral:#ff8e78; --amber:#f0c879; }
[data-theme="light"] { --ink:#20312f; --muted:#506662; --faint:#71817d; --line:#c7d4d0; --panel:#f0f5f2; --bg:#f8fbf9; --mint:#18734e; --coral:#bd4d3e; --amber:#9a6812; }
* { box-sizing:border-box; } body { margin:0; color:var(--ink); background:var(--bg); font-family:var(--sans); font-size:13px; } body:before { content:''; position:fixed; inset:0; pointer-events:none; opacity:.14; background-image:linear-gradient(rgba(210,216,220,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(210,216,220,.07) 1px,transparent 1px); background-size:48px 48px; mask-image:linear-gradient(to bottom,#000,transparent 78%); }
[data-theme="dark"] body:before { opacity:.14; background-image:linear-gradient(rgba(210,216,220,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(210,216,220,.07) 1px,transparent 1px); }
[data-theme="light"] .big-number,[data-theme="light"] .metric-value,[data-theme="light"] .mover-symbol,[data-theme="light"] .evidence-row strong,[data-theme="light"] .level strong,[data-theme="light"] .replay h4,[data-theme="light"] .window-card h4,[data-theme="light"] .roadmap-level-top strong,[data-theme="light"] td:first-child,[data-theme="light"] .callout strong { color:var(--ink); }
[data-theme="light"] .support-link:hover,[data-theme="light"] .theme-toggle:hover,[data-theme="light"] .x-link:hover { color:var(--ink); }
[data-theme="light"] .attention-panel,[data-theme="light"] .movers-panel { background:#ffffff; border-color:#9eafaa; }
[data-theme="light"] .attention-panel .panel-heading,[data-theme="light"] .movers-panel .panel-heading { border-bottom-color:#9eafaa; }
[data-theme="light"] .attention-panel h3,[data-theme="light"] .movers-panel h3,[data-theme="light"] .mover-story { color:#20312f; }
[data-theme="light"] .attention-panel .unit,[data-theme="light"] .movers-panel .unit { color:#506662; }
.app-shell { max-width:1500px; margin:auto; padding:0 42px; } .topbar { min-height:82px; border-bottom:1px solid var(--line); display:flex; align-items:center; gap:26px; } .brand-lockup { display:flex; gap:12px; align-items:center; } .brand-mark { display:grid; place-items:center; width:36px; height:36px; border:1px solid var(--mint); color:var(--mint); font:500 12px var(--mono); letter-spacing:-1px; } h1,h2,h3,p { margin:0; } h1 { font-size:15px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; } .eyebrow { color:var(--muted); font:500 10px var(--mono); letter-spacing:.1em; text-transform:uppercase; } .accent { color:var(--mint); } .topbar-meta { display:flex; align-items:center; gap:10px; color:var(--muted); font:10px var(--mono); letter-spacing:.08em; } .topbar-actions { margin-left:auto; display:flex; align-items:center; gap:24px; } .theme-toggle { width:30px; height:30px; padding:0; display:grid; place-items:center; border:1px solid var(--line); background:transparent; color:var(--mint); font:16px var(--mono); cursor:pointer; } .theme-toggle:hover { border-color:var(--mint); color:var(--ink); } .live-dot { width:6px; height:6px; background:var(--mint); border-radius:50%; box-shadow:0 0 12px var(--mint); } .divider { height:13px; width:1px; background:var(--line); } .source-link { color:var(--mint); font:14px var(--sans); text-decoration:none; border-bottom:1px solid #426455; padding-bottom:3px; }
.hero-grid { display:grid; grid-template-columns:1.45fr .55fr; gap:70px; padding:72px 0 54px; align-items:end; } .hero-copy h2 { font-size:clamp(48px,6vw,94px); line-height:.9; letter-spacing:-.07em; font-weight:700; margin:18px 0 25px; } .hero-copy h2 em { color:var(--mint); font-family:var(--serif); font-weight:500; letter-spacing:-.04em; } .lede { color:#a8bab5; max-width:710px; line-height:1.7; font-size:14px; } .hero-tags { display:flex; flex-wrap:wrap; gap:8px; margin-top:27px; } .hero-tags span,.status-chip { padding:7px 9px; border:1px solid var(--line); color:var(--muted); font:10px var(--mono); letter-spacing:.04em; } .close-card { background:var(--panel); border:1px solid var(--line); padding:23px 24px 20px; min-height:220px; } .card-heading,.close-foot { display:flex; justify-content:space-between; color:var(--muted); font:10px var(--mono); letter-spacing:.08em; } .status-chip.up { color:var(--mint); border-color:#416c54; padding:5px 7px; } .big-number { font:500 clamp(37px,4vw,60px) var(--mono); letter-spacing:-.08em; margin:34px 0 21px; color:#f0f7f3; } .sparkline { display:flex; align-items:end; height:37px; gap:5px; border-bottom:1px solid var(--line); } .sparkline i { display:block; width:100%; background:var(--mint); opacity:.72; } .sparkline i:nth-child(1){height:35%}.sparkline i:nth-child(2){height:46%}.sparkline i:nth-child(3){height:28%}.sparkline i:nth-child(4){height:69%}.sparkline i:nth-child(5){height:53%}.sparkline i:nth-child(6){height:78%}.sparkline i:nth-child(7){height:50%}.sparkline i:nth-child(8){height:62%}.sparkline i:nth-child(9){height:43%}.sparkline i:nth-child(10){height:73%}.sparkline i:nth-child(11){height:64%}.sparkline i:nth-child(12){height:89%}.sparkline i:nth-child(13){height:75%}.sparkline i:nth-child(14){height:91%}.sparkline i:nth-child(15){height:95%} .close-foot { margin-top:12px; color:var(--faint); }
.metric-grid { display:grid; grid-template-columns:repeat(8,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); } .metric { min-width:0; padding:18px 15px 17px 0; border-right:1px solid var(--line); margin-right:15px; } .metric:last-child { border:0; } .metric-label { font:10px var(--mono); color:var(--muted); } .metric-value { margin-top:10px; color:#f0f7f3; font:500 18px var(--mono); white-space:nowrap; } .metric-change { margin-top:5px; font:11px var(--mono); } .up-text { color:var(--mint); }.down-text { color:var(--coral); }.neutral-text{color:var(--amber)}
.content-grid { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(320px,.75fr); gap:55px; padding:64px 0; } .section-heading { display:flex; align-items:end; justify-content:space-between; gap:20px; border-bottom:1px solid var(--line); padding-bottom:16px; margin-bottom:0; } h3 { font-size:23px; letter-spacing:-.04em; margin-top:8px; } .section-note,.unit { font:10px var(--mono); color:var(--faint); text-transform:uppercase; letter-spacing:.06em; padding-bottom:3px; }.drivers-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:var(--line); border-bottom:1px solid var(--line); }.driver { background:var(--bg); padding:24px 22px 27px 0; min-height:173px; }.driver:nth-child(even){padding-left:22px}.driver h4 { font-size:14px; text-transform:uppercase; letter-spacing:.03em; margin-bottom:11px; }.driver p { line-height:1.6; color:var(--muted); font-size:12px; }.driver .source { color:var(--mint); font:10px var(--mono); margin-top:14px; display:block; }.timeline-heading { margin-top:60px; }.timeline { border-left:1px solid var(--line); margin:22px 0 0 10px; }.timeline-item { position:relative; padding:0 0 25px 25px; }.timeline-item:before { content:''; position:absolute; width:7px; height:7px; border:1px solid var(--mint); background:var(--bg); left:-4px; top:2px; }.timeline-time { color:var(--mint); font:10px var(--mono); }.timeline-title { font-weight:700; margin:6px 0 5px; }.timeline-copy { color:var(--muted); font-size:12px; line-height:1.55; max-width:720px; }
.panel { border:1px solid var(--line); background:rgba(37,42,46,.72); margin-bottom:22px; }.panel-heading { padding:19px 20px 16px; display:flex; justify-content:space-between; align-items:end; border-bottom:1px solid var(--line); }.panel h3 { font-size:16px; }.attention-chart { height:190px; display:flex; align-items:end; gap:4px; padding:22px 20px 0; }.bar { flex:1; background:var(--mint); opacity:.75; min-height:3px; position:relative; transition:opacity .2s, transform .2s; }.bar:hover { opacity:1; transform:translateY(-3px); }.bar span { display:none; position:absolute; top:-18px; right:0; color:var(--mint); font:9px var(--mono); }.bar:hover span{display:block}.chart-axis { display:flex; justify-content:space-between; padding:10px 20px 17px; color:var(--faint); font:9px var(--mono); }.movers-panel { padding-bottom:6px; }.mover { display:grid; grid-template-columns:48px 1fr auto; align-items:center; gap:13px; padding:15px 20px; border-bottom:1px solid rgba(59,66,71,.7); }.mover:last-child{border:0}.mover-symbol{font:500 13px var(--mono); color:#fff}.mover-story{color:var(--muted); font-size:11px; line-height:1.3}.mover-value{font:11px var(--mono)}
.evidence-section,.levels-section,.replay-section,.context-section,.window-section { padding:0 0 64px; }.evidence-table { border-bottom:1px solid var(--line); }.evidence-row { display:grid; grid-template-columns:1fr 1.7fr .55fr 1.3fr; gap:18px; align-items:center; padding:15px 0; border-bottom:1px solid rgba(41,64,61,.65); }.evidence-row strong,.level strong,.replay h4,.window-card h4 { color:#fff; font:500 12px var(--mono); }.evidence-row span,.evidence-row em,.level p,.level span,.replay-step span,.window-card p { color:var(--muted); font-size:12px; line-height:1.45; }.evidence-row b { color:var(--mint); font:10px var(--mono); }.evidence-row em { font-style:normal; }.callout { margin:22px 0 0; color:var(--mint); border-left:2px solid var(--mint); padding:2px 0 2px 17px; font-size:13px; line-height:1.6; }.callout strong { color:#fff; }.levels-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:var(--line); }.level { background:var(--bg); padding:22px; min-height:145px; }.level p { margin:13px 0 12px; }.level span { color:var(--mint); }.replay-grid,.window-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:30px; padding-top:25px; }.replay h4,.window-card h4 { border-bottom:1px solid var(--line); padding-bottom:14px; }.replay-step { display:grid; grid-template-columns:75px 1fr; gap:15px; padding:15px 0; border-bottom:1px solid rgba(41,64,61,.65); }.replay-step b { color:var(--mint); font:10px var(--mono); }.window-card { padding:23px 0; border-bottom:1px solid var(--line); }.window-card p { margin:15px 0 12px; }.context-table-wrap { overflow:auto; }.context-section table { min-width:900px; }.context-section td:nth-child(3) { max-width:430px; line-height:1.5; }.context-timing { color:var(--amber); font:10px var(--mono); }.method-note { border-top:1px solid var(--line); margin:20px 0 0; padding-top:17px; color:var(--faint); font:10px var(--mono); line-height:1.6; }
.roadmap-section { padding:0 0 68px; }.roadmap-context { display:grid; grid-template-columns:180px 1fr; gap:24px; padding:23px 0 28px; border-bottom:1px solid var(--line); }.roadmap-kicker { color:var(--mint); font:10px var(--mono); text-transform:uppercase; letter-spacing:.08em; }.roadmap-context p:last-child { color:var(--muted); line-height:1.7; max-width:950px; }.roadmap-context strong { color:var(--ink); font-family:var(--mono); font-weight:500; }.roadmap-chart { margin:28px 0 1px; background:#0c0c0c; border:1px solid var(--line); }.roadmap-chart-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; background:var(--line); }.roadmap-chart-pair > div { position:relative; min-width:0; min-height:320px; overflow:hidden; background:#0c0c0c; display:flex; align-items:center; justify-content:center; }.roadmap-chart img { display:block; width:100%; height:100%; max-height:620px; object-fit:cover; object-position:center; }.roadmap-chart-pair span { position:absolute; left:14px; bottom:13px; padding:6px 8px; color:var(--mint); background:rgba(11,23,23,.88); border:1px solid var(--line); font:10px var(--mono); letter-spacing:.06em; }.roadmap-chart figcaption { padding:11px 15px; color:var(--faint); font:10px var(--mono); letter-spacing:.06em; text-transform:uppercase; border-top:1px solid var(--line); }.roadmap-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:var(--line); }.roadmap-level { background:var(--bg); padding:23px; min-height:194px; border-top:2px solid var(--line); }.roadmap-level.risk { border-top-color:var(--coral); }.roadmap-level.anchor,.roadmap-level.shelf { border-top-color:var(--mint); }.roadmap-level.upside { border-top-color:var(--amber); }.roadmap-level-top { display:flex; justify-content:space-between; gap:15px; align-items:start; }.roadmap-level-top span { color:var(--muted); font:10px var(--mono); letter-spacing:.06em; }.roadmap-level-top strong { color:#fff; font:500 27px var(--mono); letter-spacing:-.05em; }.roadmap-level p { color:var(--muted); font-size:12px; line-height:1.55; margin:18px 0 15px; max-width:570px; }.roadmap-level b { color:var(--mint); font:10px var(--mono); letter-spacing:.04em; }.roadmap-level.risk b { color:var(--coral); }.roadmap-level.upside b { color:var(--amber); }.roadmap-bottom { display:grid; grid-template-columns:1.3fr 1.3fr .8fr; gap:1px; background:var(--line); margin-top:1px; }.roadmap-callout { background:var(--panel); padding:22px; min-height:170px; }.roadmap-callout h4 { color:#fff; font:500 18px var(--mono); margin:11px 0 12px; }.roadmap-callout p:last-child { color:var(--muted); font-size:12px; line-height:1.55; }.roadmap-callout.trigger { background:#182822; }
.ledger-section { padding:0 0 64px; }.ledger-toolbar { display:flex; justify-content:space-between; align-items:center; padding:20px 0 14px; gap:20px; }.filter-group{display:flex;gap:5px; flex-wrap:wrap}.filter { color:var(--muted); border:1px solid var(--line); background:transparent; padding:7px 10px; font:10px var(--mono); cursor:pointer; }.filter.active,.filter:hover{color:var(--mint);border-color:#416c54}.search-wrap { border-bottom:1px solid var(--line); padding:5px 0; display:flex; gap:7px; align-items:center; color:var(--muted); }.search-wrap input { border:0; outline:0; color:var(--ink); background:transparent; font:11px var(--mono); width:150px; }.ledger-table-wrap{overflow:auto} table { width:100%; border-collapse:collapse; min-width:720px; } th { text-align:left; padding:12px 12px; color:var(--faint); border-bottom:1px solid var(--line); font:10px var(--mono); text-transform:uppercase; letter-spacing:.05em; } td { padding:14px 12px; border-bottom:1px solid rgba(41,64,61,.65); color:var(--muted); font-size:12px; } td:first-child { color:#fff; font:500 12px var(--mono); } td:nth-child(2),td:nth-child(3),td:nth-child(4),td:nth-child(5){font-family:var(--mono);}.day-up{color:var(--mint)}.day-down{color:var(--coral)}.day-watch{color:var(--amber)}
.ahead-section { border-top:1px solid var(--line); padding:54px 0 70px; display:grid; grid-template-columns:.5fr 1.5fr; gap:60px; }.calendar{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line)}.event { background:var(--bg); padding:18px; min-height:94px; }.event-date { color:var(--mint); font:10px var(--mono); }.event-title { margin-top:10px; font-size:13px; }.event-source{color:var(--faint);font:10px var(--mono);margin-top:8px} footer { border-top:1px solid var(--line); padding:19px 0 28px; display:flex; flex-wrap:wrap; gap:14px 30px; justify-content:space-between; color:var(--faint); font:9px var(--mono); letter-spacing:.05em; } .support-link { color:var(--mint); text-decoration:none; border-bottom:1px solid #426455; padding-bottom:3px; } .support-link:hover { color:#fff; border-color:var(--mint); } .x-link { display:inline-flex; align-items:center; gap:7px; padding:6px 11px; border:1px solid var(--line); color:var(--mint); font:11px var(--mono); letter-spacing:.06em; text-decoration:none; } .x-link:hover { border-color:var(--mint); color:#fff; } .x-link svg { flex:none; } footer .x-link { padding:0; border:0; gap:5px; font-size:9px; letter-spacing:.05em; } footer .x-link svg { width:10px; height:10px; } footer .x-link:hover { color:#fff; } footer small { width:100%; color:var(--faint); font:9px var(--mono); line-height:1.6; }
.earnings-section { padding:0 0 64px; }.earnings-intro { display:flex; justify-content:space-between; gap:30px; padding:22px 0; border-bottom:1px solid var(--line); }.earnings-intro p { color:var(--coral); font-weight:700; }.earnings-intro span { color:var(--muted); font:10px var(--mono); max-width:470px; line-height:1.6; }.earnings-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border-bottom:1px solid var(--line); }.earnings-card { background:var(--bg); padding:20px; min-height:170px; border-top:2px solid var(--line); }.earnings-card.risk-high { border-top-color:var(--coral); }.earnings-card.risk-watch { border-top-color:var(--amber); }.earnings-meta { display:flex; justify-content:space-between; align-items:start; gap:12px; }.earnings-meta strong { color:var(--ink); font:500 16px var(--mono); }.earnings-meta span { color:var(--mint); font:10px var(--mono); }.earnings-card h4 { margin:14px 0 9px; font-size:13px; }.earnings-card p { color:var(--muted); font-size:12px; line-height:1.55; }.earnings-notes { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-top:28px; background:var(--line); }.earnings-notes article { background:var(--bg); padding:21px; min-height:150px; }.earnings-notes h4 { margin:10px 0; color:var(--ink); font:500 13px var(--mono); }.earnings-notes p:last-child { color:var(--muted); font-size:12px; line-height:1.55; }.earnings-take { margin:26px 0 0; padding:18px 0 0 17px; border-left:2px solid var(--coral); color:var(--muted); font-size:13px; line-height:1.6; }.earnings-take strong { color:var(--coral); }
.backlash-qa { margin-top:28px; border:1px solid var(--line); }.backlash-heading { display:flex; align-items:end; justify-content:space-between; gap:20px; padding:18px 21px 15px; border-bottom:1px solid var(--line); }.backlash-heading h4 { margin-top:8px; color:var(--ink); font-size:18px; }.backlash-list { display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:var(--line); }.backlash-list article { background:var(--bg); padding:18px 20px; }.backlash-list article strong { display:block; margin-bottom:8px; color:var(--ink); font-size:12px; }.backlash-list article p { color:var(--muted); font-size:12px; line-height:1.55; }.backlash-bottom { margin:0; padding:18px 20px; border-top:1px solid var(--line); color:var(--coral); font-size:13px; line-height:1.6; }.backlash-bottom strong { color:var(--ink); }
@media (max-width:900px){.app-shell{padding:0 20px}.topbar{flex-wrap:wrap;padding:18px 0;gap:15px}.topbar-meta{order:3;margin-left:0;width:100%}.topbar-actions{margin-left:auto}.hero-grid,.content-grid,.ahead-section{grid-template-columns:1fr;gap:32px}.hero-grid{padding-top:48px}.metric-grid{grid-template-columns:repeat(4,1fr)}.metric:nth-child(4){border:0}.metric{margin-bottom:8px}.content-grid{padding-top:48px}.ahead-section{gap:30px}.calendar{grid-template-columns:1fr 1fr}.roadmap-context{grid-template-columns:1fr;gap:10px}.roadmap-chart-pair{grid-template-columns:repeat(2,minmax(0,1fr));}.roadmap-bottom{grid-template-columns:1fr 1fr}footer{flex-direction:column;gap:10px}}@media (max-width:560px){.hero-copy h2{font-size:55px}.metric-grid{grid-template-columns:repeat(2,1fr)}.metric:nth-child(2){border:0}.drivers-grid,.roadmap-grid,.roadmap-chart-pair,.replay-grid,.window-grid{grid-template-columns:1fr}.evidence-row{grid-template-columns:1fr;gap:6px}.driver,.driver:nth-child(even){padding:20px 0}.calendar{grid-template-columns:1fr}.topbar-actions{width:100%;justify-content:space-between;gap:12px}.topbar-actions .x-link span{display:none}.topbar-actions .x-link{padding:6px}.section-heading{align-items:start;flex-direction:column;gap:8px}.ledger-toolbar{align-items:start;flex-direction:column}.search-wrap{width:100%}.search-wrap input{width:100%}.roadmap-bottom{grid-template-columns:1fr}.roadmap-level-top strong{font-size:23px}}
@media (max-width:900px){.earnings-grid,.earnings-notes{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.earnings-intro{flex-direction:column;gap:12px}.earnings-grid,.earnings-notes,.backlash-list{grid-template-columns:1fr}.backlash-heading{align-items:start;flex-direction:column;gap:8px}}
.session-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); max-width:710px; margin-top:38px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }.session-stats div { padding:13px 13px 12px 0; border-right:1px solid var(--line); margin-right:13px; }.session-stats div:last-child { border:0; margin:0; }.session-stats strong,.session-stats span { display:block; font-family:var(--mono); }.session-stats strong { color:#f0f7f3; font-size:17px; font-weight:500; }.session-stats span { color:var(--faint); font-size:9px; margin-top:5px; letter-spacing:.05em; }
.hero-copy h2 { font-size:clamp(40px,4.5vw,72px); } @media (max-width:560px){.hero-copy h2{font-size:45px}}
body { font-size:14px; }
.theme-toggle { width:40px; height:40px; font-size:21px; }
.source-link { color:var(--mint); font:14px var(--sans); text-decoration:none; border-bottom:1px solid #426455; padding-bottom:3px; }
.roadmap-chart-pair span { background:rgba(23,26,29,.92); }
.store-shell { display:flex; flex-direction:column; min-height:100vh; }.store-main { flex:1; padding-bottom:56px; }.store-hero { padding:66px 0 44px; border-bottom:1px solid var(--line); }.store-hero h2 { font-size:clamp(40px,5.4vw,74px); line-height:.92; letter-spacing:-.06em; font-weight:700; margin:16px 0 24px; }.store-hero h2 em { color:var(--mint); font-family:var(--serif); font-weight:500; letter-spacing:-.04em; }.store-lede { color:var(--muted); max-width:690px; line-height:1.7; font-size:14px; }.store-facts { display:flex; flex-wrap:wrap; gap:8px; margin-top:28px; }.store-facts span { padding:7px 9px; border:1px solid var(--line); color:var(--muted); font:10px var(--mono); letter-spacing:.04em; }.store-toolbar { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:26px 0 22px; }.store-status { color:var(--faint); font:10px var(--mono); letter-spacing:.06em; text-transform:uppercase; }
.product-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; background:var(--line); border:1px solid var(--line); }.product-card { display:flex; flex-direction:column; background:var(--bg); min-width:0; }.product-media { position:relative; display:block; background:#0c0c0c; border-bottom:1px solid var(--line); }.product-media img { display:block; width:100%; aspect-ratio:16/10; object-fit:contain; object-position:center; background:#0c0c0c; transition:opacity .2s; }.product-media:hover img { opacity:.82; }.product-badge { position:absolute; left:14px; bottom:13px; padding:6px 8px; color:var(--mint); background:rgba(11,23,23,.88); border:1px solid var(--line); font:10px var(--mono); letter-spacing:.06em; }.product-content { display:flex; flex-direction:column; flex:1; padding:26px 24px 24px; }.product-content h3 { font-size:20px; line-height:1.25; letter-spacing:-.02em; margin:10px 0 12px; }.product-description { color:var(--muted); font-size:12px; line-height:1.6; }.product-features { list-style:none; margin:18px 0 0; padding:0; display:grid; gap:9px; }.product-features li { position:relative; padding-left:18px; color:var(--muted); font-size:12px; line-height:1.5; }.product-features li:before { content:'+'; position:absolute; left:0; top:0; color:var(--mint); font:11px var(--mono); }.product-footer { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:14px; border-top:1px solid var(--line); margin-top:auto; padding-top:18px; }.product-price { display:flex; flex-direction:column; gap:5px; }.product-price strong { color:var(--ink); font:500 22px var(--mono); letter-spacing:-.03em; }.product-price span { color:var(--faint); font:9px var(--mono); letter-spacing:.06em; }.buy-button { display:inline-flex; align-items:center; gap:7px; padding:12px 18px; border:1px solid var(--mint); background:var(--mint); color:var(--bg); font:500 11px var(--mono); letter-spacing:.06em; text-transform:uppercase; text-decoration:none; transition:background .2s,color .2s; }.buy-button:hover { background:transparent; color:var(--mint); }
.store-notes { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line); margin-top:42px; }.store-note { background:var(--bg); padding:23px; }.store-note h4 { margin:0 0 10px; color:var(--mint); font:500 10px var(--mono); letter-spacing:.08em; text-transform:uppercase; }.store-note p { color:var(--muted); font-size:12px; line-height:1.6; }
@media (max-width:900px){.product-grid,.store-notes{grid-template-columns:1fr}.store-toolbar{flex-direction:column;align-items:start;gap:12px}}
.store-lede strong { color:var(--mint); font-weight:700; }
@media (max-width:560px){.store-hero{padding:40px 0 32px}.product-content{padding:22px 16px}.product-content h3{font-size:18px}}
.roadmap-chart img { width:100%; height:auto; max-height:none; object-fit:contain; object-position:center; }
.roadmap-note { display:flex; align-items:center; gap:18px; padding:16px 0 20px; border-bottom:1px solid var(--line); }
.roadmap-note p { color:var(--muted); font-size:12px; }
.roadmap-note p strong { color:var(--ink); font-weight:600; }
.roadmap-note-links { display:flex; flex-wrap:wrap; flex-shrink:0; gap:18px; margin-left:0; }
.roadmap-note-links a { color:var(--mint); font:10px var(--mono); text-decoration:none; text-transform:uppercase; letter-spacing:.06em; border-bottom:1px solid var(--mint); padding-bottom:3px; }
.roadmap-note-links a:hover { color:var(--ink); border-color:var(--ink); }
@media (max-width:560px){.roadmap-note{align-items:flex-start;flex-direction:column;gap:10px}.roadmap-note-links{margin-left:0;gap:14px}}
[data-theme="light"] .roadmap-callout.trigger { background:var(--panel); }
[data-theme="light"] .roadmap-callout h4 { color:var(--ink); }
.panel { background:var(--panel); }
.roadmap-callout.trigger { background:var(--panel); }
.roadmap-callout h4 { color:var(--ink); }