:root{--bg:#07101f;--bg2:#0a1425;--panel:#0e1a2d;--panel2:#111f35;--line:#21344f;--text:#f5f7fb;--muted:#9db0c9;--blue:#377dff;--blue2:#61a0ff;--green:#21d98b;--red:#ff5364;--amber:#ffba45;--violet:#a477ff;--shadow:0 24px 80px rgba(0,0,0,.35)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:linear-gradient(180deg,#07101f 0%,#091326 55%,#07101f 100%);color:var(--text);font:15px/1.7 Inter,Segoe UI,Arial,sans-serif;overflow-x:hidden}.ambient{position:fixed;border-radius:50%;filter:blur(120px);opacity:.14;pointer-events:none;z-index:-1}.ambient-a{width:520px;height:520px;background:#2563eb;right:-180px;top:-160px}.ambient-b{width:460px;height:460px;background:#00b77a;left:10%;top:45%}.topbar{height:68px;position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(5,12,24,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(87,119,160,.25);display:flex;align-items:center;justify-content:space-between;padding:0 28px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#fff;font-size:19px;font-weight:800;letter-spacing:.08em}.brand b{color:var(--blue2)}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:linear-gradient(145deg,#245cd6,#39a0ff);font-size:12px}.top-actions{display:flex;gap:10px;align-items:center}.primary,.secondary,.ghost{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:12px 18px;text-decoration:none;font-weight:700;border:1px solid transparent;cursor:pointer}.primary{color:#fff;background:linear-gradient(135deg,#2563eb,#4b83ff);box-shadow:0 10px 30px rgba(37,99,235,.24)}.primary.small{padding:8px 13px}.secondary{color:#dce8fb;background:#101d31;border-color:#2a4467}.ghost{color:#afc2da;background:transparent;border-color:#263a58}.side-nav{position:fixed;left:0;top:68px;bottom:0;width:224px;padding:22px 14px 40px;overflow:auto;background:rgba(7,16,31,.92);border-right:1px solid #1d2e46;z-index:30}.side-title{padding:0 12px 10px;color:#6f89aa;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.13em}.side-nav a{display:block;color:#aebfd4;text-decoration:none;padding:7px 12px;margin:2px 0;border-radius:8px;font-size:13px}.side-nav a:hover,.side-nav a.active{background:#122541;color:#fff}.search-drawer{position:fixed;z-index:70;top:68px;left:224px;right:0;padding:16px 24px;background:rgba(6,14,28,.97);border-bottom:1px solid #29415f;transform:translateY(-120%);transition:.25s ease}.search-drawer.open{transform:translateY(0)}.search-box{display:flex;max-width:900px;margin:auto}.search-box input{width:100%;padding:15px 18px;border-radius:10px 0 0 10px;background:#0e1a2d;border:1px solid #315077;color:#fff;font-size:16px;outline:none}.search-box button{width:50px;border:1px solid #315077;border-left:0;border-radius:0 10px 10px 0;background:#13243b;color:#fff;font-size:24px}.search-results{max-width:900px;margin:8px auto 0;max-height:260px;overflow:auto}.search-results a{display:block;color:#cce0fa;text-decoration:none;padding:8px 12px;border-bottom:1px solid #172a43}.search-results small{display:block;color:#7189a8}main{margin-left:224px;padding-top:68px}.section{width:min(1240px,calc(100% - 56px));margin:0 auto;padding:100px 0;border-bottom:1px solid rgba(74,104,143,.2)}.hero{padding-top:90px;text-align:center}.eyebrow,.section-kicker{color:#6fa6ff;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.hero h1{font-size:clamp(44px,7vw,82px);line-height:1.02;margin:18px auto;max-width:1000px;letter-spacing:-.04em}.hero h1 span{background:linear-gradient(90deg,#62a0ff,#2f78ff,#49dbab);-webkit-background-clip:text;color:transparent}.hero-copy,.lead{color:var(--muted);font-size:19px;max-width:820px;margin:0 auto}.hero-actions{display:flex;gap:12px;justify-content:center;margin:28px 0}.hero-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:34px}.hero-badges span{border:1px solid #2b4262;background:#0d1a2d;color:#9fb6d2;padding:6px 10px;border-radius:999px;font-size:12px}.product-frame,.screenshot,.wide-shot{background:#091323;border:1px solid #29415f;border-radius:16px;padding:9px;box-shadow:var(--shadow);overflow:hidden}.product-frame{transform:perspective(1300px) rotateX(2deg);max-width:1150px;margin:0 auto}.product-frame img,.screenshot img,.wide-shot img{display:block;width:100%;height:auto;border-radius:10px}h2{font-size:clamp(32px,4.5vw,56px);line-height:1.1;letter-spacing:-.035em;margin:12px 0 22px}h3{line-height:1.25}.three-up,.mode-grid,.metric-cards,.risk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}.feature,.panel,.mode-grid article,.metric-cards article,.risk-grid article{background:linear-gradient(145deg,rgba(17,31,53,.92),rgba(11,23,41,.92));border:1px solid #263c5a;border-radius:14px;padding:24px}.feature p,.panel p,.mode-grid p,.metric-cards span,.risk-grid p{color:var(--muted)}.icon{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;font-weight:900}.icon.blue{background:#143c86;color:#77adff}.icon.green{background:#0e523e;color:#4ee2a9}.icon.violet{background:#39266f;color:#c5a9ff}.pipeline{display:flex;align-items:stretch;overflow-x:auto;gap:8px;margin:36px 0;padding-bottom:12px}.pipeline div{min-width:155px;padding:18px;background:#0e1b2e;border:1px solid #263d5c;border-radius:12px}.pipeline b{display:block;color:#609cff;font-size:11px}.pipeline span{display:block;font-weight:800;margin:4px 0}.pipeline small{color:#8097b4}.pipeline i{display:grid;place-items:center;color:#46698f;font-style:normal}.callout{margin-top:28px;padding:18px 20px;background:#0e2842;border:1px solid #275b8d;border-left:4px solid var(--blue);border-radius:10px;color:#c7dcf7}.callout.warning{background:#2a2210;border-color:#785a1d;border-left-color:var(--amber)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:34px}.steps article{position:relative;background:#0d1a2d;border:1px solid #263d5c;padding:24px;border-radius:14px}.steps article>span{position:absolute;top:16px;right:18px;color:#446b9c;font-size:28px;font-weight:900}.steps code,.code-card code{display:block;background:#07101e;border:1px solid #28415f;color:#7fd7b5;padding:11px;border-radius:8px;white-space:normal}.split{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:48px}.split.reverse{grid-template-columns:1.2fr 1fr}.screenshot figcaption{color:#8198b7;padding:9px 7px 2px;font-size:12px}.screenshot.portrait{max-width:650px}.definition-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.definition-grid.one-col{grid-template-columns:1fr}.definition-grid div{background:#0c192a;border:1px solid #223a58;border-radius:10px;padding:12px}.definition-grid b{display:block}.definition-grid span{color:#91a8c4;font-size:13px}.checklist{padding:0;list-style:none}.checklist li{padding:7px 0 7px 26px;position:relative;color:#afc0d5}.checklist li:before{content:'✓';position:absolute;left:0;color:var(--green);font-weight:900}.checklist.columns{columns:2}.decision-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.decision{padding:22px;border-radius:13px;border:1px solid}.decision b{font-size:24px}.decision p{color:#b0bfd0}.decision.buy{background:#0d2b25;border-color:#176c51}.decision.buy b{color:var(--green)}.decision.sell{background:#30171e;border-color:#7d283a}.decision.sell b{color:var(--red)}.decision.wait{background:#302710;border-color:#745b20}.decision.wait b{color:var(--amber)}.decision.blocked{background:#241c33;border-color:#584079}.decision.blocked b{color:#b991ff}.two-up{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:18px}.mode-grid article.recommended{border-color:#347bf1;box-shadow:0 0 0 1px rgba(55,125,255,.3)}.mode-tag{display:inline-block;padding:5px 9px;border-radius:999px;font-weight:800;font-size:11px;text-transform:uppercase}.mode-tag.conservative{background:#253448;color:#b9c8da}.mode-tag.balanced{background:#163e86;color:#80b3ff}.mode-tag.adaptive{background:#0d513d;color:#61e5b1}.mode-grid dl{margin:0}.mode-grid dt{font-weight:800;margin-top:10px}.mode-grid dd{margin:2px 0;color:#8fa6c2}.settings-table{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:25px}.settings-table.compact{grid-template-columns:repeat(3,1fr)}details{background:#0d1a2d;border:1px solid #263d5c;border-radius:10px;padding:0 16px}summary{cursor:pointer;padding:14px 0;font-weight:750;color:#dce7f6}details p{color:#96abc5;margin:0 0 15px}.wide-shot{margin-top:28px;max-height:540px}.wide-shot img{object-fit:cover;object-position:top}.risk-grid{grid-template-columns:repeat(4,1fr)}.note{padding:14px 16px;border-left:3px solid #5a92e8;background:#0d1d33;color:#a9bdd5}.route{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;gap:12px;margin-top:30px}.route>div{padding:24px;border-radius:14px;border:1px solid #2a4262;background:#0d1a2d}.route i{display:grid;place-items:center;color:#5c7ba2;font-style:normal;font-size:24px}.route span{font-size:11px;font-weight:900;letter-spacing:.12em}.route .public span{color:#6ea8ff}.route .engine span{color:#ffbd4c}.route .private span{color:#48dfaa}.metric-cards{grid-template-columns:repeat(3,1fr)}.metric-cards b{font-size:20px}.code-card{max-width:600px;padding:20px;background:#0d1a2d;border:1px solid #2b4362;border-radius:12px}.code-card span{display:block;color:#6c8caf;font-size:11px;text-transform:uppercase;font-weight:800;margin-bottom:8px}.faq{display:grid;grid-template-columns:1fr 1fr;gap:9px}.glossary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.glossary div{padding:15px;background:#0d1a2d;border:1px solid #263d5c;border-radius:10px}.glossary b{display:block;color:#7db1ff}.glossary span{color:#96abc5}.final-cta{display:flex;justify-content:space-between;gap:30px;align-items:center}.final-cta p{max-width:800px;color:#9aafc9}footer{margin-left:224px;padding:28px;display:flex;justify-content:space-between;color:#7289a7;border-top:1px solid #1e314c}.to-top{position:fixed;right:22px;bottom:22px;width:42px;height:42px;border:1px solid #3c5d86;border-radius:12px;background:#11233b;color:#fff;cursor:pointer;opacity:0;transform:translateY(10px);transition:.2s}.to-top.show{opacity:1;transform:none}.search-hit{outline:2px solid #4d8fff;outline-offset:5px;border-radius:4px}@media(max-width:1050px){.side-nav{display:none}main,footer{margin-left:0}.search-drawer{left:0}.split,.split.reverse{grid-template-columns:1fr}.three-up,.steps,.mode-grid{grid-template-columns:1fr 1fr}.decision-grid,.risk-grid{grid-template-columns:1fr 1fr}.settings-table,.settings-table.compact{grid-template-columns:1fr 1fr}}@media(max-width:680px){.topbar{padding:0 14px}.ghost{display:none}.section{width:calc(100% - 28px);padding:68px 0}.hero h1{font-size:42px}.hero-actions,.final-cta{flex-direction:column}.three-up,.steps,.mode-grid,.decision-grid,.two-up,.risk-grid,.metric-cards,.settings-table,.settings-table.compact,.faq,.glossary,.definition-grid{grid-template-columns:1fr}.route{grid-template-columns:1fr}.route i{transform:rotate(90deg)}.checklist.columns{columns:1}footer{flex-direction:column;gap:4px}.product-frame{padding:5px}.top-actions .small{display:none}}
/* Academy v1.0 enhancements */
.brand em{font-style:normal;color:#91a8c7;font-size:11px;font-weight:700;letter-spacing:.08em;margin-left:2px}.ghost kbd{margin-left:8px;padding:2px 6px;border:1px solid #385372;border-bottom-color:#23384f;border-radius:5px;background:#0b1728;color:#9fb4cc;font:10px/1.3 ui-monospace,Consolas,monospace}.side-nav{width:280px}.search-drawer{left:280px}main,footer{margin-left:280px}.side-group{margin:18px 12px 6px;color:#597594;text-transform:uppercase;font-size:10px;font-weight:900;letter-spacing:.14em}.academy-progress{margin:0 8px 18px;padding:12px;border:1px solid #203856;border-radius:10px;background:#0a1728}.academy-progress span{display:block;color:#7f98b8;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.academy-progress div{height:5px;margin:8px 0;background:#172b43;border-radius:999px;overflow:hidden}.academy-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#2d73ff,#42d9a1);border-radius:inherit}.academy-progress b{color:#dce9f8;font-size:11px}.hero{padding-top:132px;text-align:left;min-height:calc(100vh - 68px);display:flex;align-items:center}.hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);gap:58px;align-items:center;width:100%}.hero h1{font-size:clamp(48px,5.6vw,78px);margin:18px 0;max-width:780px}.hero-copy{margin:0;max-width:720px}.hero-actions,.hero-badges{justify-content:flex-start}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:590px;margin-top:28px}.hero-stats div{padding:14px 16px;border:1px solid #263f60;background:#0b192b;border-radius:12px}.hero-stats b{display:block;font-size:25px;color:#fff}.hero-stats span{color:#849bb8;font-size:12px}.hero-visual{position:relative;padding:30px 14px 14px;border:1px solid #29435f;border-radius:18px;background:#081323;box-shadow:0 35px 110px rgba(0,0,0,.48),0 0 80px rgba(37,99,235,.11);transform:perspective(1300px) rotateY(-2deg)}.hero-visual img{display:block;width:100%;border-radius:10px}.window-bar{position:absolute;top:0;left:0;right:0;height:30px;display:flex;align-items:center;gap:6px;padding:0 12px;border-bottom:1px solid #243a56;color:#6f89a8;font-size:10px}.window-bar i{width:7px;height:7px;border-radius:50%;background:#435d7b}.window-bar i:first-child{background:#ff5968}.window-bar i:nth-child(2){background:#ffbd4b}.window-bar i:nth-child(3){background:#31d18b}.window-bar span{margin-left:7px}.floating-card{position:absolute;padding:12px 15px;border:1px solid rgba(84,132,194,.48);border-radius:12px;background:rgba(10,26,46,.88);backdrop-filter:blur(12px);box-shadow:0 15px 40px rgba(0,0,0,.35)}.floating-card small{display:block;color:#7891b0;text-transform:uppercase;font-size:9px;letter-spacing:.12em}.floating-card b{font-size:13px}.fc-one{right:-20px;top:23%}.fc-one b{color:#ff6676}.fc-two{left:-24px;bottom:18%}.fc-two b{color:#46dda8}.lead.left{margin-left:0}.path-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px}.path-card{position:relative;overflow:hidden;padding:24px;border:1px solid #28415f;border-radius:16px;background:linear-gradient(160deg,#101e33,#0a1728)}.path-card:before{content:'';position:absolute;inset:0 auto 0 0;width:3px;background:#405f84}.path-card.featured{border-color:#377dff;box-shadow:0 0 0 1px rgba(55,125,255,.18),0 20px 60px rgba(17,73,165,.14)}.path-card.featured:before{background:linear-gradient(#3881ff,#39dca5)}.path-level{color:#6fa6ff;font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.path-card h3{font-size:20px}.path-card p,.path-card li{color:#91a7c2}.path-card ul{padding-left:17px}.path-card a{display:inline-block;margin-top:8px;color:#78adff;text-decoration:none;font-weight:800}.simulator{margin-top:34px;padding:24px;border:1px solid #2e4b6f;border-radius:16px;background:radial-gradient(circle at 80% 10%,rgba(55,125,255,.12),transparent 30%),#0b182a}.sim-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.sim-head h3{margin:5px 0;font-size:25px}.segmented{display:flex;padding:4px;border:1px solid #2c4668;background:#081321;border-radius:10px}.segmented button{border:0;background:transparent;color:#8299b6;padding:9px 13px;border-radius:7px;cursor:pointer;font-weight:750}.segmented button.active{background:#245fc9;color:#fff}.sim-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.sim-market,.sim-result{padding:19px;border:1px solid #263e5d;border-radius:12px;background:#0c1a2d}.sim-market small,.sim-result small,.wizard-result small{display:block;color:#7089a9;text-transform:uppercase;font-size:10px;font-weight:900;letter-spacing:.12em}.sim-market b,.sim-result b{display:block;margin:6px 0;font-size:20px}.sim-market p,.sim-result p{color:#93a9c4}.meter{height:7px;background:#172a42;border-radius:99px;overflow:hidden;margin:14px 0 8px}.meter i{display:block;height:100%;background:linear-gradient(90deg,#397cff,#3dd7a2);transition:.3s}.sim-result>span{font-size:12px;color:#7f97b5}.trouble-wizard{display:grid;grid-template-columns:.85fr 1.3fr .85fr;gap:16px;align-items:center;margin:26px 0;padding:22px;border:1px solid #304d70;border-radius:16px;background:#0b182a}.trouble-wizard h3{margin:5px 0}.trouble-wizard p{color:#91a7c2}.wizard-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px}.wizard-controls label{font-size:11px;color:#7890ad;text-transform:uppercase;font-weight:800;letter-spacing:.08em}.wizard-controls select{display:block;width:100%;margin-top:5px;padding:10px;border:1px solid #2e496b;border-radius:8px;background:#081522;color:#dce7f6}.wizard-result{padding:18px;border-left:3px solid #35d29a;background:#0a211f;border-radius:10px}.wizard-result b{display:block;margin:5px 0;color:#43dfaa}.wizard-result p{margin:0;color:#9db7ae}.top-actions .secondary.small{padding:8px 13px}.section{scroll-margin-top:84px}
@media(max-width:1280px){.hero-grid{grid-template-columns:1fr}.hero-visual{max-width:980px}.path-grid{grid-template-columns:1fr 1fr}.trouble-wizard{grid-template-columns:1fr}.hero{min-height:auto}.fc-one{right:8px}.fc-two{left:8px}}
@media(max-width:1050px){.side-nav{display:none}.search-drawer{left:0}main,footer{margin-left:0}.hero{padding-top:110px}.hero-grid{grid-template-columns:1fr}.hero-copy-wrap{text-align:center}.hero-copy{margin:auto}.hero-actions,.hero-badges{justify-content:center}.hero-stats{margin:28px auto 0}}
@media(max-width:680px){.hero{padding-top:94px}.hero h1{font-size:42px}.hero-grid{gap:32px}.hero-stats,.path-grid,.sim-grid,.wizard-controls{grid-template-columns:1fr}.hero-visual{padding:26px 5px 5px}.floating-card{display:none}.sim-head{align-items:flex-start;flex-direction:column}.segmented{width:100%}.segmented button{flex:1;padding:8px 5px}.top-actions .secondary{display:none}.brand em{display:none}}

/* Academy header v2 — compact, aligned and unclipped */
.topbar{
  height:76px;
  display:grid;
  grid-template-columns:minmax(230px,auto) minmax(320px,620px) minmax(260px,auto);
  gap:24px;
  align-items:center;
  padding:0 24px;
  background:rgba(5,12,24,.94);
  box-shadow:0 10px 30px rgba(0,0,0,.18);
}
.brand{min-width:0;gap:12px;font-size:18px;letter-spacing:.07em;white-space:nowrap}
.brand-mark{width:38px;height:38px;border-radius:11px}
.brand-copy{display:flex;align-items:baseline;gap:9px;min-width:0}
.brand-copy strong{font-size:19px;line-height:1}
.brand-copy em{font-style:normal;color:#8da4c2;font-size:11px;font-weight:750;letter-spacing:.04em}
.header-search{
  width:100%;height:46px;min-width:0;
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;
  padding:0 13px;border:1px solid #2b4567;border-radius:12px;
  background:#0b1728;color:#8fa6c2;cursor:pointer;text-align:left;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}
.header-search:hover{border-color:#4774aa;background:#0e1c30;color:#b9cae0}
.header-search>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.search-icon{font-size:20px;line-height:1;color:#76aaff}
.header-search kbd{padding:4px 8px;border:1px solid #314b6d;border-radius:7px;background:#111f34;color:#91a8c5;font:700 10px/1 Inter,Segoe UI,Arial,sans-serif;white-space:nowrap}
.top-actions{justify-self:end;white-space:nowrap}
.search-drawer{
  top:76px;left:0;right:0;padding:18px 24px 22px;
  background:rgba(5,12,24,.98);border-bottom:1px solid #29415f;
  transform:translateY(calc(-100% - 8px));opacity:0;pointer-events:none;
  transition:transform .22s ease,opacity .18s ease;
}
.search-drawer.open{transform:translateY(0);opacity:1;pointer-events:auto}
.search-panel{max-width:760px;margin:0 auto;border:1px solid #2b4668;border-radius:14px;background:#091728;box-shadow:0 24px 70px rgba(0,0,0,.45);overflow:hidden}
.search-box{max-width:none;margin:0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:0 12px;border-bottom:1px solid #203753}
.search-box input{padding:15px 0;border:0;border-radius:0;background:transparent;font-size:15px}
.search-box button{width:36px;height:36px;border:0;border-radius:9px;background:#12243b;color:#dce8f8;font-size:21px;cursor:pointer}
.search-results{max-width:none;margin:0;max-height:320px;padding:5px 8px 9px}
.search-results a{border-bottom:0;border-radius:8px;padding:10px 12px}
.search-results a:hover{background:#10243d}
.side-nav{top:76px}
main{padding-top:76px}
html{scroll-padding-top:96px}
.section{scroll-margin-top:96px}

@media(max-width:1180px){
  .topbar{grid-template-columns:auto minmax(260px,1fr) auto;gap:14px;padding:0 18px}
  .top-actions .secondary{display:none}
  .brand-copy em{display:none}
}
@media(max-width:760px){
  .topbar{height:68px;grid-template-columns:auto 1fr auto;gap:10px;padding:0 12px}
  .brand-copy{display:none}
  .brand-mark{width:36px;height:36px}
  .header-search{height:42px;padding:0 11px}
  .header-search>span:nth-child(2){font-size:0}
  .header-search>span:nth-child(2):after{content:'Search Academy';font-size:13px}
  .header-search kbd{display:none}
  .top-actions .primary{padding:8px 10px;font-size:12px}
  .search-drawer{top:68px;padding:12px}
  .side-nav{top:68px}
  main{padding-top:68px}
}


/* Cross-browser Academy header fix (Chrome, Edge, Firefox, Safari) */
:root{--academy-header-height:76px;--academy-sidebar-width:280px}
html{scroll-padding-top:calc(var(--academy-header-height) + 16px)}
body{min-width:320px}
.topbar{
  height:var(--academy-header-height);
  min-height:var(--academy-header-height);
  max-height:var(--academy-header-height);
  display:grid;
  grid-template-columns:minmax(210px,auto) minmax(320px,720px) minmax(250px,auto);
  align-items:center;
  column-gap:24px;
  padding:0 24px;
  overflow:visible;
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
}
.brand{min-width:0;height:100%;align-items:center;white-space:nowrap}
.brand-copy{display:flex;align-items:baseline;gap:8px;min-width:0}
.brand-copy strong,.brand-copy em{white-space:nowrap}
.header-search{
  position:relative;
  inset:auto;
  width:100%;
  min-width:0;
  max-width:720px;
  height:44px;
  margin:0 auto;
  padding:0 13px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  border:1px solid #2f4a6c;
  border-radius:12px;
  background:#0b182a;
  color:#91a8c5;
  text-align:left;
  cursor:pointer;
  overflow:hidden;
  appearance:none;
  -webkit-appearance:none;
  font:inherit;
}
.header-search>span:nth-child(2){display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.top-actions{min-width:0;justify-content:flex-end;white-space:nowrap}
.top-actions a{flex:0 0 auto}
.side-nav{top:var(--academy-header-height);width:var(--academy-sidebar-width)}
.search-drawer{top:var(--academy-header-height);left:var(--academy-sidebar-width)}
main{margin-left:var(--academy-sidebar-width);padding-top:var(--academy-header-height)}
footer{margin-left:var(--academy-sidebar-width)}
.section{scroll-margin-top:calc(var(--academy-header-height) + 16px)}
.hero{min-height:calc(100vh - var(--academy-header-height));padding-top:96px}

@media(max-width:1220px){
  .topbar{grid-template-columns:minmax(190px,auto) minmax(260px,1fr) auto;column-gap:14px;padding:0 16px}
  .top-actions .secondary{display:none}
}
@media(max-width:1050px){
  .topbar{grid-template-columns:minmax(180px,auto) minmax(240px,1fr) auto}
  .side-nav{display:none}
  .search-drawer{left:0}
  main,footer{margin-left:0}
}
@media(max-width:760px){
  :root{--academy-header-height:68px}
  .topbar{grid-template-columns:auto minmax(42px,1fr) auto;column-gap:10px;padding:0 12px}
  .brand-copy em{display:none}
  .header-search{height:42px;padding:0 10px;max-width:none}
  .header-search>span:nth-child(2){font-size:0}
  .header-search>span:nth-child(2)::after{content:'Search';font-size:13px}
  .header-search kbd{display:none}
  .top-actions .secondary{display:none}
  .top-actions .primary{padding:8px 11px;font-size:12px}
  .search-drawer{padding:10px 12px}
  .hero{padding-top:80px}
}
@media(max-width:520px){
  .topbar{grid-template-columns:auto 44px auto}
  .brand{gap:8px;font-size:16px}
  .brand-mark{width:32px;height:32px}
  .brand-copy strong{letter-spacing:.04em}
  .header-search{width:44px;grid-template-columns:1fr;place-items:center;padding:0}
  .header-search>span:nth-child(2),.header-search kbd{display:none}
  .top-actions .primary{font-size:0;width:42px;height:42px;padding:0}
  .top-actions .primary::after{content:'→';font-size:18px}
}