/* Standalone Teams presentation; data and interaction scripts are unchanged. */
:root {
  --ad-bg: #f3f2ee;
  --ad-surface: #fffefb;
  --ad-panel: #e8ece7;
  --ad-ink: #252c2c;
  --ad-muted: #59675f;
  --ad-line: #ccd5ce;
  --ad-line-strong: #7c8f81;
  --ad-accent: #285d66;
  --ad-accent-hover: #1e4951;
  --ad-on-accent: #fff;
  --ad-secondary: #6b617a;
  --ad-on-secondary: #fff;
  --ad-secondary-soft: #eeeaf2;
  --ad-band: #dee7e2;
  --ad-band-ink: #253d35;
  --ad-band-muted: #4d6156;
  --ad-band-line: #baccc1;
  --ad-band-hover: #cedfd4;
  --ad-warning: #805f25;
  --ad-warning-soft: #f2e8ce;
  --ad-success: #446b52;
  --ad-success-soft: #e2ebe0;
  --ad-danger: #8d534c;
  --ad-danger-soft: #f4e8e2;
  --ad-diagram-line: #7c8f81;
  --ad-media-bg: #17201e;
  --ad-media-ink: #f7faf3;
  --ad-scheme: light;
  --ad-signal-teal: #08a89b;
  --ad-signal-blue: #4278df;
  --ad-signal-iris: #9962d2;
  --ad-radius-card: 1rem;
  --ad-radius-workbench: 1.25rem;
  --ad-radius-control: 0.65rem;
  --ad-glint: linear-gradient(105deg, transparent 15%, var(--ad-signal-teal) 35%, var(--ad-signal-blue) 60%, var(--ad-signal-iris) 82%, transparent);
  --ad-edge-light: rgb(255 255 255 / 82%);
  --ad-shadow-soft: inset 0 1px 0 var(--ad-edge-light), 0 2px 3px rgb(24 43 36 / 4%), 0 0.625rem 1.75rem rgb(24 43 36 / 6%);
  --ad-shadow-lift: inset 0 1px 0 var(--ad-edge-light), 0 3px 6px rgb(24 43 36 / 6%), 0 1.25rem 2.75rem rgb(24 43 36 / 10%);
  --ad-surface-glow: radial-gradient(ellipse at 100% 0%, color-mix(in srgb, var(--ad-accent) 6%, transparent), transparent 62%);
}
html[data-academy-theme='dark'] {
  --ad-bg: #171e1d;
  --ad-surface: #202a28;
  --ad-panel: #2a3733;
  --ad-ink: #e8eee7;
  --ad-muted: #b6c4ba;
  --ad-line: #44574d;
  --ad-line-strong: #879d8d;
  --ad-accent: #9dc7c8;
  --ad-accent-hover: #b9dedc;
  --ad-on-accent: #152f32;
  --ad-secondary: #c8b8d4;
  --ad-on-secondary: #2b2135;
  --ad-secondary-soft: #363140;
  --ad-band: #101918;
  --ad-band-ink: #deeae1;
  --ad-band-muted: #aabdb0;
  --ad-band-line: #41584a;
  --ad-band-hover: #24372d;
  --ad-warning: #ddc181;
  --ad-warning-soft: #393323;
  --ad-success: #9fc7a9;
  --ad-success-soft: #263c2f;
  --ad-danger: #dea99c;
  --ad-danger-soft: #3d2d28;
  --ad-diagram-line: #879d8d;
  --ad-scheme: dark;
  --ad-signal-teal: #49dcc7;
  --ad-signal-blue: #7eaafa;
  --ad-signal-iris: #c5a0ff;
  --ad-edge-light: rgb(225 244 231 / 10%);
  --ad-shadow-soft: inset 0 1px 0 var(--ad-edge-light), 0 2px 3px rgb(0 0 0 / 16%), 0 0.625rem 1.75rem rgb(0 0 0 / 19%);
  --ad-shadow-lift: inset 0 1px 0 var(--ad-edge-light), 0 3px 6px rgb(0 0 0 / 20%), 0 1.25rem 2.75rem rgb(0 0 0 / 28%);
}
/* With scripts disabled, still follow the device's theme. */
@media (prefers-color-scheme: dark) {
  html:not([data-academy-theme]) {
    --ad-bg:#171e1d; --ad-surface:#202a28; --ad-panel:#2a3733;
    --ad-ink:#e8eee7; --ad-muted:#b6c4ba; --ad-line:#44574d; --ad-line-strong:#879d8d;
    --ad-accent:#9dc7c8; --ad-accent-hover:#b9dedc; --ad-on-accent:#152f32;
    --ad-secondary:#c8b8d4; --ad-on-secondary:#2b2135; --ad-secondary-soft:#363140;
    --ad-band:#101918; --ad-band-ink:#deeae1; --ad-band-muted:#aabdb0; --ad-band-line:#41584a; --ad-band-hover:#24372d;
    --ad-warning:#ddc181; --ad-warning-soft:#393323; --ad-success:#9fc7a9; --ad-success-soft:#263c2f;
    --ad-danger:#dea99c; --ad-danger-soft:#3d2d28; --ad-diagram-line:#879d8d; --ad-scheme:dark;
    --ad-signal-teal:#49dcc7; --ad-signal-blue:#7eaafa; --ad-signal-iris:#c5a0ff;
    --ad-edge-light:rgb(225 244 231 / 10%);
    --ad-shadow-soft:inset 0 1px 0 var(--ad-edge-light),0 2px 3px rgb(0 0 0 / 16%),0 0.625rem 1.75rem rgb(0 0 0 / 19%);
    --ad-shadow-lift:inset 0 1px 0 var(--ad-edge-light),0 3px 6px rgb(0 0 0 / 20%),0 1.25rem 2.75rem rgb(0 0 0 / 28%);
  }
}

