/* ============================================================
   全油门的悖论 — F1 2026 动态课程网页
   Stage: 1600 × 900, scaled to viewport by app.js
   ============================================================ */

:root{
  --bg:#08080b;
  --bg-2:#0d0d11;
  --panel:#101015;
  --panel-2:#14141a;
  --ink:#f3f3f5;
  --ink-2:#c9c9d0;
  --muted:#9a9aa5;
  --dim:#72727e;
  --faint:#4a4a54;
  --red:#e10600;
  --red-2:#ff2b1f;
  --red-soft:rgba(225,6,0,.12);
  --line:rgba(255,255,255,.105);
  --line-2:rgba(255,255,255,.18);
  --sans:"MiSans","Microsoft YaHei UI","Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;
  --tech:"Bahnschrift SemiCondensed","Bahnschrift","Arial Narrow","DIN Condensed",sans-serif;
  --ease:cubic-bezier(.22,1,.36,1);
  --pad:80px;
}
*{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden}
body{
  background:#030304;
  color:var(--ink);
  font-family:var(--sans);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
p,h1,h2,h3,h4,blockquote,figure,dl,dd,dt{margin:0}
ol,ul{margin:0;padding:0;list-style:none}
::selection{background:var(--red);color:#fff}
:focus-visible{outline:2px solid var(--red-2);outline-offset:4px}

#viewport{
  position:fixed;inset:0;
  display:grid;place-items:center;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 40%,#111114 0,#050506 62%,#020203 100%);
}
#stage{
  position:relative;
  width:1600px;height:900px;
  flex:none;
  overflow:hidden;
  background:var(--bg);
  transform-origin:center center;
  box-shadow:0 0 0 1px rgba(255,255,255,.04),0 40px 120px rgba(0,0,0,.7);
  isolation:isolate;
}
#stage::after{
  content:"";position:absolute;inset:0;z-index:80;pointer-events:none;opacity:.035;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  mix-blend-mode:screen;
}

/* ------------------------------------------------------------------
   Slide shell
------------------------------------------------------------------ */
.slide{
  position:absolute;inset:0;z-index:0;
  padding:44px var(--pad) 0;
  overflow:hidden;
  opacity:0;visibility:hidden;
  transform:translate3d(3.2%,0,0) scale(.992);
  transition:opacity .48s ease,transform .72s var(--ease),visibility 0s linear .72s;
  background:
    radial-gradient(ellipse at 96% -8%,rgba(225,6,0,.10),transparent 42%),
    linear-gradient(180deg,#09090c 0%,#08080b 100%);
}
.slide::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);
  background-size:100px 100px,100px 100px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.45),transparent 70%);
}
.slide.active{
  opacity:1;visibility:visible;z-index:3;
  transform:none;
  transition:opacity .5s ease,transform .78s var(--ease),visibility 0s;
}
.slide.past{transform:translate3d(-3.2%,0,0) scale(.992)}
.slide > *{position:relative;z-index:2}
.slide-head{
  display:flex;align-items:center;gap:13px;
  height:24px;
  font-family:var(--tech);
  font-size:14px;letter-spacing:.115em;color:var(--dim);
  text-transform:uppercase;
}
.head-tick{width:7px;height:22px;background:var(--red);box-shadow:0 0 20px rgba(225,6,0,.55);flex:none}
.head-label b{color:var(--faint);margin:0 5px;font-weight:400}
.head-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.page-no{margin-left:auto;color:#666672;font-size:13px;letter-spacing:.08em;flex:none}
.slide-title{
  margin-top:14px;
  font-size:48px;line-height:1.12;font-weight:700;letter-spacing:-.015em;
  color:var(--ink);
}
.slide-title .red{color:var(--red)}
.red{color:var(--red)!important}

/* reveal */
.reveal{
  opacity:0;transform:translate3d(0,18px,0);
  transition:opacity .7s ease,transform .85s var(--ease);
  transition-delay:var(--d,0s);
}
.slide.active .reveal{opacity:1;transform:none}

.kicker{
  font-family:var(--tech);
  font-size:13px;line-height:1.5;letter-spacing:.13em;text-transform:uppercase;
  color:var(--red);font-weight:600;
}
.kicker span{color:var(--dim)}

/* bottom takeaway */
.takeaway{
  position:absolute;left:var(--pad);right:var(--pad);bottom:70px;height:52px;
  display:flex;align-items:center;gap:18px;
  padding:0 20px;
  border-left:3px solid var(--red);
  background:linear-gradient(90deg,rgba(225,6,0,.13) 0%,rgba(225,6,0,.035) 55%,rgba(225,6,0,0) 100%);
  font-size:19px;font-weight:600;letter-spacing:.005em;color:#f6f6f8;
}
.takeaway-tick{width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 0 4px rgba(225,6,0,.16);flex:none}
.slide-source{
  position:absolute;left:var(--pad);right:var(--pad);bottom:24px;
  font-size:10.5px;line-height:1.6;color:#61616c;letter-spacing:.01em;
  border-top:1px solid rgba(255,255,255,.06);
  padding-top:7px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  transition:opacity .28s ease,transform .28s ease;
}
@media (max-width:1500px){
  body.hud-on .slide-source{opacity:0;transform:translateY(5px)}
}
.insight-band{
  position:absolute;left:var(--pad);right:var(--pad);bottom:70px;
  display:grid;grid-template-columns:170px 1fr;gap:26px;align-items:start;
  padding:18px 22px;
  border-left:3px solid var(--red);
  background:linear-gradient(90deg,rgba(225,6,0,.13),rgba(225,6,0,.025));
}
.insight-band > span{
  padding-top:2px;
  font-family:var(--tech);font-size:11.5px;line-height:1.6;letter-spacing:.12em;text-transform:uppercase;color:var(--red);
}
.insight-band p{font-size:14.6px;line-height:1.75;color:var(--ink-2)}
.insight-band b{color:var(--ink)}
.insight-band.compact p{font-size:14.2px}

/* ------------------------------------------------------------------
   01 Cover
------------------------------------------------------------------ */
.cover{padding:0;background:#050506}
.cover-bg{
  position:absolute;inset:0;z-index:0;
  background:url("assets/cover.webp") center center/cover no-repeat;
  transform:scale(1.035);
  transform-origin:62% 54%;
}
.slide.active .cover-bg{animation:coverDrift 9s ease-out both}
@keyframes coverDrift{from{transform:scale(1.07)}to{transform:scale(1.015)}}
.cover-shade{
  position:absolute;inset:0;z-index:1;
  background:
    linear-gradient(90deg,rgba(4,4,6,.985) 0%,rgba(4,4,6,.94) 28%,rgba(4,4,6,.68) 48%,rgba(4,4,6,.12) 72%,rgba(4,4,6,.08) 100%),
    linear-gradient(0deg,rgba(4,4,6,.96) 0%,rgba(4,4,6,.56) 16%,transparent 45%),
    linear-gradient(180deg,rgba(4,4,6,.66),transparent 28%);
}
.cover-lines{
  position:absolute;inset:0;z-index:1;opacity:.5;
  background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.055) 0 1px,transparent 1px 180px);
  mask-image:linear-gradient(90deg,#000 0%,transparent 55%);
}
.cover-top{
  position:absolute;left:var(--pad);right:calc(var(--pad) + 164px);top:43px;z-index:4;
  display:flex;justify-content:space-between;align-items:center;
  font-family:var(--tech);font-size:12.5px;letter-spacing:.15em;color:#8c8c97;text-transform:uppercase;
}
.cover-series b{color:var(--red);margin:0 7px;font-weight:400}
.cover-course{color:#777783;letter-spacing:.12em}
.cover-content{position:absolute;left:var(--pad);top:184px;z-index:4;width:980px}
.cover-kicker{
  display:flex;align-items:center;gap:14px;
  font-family:var(--tech);font-size:13px;letter-spacing:.19em;color:#b8b8c1;text-transform:uppercase;
}
.cover-kicker span{width:54px;height:3px;background:var(--red);box-shadow:0 0 18px rgba(225,6,0,.7)}
.cover-title{
  margin-top:33px;
  font-size:122px;line-height:.98;font-weight:800;letter-spacing:-.045em;
  text-shadow:0 10px 60px rgba(0,0,0,.6);
}
.cover-title .cover-accent{color:var(--red)}
.cover-sub{
  margin-top:32px;
  font-size:30px;line-height:1.5;font-weight:400;color:#d8d8de;letter-spacing:.01em;
}
.cover-sub b{font-family:var(--tech);font-size:35px;color:var(--red);letter-spacing:.04em;margin-right:3px}
.cover-question{
  margin-top:19px;font-size:16px;line-height:1.7;color:#898995;letter-spacing:.03em;
  padding-left:19px;border-left:1px solid rgba(225,6,0,.6);
}
.cover-side{
  position:absolute;right:66px;top:270px;z-index:4;
  display:flex;align-items:flex-start;gap:16px;
  writing-mode:vertical-rl;
}
.cover-side-line{width:2px;height:96px;background:linear-gradient(var(--red),transparent);writing-mode:horizontal-tb}
.cover-side-text{
  font-family:var(--tech);font-size:10.5px;line-height:1.9;letter-spacing:.18em;color:#8c8c97;white-space:nowrap;
}
.cover-meta{
  position:absolute;left:var(--pad);bottom:52px;z-index:4;
  display:flex;gap:42px;
  font-size:13px;color:#c4c4cc;
}
.cover-meta div{display:flex;align-items:center;gap:9px}
.cover-meta span{font-family:var(--tech);font-size:10.5px;letter-spacing:.12em;color:#666672;text-transform:uppercase}
.cover-start{
  position:absolute;right:var(--pad);bottom:47px;z-index:5;
  display:flex;align-items:center;gap:20px;
  height:48px;padding:0 22px 0 24px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(8,8,10,.36);backdrop-filter:blur(8px);
  font-size:13.5px;letter-spacing:.08em;color:#e8e8ed;
  transition:.3s var(--ease);
}
.cover-start svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .3s}
.cover-start:hover{background:var(--red);border-color:var(--red);color:#fff}
.cover-start:hover svg{transform:translateX(5px)}
.cover-page{
  position:absolute;right:var(--pad);bottom:17px;z-index:4;
  font-family:var(--tech);font-size:12px;letter-spacing:.15em;color:#5f5f6a;
}
.cover-page span{color:var(--red)}
.start-lights{
  position:absolute;right:var(--pad);top:42px;z-index:4;
  display:flex;gap:12px;
}
.start-lights i{
  width:12px;height:38px;background:#2a0507;border:1px solid rgba(255,255,255,.09);
  position:relative;border-radius:2px;
}
.start-lights i::before{
  content:"";position:absolute;left:50%;top:8px;width:8px;height:8px;margin-left:-4px;border-radius:50%;
  background:var(--red);box-shadow:0 0 10px var(--red),0 0 24px rgba(225,6,0,.5);
  animation:lightOut .55s ease forwards;
}
.start-lights i:nth-child(2)::before{animation-delay:1.6s}
.start-lights i:nth-child(3)::before{animation-delay:1.75s}
.start-lights i:nth-child(4)::before{animation-delay:1.9s}
.start-lights i:nth-child(5)::before{animation-delay:2.05s}
@keyframes lightOut{to{opacity:.12;box-shadow:none;background:#4a1114}}

/* ------------------------------------------------------------------
   02 Framework
------------------------------------------------------------------ */
.framework-grid{
  display:grid;grid-template-columns:530px 1fr;gap:74px;
  margin-top:34px;
}
.core-question{padding:8px 0 0 27px;border-left:1px solid rgba(225,6,0,.55)}
.core-question h2{
  margin-top:20px;
  font-size:54px;line-height:1.33;font-weight:700;letter-spacing:-.02em;
}
.core-question h2 span{color:#a9a9b3;font-weight:600}
.core-desc{margin-top:24px;max-width:470px;font-size:15px;line-height:1.82;color:var(--muted)}
.core-rule{display:flex;align-items:center;gap:11px;margin-top:24px;font-size:11.5px;letter-spacing:.06em;color:#5f5f6b}
.core-rule i{width:38px;height:1px;background:var(--red)}
.chapter-stack{display:flex;flex-direction:column;justify-content:center}
.chapter-row{
  display:grid;grid-template-columns:76px 1fr 30px;align-items:center;gap:22px;
  width:100%;min-height:176px;text-align:left;
  border-top:1px solid var(--line);
  transition:background .35s,border-color .35s,padding .35s;
}
.chapter-row:last-child{border-bottom:1px solid var(--line)}
.chapter-row:hover{background:linear-gradient(90deg,rgba(225,6,0,.09),transparent 75%);border-color:rgba(225,6,0,.38);padding-left:12px}
.chapter-num{
  font-family:var(--tech);font-size:46px;line-height:1;color:var(--red);letter-spacing:.01em;
}
.chapter-copy{display:flex;flex-direction:column;gap:8px}
.chapter-copy b{font-size:22px;line-height:1.4;font-weight:600}
.chapter-copy em{font-style:normal;font-size:13.2px;line-height:1.55;color:#8b8b96}
.chapter-arrow{font-size:20px;color:#555560;transition:.3s}
.chapter-row:hover .chapter-arrow{color:var(--red);transform:translate(3px,-3px)}
.thesis-band{
  position:absolute;left:var(--pad);right:var(--pad);bottom:72px;
  display:grid;grid-template-columns:130px 1fr;gap:26px;align-items:center;
  border-top:1px solid var(--line);padding-top:18px;
}
.thesis-label{font-family:var(--tech);font-size:11px;letter-spacing:.16em;color:var(--red);text-transform:uppercase}
.thesis-band p{font-size:14.2px;line-height:1.75;color:#a8a8b2;max-width:1170px}

/* ------------------------------------------------------------------
   Section slides
------------------------------------------------------------------ */
.section-slide{
  padding:0;
  background:
    radial-gradient(ellipse at 82% 45%,rgba(225,6,0,.10),transparent 44%),
    linear-gradient(115deg,#09090c 0%,#08080b 60%,#0b0b0e 100%);
}
.section-slide::after{
  content:"";position:absolute;left:var(--pad);top:118px;width:1px;height:590px;z-index:1;
  background:linear-gradient(var(--red),rgba(225,6,0,.08));
}
.section-slide.section-alt{background:radial-gradient(ellipse at 82% 45%,rgba(225,6,0,.085),transparent 42%),linear-gradient(115deg,#09090c,#08080b)}
.section-slide.section-third{background:radial-gradient(ellipse at 80% 48%,rgba(225,6,0,.11),transparent 43%),linear-gradient(115deg,#09090c,#08080b)}
.section-ghost{
  position:absolute;right:-22px;top:50%;z-index:1;
  transform:translateY(-48%);
  font-family:var(--tech);font-weight:700;font-size:478px;line-height:.72;letter-spacing:-.05em;
  color:transparent;-webkit-text-stroke:1.4px rgba(255,255,255,.075);
  user-select:none;
}
.section-alt .section-ghost{-webkit-text-stroke-color:rgba(225,6,0,.26)}
.section-third .section-ghost{-webkit-text-stroke-color:rgba(255,255,255,.09)}
.section-content{position:absolute;left:var(--pad);top:172px;z-index:3;width:1100px}
.section-kicker{font-family:var(--tech);font-size:13px;letter-spacing:.2em;color:#8c8c97;text-transform:uppercase}
.section-kicker span{color:var(--red);font-weight:600}
.section-label{
  margin-top:37px;font-size:19px;line-height:1;letter-spacing:.18em;color:var(--red);font-weight:700;
}
.section-title{
  margin-top:17px;
  font-size:88px;line-height:1.03;font-weight:800;letter-spacing:-.035em;
}
.section-q{margin-top:28px;font-size:25px;line-height:1.68;color:#aaaab4;font-weight:400}
.section-chips{display:flex;gap:11px;margin-top:39px}
.section-chips span{
  display:flex;align-items:center;gap:9px;
  height:40px;padding:0 16px;
  border:1px solid var(--line);background:rgba(255,255,255,.018);
  font-size:12.5px;color:#b0b0b9;
}
.section-chips b{font-family:var(--tech);font-size:11px;color:var(--red)}
.section-side{
  position:absolute;right:var(--pad);bottom:48px;z-index:2;
  writing-mode:vertical-rl;
  font-family:var(--tech);font-size:10.5px;line-height:1.8;letter-spacing:.2em;color:#464650;
}
.section-page{position:absolute;right:var(--pad);top:48px;font-family:var(--tech);font-size:12px;letter-spacing:.16em;color:#575762}
.section-page span{color:var(--red)}

/* ------------------------------------------------------------------
   04 Incident
------------------------------------------------------------------ */
.incident-grid{display:grid;grid-template-columns:680px 1fr;gap:48px;margin-top:20px}
.incident-media{min-width:0}
.video-frame{
  position:relative;width:680px;height:383px;overflow:hidden;
  border:1px solid rgba(255,255,255,.16);background:#000;
  box-shadow:0 24px 70px rgba(0,0,0,.38);
}
.video-frame video{width:100%;height:100%;object-fit:cover;display:block}
.video-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.55),transparent 24%,transparent 62%,rgba(0,0,0,.78))}
.video-topline{
  position:absolute;left:16px;right:16px;top:13px;display:flex;justify-content:space-between;align-items:center;
  font-family:var(--tech);font-size:9.5px;letter-spacing:.15em;color:rgba(255,255,255,.72);pointer-events:none;
}
.replay-tag{padding:4px 7px 3px;background:var(--red);color:#fff;font-weight:700;letter-spacing:.16em}
.video-center{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.video-play{
  width:78px;height:78px;border-radius:50%;
  display:grid;place-items:center;pointer-events:auto;
  background:rgba(8,8,10,.56);border:1px solid rgba(255,255,255,.55);
  backdrop-filter:blur(9px);
  transition:.3s var(--ease);
}
.video-play:hover{background:var(--red);border-color:var(--red);transform:scale(1.05)}
.video-play svg{width:27px;height:27px;fill:#fff;stroke:none;margin-left:3px}
.video-play .icon-pause{display:none;margin-left:0}
.video-frame.playing .video-center{opacity:0}
.video-frame.playing:hover .video-center{opacity:1;background:rgba(0,0,0,.16)}
.video-frame.playing .icon-play{display:none}
.video-frame.playing .icon-pause{display:block}
.video-bottom{
  position:absolute;left:16px;right:16px;bottom:12px;
  display:flex;align-items:center;gap:10px;
  pointer-events:none;
}
.video-progress{height:3px;flex:1;background:rgba(255,255,255,.22);position:relative;overflow:hidden}
.video-progress i{display:block;height:100%;width:0;background:var(--red);transition:width .18s linear}
.video-time{font-family:var(--tech);font-size:9.5px;letter-spacing:.07em;color:rgba(255,255,255,.78);white-space:nowrap}
.video-mute{
  width:28px;height:28px;display:grid;place-items:center;pointer-events:auto;
  color:rgba(255,255,255,.75);border:1px solid rgba(255,255,255,.18);
}
.video-mute svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5}
.video-mute:hover{color:#fff;border-color:var(--red)}
.video-badge{
  position:absolute;left:16px;top:47px;
  font-family:var(--tech);font-size:9.5px;letter-spacing:.14em;color:rgba(255,255,255,.7);
  border-left:2px solid var(--red);padding-left:8px;pointer-events:none;
}
.video-badge b{color:var(--red)}
.media-caption{margin-top:8px;font-size:9.7px;line-height:1.55;color:#656570}
.media-caption span{color:var(--red);margin:0 4px}
.impact-strip{
  display:flex;align-items:stretch;gap:0;
  height:82px;margin-top:10px;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
}
.impact-stat{display:flex;align-items:center;gap:13px;padding:0 20px 0 4px;min-width:205px}
.impact-stat b{font-family:var(--tech);font-size:52px;line-height:1;color:var(--ink);font-weight:600;letter-spacing:-.02em;display:flex;align-items:baseline;gap:5px}
.impact-stat b small{font-size:16px;color:var(--red);font-weight:500;letter-spacing:0}
.impact-stat > span{font-size:11.5px;line-height:1.55;color:#7d7d88}
.impact-note{display:flex;align-items:center;gap:10px;margin-left:auto;padding-left:18px;border-left:1px solid var(--line)}
.impact-note i{width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 0 4px rgba(225,6,0,.14)}
.impact-note p{font-size:11.5px;line-height:1.55;color:#898994}
.impact-note b{color:#d4d4da;font-weight:600}
.glossary{
  display:flex;gap:12px;align-items:flex-start;
  margin-top:11px;padding:11px 14px;
  background:rgba(255,255,255,.022);border-left:2px solid rgba(225,6,0,.55);
}
.glossary span{font-size:10px;line-height:1.7;letter-spacing:.1em;color:var(--red);white-space:nowrap;font-weight:600}
.glossary p{font-size:11.6px;line-height:1.65;color:#92929d}
.glossary b{color:#d1d1d8}
.incident-copy{padding-top:2px;min-width:0}
.incident-lead{margin-top:13px;font-size:19.2px;line-height:1.68;color:#dedee4;font-weight:500}
.incident-lead b{color:var(--red);font-weight:600}
.incident-text{margin-top:12px;font-size:14.3px;line-height:1.78;color:#a2a2ad}
.incident-text b{color:#f0f0f3;font-weight:600}
.risk-list{margin-top:14px}
.risk-item{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:9px 0;border-top:1px solid rgba(255,255,255,.075)}
.risk-item > span{font-family:var(--tech);font-size:11px;color:var(--red);padding-top:2px}
.risk-item p{font-size:12.8px;line-height:1.58;color:#83838e}
.risk-item b{display:block;color:#d7d7dd;font-size:13.2px;font-weight:600;margin-bottom:2px}

/* ------------------------------------------------------------------
   05 Regulation
------------------------------------------------------------------ */
.regulation-grid{display:grid;grid-template-columns:1fr 74px 1fr;gap:22px;margin-top:16px}
.reg-panel{
  min-height:314px;padding:24px 26px 20px;
  border:1px solid var(--line);background:linear-gradient(155deg,rgba(255,255,255,.035),rgba(255,255,255,.008));
  position:relative;overflow:hidden;
}
.reg-panel.old{opacity:.9}
.reg-panel.new{border-color:rgba(225,6,0,.28);background:linear-gradient(155deg,rgba(225,6,0,.075),rgba(255,255,255,.012))}
.reg-label{font-family:var(--tech);font-size:12px;letter-spacing:.12em;color:#aaaab4;display:flex;justify-content:space-between;gap:12px}
.reg-label span{color:#5d5d68;font-size:9.8px}
.reg-panel.new .reg-label span{color:var(--red)}
.power-line{position:relative;display:grid;grid-template-columns:1fr auto;align-items:end;padding:13px 0 10px;border-bottom:1px solid rgba(255,255,255,.06)}
.power-line span{font-size:11.5px;color:#777782;letter-spacing:.04em;padding-bottom:5px}
.power-line b{font-family:var(--tech);font-size:46px;line-height:.86;font-weight:600;letter-spacing:-.03em}
.power-line b.hot{color:var(--red)}
.power-line b small{font-size:13px;color:#8a8a95;margin-left:5px;letter-spacing:0;font-weight:400}
.power-line i{grid-column:1/3;display:block;width:var(--w);height:3px;margin-top:9px;background:#4a4a54;transition:width 1s var(--ease) .3s}
.power-line i.red{background:var(--red);box-shadow:0 0 14px rgba(225,6,0,.35)}
.power-line em{
  position:absolute;right:0;bottom:2px;
  font-family:var(--tech);font-size:10px;color:#777782;font-style:normal;letter-spacing:.05em;
}
.power-line em.up{color:var(--red)}
.reg-panel p{margin-top:13px;font-size:12.6px;line-height:1.7;color:#8e8e99}
.reg-panel p b{color:#d9d9df}
.reg-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.reg-tags span{font-size:9.2px;letter-spacing:.05em;padding:4px 7px;border:1px solid rgba(255,255,255,.09);color:#777782}
.reg-tags.active span{border-color:rgba(225,6,0,.25);color:#c98282}
.reg-switch{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}
.reg-switch span{font-family:var(--tech);font-size:9.5px;line-height:1.25;letter-spacing:.12em;color:#5e5e69;text-align:center}
.reg-switch svg{width:58px;height:22px;fill:none;stroke:var(--red);stroke-width:1.3}
.quote-split{display:grid;grid-template-columns:1fr 290px;gap:26px;margin-top:20px;align-items:stretch}
.fia-quote{position:relative;padding:16px 20px 13px 62px;border:1px solid var(--line);background:rgba(255,255,255,.018)}
.quote-mark{position:absolute;left:18px;top:7px;font-family:Georgia,serif;font-size:64px;line-height:1;color:var(--red)}
.fia-quote p{font-size:22px;line-height:1.58;color:#e3e3e8;letter-spacing:.01em}
.fia-quote cite{display:block;margin-top:9px;font-style:normal;font-size:10.5px;color:#6d6d78;letter-spacing:.03em}
.delta-card{padding:15px 18px;border-left:2px solid var(--red);background:rgba(225,6,0,.07);display:flex;flex-direction:column;justify-content:center}
.delta-card > span{font-size:10.5px;letter-spacing:.1em;color:#a08b8b}
.delta-card div{display:flex;align-items:baseline;gap:7px;margin-top:5px}
.delta-card b{font-family:var(--tech);font-size:40px;line-height:1;font-weight:600}
.delta-card i{font-style:normal;color:#676772;font-size:16px}
.delta-card small{font-size:11px;color:#8a8a95}
.delta-card em{font-style:normal;font-family:var(--tech);font-size:11px;color:var(--red);letter-spacing:.05em;margin-top:3px}
.mechanism-line{display:grid;grid-template-columns:235px 1fr;gap:22px;margin-top:17px;align-items:start}
.mechanism-line .kicker{padding-top:3px;white-space:nowrap;font-size:12px}
.mechanism-line p{font-size:14.4px;line-height:1.75;color:#a6a6b1}

/* ------------------------------------------------------------------
   06 System
------------------------------------------------------------------ */
.system-grid{display:grid;grid-template-columns:1fr 418px;gap:42px;margin-top:16px}
.powertrain{display:flex;align-items:stretch;height:196px}
.pt-node{
  flex:1;min-width:0;border:1px solid var(--line);
  padding:14px 12px;display:flex;flex-direction:column;justify-content:center;background:rgba(255,255,255,.018);
}
.pt-node > span{font-family:var(--tech);font-size:9.5px;letter-spacing:.12em;color:#6c6c77}
.pt-node b{font-size:21px;font-weight:600;margin-top:8px}
.pt-node small{font-size:10.2px;line-height:1.45;color:#84848f;margin-top:5px}
.pt-node.mguk{border-color:rgba(225,6,0,.3);background:rgba(225,6,0,.055)}
.pt-node.mguk > span{color:var(--red)}
.pt-node.battery{background:linear-gradient(180deg,rgba(225,6,0,.1),rgba(225,6,0,.02))}
.pt-connector{width:38px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;flex:none}
.pt-connector i{display:block;width:100%;height:1px;background:linear-gradient(90deg,rgba(225,6,0,.15),var(--red),rgba(225,6,0,.15));position:relative}
.pt-connector i::after{content:"";position:absolute;top:-2px;left:0;width:5px;height:5px;border-radius:50%;background:var(--red);box-shadow:0 0 8px var(--red);animation:flowDot 2.6s linear infinite}
.pt-connector.dual i::before{content:"";position:absolute;top:4px;left:0;width:100%;height:1px;background:rgba(255,255,255,.16)}
.pt-connector em{font-style:normal;font-size:8.5px;color:#676772;letter-spacing:.04em;white-space:nowrap}
@keyframes flowDot{0%{left:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:calc(100% - 5px);opacity:0}}
.component-list{margin-top:16px}
.component-row{display:grid;grid-template-columns:40px 1fr;gap:13px;padding:14px 0;border-top:1px solid rgba(255,255,255,.075)}
.component-row > span{font-family:var(--tech);font-size:10.5px;color:var(--red);padding-top:3px}
.component-row h3{font-size:17px;line-height:1.35;font-weight:600;color:#e6e6eb}
.component-row p{margin-top:4px;font-size:12.8px;line-height:1.65;color:#8b8b96}
.system-equation{
  display:flex;align-items:center;gap:16px;margin-top:16px;padding:13px 16px;
  border:1px solid var(--line);border-left:2px solid var(--red);
  background:linear-gradient(90deg,rgba(225,6,0,.06),rgba(255,255,255,.008));
}
.system-equation > span{font-family:var(--tech);font-size:8px;line-height:1.5;letter-spacing:.1em;color:#9c6360;white-space:nowrap}
.system-equation > b{font-size:17px;font-weight:600;color:#e7e7ec;letter-spacing:.02em;white-space:nowrap}
.system-equation > em{font-style:normal;margin-left:auto;font-family:var(--tech);font-size:10.5px;color:#8c8c97;white-space:nowrap}
.analogy{
  border:1px solid var(--line);background:linear-gradient(160deg,rgba(255,255,255,.035),rgba(225,6,0,.03));
  padding:24px 25px 20px;min-height:574px;position:relative;overflow:hidden;
  display:flex;flex-direction:column;
}
.analogy-head span{font-family:var(--tech);font-size:9.8px;letter-spacing:.16em;color:#6d6d78}
.analogy-head h2{margin-top:9px;font-size:51px;line-height:1.08;font-weight:700;letter-spacing:-.03em}
.analogy-head h2 em{font-style:normal;color:var(--red);font-family:var(--tech);font-weight:400;font-size:43px}
.water-visual{height:250px;position:relative;margin-top:12px;display:flex;align-items:flex-end;justify-content:center;gap:30px}
.faucet{position:relative;width:120px;height:125px;margin-bottom:48px}
.faucet::before{content:"";position:absolute;left:0;top:0;width:88px;height:19px;border:1px solid rgba(255,255,255,.24);border-right:0;border-radius:2px 0 0 2px;background:#16161c}
.faucet::after{content:"";position:absolute;left:68px;top:0;width:19px;height:56px;border:1px solid rgba(255,255,255,.24);border-top:0;background:#16161c}
.faucet i{position:absolute;left:68px;top:55px;width:19px;height:7px;background:var(--red);box-shadow:0 0 17px rgba(225,6,0,.5);z-index:2}
.faucet span{position:absolute;left:40px;top:-25px;font-family:var(--tech);font-size:11px;letter-spacing:.06em;color:#9d9da8;white-space:nowrap}
.water-stream{width:2px;height:185px;position:relative;margin-bottom:13px;background:linear-gradient(rgba(225,6,0,.65),rgba(225,6,0,.08));overflow:hidden}
.water-stream i{position:absolute;left:-1px;width:4px;height:8px;border-radius:50%;background:var(--red);animation:drop 1.5s linear infinite}
.water-stream i:nth-child(2){animation-delay:.5s}
.water-stream i:nth-child(3){animation-delay:1s}
@keyframes drop{0%{top:-10px;opacity:0}20%{opacity:1}100%{top:100%;opacity:.1}}
.tank{
  position:relative;width:190px;height:205px;border:1px solid rgba(255,255,255,.26);
  background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.008));
  overflow:hidden;
}
.tank::before{content:"";position:absolute;inset:7px;border:1px solid rgba(255,255,255,.06)}
.tank-fill{position:absolute;left:0;right:0;bottom:0;height:61%;background:linear-gradient(180deg,rgba(225,6,0,.72),rgba(225,6,0,.24));opacity:.8}
.tank-fill::before{content:"";position:absolute;left:-10%;right:-10%;top:-7px;height:14px;border-radius:50%;background:rgba(255,95,85,.5);animation:waterWave 4s ease-in-out infinite alternate}
@keyframes waterWave{from{transform:translateX(-4%) rotate(-1deg)}to{transform:translateX(4%) rotate(1deg)}}
.tank-mark{position:absolute;left:14px;top:13px;font-family:var(--tech);font-size:20px;color:#f2f2f5;z-index:2;letter-spacing:.03em}
.tank-label{position:absolute;left:14px;bottom:12px;font-size:9.5px;letter-spacing:.06em;color:rgba(255,255,255,.72);z-index:2}
.analogy-text{margin-top:14px;font-size:13.8px;line-height:1.78;color:#a3a3ae}
.analogy-budget{margin-top:15px;padding-top:12px;border-top:1px solid var(--line)}
.ab-head{display:flex;justify-content:space-between;align-items:baseline}
.ab-head span{font-size:10.5px;color:#c2c2ca;font-weight:600}
.ab-head em{font-style:normal;font-family:var(--tech);font-size:7.5px;letter-spacing:.1em;color:#5d5d68}
.ab-row{display:grid;grid-template-columns:62px 1fr 52px;gap:8px;align-items:center;margin-top:8px}
.ab-row > span{font-size:8.8px;color:#777782}
.ab-row > div{height:4px;background:#292930;overflow:hidden}
.ab-row i{display:block;height:100%;width:var(--w);background:linear-gradient(90deg,var(--red),rgba(225,6,0,.45))}
.ab-row b{font-family:var(--tech);font-size:9.5px;color:#c7c7cf;font-weight:500;text-align:right}
.analogy-foot{display:flex;justify-content:space-between;gap:14px;margin-top:auto;padding-top:14px;border-top:1px solid var(--line);font-size:11.5px;color:#777782}
.analogy-foot b{color:var(--red);font-weight:600}

/* ------------------------------------------------------------------
   07 Power / energy
------------------------------------------------------------------ */
.energy-grid{display:grid;grid-template-columns:1fr 458px;gap:34px;margin-top:13px}
.chart-panel{border:1px solid var(--line);padding:19px 22px 14px;background:rgba(255,255,255,.012);min-width:0}
.chart-head{display:flex;justify-content:space-between;align-items:baseline;gap:14px}
.chart-head span{font-size:13px;color:#c9c9d1;font-weight:600;letter-spacing:.02em}
.chart-head span b{font-family:var(--tech);font-size:10px;color:var(--red);letter-spacing:.1em}
.chart-head em{font-style:normal;font-size:10px;color:#656570}
.bar-chart{display:grid;grid-template-columns:34px 1fr;height:455px;margin-top:17px}
.chart-y{display:flex;flex-direction:column;justify-content:space-between;padding-bottom:32px;font-family:var(--tech);font-size:9px;color:#5d5d68;text-align:right;padding-right:9px}
.chart-plot{position:relative;display:flex;align-items:flex-end;justify-content:space-around;border-bottom:1px solid rgba(255,255,255,.18);padding:0 8px}
.gridline{position:absolute;left:0;right:0;top:var(--y);height:1px;background:rgba(255,255,255,.065);z-index:0}
.bar-group{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;width:210px}
.bars{height:calc(100% - 31px);display:flex;align-items:flex-end;justify-content:center;gap:13px;width:100%}
.bar{width:67px;height:0;position:relative;transition:height 1.1s var(--ease) .25s}
.slide.active .bar{height:var(--h)}
.bar-old{background:linear-gradient(180deg,#55555f,#303038)}
.bar-new{background:linear-gradient(180deg,var(--red-2),#a70400);box-shadow:0 0 30px rgba(225,6,0,.12)}
.bar b{position:absolute;left:0;right:0;top:-27px;text-align:center;font-family:var(--tech);font-size:21px;font-weight:600;color:#dedee4}
.bar-old b{color:#9a9aa4}
.bar-group > span{height:31px;display:flex;align-items:flex-end;font-size:10.5px;color:#8a8a95;white-space:nowrap;padding-bottom:3px}
.chart-legend{display:flex;align-items:center;gap:18px;margin-top:10px;font-size:10px;color:#8a8a95}
.chart-legend span{display:flex;align-items:center;gap:6px}
.chart-legend i{width:8px;height:8px;display:block}
.chart-legend i.old{background:#51515b}
.chart-legend i.new{background:var(--red)}
.chart-legend em{font-style:normal;margin-left:auto;color:#6e6e79;font-size:9.8px}
.composition{border:1px solid var(--line);padding:20px 22px;background:linear-gradient(160deg,rgba(255,255,255,.03),rgba(225,6,0,.025));display:flex;flex-direction:column;min-height:620px}
.composition-head{display:flex;justify-content:space-between;align-items:baseline}
.composition-head span{font-size:12.5px;color:#c9c9d1;font-weight:600}
.composition-head em{font-style:normal;font-family:var(--tech);font-size:9px;letter-spacing:.13em;color:#61616c}
.donut-wrap{display:flex;align-items:center;gap:20px;margin-top:14px;flex:1;min-height:240px}
.donut-shell{position:relative;width:198px;height:198px;flex:none}
.donut{
  position:absolute;inset:0;border-radius:50%;
  background:conic-gradient(var(--red) 0 47%,#3c3c45 47% 100%);
  -webkit-mask:radial-gradient(circle at center,transparent 0 61%,#000 62%);
  mask:radial-gradient(circle at center,transparent 0 61%,#000 62%);
  transform:rotate(-88deg);
}
.donut::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 30px rgba(0,0,0,.3)}
.donut-center{
  position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;
  z-index:2;
}
.donut-center b{font-family:var(--tech);font-size:43px;line-height:1;font-weight:600}
.donut-center b small{font-size:16px;color:var(--red);margin-left:2px}
.donut-center span{font-family:var(--tech);font-size:9px;letter-spacing:.13em;color:#8d8d98;margin-top:6px}
.donut-legend{display:flex;flex-direction:column;gap:12px;min-width:0}
.donut-legend > div{display:grid;grid-template-columns:7px 1fr;gap:5px 8px;align-items:center}
.donut-legend i{width:7px;height:7px;display:block}
.donut-legend i.red{background:var(--red)}
.donut-legend i.grey{background:#474751}
.donut-legend span{font-size:10.2px;color:#9a9aa5;white-space:nowrap}
.donut-legend b{font-family:var(--tech);font-size:13px;font-weight:500;color:#d1d1d8}
.donut-legend em{font-style:normal;grid-column:2;font-family:var(--tech);font-size:9px;color:#666672}
.calc-card{margin-top:auto;padding:14px 16px;background:rgba(225,6,0,.075);border-left:2px solid var(--red)}
.calc-card > span{font-family:var(--tech);font-size:8.5px;letter-spacing:.12em;color:#b47f7c}
.calc{display:flex;align-items:baseline;gap:5px;margin-top:5px}
.calc b{font-family:var(--tech);font-size:27px;line-height:1;font-weight:600}
.calc small{font-size:8.5px;color:#8d8d98;margin-right:3px}
.calc i{font-style:normal;color:#777782;font-size:11px;margin:0 2px}
.calc-card p{font-size:9.6px;line-height:1.6;color:#8d8d98;margin-top:5px}

/* ------------------------------------------------------------------
   08 Modes
------------------------------------------------------------------ */
.mode-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px}
.mode-tab{
  height:82px;padding:0 19px;
  display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;
  align-content:center;align-items:center;column-gap:7px;text-align:left;
  border:1px solid var(--line);background:rgba(255,255,255,.018);
  transition:.3s var(--ease);
}
.mode-tab > span{grid-row:1/3;font-family:var(--tech);font-size:11px;color:#666672}
.mode-tab b{font-family:var(--tech);font-size:21px;line-height:1.1;letter-spacing:.03em;color:#c3c3cc;font-weight:600}
.mode-tab em{font-style:normal;font-size:10px;color:#73737e;margin-top:3px}
.mode-tab:hover{border-color:rgba(225,6,0,.4);background:rgba(225,6,0,.055)}
.mode-tab.active{background:var(--red);border-color:var(--red);box-shadow:0 12px 30px rgba(225,6,0,.16)}
.mode-tab.active > span{color:rgba(255,255,255,.6)}
.mode-tab.active b{color:#fff}
.mode-tab.active em{color:rgba(255,255,255,.72)}
.mode-grid{display:grid;grid-template-columns:1fr 402px;gap:34px;margin-top:16px}
.mode-stage{
  min-height:468px;border:1px solid var(--line);padding:22px 24px 18px;
  background:linear-gradient(150deg,rgba(255,255,255,.03),rgba(225,6,0,.02));
}
.mode-stage-head{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--line);padding-bottom:10px}
.mode-stage-head span{font-family:var(--tech);font-size:10.5px;letter-spacing:.13em;color:var(--red)}
.mode-stage-head b{font-family:var(--tech);font-size:25px;line-height:1;font-weight:600;color:#ededf1}
.energy-schematic{
  position:relative;height:232px;display:grid;grid-template-columns:180px 1fr 170px 1fr 160px;align-items:center;
  margin-top:9px;
}
.energy-node{height:136px;border:1px solid rgba(255,255,255,.13);padding:15px 14px 12px;display:flex;flex-direction:column;justify-content:center;position:relative;background:#0e0e13}
.energy-node > span{font-family:var(--tech);font-size:8.5px;letter-spacing:.12em;color:#656570}
.energy-node b{font-family:var(--tech);font-size:29px;line-height:1;font-weight:600;margin-top:7px}
.energy-node b small{font-size:10px;color:#8a8a95;margin-left:3px}
.energy-node > small{font-size:8.8px;color:#777782;margin-top:4px}
.battery-node{border-color:rgba(225,6,0,.3)}
.battery-node b{color:var(--red);font-size:24px}
.soc{height:4px;background:#2d2d35;margin-top:7px;overflow:hidden;width:100%}
.soc i{display:block;height:100%;width:68%;background:var(--red);transition:width .8s var(--ease)}
.motor-node{border-color:rgba(255,255,255,.2)}
.motor-node b{font-size:24px}
.wheel-node{background:rgba(255,255,255,.025)}
.wheel-node b{font-size:17px;margin-top:9px}
.energy-link{position:relative;height:1px;background:rgba(255,255,255,.17);margin:0 7px}
.energy-link i{position:absolute;left:0;top:-2px;width:5px;height:5px;border-radius:50%;background:var(--red);box-shadow:0 0 9px var(--red);animation:flowDot 2.4s linear infinite}
.energy-link.link-b i{animation-direction:reverse}
.energy-link span{position:absolute;left:50%;top:8px;transform:translateX(-50%);font-size:8.5px;color:#62626d;white-space:nowrap}
.flow-label{
  position:absolute;left:50%;bottom:0;transform:translateX(-50%);
  padding:4px 10px;background:rgba(225,6,0,.11);border:1px solid rgba(225,6,0,.2);
  font-size:9.5px;letter-spacing:.05em;color:#c98b88;white-space:nowrap;
}
.mode-desc{padding-top:10px;border-top:1px solid var(--line);margin-top:2px}
.mode-desc h3{font-size:16.5px;line-height:1.4;font-weight:600;color:#e5e5ea}
.mode-desc p{margin-top:5px;font-size:12.8px;line-height:1.66;color:#8b8b96;max-width:850px}
.mode-budget{display:flex;align-items:center;gap:22px;margin-top:15px;padding-top:12px;border-top:1px solid var(--line)}
.mode-budget > span{font-family:var(--tech);font-size:7.8px;letter-spacing:.1em;color:#656570;white-space:nowrap}
.mode-budget > div{display:flex;align-items:baseline;gap:5px;min-width:115px}
.mode-budget b{font-family:var(--tech);font-size:21px;line-height:1;font-weight:600;color:#d9d9df}
.mode-budget small{font-size:8.5px;color:#777782;white-space:nowrap}
.constraints{min-height:468px;border:1px solid var(--line);padding:20px 22px;background:rgba(255,255,255,.017);display:flex;flex-direction:column}
.constraints-head span{font-size:13px;font-weight:600;color:#d1d1d8}
.constraints-head span i{font-style:normal;color:var(--red);margin:0 4px}
.constraints-head em{display:block;font-style:normal;font-family:var(--tech);font-size:8.5px;letter-spacing:.12em;color:#5f5f6a;margin-top:4px}
.constraint{display:grid;grid-template-columns:42px 1fr;gap:10px;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.07)}
.constraint b{font-size:10.5px;color:var(--red);font-weight:600;padding-top:1px}
.constraint p{font-size:11.2px;line-height:1.58;color:#9696a1}
.strategy-formula{display:grid;grid-template-columns:42px 1fr;gap:3px 10px;margin-top:14px;padding:12px 13px;border:1px solid rgba(225,6,0,.2);background:rgba(225,6,0,.05)}
.strategy-formula span{grid-row:1/3;font-size:9px;color:var(--red);letter-spacing:.1em;padding-top:2px}
.strategy-formula b{font-size:12.5px;color:#dedee4;font-weight:600}
.strategy-formula p{font-size:9.2px;color:#7f7f8a}
.constraint-foot{margin-top:auto;padding-top:16px;font-size:10.5px;line-height:1.62;color:#8a8a95}
.constraint-foot b{color:#e0e0e6}
#s8[data-mode="recharge"] .mode-stage-head span,
#s8[data-mode="recharge"] .mode-stage-head b{color:#c7c7d0}
#s8[data-mode="clipping"] .mode-stage-head span,
#s8[data-mode="clipping"] .mode-stage-head b{color:var(--red)}
#s8[data-mode="recharge"] .energy-link.link-b i{background:#d7d7df;box-shadow:0 0 9px #d7d7df;animation-direction:reverse}
#s8[data-mode="recharge"] .energy-link.link-a i{background:#d7d7df;box-shadow:0 0 9px #d7d7df;animation-direction:reverse}
#s8[data-mode="clipping"] .energy-link.link-a i{background:var(--red)}

/* ------------------------------------------------------------------
   10 Timeline
------------------------------------------------------------------ */
.timeline-lead{display:grid;grid-template-columns:1fr 356px;gap:38px;margin-top:12px;align-items:start}
.lead-strong{font-size:19px;line-height:1.62;color:#dedee4;font-weight:500;max-width:1020px}
.lead-small{margin-top:10px;font-size:13.1px;line-height:1.72;color:#8e8e99;max-width:1030px}
.rule-photo{width:366px}
.photo-frame{height:200px;overflow:hidden;border:1px solid var(--line);position:relative}
.photo-frame::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.35));pointer-events:none}
.photo-frame img{width:100%;height:100%;object-fit:cover;filter:saturate(.88) contrast(1.04)}
.rule-photo figcaption{margin-top:6px;font-size:8.2px;line-height:1.55;color:#62626d}
.timeline{margin-top:26px;position:relative}
.timeline-rule{position:absolute;left:0;right:0;top:52px;height:1px;background:rgba(255,255,255,.11)}
.timeline-rule i{display:block;width:0;height:2px;background:linear-gradient(90deg,var(--red),rgba(225,6,0,.15));transition:width 1.5s var(--ease) .25s}
.slide.active .timeline-rule i{width:100%}
.timeline-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;position:relative}
.timeline-item{position:relative;padding-top:0;min-height:198px}
.timeline-item .date{font-family:var(--tech);font-size:23px;letter-spacing:.01em;color:#d2d2da}
.timeline-item .dot{position:absolute;top:47px;left:0;width:11px;height:11px;border:2px solid var(--red);border-radius:50%;background:var(--bg);box-shadow:0 0 0 4px var(--bg),0 0 16px rgba(225,6,0,.4);z-index:2}
.timeline-item p{margin-top:37px;font-size:11.8px;line-height:1.62;color:#8b8b96;max-width:215px}
.timeline-item p b{color:var(--red);font-weight:600}
.timeline-item:nth-child(1) .dot{background:var(--red)}
.timeline-item:nth-child(3) .dot{background:var(--red)}
.timeline-insight{
  display:grid;grid-template-columns:310px 1fr;gap:30px;align-items:center;
  margin-top:22px;padding:17px 22px;
  border:1px solid var(--line);border-left:2px solid var(--red);
  background:linear-gradient(90deg,rgba(225,6,0,.075),rgba(255,255,255,.012));
}
.timeline-insight > div{display:flex;flex-direction:column;gap:6px}
.timeline-insight span{font-family:var(--tech);font-size:8.5px;letter-spacing:.13em;color:#9c6360}
.timeline-insight b{font-size:19px;line-height:1.35;color:#e2e2e7;font-weight:600}
.timeline-insight > p{font-size:12.6px;line-height:1.75;color:#92929d}

/* ------------------------------------------------------------------
   11 Stakeholders
------------------------------------------------------------------ */
.stake-grid{display:grid;grid-template-columns:1fr 54px 1fr;gap:17px;margin-top:12px;align-items:stretch}
.stake-panel{border:1px solid var(--line);padding:22px 24px 16px;min-height:304px;background:rgba(255,255,255,.018)}
.stake-panel:last-of-type{background:linear-gradient(155deg,rgba(225,6,0,.04),rgba(255,255,255,.012))}
.stake-head{display:flex;align-items:baseline;gap:10px;padding-bottom:13px;border-bottom:1px solid var(--line)}
.stake-head span{font-size:17px;font-weight:600;color:var(--red)}
.stake-head b{font-size:11.5px;color:#858590;font-weight:400}
.stake-row{display:grid;grid-template-columns:50px 1fr;gap:11px;align-items:center;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.06);min-height:72px}
.stake-row:last-child{border-bottom:0}
.stake-row b{font-size:11.5px;color:#c1c1ca;font-weight:600;padding-top:1px}
.stake-row p{font-size:12.5px;line-height:1.66;color:#8d8d98}
.stake-seam{position:relative;display:flex;align-items:center;justify-content:center;border-left:1px solid rgba(225,6,0,.18);border-right:1px solid rgba(225,6,0,.18)}
.stake-seam span{writing-mode:vertical-rl;font-family:var(--tech);font-size:9px;line-height:1.8;letter-spacing:.18em;color:#5b5b66;text-align:center}
.stake-seam i{position:absolute;top:50%;left:50%;width:7px;height:7px;margin:-3px 0 0 -3px;background:var(--red);box-shadow:0 0 16px rgba(225,6,0,.55)}
.decision-block{margin-top:24px}
.decision-head{display:flex;align-items:baseline;gap:14px;margin-bottom:10px}
.decision-head span{font-size:13.5px;font-weight:600;color:#dedee4}
.decision-head em{font-style:normal;font-size:10.8px;color:#676772}
.decision-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.decision-card{
  position:relative;text-align:left;min-height:154px;padding:18px 19px;
  border:1px solid var(--line);background:rgba(255,255,255,.018);
  transition:.3s var(--ease);
}
.decision-card::after{content:"↗";position:absolute;right:14px;top:13px;font-size:13px;color:#4e4e58;transition:.3s}
.decision-card > span{font-family:var(--tech);font-size:11px;letter-spacing:.08em;color:var(--red)}
.decision-card b{display:block;margin-top:15px;font-size:17px;font-weight:600;color:#dedee4}
.decision-card p{margin-top:5px;font-size:11.5px;color:#7e7e89}
.decision-card:hover{border-color:rgba(225,6,0,.5);background:rgba(225,6,0,.06);transform:translateY(-3px)}
.decision-card:hover::after{color:var(--red)}

/* ------------------------------------------------------------------
   12 MGU-H
------------------------------------------------------------------ */
.mguh-grid{display:grid;grid-template-columns:760px 1fr;gap:44px;margin-top:20px}
.mguh-figure{min-width:0}
.mguh-copy{min-width:0;display:flex;flex-direction:column}
.mguh-diagram{position:relative;height:374px;border:1px solid var(--line);background:radial-gradient(ellipse at 45% 48%,rgba(255,255,255,.035),rgba(255,255,255,.008));overflow:hidden}
.mguh-diagram img{width:100%;height:100%;object-fit:contain;opacity:1;padding:10px 6px;filter:brightness(1.18)}
.mguh-tag{position:absolute;left:25%;top:63%;display:flex;flex-direction:column;gap:2px;pointer-events:none}
.mguh-tag i{width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 0 5px rgba(225,6,0,.16),0 0 18px rgba(225,6,0,.5);margin-bottom:7px}
.mguh-tag::before{content:"";position:absolute;left:3px;top:13px;width:1px;height:34px;background:linear-gradient(var(--red),transparent)}
.mguh-tag span{font-family:var(--tech);font-size:16px;letter-spacing:.07em;color:#f0f0f3;font-weight:600}
.mguh-tag small{font-family:var(--tech);font-size:8.5px;letter-spacing:.1em;color:var(--red)}
.mguh-cross{position:absolute;left:23%;top:33%;font-family:var(--tech);font-size:96px;line-height:1;color:rgba(225,6,0,.52);font-weight:300;transform:rotate(-9deg);opacity:0;transition:.8s var(--ease) .65s}
.slide.active .mguh-cross{opacity:1}
.diagram-corners i{position:absolute;width:14px;height:14px;border-color:rgba(225,6,0,.45);border-style:solid;pointer-events:none}
.diagram-corners i:nth-child(1){left:10px;top:10px;border-width:1px 0 0 1px}
.diagram-corners i:nth-child(2){right:10px;top:10px;border-width:1px 1px 0 0}
.diagram-corners i:nth-child(3){left:10px;bottom:10px;border-width:0 0 1px 1px}
.diagram-corners i:nth-child(4){right:10px;bottom:10px;border-width:0 1px 1px 0}
.mguh-figure figcaption{margin-top:6px;font-size:8px;line-height:1.55;color:#5c5c67}
.mguh-life{
  display:grid;grid-template-columns:1fr 1.2fr 1fr;grid-template-rows:auto auto;gap:4px 14px;
  margin-top:12px;padding:12px 14px;border:1px solid var(--line);background:rgba(255,255,255,.018);
}
.life-cap{display:flex;flex-direction:column;gap:2px}
.life-cap.end{text-align:right;align-items:flex-end}
.life-cap span{font-family:var(--tech);font-size:17px;color:#e5e5ea}
.life-cap.end span{color:var(--red)}
.life-cap b{font-size:8.5px;color:#777782;font-weight:400}
.life-line{height:1px;background:linear-gradient(90deg,#62626d,rgba(225,6,0,.8));position:relative;align-self:center;margin-top:2px}
.life-line i{position:absolute;right:-1px;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 10px var(--red)}
.life-line em{position:absolute;left:50%;top:-17px;transform:translateX(-50%);font-style:normal;font-family:var(--tech);font-size:7.5px;letter-spacing:.12em;color:#696974}
.mguh-life > p{grid-column:1/4;font-size:9px;line-height:1.55;color:#777782;margin-top:2px}
.mguh-lead{margin-top:12px;font-size:19px;line-height:1.68;color:#d2d2da}
.mguh-lead b{color:var(--red)}
.reason-head{margin-top:20px;padding-bottom:8px;border-bottom:1px solid var(--line);font-size:12.5px;font-weight:600;color:#d2d2da}
.reason-head span{font-family:var(--tech);font-size:9px;letter-spacing:.1em;color:#5d5d68;font-weight:400;margin-left:7px}
.reason{display:grid;grid-template-columns:32px 1fr;gap:10px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.reason > span{font-family:var(--tech);font-size:10px;color:var(--red);padding-top:3px}
.reason h3{font-size:14.2px;line-height:1.3;font-weight:600;color:#e2e2e7}
.reason p{margin-top:2px;font-size:11.7px;line-height:1.58;color:#878792}
.mguh-note{display:flex;gap:12px;align-items:flex-start;margin-top:auto;padding:12px 14px;border-left:2px solid var(--red);background:rgba(225,6,0,.065)}
.mguh-note span{font-size:9px;letter-spacing:.1em;color:var(--red);white-space:nowrap;font-weight:600;padding-top:2px}
.mguh-note p{font-size:11.7px;line-height:1.62;color:#b8b8c2}

/* ------------------------------------------------------------------
   13 Goals
------------------------------------------------------------------ */
.goal-grid{display:grid;grid-template-columns:1fr 374px;gap:32px;margin-top:13px}
.goal-table{border:1px solid var(--line)}
.goal-head{display:grid;grid-template-columns:44px 185px 1fr 138px;gap:12px;padding:11px 17px;background:rgba(255,255,255,.035);font-size:9.5px;letter-spacing:.1em;color:#676772}
.goal-row{display:grid;grid-template-columns:44px 185px 1fr 138px;gap:12px;align-items:center;padding:16px 17px;border-top:1px solid rgba(255,255,255,.075);min-height:118px}
.goal-row > b{font-family:var(--tech);font-size:18px;color:var(--red);font-weight:500}
.goal-row h3{font-size:17px;font-weight:600;color:#e4e4e9}
.goal-row p{font-size:10.3px;line-height:1.5;color:#777782;margin-top:2px}
.goal-row > div:nth-child(3) p{font-size:12.6px;line-height:1.66;color:#9a9aa5;margin:0}
.goal-row > em{font-style:normal;font-family:var(--tech);font-size:9.5px;line-height:1.5;color:#c27f7b;text-align:right}
.spec-card{border:1px solid rgba(225,6,0,.26);padding:20px 23px 18px;background:linear-gradient(165deg,rgba(225,6,0,.1),rgba(255,255,255,.012));display:flex;flex-direction:column}
.spec-top{display:flex;justify-content:space-between;gap:10px;font-family:var(--tech);font-size:8.5px;letter-spacing:.13em;color:#9a9aa5}
.spec-top em{font-style:normal;color:var(--red)}
.spec-metric{margin-top:12px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.09)}
.spec-metric b{font-family:var(--tech);font-size:62px;line-height:.9;font-weight:600;letter-spacing:-.02em}
.spec-metric b small{font-size:20px;color:var(--red);margin-left:2px}
.spec-metric p{font-size:9.5px;color:#858590;margin-top:5px}
.spec-card blockquote{margin-top:auto;padding-top:16px;font-size:12px;line-height:1.7;color:#c4c4cc;border-top:1px solid rgba(255,255,255,.09)}
.spec-card cite{display:block;margin-top:5px;font-style:normal;font-size:8px;line-height:1.5;color:#62626d}
.goal-bottom{display:flex;align-items:center;gap:12px;margin-top:15px;font-size:12.5px;line-height:1.6;color:#8e8e99;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.07)}
.goal-bottom .takeaway-tick{width:5px;height:5px}

/* ------------------------------------------------------------------
   14 Trade-offs
------------------------------------------------------------------ */
.trade-grid{display:grid;grid-template-columns:1fr 374px;gap:36px;margin-top:10px}
.trade-row{padding:16px 0 17px;border-top:1px solid rgba(255,255,255,.085);min-height:168px}
.trade-title{display:flex;align-items:center;gap:9px}
.trade-title span{font-size:18px;font-weight:600;color:#dedee4}
.trade-title i{font-style:normal;color:var(--red);font-size:15px}
.trade-title em{margin-left:auto;font-style:normal;font-family:var(--tech);font-size:9.5px;color:#565661}
.tension-meter{display:grid;grid-template-columns:86px 1fr 86px;align-items:center;gap:10px;margin-top:10px}
.tension-meter > span{font-size:8.8px;color:#6e6e79}
.tension-meter > span:last-of-type{text-align:right}
.tension-meter > div{height:3px;background:linear-gradient(90deg,rgba(225,6,0,.5),#3a3a43 50%,rgba(225,6,0,.5));position:relative}
.tension-meter i{position:absolute;left:var(--pos);top:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;background:#fff;border:2px solid var(--red);border-radius:50%;box-shadow:0 0 13px rgba(225,6,0,.55)}
.trade-row p{margin-top:9px;font-size:12.4px;line-height:1.62;color:#82828d;max-width:980px}
.trade-aside{border:1px solid var(--line);padding:21px 23px 16px;background:linear-gradient(160deg,rgba(225,6,0,.08),rgba(255,255,255,.012));display:flex;flex-direction:column}
.aside-kicker{font-family:var(--tech);font-size:8px;letter-spacing:.13em;color:#777782}
.trade-aside h2{margin-top:9px;font-size:50px;line-height:1.05;font-weight:700;letter-spacing:-.03em}
.trade-aside h2 em{font-style:normal;color:var(--red)}
.trade-aside h3{margin-top:7px;font-size:29px;line-height:1;font-weight:600;color:#d9d9df;letter-spacing:.01em}
.trade-aside dl{margin-top:15px;border-top:1px solid rgba(255,255,255,.1)}
.trade-aside dl div{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.055)}
.trade-aside dt{font-size:10px;color:#797984}
.trade-aside dd{font-family:var(--tech);font-size:10.5px;color:#cfcfd6}
.trade-aside > p.rule-ref{margin-top:8px;font-family:var(--tech);font-size:8px;letter-spacing:.08em;color:#5a5a65}
.trade-aside .aside-quote{margin-top:auto;padding-top:14px;border-top:1px solid rgba(255,255,255,.1);font-size:11.5px;line-height:1.7;color:#c2c2ca;letter-spacing:0;font-family:var(--sans)}

/* ------------------------------------------------------------------
   16 Safety
------------------------------------------------------------------ */
.safety-grid{display:grid;grid-template-columns:637px 1fr;gap:44px;margin-top:13px}
.safety-image{position:relative;height:470px;overflow:hidden;border:1px solid var(--line)}
.safety-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.05)}
.safety-image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.12),transparent 45%,rgba(0,0,0,.82))}
.safety-impact{position:absolute;left:18px;bottom:16px;z-index:2;display:flex;align-items:flex-end;gap:12px}
.safety-impact b{display:flex;align-items:baseline;font-family:var(--tech);font-size:88px;line-height:.8;font-weight:600;letter-spacing:-.04em;text-shadow:0 3px 22px rgba(0,0,0,.5)}
.safety-impact b small{font-size:25px;color:var(--red);margin-left:3px}
.safety-impact > span{font-family:var(--tech);font-size:8.5px;line-height:1.5;letter-spacing:.12em;color:rgba(255,255,255,.7);padding-bottom:4px}
.safety-tag{position:absolute;right:14px;top:13px;z-index:2;font-family:var(--tech);font-size:8px;letter-spacing:.13em;color:rgba(255,255,255,.67);background:rgba(0,0,0,.38);padding:4px 7px;border:1px solid rgba(255,255,255,.15)}
.safety-tag b{color:var(--red)}
.safety-photo figcaption{margin-top:6px;font-size:8.2px;color:#5d5d68}
.safety-photo figcaption span{color:var(--red);margin:0 4px}
.safety-copy{padding-top:0}
.safety-copy h2{margin-top:14px;font-size:44px;line-height:1.18;font-weight:700;letter-spacing:-.02em}
.safety-copy h2 em{font-style:normal;color:var(--red)}
.safety-copy p{margin-top:14px;font-size:15px;line-height:1.78;color:#a7a7b2}
.safety-copy p b{color:#ededf1}
.escalation{display:flex;gap:8px;margin-top:18px}
.escalation span{display:flex;align-items:center;gap:6px;height:35px;padding:0 12px;border:1px solid var(--line);font-size:9.8px;color:#a1a1ac}
.escalation b{font-family:var(--tech);font-size:8px;color:var(--red)}
.safety-quote{margin-top:19px;padding:13px 0 12px 15px;border-left:2px solid var(--red);font-size:13px;line-height:1.7;color:#c2c2ca;font-style:normal}
.safety-response{
  display:flex;align-items:center;gap:18px;margin-top:18px;padding:15px 19px;
  border:1px solid var(--line);border-left:2px solid var(--red);
  background:linear-gradient(90deg,rgba(225,6,0,.055),rgba(255,255,255,.01));
}
.safety-response > span{font-family:var(--tech);font-size:8.5px;letter-spacing:.11em;color:#91605d;white-space:nowrap}
.safety-response > div{display:flex;align-items:center;gap:8px;font-size:11.5px;color:#c3c3cc}
.safety-response > div b{font-family:var(--tech);font-size:9px;color:var(--red)}
.safety-response > i{font-style:normal;color:#4e4e58}
.safety-response > p{margin-left:auto;font-size:10.5px;color:#7e7e89;border-left:1px solid var(--line);padding-left:18px}

/* ------------------------------------------------------------------
   17 April fix
------------------------------------------------------------------ */
.fix-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:11px}
.fix-card{border:1px solid var(--line);padding:17px 21px 14px;background:rgba(255,255,255,.017);min-height:390px}
.fix-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding-bottom:7px;border-bottom:1px solid var(--line)}
.fix-head span{font-size:12px;font-weight:600;color:#d3d3da}
.fix-head em{font-style:normal;font-family:var(--tech);font-size:8px;letter-spacing:.1em;color:#5e5e69}
.mini-chart{height:290px;display:flex;align-items:flex-end;justify-content:center;gap:22px;position:relative;padding-bottom:31px;margin-top:2px}
.mini-chart::after{content:"";position:absolute;left:0;right:0;bottom:30px;height:1px;background:rgba(255,255,255,.15)}
.mini-bar{width:86px;height:0;position:relative;transition:height 1s var(--ease) .2s}
.slide.active .mini-bar{height:var(--h)}
.mini-bar.old{background:linear-gradient(180deg,#55555f,#303038)}
.mini-bar.new{background:linear-gradient(180deg,var(--red-2),#a70400)}
.mini-bar b{position:absolute;left:50%;top:-29px;transform:translateX(-50%);font-family:var(--tech);font-size:28px;color:#e5e5ea;font-weight:600;white-space:nowrap}
.mini-bar.old b{color:#a0a0aa}
.mini-bar span{position:absolute;left:50%;bottom:-23px;transform:translateX(-50%);font-size:8.5px;color:#70707b;white-space:nowrap}
.mini-arrow{font-family:var(--tech);font-size:28px;line-height:1;color:var(--red);padding-bottom:36px}
.mini-arrow.up{color:#d0d0d8}
.mini-unit{position:absolute;right:14px;bottom:7px;font-family:var(--tech);font-size:8px;color:#5e5e69}
.fix-card > p{font-size:11px;line-height:1.6;color:#83838e;margin-top:5px}
.clipping-band{
  margin-top:15px;display:grid;grid-template-columns:1.15fr 280px 1fr;gap:25px;align-items:center;
  min-height:185px;padding:19px 22px;border:1px solid rgba(225,6,0,.22);background:linear-gradient(100deg,rgba(225,6,0,.09),rgba(255,255,255,.012));
}
.clipping-title > span{font-family:var(--tech);font-size:9px;letter-spacing:.14em;color:var(--red)}
.clipping-title h3{margin-top:4px;font-size:18px;font-weight:600;color:#e1e1e7}
.clipping-title p{margin-top:3px;font-size:9.8px;line-height:1.55;color:#858590}
.clipping-time{text-align:center;border-left:1px solid rgba(255,255,255,.11);border-right:1px solid rgba(255,255,255,.11)}
.clipping-time b{font-family:var(--tech);font-size:58px;line-height:.95;font-weight:600;color:var(--red)}
.clipping-time span{font-size:11px;color:#c1c1c9;margin-left:3px}
.clipping-time em{display:block;margin-top:3px;font-style:normal;font-size:8.5px;letter-spacing:.08em;color:#6d6d78}
.clipping-note{font-size:10.3px;line-height:1.68;color:#8d8d98}
.clipping-note b{color:#e0e0e6}

/* ------------------------------------------------------------------
   18 Proof
------------------------------------------------------------------ */
.proof-grid{display:grid;grid-template-columns:760px 1fr;gap:44px;margin-top:13px}
.doc-card{border:1px solid var(--line);background:#0e0e13}
.doc-chrome{height:34px;display:flex;align-items:center;gap:12px;padding:0 12px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.035)}
.doc-chrome span{font-family:var(--tech);font-size:10px;font-weight:700;letter-spacing:.09em;color:#fff;background:#005a9c;padding:3px 6px 2px}
.doc-chrome p{font-family:var(--tech);font-size:8.2px;letter-spacing:.08em;color:#8f8f9a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.doc-chrome p b{color:var(--red)}
.doc-chrome em{font-style:normal;margin-left:auto;font-family:var(--tech);font-size:8.5px;color:#676772}
.doc-image{position:relative;height:282px;overflow:hidden;background:#fff}
.doc-image img{width:100%;height:100%;object-fit:contain}
.doc-image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(8,8,11,.28));pointer-events:none}
.doc-highlight{position:absolute;left:35.9%;top:58.5%;width:10.2%;height:13.5%;border:2px solid var(--red);box-shadow:0 0 0 9999px rgba(5,5,7,.21);pointer-events:none}
.doc-highlight i{position:absolute;left:-2px;top:-2px;width:10px;height:10px;border-top:3px solid var(--red);border-left:3px solid var(--red)}
.doc-highlight span{position:absolute;right:-2px;top:-27px;background:var(--red);color:#fff;font-family:var(--tech);font-size:10px;letter-spacing:.06em;padding:4px 7px;white-space:nowrap;box-shadow:0 4px 14px rgba(0,0,0,.3)}
.doc-card figcaption{padding:7px 12px 8px;font-size:8.2px;line-height:1.5;color:#686873;border-top:1px solid var(--line)}
.doc-compare{
  display:grid;grid-template-columns:1fr 28px 1fr 1.1fr;gap:9px;align-items:center;
  padding:10px 14px;border-top:1px solid var(--line);background:rgba(225,6,0,.04);
}
.doc-compare > div{display:flex;flex-direction:column;gap:2px}
.doc-compare span{font-size:8px;letter-spacing:.06em;color:#777782}
.doc-compare b{font-family:var(--tech);font-size:25px;line-height:1;color:#d9d9df}
.doc-compare b small{font-size:9px;color:#8c8c97;margin-left:2px}
.doc-compare > div:last-of-type b{color:var(--red)}
.doc-compare em{font-style:normal;font-size:7.5px;color:#62626d}
.doc-compare > i{font-style:normal;font-family:var(--tech);font-size:21px;color:var(--red);text-align:center}
.doc-compare > p{font-size:8.6px;line-height:1.55;color:#8d8d98;border-left:1px solid var(--line);padding-left:10px}
.proof-copy{padding-top:2px}
.proof-metric{display:flex;align-items:flex-end;gap:15px;margin-top:8px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.proof-metric b{display:flex;align-items:baseline;font-family:var(--tech);font-size:86px;line-height:.8;font-weight:600;letter-spacing:-.03em}
.proof-metric b small{font-size:22px;color:var(--red);margin-left:3px}
.proof-metric p{font-size:10.4px;line-height:1.6;color:#858590;padding-bottom:2px}
.proof-point{display:grid;grid-template-columns:33px 1fr;gap:10px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.075)}
.proof-point > span{font-family:var(--tech);font-size:9px;color:var(--red);padding-top:3px}
.proof-point h3{font-size:15.5px;font-weight:600;color:#e1e1e7}
.proof-point p{margin-top:4px;font-size:11.8px;line-height:1.62;color:#858590}
.proof-trail{
  display:flex;align-items:center;gap:17px;margin-top:16px;padding:15px 19px;
  border:1px solid var(--line);border-left:2px solid var(--red);
  background:linear-gradient(90deg,rgba(225,6,0,.055),rgba(255,255,255,.01));
}
.proof-trail > span{font-family:var(--tech);font-size:8.5px;letter-spacing:.11em;color:#91605d;white-space:nowrap}
.proof-trail > div{display:flex;align-items:center;gap:7px;font-size:11.2px;color:#b9b9c2}
.proof-trail > div b{font-family:var(--tech);font-size:8.5px;color:var(--red)}
.proof-trail > i{font-style:normal;color:#4e4e58}

/* ------------------------------------------------------------------
   19 Synthesis
------------------------------------------------------------------ */
.co-grid{display:grid;grid-template-columns:1fr 104px 1fr;gap:20px;margin-top:16px}
.co-card{border:1px solid var(--line);padding:26px 28px;min-height:292px;background:linear-gradient(160deg,rgba(255,255,255,.032),rgba(255,255,255,.008));display:flex;flex-direction:column}
.co-card:last-of-type{background:linear-gradient(160deg,rgba(225,6,0,.07),rgba(255,255,255,.01))}
.co-label{font-family:var(--tech);font-size:10px;letter-spacing:.13em;color:var(--red);text-transform:uppercase}
.co-label i{font-style:normal;margin:0 4px}
.co-card h2{margin-top:12px;font-size:30px;line-height:1.25;font-weight:700;letter-spacing:-.01em}
.co-card p{margin-top:12px;font-size:14px;line-height:1.75;color:#92929d;max-width:520px}
.co-chain{display:flex;align-items:center;gap:9px;margin-top:auto;padding-top:16px;border-top:1px solid rgba(255,255,255,.09)}
.co-chain span{font-size:10px;color:#b8b8c2;padding:5px 8px;border:1px solid rgba(225,6,0,.2);background:rgba(225,6,0,.04)}
.co-chain i{font-style:normal;font-size:11px;color:var(--red)}
.co-center{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px}
.co-center::before{content:"";position:absolute;top:15%;bottom:15%;left:50%;width:1px;background:linear-gradient(transparent,rgba(225,6,0,.4),transparent)}
.co-center span{position:relative;z-index:2;writing-mode:vertical-rl;font-size:11px;letter-spacing:.2em;color:#bc7b78;background:var(--bg);padding:8px 0}
.co-center i{position:relative;z-index:2;font-style:normal;font-size:26px;color:var(--red);background:var(--bg);padding:3px 0}
.criteria{margin-top:22px;border-top:1px solid var(--line)}
.criteria-head{display:flex;justify-content:space-between;align-items:baseline;padding:11px 0 8px}
.criteria-head span{font-size:13px;font-weight:600;color:#d7d7de}
.criteria-head em{font-style:normal;font-family:var(--tech);font-size:8.5px;letter-spacing:.11em;color:#5d5d68}
.criteria-row{display:grid;grid-template-columns:225px 1fr 210px;gap:20px;align-items:center;padding:12px 0;border-top:1px solid rgba(255,255,255,.06)}
.criteria-row b{font-size:12.8px;color:#c3c3cc;font-weight:600}
.criteria-row p{font-size:11.8px;color:#858590}
.criteria-row span{font-family:var(--tech);font-size:8px;letter-spacing:.1em;color:#565661;text-align:right}

/* ------------------------------------------------------------------
   20 Conclusion
------------------------------------------------------------------ */
.conclusion-title{font-size:43px;letter-spacing:-.025em}
.conclusion-list{margin-top:15px}
.conclusion-row{display:grid;grid-template-columns:80px 1fr 110px;gap:18px;align-items:center;padding:20px 0;border-top:1px solid rgba(255,255,255,.09);min-height:156px}
.conclusion-row:last-child{border-bottom:1px solid rgba(255,255,255,.09)}
.c-num{font-family:var(--tech);font-size:46px;line-height:1;color:var(--red);font-weight:600;letter-spacing:-.02em}
.conclusion-row h3{font-size:23px;line-height:1.35;font-weight:600;color:#e9e9ed}
.conclusion-row p{margin-top:5px;font-size:14px;line-height:1.7;color:#8f8f9a;max-width:1110px}
.conclusion-row em{font-style:normal;font-family:var(--tech);font-size:8px;letter-spacing:.15em;color:#555560;text-align:right}
.final-band{
  display:grid;grid-template-columns:152px 1fr;gap:22px;align-items:start;
  margin-top:16px;padding:20px 22px;
  border-left:3px solid var(--red);background:linear-gradient(90deg,rgba(225,6,0,.12),rgba(225,6,0,.02));
}
.final-band span{padding-top:2px;font-family:var(--tech);font-size:8.5px;line-height:1.6;letter-spacing:.12em;color:var(--red)}
.final-band p{font-size:14.4px;line-height:1.76;color:#b8b8c2}
.final-band b{color:#f0f0f3}
.final-tags{grid-column:2;display:flex;gap:7px;margin-top:11px}
.final-tags span{font-size:8.5px;letter-spacing:.07em;color:#c28280;border:1px solid rgba(225,6,0,.24);padding:4px 8px;background:rgba(225,6,0,.04)}
#s20 .final-band{position:absolute;left:var(--pad);right:var(--pad);bottom:70px;margin-top:0}

/* ------------------------------------------------------------------
   21 Team
------------------------------------------------------------------ */
.team-lead{margin-top:7px;font-size:12px;color:#83838e;letter-spacing:.03em}
.team-grid-top{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:13px}
.team-grid-bottom{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:13px}
.team-card{border:1px solid var(--line);padding:22px 23px;background:rgba(255,255,255,.016);position:relative;overflow:hidden}
.team-card.group{min-height:244px;background:linear-gradient(155deg,rgba(225,6,0,.065),rgba(255,255,255,.012));display:flex;flex-direction:column;justify-content:center}
.team-card.small{min-height:208px;display:flex;flex-direction:column;justify-content:center}
.team-no{position:absolute;right:17px;top:16px;font-family:var(--tech);font-size:34px;color:rgba(225,6,0,.6);line-height:1}
.team-role{font-family:var(--tech);font-size:10.5px;letter-spacing:.09em;color:var(--red);text-transform:uppercase;padding-right:36px}
.team-role em{font-style:normal;color:#8c8c97;font-family:var(--sans);font-size:9.8px;letter-spacing:.02em;margin-left:5px}
.team-card h3{margin-top:15px;font-size:26px;line-height:1.3;font-weight:600;color:#ebebef}
.team-card p{margin-top:8px;font-size:12px;line-height:1.68;color:#888893;max-width:330px}
.team-card.small h3{font-size:20px;margin-top:10px}
.team-card.small p{font-size:11.2px;margin-top:6px}
.team-tags{display:flex;gap:6px;margin-top:15px}
.team-tags span{font-size:8.5px;letter-spacing:.06em;color:#b77d7a;border:1px solid rgba(225,6,0,.24);padding:4px 7px;background:rgba(225,6,0,.045)}
.team-process{
  display:flex;align-items:center;gap:14px;margin-top:16px;
  padding:16px 20px;border:1px solid var(--line);border-left:2px solid var(--red);
  background:linear-gradient(90deg,rgba(225,6,0,.05),rgba(255,255,255,.01));
}
.team-process > span{font-family:var(--tech);font-size:8.5px;letter-spacing:.12em;color:#8d6360;margin-right:8px;white-space:nowrap}
.team-process > div{display:flex;align-items:center;gap:7px;font-size:11.5px;color:#c4c4cc}
.team-process > div b{font-family:var(--tech);font-size:9px;color:var(--red)}
.team-process > i{font-style:normal;color:#4e4e58;font-size:12px}
.team-card::after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--red);transition:width .45s var(--ease)}
.team-card:hover::after{width:100%}

/* ------------------------------------------------------------------
   22 References
------------------------------------------------------------------ */
.refs-grid{display:grid;grid-template-columns:1.06fr 1fr .78fr;gap:35px;margin-top:12px}
.ref-col{border-top:1px solid var(--line);padding-top:10px;min-width:0}
.ref-col h2{display:flex;align-items:center;gap:8px;font-size:13.2px;line-height:1.4;font-weight:600;color:#d5d5dc}
.ref-col h2 span{font-family:var(--tech);font-size:8.5px;color:var(--red)}
.ref-list{margin-top:8px}
.ref-list li{
  font-size:14.2px;line-height:1.62;color:#8d8d98;
  padding:0 0 9px 27px;text-indent:-27px;
  border-bottom:1px solid rgba(255,255,255,.04);
  margin-bottom:9px;
  word-break:break-word;
}
.ref-list li a{color:#b9b9c2;border-bottom:1px solid rgba(225,6,0,.38);transition:.2s}
.ref-list li a:hover{color:#fff;border-color:var(--red)}
.ref-note{margin-top:16px;padding:11px 13px;border-left:2px solid var(--red);background:rgba(225,6,0,.06)}
.ref-note span{font-size:9px;letter-spacing:.1em;color:var(--red);font-weight:600}
.ref-note p{margin-top:5px;font-size:11.2px;line-height:1.7;color:#888893}
.ref-link-note{margin-top:16px;font-size:10px;letter-spacing:.03em;color:#656570}
.ref-link-note::before{content:"↗ ";color:var(--red)}
.ref-corpus{
  display:grid;grid-template-columns:150px 1fr 300px;gap:28px;align-items:center;
  margin-top:22px;padding:15px 20px;
  border:1px solid var(--line);border-left:2px solid var(--red);
  background:linear-gradient(90deg,rgba(225,6,0,.055),rgba(255,255,255,.01));
}
.corpus-total{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}
.corpus-total span{width:100%;font-family:var(--tech);font-size:7.5px;letter-spacing:.13em;color:#91605d}
.corpus-total b{font-family:var(--tech);font-size:44px;line-height:.9;color:var(--red);font-weight:600}
.corpus-total em{font-style:normal;font-size:9px;color:#777782}
.corpus-bars{display:flex;flex-direction:column;gap:7px}
.corpus-bars > div{display:grid;grid-template-columns:120px 1fr 20px;gap:10px;align-items:center}
.corpus-bars span{font-size:8.8px;color:#8d8d98}
.corpus-bars i{display:block;height:3px;width:var(--w);background:linear-gradient(90deg,var(--red),rgba(225,6,0,.25))}
.corpus-bars b{font-family:var(--tech);font-size:9px;color:#c5c5cd;font-weight:500;text-align:right}
.ref-corpus > p{font-size:9.6px;line-height:1.6;color:#7f7f8a;border-left:1px solid var(--line);padding-left:18px}

/* ------------------------------------------------------------------
   23 Closing
------------------------------------------------------------------ */
.closing{padding:0;background:#050506}
.closing-bg{position:absolute;inset:0;background:url("assets/cover.webp") center 56%/cover no-repeat;filter:saturate(.65) brightness(.72);transform:scale(1.02)}
.closing-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,4,6,.97),rgba(4,4,6,.87) 40%,rgba(4,4,6,.36) 76%,rgba(4,4,6,.45)),linear-gradient(0deg,rgba(4,4,6,.9),transparent 50%)}
.closing-top{position:absolute;left:var(--pad);right:var(--pad);top:43px;z-index:3;display:flex;justify-content:space-between;font-family:var(--tech);font-size:11px;letter-spacing:.15em;color:#797984;text-transform:uppercase}
.closing-top b{color:var(--red);margin:0 6px}
.closing-content{position:absolute;left:var(--pad);top:198px;z-index:3;width:900px}
.closing-kicker{font-family:var(--tech);font-size:13px;letter-spacing:.2em;color:#b7b7c0}
.closing-kicker span{color:var(--red);margin:0 9px}
.closing-title{margin-top:30px;font-size:172px;line-height:.9;font-weight:800;letter-spacing:-.06em}
.closing-echo{margin-top:37px;font-size:30px;line-height:1.55;color:#d5d5dc;font-weight:400;letter-spacing:.005em}
.closing-echo span{color:var(--red)}
.closing-ask{margin-top:25px;font-size:13px;letter-spacing:.09em;color:#777782}
.closing-qa{
  position:absolute;right:72px;top:225px;z-index:2;
  font-family:var(--tech);font-size:285px;line-height:.75;font-weight:700;letter-spacing:-.07em;
  color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.11);
  transform:rotate(-5deg);user-select:none;
}
.closing-meta{position:absolute;left:var(--pad);bottom:42px;z-index:3;display:flex;gap:32px;font-size:11px;color:#757580;letter-spacing:.06em}
.closing-restart{
  position:absolute;right:var(--pad);bottom:40px;z-index:4;
  display:flex;align-items:center;gap:15px;
  height:43px;padding:0 15px 0 18px;border:1px solid rgba(255,255,255,.19);
  font-size:11.5px;color:#d0d0d7;letter-spacing:.06em;
  transition:.3s var(--ease);
}
.closing-restart kbd{font-family:var(--tech);font-size:9px;border:1px solid rgba(255,255,255,.18);padding:2px 5px;color:#888893}
.closing-restart:hover{background:var(--red);border-color:var(--red);color:#fff}
.closing-restart:hover kbd{border-color:rgba(255,255,255,.5);color:#fff}
.closing-page{position:absolute;right:var(--pad);top:76px;z-index:3;font-family:var(--tech);font-size:11px;letter-spacing:.14em;color:#5c5c67}
.closing-page span{color:var(--red)}

/* ------------------------------------------------------------------
   HUD / chrome
------------------------------------------------------------------ */
.hud{position:fixed;inset:0;z-index:120;pointer-events:none;opacity:1;transition:opacity .38s ease}
.hud > *{pointer-events:auto}
.hud.idle .control-dock,.hud.idle .edge-nav{opacity:0;pointer-events:none;transform:translateY(7px)}
.hud.idle .progress{opacity:.55}
.control-dock{
  position:absolute;left:50%;bottom:5px;transform:translateX(-50%);
  display:flex;align-items:center;gap:2px;
  height:32px;padding:0 6px;
  background:rgba(9,9,12,.82);border:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(16px) saturate(120%);
  box-shadow:0 10px 30px rgba(0,0,0,.32);
  transition:opacity .28s ease,transform .28s ease;
}
.dock-btn{
  width:28px;height:25px;display:grid;place-items:center;
  color:#a4a4ae;border-radius:1px;
  transition:.2s;
}
.dock-btn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:square;stroke-linejoin:miter}
.dock-btn:hover{color:#fff;background:rgba(255,255,255,.09)}
.dock-btn.active{color:var(--red);background:rgba(225,6,0,.12)}
.dock-btn[disabled]{opacity:.25;pointer-events:none}
.help-glyph{font-family:var(--tech);font-size:14px;line-height:1;color:currentColor}
.page-readout{min-width:70px;text-align:center;font-family:var(--tech);font-size:10.5px;letter-spacing:.12em;color:#d4d4db}
.page-readout i{font-style:normal;color:#5e5e69;margin:0 3px}
.dock-divider{width:1px;height:15px;background:rgba(255,255,255,.14);margin:0 4px}
.progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:rgba(255,255,255,.075);transition:opacity .4s}
.progress i{display:block;height:100%;width:0;background:var(--red);box-shadow:0 0 14px rgba(225,6,0,.5);transition:width .55s var(--ease)}
.edge-nav{
  position:absolute;top:50%;width:38px;height:58px;
  display:grid;place-items:center;
  color:#83838e;background:rgba(8,8,10,.3);
  border:1px solid rgba(255,255,255,.1);
  transform:translateY(-50%);
  opacity:.55;transition:.28s var(--ease);
}
.edge-nav svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.3}
.edge-prev{left:13px}.edge-next{right:13px}
.edge-nav:hover{opacity:1;color:#fff;border-color:rgba(225,6,0,.7);background:rgba(225,6,0,.6)}
.edge-nav[disabled]{opacity:0;pointer-events:none}

/* ------------------------------------------------------------------
   Modals / overview / notes
------------------------------------------------------------------ */
.modal{position:fixed;inset:0;z-index:220;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility 0s linear .35s}
.modal.open{opacity:1;visibility:visible;transition:opacity .35s ease,visibility 0s}
.modal-scrim{position:absolute;inset:0;background:rgba(3,3,5,.78);backdrop-filter:blur(13px)}
.overview-panel{
  position:relative;width:min(1180px,92vw);max-height:93vh;
  display:flex;flex-direction:column;
  padding:26px 28px 14px;
  background:#0b0b0f;border:1px solid rgba(255,255,255,.14);
  box-shadow:0 40px 120px rgba(0,0,0,.65);
  transform:translateY(18px) scale(.99);transition:.45s var(--ease);
}
.modal.open .overview-panel{transform:none}
.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.modal-kicker{font-family:var(--tech);font-size:9px;letter-spacing:.16em;color:var(--red)}
.modal-head h2{margin-top:5px;font-size:25px;line-height:1.2;font-weight:600;letter-spacing:-.01em}
.modal-close{width:34px;height:34px;display:grid;place-items:center;font-size:27px;line-height:1;color:#8c8c97;border:1px solid rgba(255,255,255,.12);transition:.2s}
.modal-close:hover{color:#fff;background:var(--red);border-color:var(--red)}
.overview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:16px;overflow:auto;padding-right:3px}
.overview-card{
  position:relative;text-align:left;min-height:82px;padding:9px 11px;
  border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.016);
  transition:.22s var(--ease);
}
.overview-card:hover{border-color:rgba(225,6,0,.55);background:rgba(225,6,0,.065);transform:translateY(-2px)}
.overview-card.current{border-color:var(--red);background:rgba(225,6,0,.1)}
.overview-card .ov-num{font-family:var(--tech);font-size:17px;color:var(--red);line-height:1}
.overview-card .ov-chapter{position:absolute;right:10px;top:11px;font-family:var(--tech);font-size:7.5px;letter-spacing:.08em;color:#5b5b66;text-transform:uppercase}
.overview-card .ov-title{margin-top:8px;font-size:11px;line-height:1.42;color:#c9c9d1;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.overview-card.current .ov-title{color:#fff}
.overview-foot{display:flex;justify-content:space-between;gap:12px;border-top:1px solid rgba(255,255,255,.09);margin-top:14px;padding-top:10px;font-family:var(--tech);font-size:8.5px;letter-spacing:.07em;color:#585863}
.notes-panel{
  position:fixed;right:0;top:0;bottom:0;z-index:240;width:min(500px,94vw);
  background:#0b0b0f;border-left:1px solid rgba(255,255,255,.14);
  transform:translateX(102%);transition:transform .48s var(--ease);
  display:flex;flex-direction:column;
  box-shadow:-40px 0 100px rgba(0,0,0,.55);
}
.notes-panel.open{transform:none}
.notes-scrim{position:fixed;inset:0;z-index:235;background:rgba(3,3,5,.35);opacity:0;visibility:hidden;transition:.4s;backdrop-filter:blur(2px)}
.notes-scrim.open{opacity:1;visibility:visible}
.notes-head{display:flex;justify-content:space-between;align-items:flex-start;padding:25px 26px 14px;border-bottom:1px solid rgba(255,255,255,.1)}
.notes-head h2{margin-top:5px;font-size:23px;font-weight:600}
.notes-slide-meta{padding:15px 26px 13px;border-bottom:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:1fr auto;gap:5px 12px}
.notes-slide-meta span{font-family:var(--tech);font-size:9px;letter-spacing:.1em;color:var(--red);grid-column:1/3}
.notes-slide-meta b{font-size:14px;line-height:1.45;color:#e3e3e8;font-weight:600}
.notes-slide-meta em{font-style:normal;font-size:9px;color:#6d6d78;align-self:end;white-space:nowrap}
.notes-body{flex:1;overflow:auto;padding:21px 26px 30px;scrollbar-width:thin;scrollbar-color:#33333d transparent}
.notes-foot a{color:var(--red);border-bottom:1px solid rgba(225,6,0,.35)}
.notes-body p{font-size:14.2px;line-height:1.9;color:#b7b7c1;margin-bottom:13px;letter-spacing:.01em}
.notes-body p:first-child::first-letter{color:var(--red)}
.notes-body .notes-empty{color:#686873;font-size:13px}
.notes-foot{display:flex;justify-content:space-between;gap:10px;padding:12px 26px;border-top:1px solid rgba(255,255,255,.1);font-family:var(--tech);font-size:8.5px;letter-spacing:.06em;color:#5d5d68}
.help-panel{position:relative;width:min(640px,92vw);background:#0b0b0f;border:1px solid rgba(255,255,255,.14);padding:25px 27px 22px;box-shadow:0 40px 100px rgba(0,0,0,.6)}
.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:19px;background:rgba(255,255,255,.08)}
.help-grid > div{display:flex;align-items:center;gap:8px;background:#0b0b0f;padding:12px 12px}
.help-grid kbd{min-width:27px;text-align:center;font-family:var(--tech);font-size:10px;line-height:1;padding:5px 6px 4px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.045);color:#d0d0d7}
.help-grid span{font-size:11.5px;color:#9b9ba6}
.help-note{margin-top:16px;font-size:10.5px;line-height:1.65;color:#686873}

/* toast + rotate hint */
.toast{
  position:fixed;left:50%;bottom:60px;z-index:210;
  padding:8px 14px;background:rgba(10,10,13,.94);border:1px solid rgba(255,255,255,.16);
  font-family:var(--tech);font-size:9.5px;letter-spacing:.1em;color:#d0d0d7;
  transform:translate(-50%,8px);opacity:0;pointer-events:none;transition:.28s;
  backdrop-filter:blur(10px);
}
.toast.show{opacity:1;transform:translate(-50%,0)}
.rotate-hint{
  display:none;position:fixed;left:50%;bottom:58px;z-index:200;transform:translateX(-50%);
  align-items:center;gap:8px;padding:6px 11px;
  background:rgba(8,8,10,.82);border:1px solid rgba(255,255,255,.15);
  font-family:var(--tech);font-size:9px;letter-spacing:.08em;color:#a8a8b2;white-space:nowrap;
}
.rotate-hint span{color:var(--red);font-size:12px}
.no-js{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#08080b;color:#f3f3f5;text-align:center;padding:30px}
.no-js b{font-size:22px}
.no-js p{font-size:14px;line-height:1.7;color:#9a9aa5;max-width:460px}

/* ------------------------------------------------------------------
   Responsive / accessibility / print
------------------------------------------------------------------ */
@media (max-width:900px){
  .edge-nav{display:none}
  .control-dock{height:32px}
  .dock-btn{width:26px}
  .page-readout{min-width:60px;font-size:9.5px}
}
@media (max-aspect-ratio:5/6){
  .rotate-hint{display:flex}
  .control-dock{bottom:10px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-delay:0s!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .slide.active .bar,.slide.active .mini-bar{transition:none}
}

/* screenshot / static preview mode: ?static=1 */
html.static *,html.static *::before,html.static *::after{
  animation:none!important;transition:none!important;
}
html.static .reveal{opacity:1!important;transform:none!important}
html.static .bar,html.static .mini-bar{height:var(--h)!important}
html.static .timeline-rule i{width:100%!important}
html.static .cover-bg{transform:scale(1.02)}
html.static .mguh-cross{opacity:1}
html.static .slide{visibility:hidden}
html.static .slide.active{visibility:visible}