@font-face { font-family:'Teams Barlow'; src:url('/fonts/barlow-latin-400.woff2') format('woff2'); font-weight:400; font-display:swap; }
@font-face { font-family:'Teams Barlow'; src:url('/fonts/barlow-latin-500.woff2') format('woff2'); font-weight:500; font-display:swap; }
@font-face { font-family:'Teams Barlow'; src:url('/fonts/barlow-latin-600.woff2') format('woff2'); font-weight:600; font-display:swap; }
@font-face { font-family:'Teams Barlow Condensed'; src:url('/fonts/barlow-condensed-latin-600.woff2') format('woff2'); font-weight:600; font-display:optional; }
.academy-teams {
  --paper:var(--ad-bg); --paper-2:var(--ad-panel); --card:var(--ad-surface); --ink:var(--ad-ink); --muted:var(--ad-muted); --soft:var(--ad-muted);
  --line:var(--ad-line); --line-2:var(--ad-line); --brand:var(--ad-accent); --brand-deep:var(--ad-accent-hover); --brand-ink:var(--ad-accent);
  --cyan:var(--ad-secondary); --teal:var(--ad-accent); --green:var(--ad-success); --green-bg:var(--ad-success-soft); --green-line:var(--ad-success);
  --amber:var(--ad-warning); --amber-bg:var(--ad-warning-soft); --amber-line:var(--ad-warning); --saf:var(--ad-warning-soft); --saf-ink:var(--ad-warning);
  --dark:var(--ad-band); --dark-2:var(--ad-panel); --dark-line:var(--ad-band-line); --dark-text:var(--ad-muted); --dark-soft:var(--ad-muted);
  --grad:linear-gradient(var(--ad-accent),var(--ad-accent)); --hzd:linear-gradient(var(--ad-line),var(--ad-line)); --r:2px;
  --shadow-1:none; --shadow-2:none; --shadow-3:none; --font-body:'Teams Barlow',Arial,sans-serif; --font-display:'Teams Barlow Condensed','Arial Narrow',Arial,sans-serif;
  color:var(--ad-ink); background:var(--ad-bg); color-scheme:var(--ad-scheme); font-family:var(--font-body); font-variation-settings:normal;
}
.academy-teams :is(button,input,select,textarea,.mono,.spec,.mtag,.cb-t,.ctx,.st,.rl,.console-foot,.ticker-in,.stat-tag,.stat-cap,.stat-lg,.lev-k,.lev-v,.inv-ar,.xq,.xn,.tb,.bi,.cmx,.raglg,.msr,.flowchips,.pw,.rolechips,.iso,.brdoc .lg,.rtag,.rname,.ct,.legend,.lhead,.lcode,.lsave,.pdown,.dl,.cl,.per,.cfg,.addon-k,.deliv-head,.fno,.cn,.pk,.sc-sec,.who,.dk,.mck-t,.mck-row,.form-note,.field label) { font-family:var(--font-body); }
.academy-teams :is(h1,h2,h3,h4,.stat-num,.cmp-big,.lprice b,.lband b,.cv,.amt,.amount) { font-family:var(--font-display); font-weight:600; font-variation-settings:normal; letter-spacing:-.015em; }
.academy-teams :is(h1,h2,h3,h4,h5) { color:var(--ad-ink); }
.academy-teams :is(a,button,input,select,textarea,summary):focus-visible { outline:2px solid var(--ad-accent); outline-offset:4px; }
.academy-teams .wrap { width:min(var(--public-width),var(--public-max-width)); max-width:var(--public-max-width); }
.academy-teams section { padding-block:clamp(84px,7vw,140px); border-top:1px solid var(--ad-line); background:var(--ad-surface); }
.academy-teams :is(.pricing,.vs) { background:var(--ad-bg); }
.academy-teams .demo { background:var(--ad-secondary-soft); }
.academy-teams .biz { background:var(--ad-band); }
.academy-teams .studio:nth-of-type(even) { background:var(--ad-panel); }
.academy-teams .sec-head { max-width:80ch; }
.academy-teams .sec-head h2 { font-size:clamp(2.5rem,4vw,4.5rem); line-height:1.04; }
.academy-teams .sec-head p { font-size:clamp(1.0625rem,1.12vw,1.3125rem); line-height:1.65; }
.academy-teams .spec { color:var(--ad-secondary); letter-spacing:.13em; font-size:0.75rem; }
.academy-teams .spec .idx { color:var(--ad-secondary); background:var(--ad-secondary-soft); border-color:var(--ad-line); border-radius:2px; }
.academy-teams .spec :is(.rule,.rule::before,.rule::after) { background:var(--ad-line-strong); }
.academy-teams .mtag { color:var(--ad-muted); }
.academy-teams .mtag::after { background:var(--ad-line); }
.academy-teams .hl { background:none; color:inherit; padding:0; }
.academy-teams :is(.hero::before,.hero::after,.hero .wm,.stats::before,.stats::after,.ticker::before,.ticker::after,.addon-strip::before,.pricecard::before,.demo-pitch::before,footer::before,.film::before,.film::after) { display:none; }
.academy-teams .hero { background:var(--ad-bg); color:var(--ad-ink); padding-top:clamp(112px,9vw,168px); padding-bottom:84px; }
.academy-teams .hero h1 { color:var(--ad-ink); font-size:clamp(3.625rem,5.8vw,6.5rem); line-height:1; }
.academy-teams .hero :is(.spec,.buyer-note,.lede,.chip) { color:var(--ad-muted); }
.academy-teams .hero :is(.lede strong,.chip b) { color:var(--ad-ink); }
.academy-teams .hero .lede { font-size:clamp(1.0625rem,1.2vw,1.375rem); }
.academy-teams .buyer-actions a { border:1px solid var(--ad-line-strong); border-radius:2px; color:var(--ad-ink); background:var(--ad-surface); min-height:50px; font-size:0.9375rem; box-shadow:none; }
.academy-teams .buyer-actions a.buyer-primary { background:var(--ad-accent); border-color:var(--ad-accent); color:var(--ad-on-accent); }
.academy-teams .buyer-actions a:hover { background:var(--ad-panel); transform:none; }
.academy-teams .buyer-actions a.buyer-primary:hover { background:var(--ad-accent-hover); }
.academy-teams .chip { border-color:var(--ad-line); background:transparent; border-radius:2px; }
.academy-teams .chip svg { stroke:var(--ad-accent); }
.academy-teams .buyer-jumps { padding-block:20px; gap:12px 24px; }
.academy-teams .buyer-jumps a { color:var(--ad-accent); border-color:var(--ad-line); border-radius:2px; background:transparent; }
.academy-teams .console-tilt { perspective:none; }
.academy-teams .hero .console { transform:none; will-change:auto; background:var(--ad-surface); border-color:var(--ad-line-strong); border-radius:2px; box-shadow:none; backdrop-filter:none; }
.academy-teams :is(.console-bar,.console-foot,.sc-head) { background:var(--ad-panel); }
.academy-teams :is(.console-bar .led,.xtab .nw) { box-shadow:none; }
.academy-teams .console-bar .ctx { color:var(--ad-secondary); border-color:var(--ad-line); background:var(--ad-secondary-soft); border-radius:2px; }
.academy-teams :is(.mrow,.sc-row) { border-radius:2px; background:var(--ad-surface); }
.academy-teams :is(.mrow,.sc-row):hover { border-color:var(--ad-line-strong); transform:none; box-shadow:none; }
.academy-teams .avatar { border-radius:2px; background:var(--ad-accent)!important; color:var(--ad-on-accent); }
.academy-teams .mrow:nth-of-type(even) .avatar { background:var(--ad-secondary)!important; color:var(--ad-on-secondary); }
.academy-teams .st { border-radius:2px; }
.academy-teams .st.pass { color:var(--ad-success); }
.academy-teams .st.prog { color:var(--ad-accent); background:var(--ad-panel); border-color:var(--ad-accent); }
.academy-teams .ticker { background:var(--ad-surface); padding:20px 10%; }
.academy-teams .ticker-in { animation:none; width:100%; flex-wrap:wrap; gap:10px 24px; white-space:normal; transform:none; font-size:0.75rem; letter-spacing:.1em; }
.academy-teams .ticker-in i { color:var(--ad-line-strong); -webkit-text-stroke:0; text-shadow:none; }
.academy-teams .stats { background:var(--ad-band); border-image:none; border-top:1px solid var(--ad-band-line); padding-block:64px; }
.academy-teams .stat { background:var(--ad-surface); border-color:var(--ad-band-line); border-radius:2px; box-shadow:none; }
.academy-teams .stat:hover { transform:none; border-color:var(--ad-line-strong); box-shadow:none; }
.academy-teams .stat-num { color:var(--ad-ink); font-size:clamp(2.625rem,3.3vw,4rem); }
.academy-teams :is(.stat-cap,.stat-lg,.stat-tag,.lev-k,.lev-v) { color:var(--ad-muted); }
.academy-teams :is(.stat-ico,.icon-tile) { width:48px; height:48px; border:0; border-radius:0; background:transparent; box-shadow:none; }
.academy-teams :is(.stat-ico,.icon-tile) svg { width:32px; height:32px; stroke:var(--ad-accent); }
.academy-teams :is(.sbar,.inv-m i) { background:var(--ad-panel); }
.academy-teams .sbar i.w15 { background:var(--ad-secondary); }
.academy-teams .inv-one { background:var(--ad-accent); color:var(--ad-on-accent); box-shadow:none; border-radius:2px; }
.academy-teams .orbit { animation:none; }
.academy-teams :is(.practice,.lifecycle .lcap,.mk) { background:var(--ad-surface); border-color:var(--ad-line); border-radius:2px; box-shadow:none; }
.academy-teams .practice .stamp { transform:none; border-radius:2px; background:var(--ad-warning-soft); color:var(--ad-warning); border-color:var(--ad-warning); box-shadow:none; }
.academy-teams :is(.role,.xpanel,.sheet,.retention,.cmp-col,.ladder,.chartcard,.pnote,.addon-strip,.film,.dcard,.pricecard,.sc-panel,.demo-pitch,.demo-form) { border-radius:2px; box-shadow:none; }
.academy-teams :is(.role,.xpanel,.sheet,.retention,.cmp-col,.chartcard,.pnote,.dcard,.sc-panel,.demo-form) { background:var(--ad-surface); border-color:var(--ad-line); }
.academy-teams :is(.role,.dcard):hover { transform:none; box-shadow:none; border-color:var(--ad-line-strong); }
.academy-teams .role :is(.rtag,.rname) { color:var(--ad-accent); background:transparent; border-color:var(--ad-line); }
.academy-teams .xtab { border-radius:2px; background:var(--ad-surface); border-color:var(--ad-line); color:var(--ad-ink); min-height:48px; box-shadow:none; }
.academy-teams .xtab:hover { transform:none; box-shadow:none; border-color:var(--ad-accent); }
.academy-teams .xtab[aria-selected=true] { background:var(--ad-panel); border-color:var(--ad-accent); color:var(--ad-ink); box-shadow:inset 0 -3px var(--ad-accent); }
.academy-teams .xtab[aria-selected=true] svg { stroke:var(--ad-accent); }
.academy-teams :is(.sheet::before,.sheet::after) { border-color:var(--ad-line-strong); }
.academy-teams :is(.tb,.bi,.xn,.flowchips span,.iso .bx,.iso .db,.brdoc,.sc-row,.rolechips span) { border-radius:2px; background:var(--ad-surface); border-color:var(--ad-line); color:var(--ad-ink); }
.academy-teams :is(.flowchips span.on,.bi i,.brdoc .lg) { background:var(--ad-accent); color:var(--ad-on-accent); }
.academy-teams i.bl { background:var(--ad-ink); color:var(--ad-surface); box-shadow:0 0 0 2px var(--ad-surface); }
.academy-teams i.bl.hot { background:var(--ad-accent); color:var(--ad-on-accent); }
.academy-teams .pair .av { background:var(--ad-accent); color:var(--ad-on-accent); box-shadow:0 0 0 2px var(--ad-surface); }
.academy-teams .pair .av + .av { background:var(--ad-secondary); color:var(--ad-on-secondary); }
.academy-teams :is(.cmx .c.g,.raglg .c.g,.seg .s1) { background:var(--ad-success); }
.academy-teams :is(.cmx .c.a,.raglg .c.a) { background:var(--ad-warning); }
.academy-teams :is(.cmx .c.r,.raglg .c.r) { background:var(--ad-danger); }
.academy-teams .seg .s1 { color:var(--ad-surface); }
.academy-teams .seg .s2 { background:var(--ad-accent); color:var(--ad-on-accent); }
.academy-teams .seg .s3 { background:var(--ad-warning-soft); color:var(--ad-warning); }
.academy-teams .cmp-col.win { background:var(--ad-panel); border-color:var(--ad-accent); }
.academy-teams .cmp-col.win li.hl2 { border-radius:2px; background:var(--ad-surface); border-color:var(--ad-accent); box-shadow:none; }
.academy-teams .cmp-col.win li::before { color:var(--ad-on-accent); }
.academy-teams :is(.cmp-big,.retention .legend .lk1) { color:var(--ad-muted); }
.academy-teams .rec-flag { background:var(--ad-accent); color:var(--ad-on-accent); border-radius:2px; box-shadow:none; }
.academy-teams :is(.cmp-take,.chartcard .takeaway) { color:var(--ad-success); border-radius:2px; }
.academy-teams .vat-flag { background:var(--ad-panel); color:var(--ad-ink); border:1px solid var(--ad-line); border-radius:2px; }
.academy-teams .ccy-opt { border-radius:2px; min-height:36px; }
.academy-teams .ccy-opt.on { background:var(--ad-accent); color:var(--ad-on-accent); border-color:var(--ad-accent); }
.academy-teams :is(.lrow:hover,.lrow.hot,.ldrop,.lhead) { background:var(--ad-panel); }
.academy-teams .lhead { color:var(--ad-muted); }
.academy-teams .lcode { background:var(--ad-surface); border-radius:2px; color:var(--ad-ink); box-shadow:none; }
.academy-teams .hot-flag { border-radius:2px; box-shadow:none; }
.academy-teams .ldrop .dline { background:var(--ad-line-strong); }
.academy-teams .csem { background:var(--ad-muted); }
.academy-teams .cfull { background:var(--ad-secondary); }
.academy-teams .cdisc { background:var(--ad-accent); }
.academy-teams .pnote.tint { background:var(--ad-panel); border-color:var(--ad-line); }
.academy-teams :is(.addon-strip,.pricecard,.demo-pitch) { background:var(--ad-band); border-color:var(--ad-band-line); color:var(--ad-band-ink); }
.academy-teams :is(.addon-strip h4,.addon-price .amt,.pricecard .amount,.pricecard li b,.demo-pitch h3) { color:var(--ad-band-ink); }
.academy-teams :is(.pricecard li,.demo-pitch li,.mck-row .ad) { color:var(--ad-muted); }
.academy-teams .film { background:var(--ad-panel); border:1px solid var(--ad-line); }
.academy-teams .cstep::before { background:var(--ad-surface); box-shadow:none; }
.academy-teams .sc-panel::before { border-radius:0; }
.academy-teams .ring .fg { stroke:var(--ad-accent); stroke-dashoffset:52.3; }
.academy-teams .demo-form::before { background:var(--ad-secondary); border-radius:0; height:3px; }
.academy-teams .mck-row { border-radius:2px; }
.academy-teams .mck-row.ok { border-color:var(--ad-success); background:var(--ad-success-soft); }
.academy-teams .mck-row.ok :is(svg,.vd) { color:var(--ad-success); stroke:var(--ad-success); }
.academy-teams .mck-row.no { border-color:var(--ad-danger); background:var(--ad-danger-soft); }
.academy-teams .mck-row.no :is(svg,.vd) { color:var(--ad-danger); stroke:var(--ad-danger); }
.academy-teams .mck-row.no .ad { color:var(--ad-muted); text-decoration-color:var(--ad-danger); }
.academy-teams .field :is(input,select,textarea) { font-family:var(--font-body); font-size:1rem; background:var(--ad-surface); color:var(--ad-ink); border-radius:2px; min-height:48px; }
.academy-teams .field :is(input,select,textarea):focus { border-color:var(--ad-accent); box-shadow:none; outline:2px solid var(--ad-accent); outline-offset:2px; }
.academy-teams .field input.bad { border-color:var(--ad-danger); box-shadow:none; }
.academy-teams .f-err { color:var(--ad-danger); }
.academy-teams .btn-demo { background:var(--ad-accent); border-color:var(--ad-accent); color:var(--ad-on-accent); font-size:1rem; font-weight:600; border-radius:2px; min-height:50px; box-shadow:none; }
.academy-teams .btn-demo:is(:hover,:active,:disabled) { transform:none; box-shadow:none; }
.academy-teams .btn-demo:hover { background:var(--ad-accent-hover); }
.academy-teams .form-msg { border-radius:2px; }
.academy-teams .form-msg.ok { color:var(--ad-success); }
.academy-teams .form-msg.err { color:var(--ad-danger); background:var(--ad-danger-soft); border-color:var(--ad-danger); }
.academy-teams .rail a { background:var(--ad-surface); color:var(--ad-ink); border-radius:2px; box-shadow:none; }
.academy-teams .rail a:hover { transform:none; box-shadow:none; }
.academy-teams .rail a.demo { background:var(--ad-accent); color:var(--ad-on-accent); border-color:var(--ad-accent); }
.academy-teams footer { border-image:none; border-top:2px solid var(--ad-band-line); background:var(--ad-band); }
.academy-teams footer :is(p,a,.f-note,.f-meta,.f-links) { color:var(--ad-muted); }
/* Real diagrams retain their data and distinguish states in either mode. */
.academy-teams svg [fill="#ffffff"] { fill:var(--ad-surface); }
.academy-teams svg [fill="#1e56e8"] { fill:var(--ad-accent); }
.academy-teams svg [fill="#0b1526"] { fill:var(--ad-ink); }
.academy-teams svg :is([fill="#4a5872"],[fill="#7b88a3"],[fill="#98a4bd"]) { fill:var(--ad-muted); }
.academy-teams svg [stroke="#1e56e8"] { stroke:var(--ad-accent); }
.academy-teams svg :is([stroke="#c9d7f5"],[stroke="#dce4f2"],[stroke="#e8edf8"]) { stroke:var(--ad-line); }
.academy-teams svg [stroke="#98a4bd"] { stroke:var(--ad-muted); }
.academy-teams svg [stop-color="#1e56e8"] { stop-color:var(--ad-accent); }
.academy-teams svg [stop-color="#2ea8f5"] { stop-color:var(--ad-secondary); }
.academy-teams svg text { font-family:var(--font-body); }
/* Existing observer only adds an entry class once; content never waits for it. */
.academy-teams .rv,.js .academy-teams .rv:not(.in) { opacity:1; transform:none; filter:none; }
.academy-teams :is(.draw,.fade-in,.inv-m i) { opacity:1; transform:none; stroke-dashoffset:0; }
.academy-teams :is(.mbar i,.sbar i,.lbar i,.ctrack i,.sc-bar i) { transform:scaleX(1); }
@media(prefers-reduced-motion:no-preference) { .academy-teams .rv.in { animation:teams-sheet-enter .55s ease-out; } }
@keyframes teams-sheet-enter { from { transform:translateY(8px); } to { transform:translateY(0); } }

/* Navigation, search and consent sit outside the product sections. */
.academy-teams .public-navigation {
  font-family:var(--font-body); background:var(--ad-bg); color:var(--ad-ink);
  border-bottom:1px solid var(--ad-line); box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none;
}
.academy-teams .public-nav-brand-group { min-width:0; }
.academy-teams .public-nav-tools { flex-shrink:0; }
.academy-teams .public-navigation :is(.public-nav-links > a,.explore-trigger,.teams-nav-signin,.teams-mobile-panel > a,.teams-mobile-panel > details > summary) { color:var(--ad-ink); border-radius:2px; }
.academy-teams .public-navigation :is(.public-nav-links > a,.explore-trigger,.explore-group a,.teams-mobile-panel > a):hover,
.academy-teams .public-navigation details[open] > .explore-trigger { background:var(--ad-panel); color:var(--ad-accent); }
.academy-teams .public-navigation .explore-group a:hover { box-shadow:inset 2px 0 var(--ad-accent); }
.academy-teams .public-navigation .explore-panel-inner { background:var(--ad-surface); border-color:var(--ad-line); border-radius:2px; box-shadow:none; }
.academy-teams .public-navigation .explore-group > p { color:var(--ad-muted); }
.academy-teams .public-navigation .explore-group > p svg { color:var(--ad-accent); }
.academy-teams .public-navigation .explore-group a { color:var(--ad-ink); border-radius:2px; }
.academy-teams .public-navigation .explore-feature { color:var(--ad-band-ink); background:var(--ad-band); border:0; border-left:1px solid var(--ad-line); border-radius:0; }
.academy-teams .explore-feature strong { font:600 1.625rem/1.1 var(--font-display); }
.academy-teams .explore-path-art { color:var(--ad-accent); }
.academy-teams .public-navigation .teams-nav-signup { background:var(--ad-accent); color:var(--ad-on-accent); border-radius:2px; box-shadow:none; }
.academy-teams .public-navigation .teams-nav-signup:hover { background:var(--ad-accent-hover); }
.academy-teams :is(.teams-mobile-panel,.teams-mobile-explore) { background:var(--ad-surface); color:var(--ad-ink); border-color:var(--ad-line); border-radius:2px; box-shadow:none; }
.academy-teams .teams-mobile-auth { border-color:var(--ad-line); }
.academy-teams .teams-theme-toggle { display:grid; place-items:center; width:44px; height:44px; flex-shrink:0; padding:0; border:1px solid var(--ad-line); border-radius:50%; background:transparent; color:var(--ad-ink); cursor:pointer; transition:background-color .2s,border-color .2s; }
.academy-teams .teams-theme-toggle:hover { background:var(--ad-panel); border-color:var(--ad-accent); }
.academy-teams .teams-theme-toggle:disabled { cursor:default; }
.academy-teams .teams-theme-toggle svg { grid-area:1/1; width:20px; height:20px; }
.academy-teams .teams-theme-toggle .theme-moon { display:none; }
html[data-academy-theme='dark'] .academy-teams .teams-theme-toggle .theme-sun { display:none; }
html[data-academy-theme='dark'] .academy-teams .teams-theme-toggle .theme-moon { display:block; }
.academy-teams #public-search-dialog { font-family:var(--font-body); background:var(--ad-surface); color:var(--ad-ink); border-color:var(--ad-line-strong); border-radius:2px; box-shadow:none; color-scheme:var(--ad-scheme); }
.academy-teams #public-search-dialog::backdrop { background:rgb(16 25 24 / .65); }
.academy-teams .teams-search-top button { color:var(--ad-ink); background:var(--ad-panel); border-radius:2px; }
.academy-teams #teams-search-input { color:var(--ad-ink); background:var(--ad-surface); border-color:var(--ad-line-strong); border-radius:2px; }
.academy-teams #teams-search-input::placeholder { color:var(--ad-muted); opacity:1; }
.academy-teams #teams-search-results a { color:var(--ad-ink); border-radius:2px; }
.academy-teams #teams-search-results a:hover { background:var(--ad-panel); }
.academy-teams :is(#teams-search-status,#teams-search-results span) { color:var(--ad-muted); }
.academy-teams #cc-bar { background:var(--ad-surface); border-color:var(--ad-line); }
.academy-teams .cc-btn { background:var(--ad-accent); color:var(--ad-on-accent); border-color:var(--ad-accent); border-radius:2px; min-height:44px; }
.academy-teams .cc-btn:hover { background:var(--ad-accent-hover); border-color:var(--ad-accent-hover); }
.academy-teams footer .cc-link { color:var(--ad-muted); min-height:44px; }
.academy-teams footer :is(a:not(.brand),.cc-link):hover { color:var(--ad-accent); }
.academy-teams .logo-txt .l1 { color:var(--ad-ink); }
.academy-teams footer .logo-txt .l2 .academy-word { background:none; color:var(--ad-success); -webkit-text-fill-color:var(--ad-success); }
html[data-academy-theme='dark'] .academy-teams .academy-word { background-image:linear-gradient(90deg,#67e8f9,#93c5fd,#d8b4fe); }
@media(prefers-color-scheme:dark) {
  html:not([data-academy-theme]) .academy-teams .academy-word { background-image:linear-gradient(90deg,#67e8f9,#93c5fd,#d8b4fe); }
  html:not([data-academy-theme]) .academy-teams .teams-theme-toggle .theme-sun { display:none; }
  html:not([data-academy-theme]) .academy-teams .teams-theme-toggle .theme-moon { display:block; }
}
@media(max-width:420px) {
  .academy-teams .public-nav-tools { gap:2px; }
  .academy-teams .public-nav-brand-group { gap:0; }
  .academy-teams .tag-teams { font-size:0.75rem; padding-inline:3px; margin-left:3px; }
}
@media(prefers-reduced-motion:reduce) { .academy-teams .teams-theme-toggle { transition:none; } }
@media(max-width:420px) {
  .academy-teams .public-nav-row { height:auto; min-height:var(--nav-height); flex-wrap:wrap; gap:4px; padding-block:6px; }
  .academy-teams .public-nav-tools { margin-left:auto; }
}

/* Paired fills keep small diagram labels readable in dark mode. */
.academy-teams .seg .s1 { color:var(--ad-on-accent); }
.academy-teams .cmp-col:not(.win) li::before { color:var(--ad-muted);background:var(--ad-panel); }
.academy-teams .field :is(input,textarea)::placeholder { color:var(--ad-muted);opacity:1; }
.academy-teams :is(.addon-strip,.pricecard,.demo-pitch) :is(p,li,.per,.cfg,.addon-k) { color:var(--ad-band-muted); }
.academy-teams main { min-width:0;overflow-wrap:anywhere; }
.academy-teams :is(.mkh,.console h4,.buyer-actions,.mrow) { flex-wrap:wrap; }
.academy-teams :is(.mkh span,.mck-row .ad,.buyer-actions a,.btn-demo) { white-space:normal;overflow-wrap:anywhere; }
.academy-teams :is(.field,.demo-form,.demo-pitch,.console,.sheet,.hero-copy) { min-width:0; }
.academy-teams .field :is(input,select,textarea) { width:100%;min-width:0;max-width:100%; }

/* Dimensional workbenches use surface light, inset edges and finite shadows. */
.academy-teams .hero .console,
.academy-teams :is(.sheet,.practice,.film,.demo-form) { background-image:var(--ad-surface-glow);box-shadow:var(--ad-shadow-lift); }
.academy-teams :is(.stat,.role,.dcard,.chartcard,.sc-panel,.cmp-col,.pricecard) { background-image:var(--ad-surface-glow);box-shadow:var(--ad-shadow-soft); }
.academy-teams :is(.console-bar,.sc-head,.lhead) { box-shadow:inset 0 1px 0 var(--ad-edge-light); }
.academy-teams .public-navigation .explore-panel-inner,
.academy-teams #public-search-dialog { box-shadow:var(--ad-shadow-lift); }
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  .academy-teams :is(.role,.dcard,.xtab) { transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background-color .2s ease; }
  .academy-teams :is(.role,.dcard,.xtab):hover { transform:translateY(-0.1875rem);box-shadow:var(--ad-shadow-lift); }
}

/* The product objects are rounded; registers, rows and section rules stay linear. */
.academy-teams .hero .console,
.academy-teams :is(.sheet,.practice,.film,.demo-form,.demo-pitch,#public-search-dialog) { border-radius:var(--ad-radius-workbench); }
.academy-teams :is(.stat,.role,.dcard,.chartcard,.sc-panel,.cmp-col,.pricecard,.pnote,.retention,.ladder) { border-radius:var(--ad-radius-card); }
.academy-teams :is(.console-bar,.sc-head) { border-radius:var(--ad-radius-card) var(--ad-radius-card) 0 0; }
.academy-teams .console-foot { border-radius:0 0 var(--ad-radius-card) var(--ad-radius-card); }
.academy-teams :is(.mk,.xtab,.buyer-actions a,.btn-demo,.cc-btn,.teams-nav-signup),
.academy-teams .field :is(input,select,textarea) { border-radius:var(--ad-radius-control); }
.academy-teams :is(.role,.dcard,.stat) { --object-signal:var(--ad-signal-teal); }
.academy-teams :is(.role,.dcard,.stat):nth-child(3n + 2) { --object-signal:var(--ad-signal-blue); }
.academy-teams :is(.role,.dcard,.stat):nth-child(3n + 3) { --object-signal:var(--ad-signal-iris); }
.academy-teams :is(.role,.dcard,.stat) { background-image:radial-gradient(ellipse at 100% 0%,color-mix(in srgb,var(--object-signal) 6%,transparent),transparent 58%); }
.academy-teams :is(.stat-ico,.icon-tile) {
  display:grid;place-items:center;border-radius:0.875rem;
  background:color-mix(in srgb,var(--object-signal,var(--ad-signal-teal)) 12%,var(--ad-surface));
  border:1px solid color-mix(in srgb,var(--object-signal,var(--ad-signal-teal)) 35%,var(--ad-line));
  box-shadow:inset 0 1px 0 var(--ad-edge-light),0 0.25rem 0.75rem rgb(0 0 0 / 6%);
}
.academy-teams :is(.stat-ico,.icon-tile) svg { stroke:var(--ad-accent); }
.academy-teams :is(.stat-ico,.icon-tile) svg > :last-child { stroke:var(--object-signal,var(--ad-signal-teal)); }
.academy-teams .spec .idx { border-radius:0.5rem;border-color:var(--ad-signal-iris); }
.academy-teams .hero h1::after {
  content:'';display:block;width:clamp(4rem,12%,7rem);height:0.25rem;margin-top:0.3em;
  border-radius:999px;background:var(--ad-glint);transform-origin:left;
}
.academy-teams .sec-head h2::before {
  content:'';display:block;width:3.5rem;height:0.1875rem;margin-bottom:1rem;
  border-radius:999px;background:linear-gradient(90deg,var(--ad-signal-teal),var(--ad-signal-blue),var(--ad-signal-iris));
}
.academy-teams .console::before { background:var(--ad-glint);height:0.1875rem; }
.academy-teams .demo-form::before { inset:0 12% auto;height:0.1875rem;background:var(--ad-glint);border-radius:999px; }
.academy-teams .public-navigation .explore-panel-inner { border-radius:var(--ad-radius-workbench); }
.academy-teams .public-navigation .teams-nav-signup { border-radius:var(--ad-radius-control); }
.academy-teams .public-navigation .explore-feature { border-radius:0 var(--ad-radius-workbench) var(--ad-radius-workbench) 0; }
.academy-teams :is(.xtab,.role,.dcard):focus-within { border-color:var(--ad-accent);box-shadow:var(--ad-shadow-lift); }
@media(prefers-reduced-motion:no-preference) {
  .academy-teams .hero h1::after { animation:teams-title-rule 0.85s ease-out 1; }
  .academy-teams .rv.in .console::before,
  .academy-teams .rv.in .demo-form::before { animation:teams-signal-glint 1.8s ease-out 1; }
  .academy-teams .sec-head.rv.in h2::before { animation:teams-title-rule 0.85s ease-out 1;transform-origin:left; }
  .academy-teams .rv.in :is(.stat-ico,.icon-tile) svg { animation:teams-icon-arrive 0.7s ease-out 1; }
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  .academy-teams :is(.role,.dcard) .icon-tile svg { transition:transform .24s ease; }
  .academy-teams :is(.role,.dcard):hover .icon-tile svg { transform:rotate(-5deg) scale(1.05); }
}
@keyframes teams-title-rule { from { transform:scaleX(0.15); } to { transform:scaleX(1); } }
@keyframes teams-signal-glint { from { transform:scaleX(0.35);opacity:0.35; } to { transform:scaleX(1);opacity:1; } }
@keyframes teams-icon-arrive { from { transform:translateY(0.25rem) rotate(-7deg); } to { transform:translateY(0) rotate(0); } }

/* Heading caps per width band (same rails as app/academy-redesign.css). */
@media (max-width:430px) { .academy-teams h1 { font-size:2.5rem!important; } .academy-teams h2 { font-size:2rem!important; } .academy-teams h3 { font-size:1.625rem!important; } }
@media (min-width:431px) and (max-width:1023px) { .academy-teams h1 { font-size:3.25rem!important; } .academy-teams h2 { font-size:2.5rem!important; } .academy-teams h3 { font-size:1.875rem!important; } }
@media (min-width:1024px) { .academy-teams h1 { font-size:min(4.25rem,5.7vw)!important; } }

/* 12px floor for the dashboard-mockup labels the shared rule above does not list. */
.academy-teams :is(.lprice span,.fno,.rtag,.lev-k,.lev-v,.stat-lg span,.stat-tag,.tag-teams,.rl,.st,.cb-t,.mkh span,.mline,.cmx .hd,.cmx .nm,.raglg,.console h4 span) { font-size:0.75rem; }