/* Geography-specific content components layered on the principal-session theme. */

:root {
  --ui-font: var(--font);
  --ref-page-x: 80px;
  --ref-navy-950: #061e32;
  --ref-navy-800: #0d4168;
  --ref-blue-600: #1b7fb7;
  --ref-blue-700: #166897;
  --ref-teal-700: #16776f;
  --ref-gold-500: #d0a34f;
  --ref-gold-200: #f3ddb1;
  --ref-ink-soft: #496071;
  --ref-line: #d7e1e8;
  --ref-shadow: 0 8px 24px rgba(6,30,50,.065);
}

.icon-defs { position:absolute;width:0;height:0;overflow:hidden; }

.slide.active .reveal { animation:geo-reveal-in .56s cubic-bezier(.2,.76,.22,1) calc(var(--i,0) * 70ms) both; }
@keyframes geo-reveal-in { from { opacity:0;transform:translateY(16px); } to { opacity:1;transform:none; } }

.plain-list { display:grid;gap:14px;margin:0;padding:0;list-style:none; }
.plain-list li { position:relative;padding-left:28px;color:var(--text);font-size:20px;line-height:1.5; }
.plain-list li::before { content:"";position:absolute;left:0;top:.66em;width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--violet));box-shadow:0 0 0 5px rgba(15,86,232,.08); }
.statement-bar,.v6-choice-question,.v6-closing-question { padding:17px 20px;border-left:5px solid var(--blue);color:var(--ink);background:#eef4ff;font-size:18px;line-height:1.45;font-weight:750; }
.v9-smart-node { position:relative;display:grid;align-content:center;min-width:0;min-height:120px;padding:22px;border:1px solid var(--line);border-top:6px solid var(--blue);border-radius:5px;background:#fff;box-shadow:var(--shadow); }
.v9-smart-node strong { color:var(--ink);font-size:21px;line-height:1.3; }
.v9-smart-node > span:last-child { margin-top:8px;color:var(--muted);font-size:15px;line-height:1.45; }

.geo-toast { position:fixed;left:50%;bottom:82px;z-index:4200;max-width:min(620px,88vw);padding:11px 16px;border-radius:999px;color:#fff;background:rgba(7,28,73,.92);box-shadow:0 12px 34px rgba(7,28,73,.22);font:750 14px/1.35 var(--font);opacity:0;visibility:hidden;transform:translate(-50%,10px);transition:.2s ease;pointer-events:none; }
.geo-toast.show { opacity:1;visibility:visible;transform:translate(-50%,0); }
.geo-blackout { position:fixed;inset:0;z-index:4100;display:none;place-items:center;color:rgba(255,255,255,.72);background:#000;font:700 18px/1.4 var(--font);cursor:pointer; }
.geo-blackout.show { display:grid; }

/* Cover: scale the complete 1600×900 composition as one unit. */
.geo-cover-slide {
  background:
    radial-gradient(circle at 76% 46%,rgba(82,170,255,.13),transparent 25%),
    radial-gradient(circle at 63% 84%,rgba(25,177,177,.07),transparent 28%),
    linear-gradient(135deg,#fff 0%,#fbfdff 52%,#f6faff 100%);
}
.geo-cover-slide::before,.geo-cover-slide::after { display:none !important; }
.geo-cover-shell {
  position:absolute;
  z-index:8;
  left:50%;
  top:50%;
  width:1600px;
  height:900px;
  overflow:hidden;
  isolation:isolate;
  pointer-events:none;
  transform:translate(-50%,-50%) scale(var(--content-scale));
  transform-origin:center;
}
.geo-cover-slide .geo-cover-copy {
  position:absolute;
  z-index:8;
  left:88px;
  top:0;
  display:grid;
  align-content:center;
  width:710px;
  height:900px;
  padding:0 24px 0 0;
  transform:none !important;
}
.geo-cover-kicker {
  width:max-content;
  margin:0 0 24px;
  color:#0f56e8;
  font-size:18px;
  font-weight:850;
  letter-spacing:.19em;
}
.geo-cover-kicker::before {
  content:"";
  display:inline-block;
  width:42px;
  height:3px;
  margin:0 14px 5px 0;
  border-radius:999px;
  background:linear-gradient(90deg,#0f56e8,#35a1ff);
}
.geo-cover-slide .geo-cover-copy h1 {
  max-width:700px;
  margin:0;
  color:var(--ink);
  font-size:72px;
  line-height:1.08;
  letter-spacing:-.055em;
  white-space:nowrap;
  transform:none !important;
}
.geo-cover-slide .geo-cover-copy .subtitle {
  margin:28px 0 0;
  color:#49627f;
  font-size:30px;
  line-height:1.42;
  transform:none !important;
}
.geo-cover-slide .geo-cover-speaker {
  display:grid;
  grid-template-columns:112px minmax(0,1fr);
  align-items:center;
  gap:22px;
  width:680px;
  min-height:64px;
  margin-top:46px;
  color:var(--ink);
}
.geo-cover-slide .geo-cover-speaker > span {
  align-self:stretch;
  display:grid;
  place-items:center start;
  padding-right:0;
  color:#60718d;
  font-size:18px;
  font-weight:800;
  letter-spacing:.08em;
}
.geo-cover-presenter-meta {
  display:flex;
  align-items:center;
  gap:17px;
  min-width:0;
  white-space:nowrap;
}
.geo-cover-presenter-meta strong,
.geo-cover-presenter-meta em {
  color:var(--ink);
  font-size:25px;
  font-style:normal;
  font-weight:850;
  line-height:1.24;
}
.geo-cover-slide .cover-fullscreen { left:0;bottom:48px;pointer-events:auto; }
.geo-cover-earth-stage {
  position:absolute;
  z-index:4;
  inset:0;
  width:1600px;
  height:900px;
  overflow:hidden;
  touch-action:none;
  transition:z-index 0s linear .12s;
}
.geo-cover-earth-stage.is-earth-zoomed {
  z-index:40;
  transition-delay:0s;
}
.geo-cover-earth-canvas {
  position:absolute;
  z-index:5;
  inset:0;
  display:block;
  width:1600px;
  height:900px;
  opacity:0;
  cursor:default;
  transition:opacity .38s ease;
}
.geo-cover-earth-stage.is-earth-hovered .geo-cover-earth-canvas { cursor:grab; }
.geo-cover-earth-stage.is-earth-dragging .geo-cover-earth-canvas { cursor:grabbing; }
.geo-cover-earth-stage.webgl-ready .geo-cover-earth-canvas { opacity:1; }

/* Principal-like editorial content frame. */
.ppt-v10 .geo-standard-slide > .slide-inner {
  display:grid !important;
  grid-template-rows:auto minmax(0,1fr);
  align-content:stretch;
  gap:clamp(18px,2.4vh,26px);
}
.ppt-v10 .geo-standard-slide .slide-head { flex:none; }
.ppt-v10 .geo-standard-slide > .slide-inner > .geo-content-stage {
  align-self:stretch;
  height:100%;
  margin:0 !important;
}
.ppt-v10 .geo-standard-slide .slide-head h2 {
  font-size:clamp(30px,2.35vw,43px) !important;
  white-space:nowrap;
}
.ppt-v10 .geo-standard-slide .slide-head p {
  margin-top:7px;
  font-size:clamp(14px,1.05vw,18px);
}
.geo-content-stage {
  display:grid;
  grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr);
  align-items:stretch;
  gap:clamp(30px,3.2vw,52px);
  min-height:0;
  overflow:hidden;
}
.geo-copy {
  display:grid;
  align-content:center;
  gap:clamp(18px,2.2vh,26px);
  min-width:0;
}
.ppt-v10 .geo-copy .plain-list { gap:clamp(10px,1.35vh,15px); }
.ppt-v10 .geo-copy .plain-list li {
  padding-left:25px;
  font-size:clamp(16px,1.18vw,20px) !important;
  line-height:1.5;
}
.ppt-v10 .geo-copy .plain-list li::before { width:8px;height:8px; }
.ppt-v10 .geo-copy .statement-bar {
  margin-top:0;
  padding:clamp(13px,1.65vh,18px) clamp(17px,1.5vw,24px);
  font-size:clamp(15px,1.08vw,18px);
}
.geo-visual-shell {
  position:relative;
  min-width:0;
  min-height:0;
  overflow:hidden;
  border:1px solid var(--ref-line,#d7e1e8);
  border-radius:4px;
  background:#fff;
  box-shadow:var(--ref-shadow,0 8px 24px rgba(6,30,50,.065));
}
.geo-visual-shell::before {
  content:"";
  position:absolute;
  z-index:1;
  left:0;
  right:0;
  top:0;
  height:5px;
  background:linear-gradient(90deg,var(--ref-blue-600,#1b7fb7),var(--ref-teal-700,#16776f),var(--ref-gold-500,#d0a34f));
}
.image-visual { position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;object-fit:cover;transform:none !important; }
.image-visual.contain { object-fit:contain;padding:26px; }
.image-shade { position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.96),rgba(255,255,255,.30) 44%,transparent 72%);pointer-events:none; }
.image-visual + .image-shade + .geo-route,
.image-visual + .image-shade + .orbit-board { position:relative;z-index:3; }
.geo-demo-slide .geo-content-stage { grid-template-columns:minmax(250px,.48fr) minmax(0,1.52fr);gap:clamp(24px,2.4vw,38px); }
.geo-demo-slide .geo-copy .plain-list li { font-size:clamp(14px,1vw,17px) !important; }
.geo-demo-slide .geo-copy .statement-bar { font-size:clamp(14px,.98vw,17px); }
.geo-diagram-slide .geo-content-stage { grid-template-columns:minmax(300px,.62fr) minmax(0,1.38fr); }

.tech-chips {
  position:absolute;
  z-index:12;
  right:14px;
  top:14px;
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:6px;
  max-width:76%;
  pointer-events:none;
}
.tech-chips span {
  padding:5px 9px;
  border:1px solid rgba(27,127,183,.2);
  border-radius:999px;
  color:var(--ref-blue-700,#166897);
  background:rgba(255,255,255,.9);
  box-shadow:0 4px 10px rgba(6,30,50,.06);
  font:800 10px/1 var(--ui-font);
}

/* The same rectangular flow/grid language used by the principal deck. */
.geo-route {
  position:relative;
  z-index:2;
  display:grid !important;
  grid-template-columns:repeat(var(--cols,4),minmax(0,1fr));
  align-items:stretch;
  gap:clamp(8px,.75vw,12px) !important;
  width:100%;
  height:100%;
  padding:clamp(42px,6vh,58px) clamp(18px,1.5vw,26px) clamp(24px,3.5vh,34px);
}
.geo-route::before {
  content:"";
  position:absolute;
  z-index:0;
  left:5%;
  right:5%;
  top:50%;
  height:3px;
  background:linear-gradient(90deg,var(--ref-blue-600,#1b7fb7),var(--ref-teal-700,#16776f));
  opacity:.4;
}
.geo-route .route-node {
  position:relative;
  z-index:2;
  display:grid;
  align-content:center;
  min-width:0;
  min-height:0;
  padding:clamp(14px,1.15vw,20px);
  border:0;
  border-top:6px solid var(--ref-blue-600,#1b7fb7);
  border-radius:0;
  background:#fff;
  box-shadow:var(--ref-shadow,0 8px 24px rgba(6,30,50,.065));
  text-align:left;
}
.geo-route .route-node:nth-child(3n+2) { border-top-color:var(--ref-teal-700,#16776f); }
.geo-route .route-node:nth-child(3n) { border-top-color:var(--ref-gold-500,#d0a34f); }
.geo-route .route-node .num { margin-bottom:14px;font-size:clamp(20px,1.5vw,26px); }
.geo-route .route-node strong { font-size:clamp(15px,1.05vw,18px);line-height:1.25; }
.geo-route .route-node > span:last-child:not(.num) { margin-top:7px;color:var(--ref-ink-soft,#496071);font-size:clamp(11px,.78vw,14px);line-height:1.4; }

.geo-card-grid {
  position:relative;
  z-index:2;
  display:grid;
  align-content:center;
  gap:clamp(13px,1.2vw,19px) !important;
  height:100%;
  padding:clamp(38px,5vh,52px) clamp(22px,2vw,34px);
}
html.ppt-v10 .geo-card-grid.two { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
html.ppt-v10 .geo-card-grid.three { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
html.ppt-v10 .geo-card-grid.four { grid-template-columns:repeat(2,minmax(0,1fr)) !important;grid-template-rows:repeat(2,minmax(0,1fr));align-content:stretch; }
html.ppt-v10 .geo-card-grid.two .v9-smart-node { min-height:min(42vh,340px); }
html.ppt-v10 .geo-card-grid.three .v9-smart-node { min-height:min(40vh,320px); }
html.ppt-v10 .geo-card-grid .v9-smart-node {
  position:relative;
  display:grid;
  align-content:center;
  min-height:0;
  padding:clamp(20px,1.7vw,28px);
  border:0 !important;
  border-top:6px solid var(--ref-blue-600,#1b7fb7) !important;
  border-radius:0 !important;
  background:#fff !important;
  box-shadow:var(--ref-shadow,0 8px 24px rgba(6,30,50,.065)) !important;
}
html.ppt-v10 .geo-card-grid .v9-smart-node:nth-child(3n+2) { border-top-color:var(--ref-teal-700,#16776f) !important; }
html.ppt-v10 .geo-card-grid .v9-smart-node:nth-child(3n) { border-top-color:var(--ref-gold-500,#d0a34f) !important; }
.geo-card-no { position:absolute;right:16px;top:12px;color:rgba(27,127,183,.24);font:900 26px/1 var(--ui-font); }
.geo-card-grid .v9-smart-node > strong { padding-right:28px;font-size:clamp(19px,1.4vw,24px); }
.geo-card-grid .v9-smart-node > span:last-child:not(.geo-card-no) { margin-top:8px;font-size:clamp(13px,.95vw,16px); }

/* Model landscape copied into the same visual family as the principal deck. */
.geo-visual-shell .v5-model-board {
  position:relative !important;
  inset:auto !important;
  z-index:2;
  display:grid;
  grid-template-columns:1fr !important;
  grid-template-rows:repeat(2,minmax(0,1fr));
  gap:clamp(18px,2vh,24px);
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  transform:none !important;
  padding:clamp(42px,5.2vh,56px) clamp(26px,2.2vw,38px) clamp(26px,3.5vh,38px);
}
.geo-visual-shell .v5-model-lane { display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:22px;min-height:0;padding:20px 24px !important; }
.geo-visual-shell .v5-model-lane > strong { font-size:clamp(20px,1.4vw,24px);line-height:1.35; }
.geo-visual-shell .v5-model-names { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px; }
.geo-visual-shell .v5-model-names span { display:grid;place-items:center;min-height:48px;padding:8px;text-align:center;font-size:clamp(12px,.86vw,15px); }

.versus { height:100%;padding:clamp(42px,5.5vh,58px) clamp(24px,2vw,34px); }
.versus-side:last-child { border-left-color:var(--ref-teal-700,#16776f); }
.versus-side p { margin:14px 0 0; }

.orbit-board { position:relative;z-index:2;display:grid;place-items:center;width:100%;max-width:1200px;height:100%;min-height:0;margin:0 auto; }
.orbit-core {
  position:relative;
  z-index:5;
  display:grid;
  place-items:center;
  width:clamp(120px,10vw,160px);
  aspect-ratio:1;
  padding:18px;
  border:2px solid var(--ref-gold-500,#d0a34f);
  border-radius:50%;
  color:#fff;
  background:var(--ref-navy-900,#082f4d);
  box-shadow:0 0 0 13px rgba(208,163,79,.10);
  text-align:center;
}
.orbit-core strong { color:#fff;font-size:clamp(18px,1.35vw,23px); }
.orbit-ring { position:absolute;left:50%;top:50%;border:1px solid rgba(27,127,183,.24);border-radius:50%;transform:translate(-50%,-50%) rotate(-12deg); }
.orbit-ring.r1 { width:min(54%,720px);aspect-ratio:1.7; }
.orbit-ring.r2 { width:min(78%,880px);aspect-ratio:1.42;border-style:dashed; }
.orbit-node {
  position:absolute;
  z-index:4;
  width:clamp(104px,9vw,142px);
  padding:12px 10px;
  border:1px solid var(--ref-line,#d7e1e8);
  border-left:5px solid var(--ref-blue-600,#1b7fb7);
  color:var(--ref-navy-900,#082f4d);
  background:#fff;
  box-shadow:var(--ref-shadow,0 8px 24px rgba(6,30,50,.065));
  text-align:center;
  font:750 clamp(11px,.82vw,14px)/1.35 var(--ui-font);
}
.orbit-node:nth-of-type(1) { left:7%;top:18%; }
.orbit-node:nth-of-type(2) { right:5%;top:15%; }
.orbit-node:nth-of-type(3) { left:6%;bottom:16%; }
.orbit-node:nth-of-type(4) { right:5%;bottom:16%; }
.orbit-node:nth-of-type(5) { left:calc(50% - 66px);top:5%; }

.source-lanes { position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.2vw,20px);align-items:center;height:100%;padding:clamp(42px,5.5vh,58px) clamp(24px,2vw,34px); }
.source-lane { display:grid;align-content:center;min-height:66%;padding:clamp(20px,1.7vw,28px);border:1px solid var(--ref-line,#d7e1e8);border-top:6px solid var(--accent);border-radius:0;background:#fff;box-shadow:var(--ref-shadow,0 8px 24px rgba(6,30,50,.065)); }
.source-icon { display:grid;place-items:center;width:64px;height:64px;margin-bottom:20px;border-radius:50%;color:#fff;background:var(--accent);font:850 19px/1 var(--ui-font); }
.source-lane strong { font-size:clamp(20px,1.45vw,25px); }
.source-lane p { margin:10px 0 0;font-size:clamp(13px,.95vw,16px); }

.tech-stack { position:relative;z-index:2;display:grid;align-content:center;gap:7px;height:100%;padding:clamp(34px,4.5vh,48px) clamp(24px,2vw,34px); }
.tech-layer { display:grid;grid-template-columns:42px minmax(126px,.42fr) minmax(0,1fr);gap:12px;align-items:center;min-height:46px;padding:7px 13px;border:1px solid var(--ref-line,#d7e1e8);border-left:5px solid var(--accent);border-radius:0;background:#fff;box-shadow:var(--ref-shadow,0 8px 24px rgba(6,30,50,.065)); }
.tech-layer b { display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:#fff;background:var(--accent);font-size:12px; }
.tech-layer strong { font-size:clamp(14px,1vw,17px); }
.tech-layer span { color:var(--ref-ink-soft,#496071);font-size:clamp(11px,.82vw,14px); }

/* Realistic geography widgets remain functional inside the inherited page frame. */
.geo-globe {
  --rot:50%;
  position:relative;
  width:min(28vw,390px);
  aspect-ratio:1;
  overflow:hidden;
  border-radius:50%;
  background:#123d60 url("assets/earth.jpg") var(--rot) center / auto 101%;
  box-shadow:inset -66px -8px 90px rgba(2,8,25,.72),inset 14px 10px 25px rgba(106,213,255,.16),0 24px 48px rgba(23,63,105,.22);
  transition:background-position .35s ease;
}
.geo-globe::before { content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;background:linear-gradient(100deg,rgba(255,220,132,.18),transparent 40%,rgba(3,11,28,.2) 58%,rgba(3,11,28,.72)); }
.geo-globe::after { content:"";position:absolute;inset:0;z-index:4;border:3px solid rgba(112,210,255,.18);border-radius:inherit; }
.globe-grid { position:absolute;inset:0;z-index:3;width:100%;height:100%;opacity:.58;transition:opacity .25s ease;pointer-events:none; }
.earth-widget.grid-off .globe-grid { opacity:0; }
.globe-grid ellipse { fill:none;stroke:rgba(229,247,255,.68);stroke-width:.7; }
.globe-grid .major { stroke:#f2d48b;stroke-width:1.6; }
.earth-widget { position:relative;z-index:2;display:grid;grid-template-columns:minmax(300px,1fr) minmax(220px,.72fr);align-items:center;gap:18px;height:100%;min-height:0;padding:clamp(30px,4vh,44px) clamp(22px,2vw,34px) 20px; }
.earth-globe-wrap { position:relative;display:grid;place-items:center;min-height:0; }
.earth-globe-wrap .geo-globe { width:min(25vw,360px); }
.sun-ray { position:absolute;z-index:4;top:50%;left:-3%;width:25%;height:2px;background:linear-gradient(90deg,rgba(255,199,76,0),#e2aa42);box-shadow:0 -19px 0 rgba(226,170,66,.26),0 19px 0 rgba(226,170,66,.26); }
.city-dot { position:absolute;z-index:6;width:11px;height:11px;border:3px solid #fff;border-radius:50%;background:#e8b04a;box-shadow:0 0 0 4px rgba(232,176,74,.2),0 4px 10px rgba(0,0,0,.28); }
.city-dot.bj { left:66%;top:37%; }.city-dot.london { left:46%;top:31%; }.city-dot.nairobi { left:52%;top:55%; }.city-dot.urumqi { left:58%;top:36%; }
.earth-controls { position:relative;display:grid;gap:12px;align-content:center; }
.control-card { padding:14px 15px;border:1px solid var(--ref-line,#d7e1e8);border-radius:3px;background:#fff;box-shadow:var(--ref-shadow,0 8px 24px rgba(6,30,50,.065)); }
.control-card label { display:flex;justify-content:space-between;align-items:center;gap:10px;color:var(--ref-ink-soft,#496071);font-size:13px; }
.control-card strong { color:var(--ref-navy-900,#082f4d); }
.control-card input[type="range"] { width:100%;margin-top:10px;accent-color:var(--ref-blue-600,#1b7fb7); }
.control-row { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px; }
.mini-button { min-height:40px;padding:9px 12px;border:1px solid var(--ref-line,#d7e1e8);border-radius:3px;color:var(--ref-navy-800,#0d4168);background:#fff;cursor:pointer; }
.mini-button.active { color:#fff;border-color:var(--ref-navy-900,#082f4d);background:var(--ref-navy-900,#082f4d); }
.city-status { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px; }
.city-status div { padding:9px 10px;border-left:4px solid var(--ref-blue-600,#1b7fb7);color:var(--ref-ink-soft,#496071);background:var(--ref-blue-100,#e7f2f8);font-size:11px; }
.city-status strong { display:block;color:var(--ref-navy-900,#082f4d);font-size:13px; }
.earth-controls .takeaway { padding:11px 13px;border-left:5px solid var(--ref-gold-500,#d0a34f);background:#fff8ea;color:var(--ref-ink,#172b3d);font-size:12px;line-height:1.4; }

.solar-board { position:relative;z-index:2;height:100%;min-height:0;overflow:hidden;background:#f7f2e8; }
.solar-frame { width:100%;height:100%;border:0;background:#f7f2e8; }
.demo-badge,.demo-instruction { position:absolute;z-index:5;padding:8px 12px;border-radius:2px;font:750 11px/1.3 var(--ui-font);pointer-events:none; }
.demo-badge { left:14px;top:14px;color:#fff;background:rgba(6,30,50,.86); }
.demo-instruction { right:14px;bottom:14px;color:var(--ref-navy-900,#082f4d);background:rgba(255,255,255,.92);box-shadow:var(--ref-shadow); }

.terrain-board { position:relative;z-index:2;height:100%;min-height:0;overflow:hidden; }
.terrain-canvas { position:absolute;inset:0;width:100%;height:100%; }
.terrain-controls { position:absolute;z-index:4;left:16px;right:16px;bottom:16px;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 14px;border:1px solid rgba(255,255,255,.35);border-radius:3px;color:#fff;background:rgba(6,30,50,.78);backdrop-filter:blur(12px); }
.terrain-controls label { display:grid;gap:4px;color:#fff;font:700 11px/1.2 var(--ui-font); }
.terrain-controls input { width:100%;accent-color:#67d7ff; }
.terrain-tag { position:absolute;z-index:4;left:16px;top:16px;padding:8px 11px;border-radius:2px;color:#fff;background:rgba(6,30,50,.78);font:750 11px/1 var(--ui-font); }

.plate-board { position:relative;z-index:2;display:grid;place-items:center;height:100%; }
.plate-globe { position:relative;width:min(30vw,420px);aspect-ratio:1;overflow:hidden;border-radius:50%;background:url("assets/earth.jpg") 49% center / auto 100%;box-shadow:inset -42px -12px 70px rgba(2,8,25,.46),0 28px 60px rgba(26,55,124,.28); }
.plate-globe::after { content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 20deg,rgba(65,160,233,.20) 0 14%,rgba(239,176,68,.24) 14% 28%,rgba(219,91,114,.20) 28% 44%,rgba(68,181,149,.20) 44% 61%,rgba(130,91,230,.22) 61% 78%,rgba(51,126,220,.20) 78%);mix-blend-mode:screen; }
.plate-boundary { position:absolute;inset:8%;z-index:3;border:2px dashed rgba(255,225,118,.92);border-radius:48% 52% 44% 56% / 52% 46% 54% 48%;transform:rotate(17deg);filter:drop-shadow(0 0 4px rgba(255,191,55,.6)); }
.plate-label { position:absolute;z-index:4;padding:8px 11px;border:1px solid var(--ref-line,#d7e1e8);border-left:4px solid var(--ref-blue-600,#1b7fb7);color:var(--ref-navy-950,#061e32);background:rgba(255,255,255,.92);box-shadow:var(--ref-shadow);font:750 11px/1 var(--ui-font); }
.gesture-hands { position:absolute;z-index:5;left:50%;bottom:4%;width:84%;display:flex;justify-content:space-between;transform:translateX(-50%);font-size:48px;filter:drop-shadow(0 9px 8px rgba(29,56,118,.22)); }
.gesture-hands span:first-child { animation:hand-left 2.4s ease-in-out infinite alternate; }.gesture-hands span:last-child { animation:hand-right 2.4s ease-in-out infinite alternate; }
@keyframes hand-left { to { transform:translateX(54px) rotate(8deg); } } @keyframes hand-right { to { transform:translateX(-54px) rotate(-8deg); } }

.typhoon-board { position:relative;z-index:2;height:100%;min-height:0;overflow:hidden;background-color:#164d72;background-image:linear-gradient(rgba(4,25,45,.10),rgba(4,25,45,.14)),url("assets/earth.jpg");background-size:auto 150%;background-position:72% 50%; }
.typhoon-board::after { content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,27,51,.05),rgba(7,27,51,.28));pointer-events:none; }
.typhoon-overlay { position:absolute;inset:0;z-index:2;width:100%;height:100%; }
.typhoon-track { fill:none;stroke:#ffec84;stroke-width:3;stroke-dasharray:8 7;filter:drop-shadow(0 0 3px rgba(5,26,51,.75)); }.typhoon-history { fill:none;stroke:#fff;stroke-width:4; }.typhoon-point { fill:#fff;stroke:#1b6dc3;stroke-width:3; }.typhoon-point.forecast { fill:#ffe06e;stroke:#b6691f; }
.wind-ring { fill:rgba(78,201,238,.14);stroke:rgba(160,238,255,.84);stroke-width:2;animation:wind-pulse 2.2s ease-out infinite;transform-box:fill-box;transform-origin:center; }
@keyframes wind-pulse { 0% { transform:scale(.72);opacity:.75; } 100% { transform:scale(1.35);opacity:0; } }
.typhoon-panel { position:absolute;z-index:4;left:16px;top:16px;width:min(270px,42%);padding:15px;border:1px solid rgba(255,255,255,.34);border-radius:3px;color:#fff;background:rgba(6,30,50,.76);backdrop-filter:blur(12px); }
.typhoon-panel strong { display:block;color:#fff;font-size:18px; }.typhoon-panel span { display:block;margin-top:5px;color:rgba(255,255,255,.78);font-size:11px;line-height:1.4; }
.typhoon-timeline { position:absolute;z-index:4;left:16px;right:16px;bottom:16px;display:grid;grid-template-columns:100px 1fr 100px;gap:13px;align-items:center;padding:11px 14px;border-radius:3px;color:#fff;background:rgba(6,30,50,.8);backdrop-filter:blur(12px); }
.typhoon-timeline input { width:100%;accent-color:#ffe06e; }.typhoon-timeline b { color:#ffe06e;font-size:12px; }.typhoon-timeline span { color:#fff;text-align:right;font-size:11px; }

.mountain-profile { position:relative;z-index:2;display:grid;align-items:end;height:100%;min-height:0;padding:24px;overflow:hidden;background:linear-gradient(#cdeeff,#f5e8c3 60%,#ad8b53 61%); }
.mountains { position:absolute;left:5%;right:5%;bottom:15%;height:54%;background-color:#7d8a62;clip-path:polygon(0 100%,0 78%,14% 52%,25% 69%,39% 28%,51% 64%,65% 15%,78% 57%,92% 34%,100% 60%,100% 100%);filter:drop-shadow(0 -7px 12px rgba(52,61,49,.16)); }
.moisture-arrow { position:absolute;left:5%;top:28%;width:43%;height:5px;border-radius:5px;background:linear-gradient(90deg,#2a9ddd,#e8f8ff);transform:rotate(-8deg);box-shadow:0 -22px 0 rgba(42,157,221,.36),0 22px 0 rgba(42,157,221,.25); }
.moisture-arrow::after { content:"";position:absolute;right:-1px;top:-10px;border-left:18px solid #e8f8ff;border-top:12px solid transparent;border-bottom:12px solid transparent; }
.barrier-copy { position:relative;z-index:4;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-self:end; }
.info-card { min-width:0;padding:15px;border:1px solid var(--ref-line,#d7e1e8);border-left:5px solid var(--ref-blue-600,#1b7fb7);border-radius:0;background:rgba(255,255,255,.9);box-shadow:var(--ref-shadow); }
.info-card.cyan { border-left-color:#2f9cbf; }.info-card.gold { border-left-color:var(--ref-gold-500,#d0a34f); }.info-card.violet { border-left-color:#7458ec; }
.info-card strong { display:block;font-size:clamp(15px,1vw,17px); }.info-card span { display:block;margin-top:5px;color:var(--ref-ink-soft,#496071);font-size:clamp(11px,.78vw,13px);line-height:1.4; }

.prompt-card { position:relative;z-index:2;display:grid;height:100%;padding:clamp(30px,4vh,44px) clamp(22px,2vw,34px) 22px; }
.prompt-window { display:grid;grid-template-rows:auto 1fr auto;min-height:0;overflow:hidden;border:1px solid #17395c;border-radius:4px;background:#0c1e3b;box-shadow:0 20px 46px rgba(11,33,74,.18); }
.prompt-head { display:flex;justify-content:space-between;align-items:center;padding:12px 15px;color:#dbe9ff;border-bottom:1px solid rgba(255,255,255,.1);background:#10284e;font:700 12px/1 var(--ui-font); }
.prompt-dots { display:flex;gap:7px; }.prompt-dots i { width:9px;height:9px;border-radius:50%;background:#ff6577; }.prompt-dots i:nth-child(2) { background:#ffc252; }.prompt-dots i:nth-child(3) { background:#51d399; }
.prompt-body { margin:0;padding:20px;overflow:auto;color:#eaf2ff;white-space:pre-wrap;font:550 clamp(12px,.86vw,15px)/1.62 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;user-select:text; }
.prompt-foot { display:flex;justify-content:space-between;gap:12px;align-items:center;padding:11px 15px;color:#9fb5d8;border-top:1px solid rgba(255,255,255,.1);background:#10284e;font-size:11px; }
.copy-prompt { padding:8px 12px;border:1px solid rgba(124,167,255,.45);border-radius:3px;color:#fff;background:#2868dd;cursor:pointer; }

html.ppt-v10 .platform-shot { position:relative !important;inset:auto !important;z-index:2;display:grid;place-items:center;width:100% !important;height:100% !important;min-width:0;min-height:0;margin:0 !important;padding:clamp(30px,4vh,44px) clamp(22px,2vw,34px) 20px;transform:none !important; }
html.ppt-v10 .platform-shot > img { position:absolute;inset:clamp(30px,4vh,44px) clamp(22px,2vw,34px) 20px;width:calc(100% - clamp(44px,4vw,68px)) !important;height:calc(100% - clamp(50px,7vh,64px)) !important;max-width:none !important;max-height:none !important;object-fit:contain;border:1px solid var(--ref-line,#d7e1e8);border-radius:3px;background:#fff;box-shadow:var(--ref-shadow);transform:none !important; }
.thumb-strip { position:absolute;z-index:3;left:28px;bottom:26px;display:flex;gap:7px; }
.thumb-strip img { width:70px;aspect-ratio:16/9;object-fit:cover;border:2px solid #fff;border-radius:2px;box-shadow:var(--ref-shadow); }

/* Section and closing pages use the same dark pause-page family. */
html.ppt-v10 .slide.v10-section-slide,
html.ppt-v10 .slide.v10-closing-slide {
  color:#fff !important;
  background:radial-gradient(circle at 82% 24%,rgba(208,163,79,.18),transparent 26%),linear-gradient(120deg,var(--ref-navy-950,#061e32),var(--ref-navy-800,#0d4168)) !important;
}
html.ppt-v10 .slide.v10-section-slide::after,
html.ppt-v10 .slide.v10-closing-slide::after { background:rgba(255,255,255,.16) !important; }
.ppt-v10 .geo-section-inner {
  display:grid !important;
  grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr);
  align-items:center;
  gap:clamp(46px,5vw,84px);
  padding:clamp(70px,8.5vh,88px) var(--ref-page-x) clamp(50px,6.4vh,58px) !important;
}
.geo-section-copy { position:relative;z-index:4; }
.geo-section-kicker { display:block;margin-bottom:20px;color:var(--ref-gold-200,#f3ddb1);font:850 clamp(12px,.9vw,15px)/1.2 var(--ui-font);letter-spacing:.16em; }
.ppt-v10 .geo-section-copy h2 { margin:0;max-width:1040px;color:#fff;font-size:clamp(50px,4.7vw,76px) !important;line-height:1.12;letter-spacing:-.045em; }
.ppt-v10 .geo-section-copy h2 span { color:var(--ref-gold-200,#f3ddb1); }
.ppt-v10 .geo-section-copy p { max-width:880px;margin:24px 0 0;color:rgba(255,255,255,.72);font-size:clamp(18px,1.35vw,23px);line-height:1.58; }
.geo-section-signal { position:relative;display:grid;place-items:center;align-content:center;justify-self:center;width:min(28vw,390px);aspect-ratio:1;border:2px solid var(--ref-gold-500,#d0a34f);border-radius:50%;color:#fff;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.14),transparent 30%),rgba(255,255,255,.04);box-shadow:0 0 0 18px rgba(208,163,79,.07),0 0 0 42px rgba(255,255,255,.025);text-align:center; }
.geo-section-signal strong { color:#fff;font-size:clamp(62px,6vw,96px);line-height:1; }.geo-section-signal span { margin-top:12px;color:rgba(255,255,255,.68);font-size:clamp(16px,1.2vw,20px); }
.geo-library-stack { display:grid;gap:12px; }
.geo-library-stack > div { display:grid;grid-template-columns:58px 1fr;align-items:center;min-height:82px;padding:14px 20px;border:1px solid rgba(255,255,255,.16);border-left:5px solid var(--ref-gold-500,#d0a34f);background:rgba(255,255,255,.06); }
.geo-library-stack b { color:var(--ref-gold-200,#f3ddb1);font-size:22px; }.geo-library-stack strong { color:#fff;font-size:clamp(18px,1.3vw,22px); }

@media (max-width:1180px), (max-height:760px) {
  .ppt-v10 .geo-standard-slide .slide-head h2 { font-size:clamp(27px,2.7vw,36px) !important; }
  .geo-content-stage { grid-template-columns:minmax(270px,.66fr) minmax(0,1.34fr);gap:26px; }
  .geo-demo-slide .geo-content-stage { grid-template-columns:minmax(220px,.42fr) minmax(0,1.58fr);gap:22px; }
  .ppt-v10 .geo-copy .plain-list li { font-size:14px !important; }
  .ppt-v10 .geo-copy .statement-bar { padding:11px 14px;font-size:13px; }
  .geo-route { padding:36px 16px 20px;gap:7px !important; }
  .geo-route .route-node { padding:12px 10px; }.geo-route .route-node .num { margin-bottom:8px;font-size:18px; }.geo-route .route-node strong { font-size:13px; }
  .geo-card-grid { padding:32px 18px 18px;gap:11px !important; }
  .earth-widget { padding:28px 18px 14px; }.earth-globe-wrap .geo-globe { width:min(26vw,300px); }
  .prompt-card,.platform-shot { padding:28px 18px 14px; }
  .ppt-v10 .geo-section-copy h2 { font-size:clamp(44px,5vw,62px) !important; }
}

@media (max-width:900px) {
  .geo-cover-data { display:none; }
  .geo-content-stage,.geo-demo-slide .geo-content-stage,.geo-diagram-slide .geo-content-stage { grid-template-columns:minmax(210px,.42fr) minmax(0,1fr);gap:18px; }
  .geo-copy .statement-bar { display:none; }
  .geo-route { overflow-x:auto;grid-template-columns:repeat(var(--cols,4),minmax(120px,1fr)); }
  .source-lanes { padding-inline:16px;gap:9px; }
  .source-lane { padding:16px; }.source-icon { width:48px;height:48px;margin-bottom:12px; }
  .earth-widget { grid-template-columns:1fr .72fr;gap:10px; }.city-status { grid-template-columns:1fr; }
}

@media (max-width:760px) {
  .geo-cover-planet { left:30%;top:22%;width:70vw;opacity:.32; }
  .ppt-v10 .geo-standard-slide > .slide-inner { display:block !important;overflow-y:auto; }
  .geo-content-stage,.geo-demo-slide .geo-content-stage,.geo-diagram-slide .geo-content-stage { display:block;overflow:visible; }
  .geo-copy { margin-top:20px; }.geo-visual-shell { min-height:420px;margin-top:20px; }
  .geo-route,.geo-card-grid,.source-lanes { grid-template-columns:1fr !important;height:auto;overflow:visible; }
  .geo-route::before { display:none; }
  .geo-visual-shell .v5-model-board { height:auto; }.geo-visual-shell .v5-model-lane { grid-template-columns:1fr; }.geo-visual-shell .v5-model-names { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .earth-widget { grid-template-columns:1fr; }.earth-globe-wrap .geo-globe { width:min(70vw,330px); }
  .ppt-v10 .geo-section-inner { display:block !important;overflow-y:auto; }.geo-section-signal { margin:44px auto 0;width:min(66vw,330px); }
}

@media (prefers-reduced-motion:reduce) {
  .geo-cover-planet,.geo-cover-clouds,.gesture-hands span,.wind-ring { animation:none !important; }
}

/* ========================================================================== */
/* Root-deck aligned geography system — pages 14 onward                       */
/* ========================================================================== */

.geo-v12-slide {
  --geo-accent:#0f56e8;
  --geo-soft:#eef4ff;
  background:
    radial-gradient(circle at 91% 11%,color-mix(in srgb,var(--geo-accent) 8%,transparent),transparent 26%),
    radial-gradient(circle at 5% 94%,rgba(214,166,61,.08),transparent 27%),
    linear-gradient(135deg,#fff 0%,#fbfdff 58%,#f7faff 100%);
}
.geo-v12-slide::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.28;
  background-image:radial-gradient(circle,rgba(32,79,143,.12) 1px,transparent 1.2px);
  background-size:28px 28px;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18%,transparent 52%);
  mask-image:linear-gradient(90deg,transparent 0,#000 18%,transparent 52%);
}
.geo-v12-slide::after {
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;height:5px;
  background:linear-gradient(90deg,var(--geo-accent),#21a8cf 54%,#d6a63d);
}
.geo-v12-slide .slide-inner {
  display:block !important;
  padding:54px 80px 64px !important;
}
.geo-v12-slide .slide-head {
  position:relative;
  z-index:5;
  min-height:124px;
  padding-bottom:20px;
  border-bottom:2px solid color-mix(in srgb,var(--geo-accent) 18%,#dbe5f4);
}
.geo-v12-slide .chapter-tag {
  background:linear-gradient(135deg,var(--geo-accent),color-mix(in srgb,var(--geo-accent) 44%,#7547ed));
  box-shadow:0 12px 28px color-mix(in srgb,var(--geo-accent) 24%,transparent);
}
.geo-v12-slide .slide-head h2 {
  margin:-3px 0 8px;
  color:#0c2250;
  font-size:50px;
  line-height:1.13;
  letter-spacing:-.042em;
  font-weight:900;
  white-space:nowrap;
}
.geo-v12-slide .slide-head h2.is-long { font-size:43px; }
.geo-v12-slide .slide-head h2.is-xlong { font-size:37px;letter-spacing:-.035em; }
.geo-v12-slide .slide-head p {
  margin:0;
  color:#657591;
  font-size:22px;
  line-height:1.42;
}
.geography-demo-placeholder-slide {
  background:#fff;
}
.geography-demo-placeholder-slide::before,
.geography-demo-placeholder-slide::after {
  display:none;
}
.geography-demo-workshop-slide {
  background:
    radial-gradient(circle at 90% 14%,rgba(45,182,171,.11),transparent 26%),
    radial-gradient(circle at 12% 88%,rgba(38,128,193,.075),transparent 28%),
    #fff;
}
.geography-demo-workshop-slide .slide-inner {
  display:grid !important;
  grid-template-rows:auto minmax(0,1fr);
  gap:18px;
}
.geography-demo-workshop-slide .slide-head {
  min-height:124px;
}
.geography-demo-workshop-slide .courseware-generation-stage {
  align-self:stretch;
  width:100%;
  height:auto;
  min-height:0;
}
.geography-demo-workshop-slide .courseware-generation-stage .codex-mac-workspace {
  grid-template-columns:230px minmax(0,1fr);
}
.geography-demo-workshop-slide .courseware-generation-stage button.codex-project-item {
  min-height:50px;
  padding-right:8px;
}
.geography-demo-workshop-slide .courseware-generation-stage button.codex-project-item span {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.geography-demo-workshop-slide .courseware-generation-stage [data-codex-history="terrain"] i { background:#249b72; }
.geography-demo-workshop-slide .courseware-generation-stage [data-codex-history="earth"] i { background:#2e83d7; }
.geography-demo-workshop-slide .courseware-generation-stage [data-codex-history="typhoon"] i { background:#e05d55; }
.geography-demo-workshop-slide .courseware-generation-stage [data-codex-history="plates"] i { background:#d29b3e; }
.geography-demo-workshop-slide .courseware-generation-stage .codex-history-message p,
.geography-demo-workshop-slide .courseware-generation-stage.has-multi-turn .codex-user-task,
.geography-demo-workshop-slide .courseware-generation-stage.has-multi-turn .codex-agent-copy > p {
  font-size:11.5px;
  line-height:1.48;
}
.geography-demo-workshop-slide .courseware-generation-stage .codex-history-message {
  padding:8px 11px;
}
.geography-demo-workshop-slide .courseware-generation-stage .codex-file-result {
  border-color:rgba(25,145,131,.22);
  background:linear-gradient(135deg,rgba(236,251,247,.96),rgba(255,255,255,.98));
}
.geography-demo-workshop-slide .courseware-generation-stage .codex-file-result a {
  min-width:64px;
  color:#fff;
  background:linear-gradient(135deg,#15977e,#2b7fc4);
  box-shadow:0 8px 20px rgba(20,125,129,.22);
}
.geography-demo-workshop-slide .courseware-generation-stage .codex-file-result a:hover,
.geography-demo-workshop-slide .courseware-generation-stage .codex-file-result a:focus-visible {
  filter:saturate(1.08) brightness(1.05);
  transform:translateY(-1px);
}
.geography-demo-workshop-slide .courseware-generation-stage .codex-trace-head em {
  color:#147d77;
  background:rgba(226,249,244,.92);
}
.geography-demo-workshop-slide .courseware-generation-stage[data-active-courseware="terrain"] .codex-mac-frame { box-shadow:0 24px 54px rgba(31,122,94,.2),0 0 34px rgba(64,186,143,.11),inset 0 1px 0 #fff; }
.geography-demo-workshop-slide .courseware-generation-stage[data-active-courseware="earth"] .codex-mac-frame { box-shadow:0 24px 54px rgba(40,107,176,.2),0 0 34px rgba(62,145,225,.12),inset 0 1px 0 #fff; }
.geography-demo-workshop-slide .courseware-generation-stage[data-active-courseware="typhoon"] .codex-mac-frame { box-shadow:0 24px 54px rgba(159,72,69,.19),0 0 34px rgba(224,93,85,.1),inset 0 1px 0 #fff; }
.geography-demo-workshop-slide .courseware-generation-stage[data-active-courseware="plates"] .codex-mac-frame { box-shadow:0 24px 54px rgba(139,105,54,.2),0 0 34px rgba(210,155,62,.11),inset 0 1px 0 #fff; }

/* Page 25 · local WebGL courseware preview */
.geography-demo-workshop-slide .courseware-generation-stage .codex-file-result a {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:56px;
  min-width:56px;
  height:42px;
  padding:0;
  border-radius:12px;
  font-size:14px;
  line-height:1;
}
.geography-courseware-modal {
  z-index:3210;
  padding:clamp(12px,2vw,26px);
  background:
    radial-gradient(circle at 50% 42%,rgba(255,255,255,.74),transparent 48%),
    linear-gradient(145deg,rgba(226,239,249,.72),rgba(241,247,251,.68));
  -webkit-backdrop-filter:blur(18px) saturate(1.08);
  backdrop-filter:blur(18px) saturate(1.08);
}
.geography-courseware-modal .courseware-preview-dialog {
  grid-template-rows:58px minmax(0,1fr);
  width:min(94vw,calc(94vh * 16 / 9));
  height:auto;
  max-width:none;
  max-height:none;
  aspect-ratio:16 / 9;
  border-color:rgba(99,137,168,.28);
  border-radius:26px;
  background:#f5f9fd;
  box-shadow:0 48px 132px rgba(45,76,105,.24),0 0 0 1px rgba(255,255,255,.94) inset,0 0 58px rgba(82,162,190,.12);
}
.geography-courseware-modal .courseware-preview-titlebar {
  border-bottom-color:rgba(99,137,168,.18);
  color:#23475f;
  background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(245,250,253,.9));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.98);
}
.geography-courseware-modal .courseware-preview-titlebar small {
  color:#178f8a;
}
.geography-courseware-modal .courseware-preview-titlebar strong {
  color:#183b54;
}
.geography-courseware-modal .geography-courseware-title-meta {
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.geography-courseware-modal .geography-courseware-title-meta em {
  flex:0 0 auto;
  padding:4px 8px;
  border:1px solid rgba(31,156,147,.22);
  border-radius:999px;
  color:#157f78;
  background:rgba(219,246,242,.82);
  font-size:9px;
  font-style:normal;
  font-weight:900;
  letter-spacing:.08em;
}
.geography-courseware-modal .courseware-preview-close {
  width:44px;
  height:44px;
  border-color:rgba(85,120,149,.24);
  color:#36566d;
  background:rgba(255,255,255,.86);
  box-shadow:0 10px 24px rgba(45,76,105,.14),inset 0 1px 0 #fff;
}
.geography-courseware-modal .courseware-preview-close:hover,
.geography-courseware-modal .courseware-preview-close:focus-visible {
  border-color:rgba(24,145,139,.46);
  color:#117c77;
  background:#fff;
}
.geography-courseware-modal .courseware-preview-frame {
  position:relative;
  z-index:1;
  opacity:1;
  background:#f5f9fd;
  transition:opacity .2s ease;
}
.geography-courseware-modal.is-loading .courseware-preview-frame {
  opacity:.08;
}
.geography-courseware-loading {
  position:absolute;
  z-index:2;
  right:0;
  bottom:0;
  left:0;
  display:grid;
  place-items:center;
  height:calc(100% - 58px);
  color:#335c72;
  background:radial-gradient(circle at 50% 42%,rgba(79,181,191,.14),transparent 32%),#f5f9fd;
  pointer-events:none;
  opacity:0;
  visibility:hidden;
  transition:opacity .18s ease,visibility .18s ease;
}
.geography-courseware-modal.is-loading .geography-courseware-loading {
  opacity:1;
  visibility:visible;
}
.geography-courseware-loading span {
  display:grid;
  gap:14px;
  color:#5b7485;
  font-size:14px;
  font-weight:760;
  letter-spacing:.08em;
  text-align:center;
}
.geography-courseware-loading span::after {
  content:"";
  display:block;
  width:230px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,#35afa7,transparent);
  background-size:48% 100%;
  background-repeat:no-repeat;
  animation:geography-courseware-loading 1.1s ease-in-out infinite;
}
@keyframes geography-courseware-loading { from { background-position:-90% 0; } to { background-position:190% 0; } }
.geography-courseware-spatial-tip {
  position:fixed;
  right:24px;
  bottom:22px;
  z-index:34;
  display:none;
  gap:2px;
  padding:10px 14px;
  border:1px solid rgba(78,119,151,.24);
  border-radius:13px;
  color:#31536a;
  background:rgba(255,255,255,.74);
  box-shadow:0 16px 40px rgba(36,71,98,.16);
  -webkit-backdrop-filter:blur(18px) saturate(1.12);
  backdrop-filter:blur(18px) saturate(1.12);
  pointer-events:none;
}
.geography-courseware-spatial-tip span {
  color:#168b86;
  font-size:10px;
  font-weight:900;
  letter-spacing:.1em;
}
.geography-courseware-spatial-tip strong {
  color:#31536a;
  font-size:12px;
  font-weight:800;
}
.geography-courseware-modal.is-spatial-zoom {
  padding:0;
  background:transparent;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
.geography-courseware-modal.is-spatial-zoom .courseware-preview-dialog {
  position:fixed;
  inset:0;
  z-index:1;
  grid-template-rows:0 minmax(0,1fr);
  width:100vw;
  height:100vh;
  aspect-ratio:auto;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  transform:none;
}
.geography-courseware-modal.is-spatial-zoom .courseware-preview-titlebar {
  position:fixed;
  top:18px;
  right:18px;
  left:auto;
  z-index:36;
  display:block;
  width:48px;
  height:48px;
  padding:2px;
  border:0;
  background:transparent;
  box-shadow:none;
  pointer-events:none;
}
.geography-courseware-modal.is-spatial-zoom .courseware-preview-titlebar > span {
  display:none;
}
.geography-courseware-modal.is-spatial-zoom .courseware-preview-close {
  pointer-events:auto;
  box-shadow:0 14px 38px rgba(30,63,89,.22),inset 0 1px 0 #fff;
}
.geography-courseware-modal.is-spatial-zoom .courseware-preview-frame {
  position:fixed;
  inset:0;
  z-index:20;
  width:100vw;
  height:100vh;
  background:transparent;
}
.geography-courseware-modal.is-spatial-zoom .geography-courseware-loading {
  display:none;
}
.geography-courseware-modal.is-spatial-zoom .geography-courseware-spatial-tip {
  display:grid;
  animation:geography-spatial-tip-away 3.2s ease forwards;
}
@keyframes geography-spatial-tip-away {
  0%,66% { opacity:1; transform:translateY(0); visibility:visible; }
  100% { opacity:0; transform:translateY(8px); visibility:hidden; }
}
html.geography-courseware-preview-open #pageCounter,
html.geography-courseware-preview-open #progress {
  opacity:0;
}
@media (prefers-reduced-motion:reduce) {
  .geography-courseware-loading span::after { animation:none; background-position:center; }
  .geography-courseware-modal.is-spatial-zoom .geography-courseware-spatial-tip { animation:none; }
}
.geo-v12-content {
  position:relative;
  z-index:3;
  display:grid !important;
  grid-template-rows:minmax(0,1fr) 62px;
  gap:14px;
  height:650px !important;
  padding-top:18px !important;
}
.geo-v12-stage {
  display:grid;
  grid-template-columns:minmax(300px, .56fr) minmax(0,1.44fr);
  gap:18px;
  min-height:0;
}
.geo-v12-demo .geo-v12-stage,
.geo-v12-prompt .geo-v12-stage,
.geo-v12-platform .geo-v12-stage,
.geo-v12-agent-platform .geo-v12-stage { grid-template-columns:minmax(250px,.42fr) minmax(0,1.58fr); }
.geo-v12-brief {
  position:relative;
  display:grid;
  grid-template-rows:auto 1fr;
  min-width:0;
  min-height:0;
  overflow:hidden;
  padding:27px 25px 24px;
  border:1px solid color-mix(in srgb,var(--geo-accent) 15%,#d6e1ef);
  border-radius:24px;
  background:
    radial-gradient(circle at 100% 0,color-mix(in srgb,var(--geo-accent) 14%,transparent),transparent 38%),
    linear-gradient(145deg,#fff,var(--geo-soft));
  box-shadow:0 16px 44px rgba(24,54,103,.09);
}
.geo-v12-brief::after {
  content:attr(data-watermark);
  position:absolute;
  right:-8px;
  bottom:-22px;
  color:color-mix(in srgb,var(--geo-accent) 8%,transparent);
  font:950 116px/1 var(--font);
  letter-spacing:-.08em;
  pointer-events:none;
}
.geo-v12-kicker {
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  gap:10px;
  color:var(--geo-accent);
  font-size:14px;
  font-weight:900;
  letter-spacing:.14em;
}
.geo-v12-kicker i {
  width:32px;height:3px;border-radius:999px;
  background:linear-gradient(90deg,var(--geo-accent),#d6a63d);
}
.geo-v12-brief ol {
  position:relative;
  z-index:2;
  display:grid;
  align-content:center;
  gap:10px;
  margin:18px 0 0;
  padding:0;
  list-style:none;
}
.geo-v12-brief li {
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:12px;
  align-items:start;
  padding:11px 12px;
  border:1px solid rgba(255,255,255,.72);
  border-radius:14px;
  background:rgba(255,255,255,.64);
  box-shadow:0 6px 16px rgba(28,61,112,.045);
}
.geo-v12-brief li b {
  display:grid;
  place-items:center;
  width:34px;height:34px;
  border-radius:11px;
  color:#fff;
  background:linear-gradient(145deg,var(--geo-accent),color-mix(in srgb,var(--geo-accent) 48%,#7547ed));
  font-size:13px;
}
.geo-v12-brief li span {
  color:#263957;
  font-size:17px;
  font-weight:720;
  line-height:1.45;
}
.geo-v12-visual.geo-visual-shell {
  position:relative;
  min-width:0;
  min-height:0;
  overflow:hidden;
  border:1px solid rgba(36,80,150,.14);
  border-radius:26px;
  background:
    radial-gradient(circle at 78% 14%,color-mix(in srgb,var(--geo-accent) 10%,transparent),transparent 32%),
    linear-gradient(145deg,#fff,#f5f9ff);
  box-shadow:0 18px 50px rgba(24,54,103,.11);
  isolation:isolate;
}
.geo-v12-visual.geo-visual-shell::before {
  z-index:20;
  top:0;
  height:4px;
  background:linear-gradient(90deg,var(--geo-accent),#21a8cf,#d6a63d);
}
.geo-v12-visual.geo-visual-shell::after {
  content:"";
  position:absolute;
  z-index:18;
  top:-36%;left:-18%;
  width:18%;height:170%;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.54),transparent);
  transform:rotate(16deg);
}
.geo-v12-grid {
  position:absolute;
  z-index:0;
  inset:0;
  opacity:.22;
  pointer-events:none;
  background-image:linear-gradient(rgba(34,89,158,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(34,89,158,.09) 1px,transparent 1px);
  background-size:38px 38px;
  -webkit-mask-image:radial-gradient(circle at 70% 48%,#000,transparent 76%);
  mask-image:radial-gradient(circle at 70% 48%,#000,transparent 76%);
}
.geo-v12-takeaway {
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  align-items:center;
  gap:13px;
  min-height:62px;
  padding:9px 22px 9px 12px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.35);
  border-radius:18px;
  color:#fff;
  background:linear-gradient(105deg,#0f6c83,#178b7c 58%,#d29632 145%);
  box-shadow:0 13px 28px rgba(20,108,122,.18);
}
.geo-v12-takeaway > span {
  display:grid;
  place-items:center;
  width:42px;height:42px;
  border:1px solid rgba(255,255,255,.38);
  border-radius:14px;
  background:rgba(255,255,255,.12);
}
.geo-v12-takeaway .geo-line-icon { width:24px;height:24px;stroke:#fff; }
.geo-v12-takeaway strong { color:#fff;font-size:18px;line-height:1.35;font-weight:850; }

.geo-line-icon { width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round; }
.geo-card-icon {
  display:grid;
  place-items:center;
  width:52px;height:52px;
  margin-bottom:16px;
  border-radius:17px;
  color:var(--geo-accent);
  background:var(--geo-soft);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--geo-accent) 15%,transparent);
}

/* Source-deck card, flow and diagram families. */
.geo-v12-visual .geo-card-grid { padding:25px;gap:14px !important; }
html.ppt-v10 .geo-v12-visual .geo-card-grid .v9-smart-node {
  border:1px solid rgba(45,84,148,.11) !important;
  border-top:0 !important;
  border-radius:20px !important;
  background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--geo-soft) 70%,#fff)) !important;
  box-shadow:0 12px 30px rgba(32,63,113,.09) !important;
}
html.ppt-v10 .geo-v12-visual .geo-card-grid .v9-smart-node::before {
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;width:5px;
  border-radius:20px 0 0 20px;
  background:var(--geo-accent);
}
.geo-v12-visual .geo-card-grid .v9-smart-node:nth-child(2n) { --geo-accent:#168d67;--geo-soft:#edf9f5; }
.geo-v12-visual .geo-card-grid .v9-smart-node:nth-child(3n) { --geo-accent:#d1922e;--geo-soft:#fff7e8; }
.geo-v12-visual .geo-card-grid .v9-smart-node > strong { font-size:23px; }
.geo-v12-visual .geo-card-grid .v9-smart-node > span:last-child:not(.geo-card-no):not(.geo-card-icon) { font-size:16px;line-height:1.48; }
.geo-v12-visual .geo-card-no { color:color-mix(in srgb,var(--geo-accent) 25%,transparent);font-size:30px; }

/* Pages 15–17: real-interface command center for mainstream AI platforms. */
.geo-v12-agent-platform .geo-v12-visual.geo-visual-shell {
  border-color:rgba(48,72,139,.24);
  background:#071026;
  box-shadow:0 22px 64px rgba(14,31,79,.24),0 0 0 1px rgba(255,255,255,.36) inset;
}
.geo-v12-agent-platform .geo-v12-visual.geo-visual-shell::before {
  height:5px;
  background:linear-gradient(90deg,#3a7cff,#7457ff 35%,#09b7aa 68%,#ff9b3d);
  box-shadow:0 0 24px rgba(85,106,255,.78);
}
.geo-v12-agent-platform .geo-v12-grid {
  opacity:.16;
  background-image:linear-gradient(rgba(111,141,255,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(111,141,255,.22) 1px,transparent 1px);
  background-size:32px 32px;
  -webkit-mask-image:radial-gradient(circle at 50% 45%,#000,transparent 82%);
  mask-image:radial-gradient(circle at 50% 45%,#000,transparent 82%);
}
.geo-v12-agent-platform .geo-v12-brief {
  border-color:color-mix(in srgb,var(--geo-accent) 20%,#d6e1ef);
  background:
    radial-gradient(circle at 98% 3%,color-mix(in srgb,var(--geo-accent) 18%,transparent),transparent 38%),
    linear-gradient(155deg,#fff 0%,#f7f5ff 50%,var(--geo-soft) 100%);
}
.agent-ui-showcase {
  position:relative;
  z-index:2;
  display:grid;
  grid-template-rows:minmax(0,1fr) 25px;
  gap:7px;
  width:100%;
  height:100%;
  min-height:0;
  overflow:hidden;
  padding:18px 18px 10px;
  background:
    radial-gradient(circle at 5% 10%,rgba(61,110,255,.22),transparent 31%),
    radial-gradient(circle at 96% 88%,rgba(15,193,168,.18),transparent 35%),
    linear-gradient(145deg,rgba(6,13,35,.98),rgba(10,18,49,.97));
}
.agent-ui-aurora {
  position:absolute;
  z-index:0;
  width:260px;
  aspect-ratio:1;
  border-radius:50%;
  opacity:.32;
  filter:blur(54px);
  pointer-events:none;
}
.agent-ui-aurora.a1 { left:-90px;top:-110px;background:#366fff; }
.agent-ui-aurora.a2 { right:-85px;bottom:-120px;background:#00b991; }
.agent-ui-gallery {
  position:relative;
  z-index:2;
  display:grid;
  min-width:0;
  min-height:0;
  gap:13px;
}
.agent-ui-showcase.is-matrix .agent-ui-gallery { grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr)); }
.agent-ui-showcase.is-opensource .agent-ui-gallery { grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:14px; }
.agent-ui-card {
  position:relative;
  display:grid;
  grid-template-rows:minmax(0,1fr) 50px;
  min-width:0;
  min-height:0;
  overflow:hidden;
  border:1px solid rgba(163,182,255,.22);
  border-radius:17px;
  background:linear-gradient(155deg,rgba(255,255,255,.12),rgba(255,255,255,.055));
  box-shadow:0 16px 32px rgba(0,4,22,.34),0 1px 0 rgba(255,255,255,.14) inset;
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}
.agent-ui-card::before {
  content:"";
  position:absolute;
  z-index:6;
  left:14px;
  top:0;
  width:72px;
  height:3px;
  border-radius:0 0 999px 999px;
  background:linear-gradient(90deg,var(--brand),#fff);
  box-shadow:0 0 18px color-mix(in srgb,var(--brand) 66%,transparent);
}
.agent-ui-card:hover {
  z-index:5;
  border-color:color-mix(in srgb,var(--brand) 58%,#fff);
  box-shadow:0 20px 44px rgba(0,4,22,.48),0 0 30px color-mix(in srgb,var(--brand) 18%,transparent);
  transform:translateY(-3px) scale(1.008);
}
.agent-ui-browser {
  position:relative;
  min-width:0;
  min-height:0;
  overflow:hidden;
  margin:8px 8px 0;
  border:1px solid rgba(255,255,255,.2);
  border-radius:11px;
  background:#f0f3f9;
  box-shadow:0 8px 22px rgba(0,3,18,.28);
}
.agent-ui-browser-bar {
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  height:23px;
  padding:0 8px;
  color:#6d7690;
  background:linear-gradient(#fff,#eef1f7);
  border-bottom:1px solid #e0e5ee;
}
.agent-ui-browser-bar em {
  overflow:hidden;
  font:700 9px/1 var(--font);
  letter-spacing:.01em;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.agent-ui-browser-bar b {
  color:var(--brand);
  font:850 8px/1 var(--font);
  letter-spacing:.04em;
}
.agent-ui-dots { display:flex;gap:3px; }
.agent-ui-dots i { width:5px;height:5px;border-radius:50%;background:#ff6b68;box-shadow:8px 0 #ffc24d,16px 0 #31c86a; }
.agent-ui-dots i:nth-child(n+2) { display:none; }
.agent-ui-shot { position:absolute;inset:23px 0 0;overflow:hidden;background:#f8f9fc; }
.agent-ui-shot img {
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:var(--shot-position);
  filter:saturate(.96) contrast(1.015);
  transform:scale(1.006);
  transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .4s ease;
}
.agent-ui-card:hover .agent-ui-shot img { filter:saturate(1.06) contrast(1.025);transform:scale(1.045); }
.agent-ui-meta {
  display:grid;
  grid-template-columns:28px minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  min-width:0;
  padding:6px 10px 7px;
  color:#fff;
}
.agent-ui-brand-mark {
  display:grid;
  grid-template-columns:repeat(2,6px);
  grid-template-rows:repeat(2,6px);
  place-content:center;
  gap:2px;
  width:28px;
  height:28px;
  border:1px solid color-mix(in srgb,var(--brand) 48%,rgba(255,255,255,.35));
  border-radius:9px;
  background:color-mix(in srgb,var(--brand) 21%,rgba(255,255,255,.08));
  box-shadow:0 0 18px color-mix(in srgb,var(--brand) 24%,transparent);
}
.agent-ui-brand-mark i { border-radius:2px;background:linear-gradient(145deg,#fff,var(--brand)); }
.agent-ui-brand-mark i:nth-child(2),.agent-ui-brand-mark i:nth-child(3) { opacity:.48; }
.agent-ui-name { display:grid;min-width:0;line-height:1.1; }
.agent-ui-name strong { overflow:hidden;color:#fff;font-size:15px;font-weight:900;text-overflow:ellipsis;white-space:nowrap; }
.agent-ui-name small { overflow:hidden;margin-top:4px;color:#aebbd6;font-size:10px;font-weight:650;text-overflow:ellipsis;white-space:nowrap; }
.agent-ui-kind {
  padding:5px 7px;
  border:1px solid color-mix(in srgb,var(--brand) 45%,rgba(255,255,255,.2));
  border-radius:999px;
  color:#eef3ff;
  background:color-mix(in srgb,var(--brand) 20%,rgba(255,255,255,.05));
  font-size:9px;
  font-weight:850;
  white-space:nowrap;
}
.agent-ui-showcase.is-opensource .agent-ui-card {
  align-self:center;
  grid-template-rows:minmax(0,238px) 68px;
  height:306px;
}
.agent-ui-showcase.is-opensource .agent-ui-meta { grid-template-columns:30px minmax(0,1fr) auto;padding:8px 11px; }
.agent-ui-showcase.is-opensource .agent-ui-brand-mark { width:30px;height:30px; }
.agent-ui-showcase.is-opensource .agent-ui-name strong { font-size:18px; }
.agent-ui-showcase.is-opensource .agent-ui-name small { margin-top:6px;font-size:11px; }
.agent-ui-showcase.is-opensource .agent-ui-kind { justify-self:end; }
.agent-ui-source {
  position:relative;
  z-index:3;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:13px;
  min-width:0;
  padding:0 3px;
  color:#8796b7;
  font-size:9px;
  letter-spacing:.02em;
  white-space:nowrap;
}
.agent-ui-source span { display:flex;align-items:center;gap:6px;color:#d4ddf2;font-weight:800; }
.agent-ui-source span i { width:6px;height:6px;border-radius:50%;background:#2be1b2;box-shadow:0 0 0 4px rgba(43,225,178,.1),0 0 13px rgba(43,225,178,.72); }
.agent-ui-source b { color:#7888ab;font-weight:750; }
.agent-ui-source em { overflow:hidden;text-overflow:ellipsis; }

.slide.active .agent-ui-aurora.a1 { animation:agent-aurora-one 6s ease-in-out infinite alternate; }
.slide.active .agent-ui-aurora.a2 { animation:agent-aurora-two 7s ease-in-out infinite alternate; }
.slide.active .agent-ui-source span i { animation:agent-live-pulse 2.2s ease-in-out infinite; }
.slide:not(.active) .agent-ui-aurora,.slide:not(.active) .agent-ui-source span i { animation-play-state:paused !important; }
@keyframes agent-aurora-one { to { transform:translate(70px,36px) scale(1.16);opacity:.46; } }
@keyframes agent-aurora-two { to { transform:translate(-62px,-28px) scale(1.1);opacity:.42; } }
@keyframes agent-live-pulse { 50% { opacity:.55;box-shadow:0 0 0 8px rgba(43,225,178,0),0 0 18px rgba(43,225,178,.92); } }

/* Page 16: local-first desktop agent command center. */
.geo-agent-desktop-slide {
  background:
    radial-gradient(circle at 86% 5%,rgba(117,71,237,.15),transparent 31%),
    radial-gradient(circle at 7% 93%,rgba(0,184,168,.11),transparent 27%),
    linear-gradient(135deg,#fff 0%,#faf9ff 56%,#f5f8ff 100%);
}
.geo-agent-desktop-slide .slide-head { min-height:106px; }
.geo-agent-desktop-slide .slide-head .agent-title-only {
  display:flex;
  align-items:center;
  min-height:60px;
}
.geo-agent-desktop-slide .slide-head .agent-title-only h2 { margin:0; }
.agent-desktop-content {
  position:relative;
  z-index:3;
  display:grid;
  grid-template-rows:minmax(0,1fr) 62px;
  gap:14px;
  height:668px;
  padding-top:18px;
}
.agent-desktop-stage {
  position:relative;
  display:grid;
  grid-template-rows:70px minmax(0,1fr) 44px;
  gap:10px;
  min-width:0;
  min-height:0;
  overflow:hidden;
  padding:14px;
  border:1px solid rgba(124,136,211,.34);
  border-radius:28px;
  background:
    radial-gradient(circle at 4% 2%,rgba(91,104,255,.34),transparent 32%),
    radial-gradient(circle at 97% 98%,rgba(0,211,177,.22),transparent 35%),
    linear-gradient(145deg,#070d21 0%,#101735 52%,#080f25 100%);
  box-shadow:0 26px 72px rgba(15,30,78,.26),0 0 0 1px rgba(255,255,255,.09) inset;
  isolation:isolate;
}
.agent-desktop-stage::before {
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  opacity:.22;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(136,153,255,.2) 1px,transparent 1px),
    linear-gradient(90deg,rgba(136,153,255,.2) 1px,transparent 1px);
  background-size:34px 34px;
  -webkit-mask-image:radial-gradient(circle at 50% 46%,#000,transparent 82%);
  mask-image:radial-gradient(circle at 50% 46%,#000,transparent 82%);
}
.agent-desktop-stage::after {
  content:"";
  position:absolute;
  z-index:0;
  top:-140px;
  left:27%;
  width:46%;
  height:220px;
  border-radius:50%;
  background:rgba(119,103,255,.26);
  filter:blur(70px);
  pointer-events:none;
}
.agent-local-banner {
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:154px minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  min-width:0;
  padding:10px 16px;
  border:1px solid rgba(183,194,255,.23);
  border-radius:18px;
  color:#fff;
  background:linear-gradient(105deg,rgba(255,255,255,.14),rgba(255,255,255,.055));
  box-shadow:0 14px 28px rgba(0,4,24,.25),0 1px 0 rgba(255,255,255,.13) inset;
  backdrop-filter:blur(14px);
}
.agent-local-flag {
  display:flex;
  align-items:center;
  gap:10px;
  color:#8ff8df;
  font-size:13px;
  font-weight:950;
  letter-spacing:.14em;
  white-space:nowrap;
}
.agent-local-flag i {
  width:10px;
  height:10px;
  border-radius:50%;
  background:#2ce3ba;
  box-shadow:0 0 0 5px rgba(44,227,186,.12),0 0 18px rgba(44,227,186,.9);
}
.agent-local-copy { display:flex;align-items:baseline;gap:14px;min-width:0; }
.agent-local-copy strong { color:#fff;font-size:25px;font-weight:950;letter-spacing:-.035em;white-space:nowrap; }
.agent-local-copy p { overflow:hidden;margin:0;color:#c8d4ee;font-size:14px;font-weight:680;text-overflow:ellipsis;white-space:nowrap; }
.agent-local-abilities { display:flex;gap:7px; }
.agent-local-abilities span {
  padding:7px 10px;
  border:1px solid rgba(143,248,223,.24);
  border-radius:999px;
  color:#dffff7;
  background:rgba(32,210,172,.09);
  font-size:11px;
  font-weight:850;
  white-space:nowrap;
}
.agent-product-grid {
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-rows:repeat(2,minmax(0,1fr));
  gap:10px;
  min-width:0;
  min-height:0;
}
.agent-product-card {
  position:relative;
  display:grid;
  grid-template-rows:40px minmax(0,1fr) 36px;
  min-width:0;
  min-height:0;
  overflow:hidden;
  border:1px solid rgba(170,185,255,.23);
  border-radius:17px;
  color:#fff;
  background:linear-gradient(150deg,rgba(255,255,255,.13),rgba(255,255,255,.055));
  box-shadow:0 15px 32px rgba(0,3,22,.34),0 1px 0 rgba(255,255,255,.12) inset;
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}
.agent-product-card::before {
  content:"";
  position:absolute;
  z-index:5;
  left:12px;
  top:0;
  width:84px;
  height:3px;
  border-radius:0 0 999px 999px;
  background:linear-gradient(90deg,var(--agent-brand),#fff);
  box-shadow:0 0 20px color-mix(in srgb,var(--agent-brand) 72%,transparent);
}
.agent-product-card:hover {
  z-index:4;
  border-color:color-mix(in srgb,var(--agent-brand) 58%,#fff);
  box-shadow:0 20px 42px rgba(0,3,22,.48),0 0 30px color-mix(in srgb,var(--agent-brand) 19%,transparent);
  transform:translateY(-3px) scale(1.006);
}
.agent-product-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-width:0;
  padding:6px 10px 4px 12px;
}
.agent-product-name { display:grid;grid-template-columns:9px auto minmax(0,1fr);align-items:center;gap:8px;min-width:0; }
.agent-product-name i { width:7px;height:7px;border-radius:50%;background:var(--agent-brand);box-shadow:0 0 13px var(--agent-brand); }
.agent-product-name strong { color:#fff;font-size:17px;font-weight:950;letter-spacing:-.025em;white-space:nowrap; }
.agent-product-name small { overflow:hidden;color:#9eacc9;font-size:10px;font-weight:700;text-overflow:ellipsis;white-space:nowrap; }
.agent-product-head > b {
  padding:5px 8px;
  border:1px solid color-mix(in srgb,var(--agent-brand) 42%,rgba(255,255,255,.17));
  border-radius:999px;
  color:#f1f4ff;
  background:color-mix(in srgb,var(--agent-brand) 18%,rgba(255,255,255,.04));
  font-size:9px;
  font-weight:900;
  white-space:nowrap;
}
.agent-product-shot {
  position:relative;
  min-width:0;
  min-height:0;
  overflow:hidden;
  margin:0 7px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:10px;
  background:#0c1021;
  box-shadow:0 8px 20px rgba(0,2,16,.32);
}
.agent-product-shot::after {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,transparent 58%,rgba(3,7,22,.4));
}
.agent-product-shot img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:var(--agent-shot);
  filter:saturate(.98) contrast(1.025);
  transform:scale(1.006);
  transition:transform .7s cubic-bezier(.2,.75,.2,1),filter .35s ease;
}
.agent-product-card:hover .agent-product-shot img { filter:saturate(1.08) contrast(1.04);transform:scale(1.045); }
.agent-product-shot > span {
  position:absolute;
  z-index:2;
  right:7px;
  bottom:6px;
  padding:4px 7px;
  border:1px solid rgba(255,255,255,.25);
  border-radius:999px;
  color:#fff;
  background:rgba(6,12,31,.7);
  font-size:8px;
  font-weight:850;
  backdrop-filter:blur(8px);
}
.agent-product-foot { display:flex;align-items:center;gap:10px;min-width:0;padding:5px 11px 7px; }
.agent-product-foot strong { color:color-mix(in srgb,var(--agent-brand) 72%,#fff);font-size:13px;font-weight:950;white-space:nowrap; }
.agent-product-foot span { overflow:hidden;color:#c3cde3;font-size:11px;font-weight:680;text-overflow:ellipsis;white-space:nowrap; }
.agent-permission-flow {
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  gap:9px;
  min-width:0;
  padding:7px 12px;
  border:1px solid rgba(155,174,255,.2);
  border-radius:14px;
  color:#dce5fb;
  background:linear-gradient(90deg,rgba(38,51,102,.82),rgba(15,34,64,.78));
  box-shadow:0 10px 22px rgba(0,3,20,.24);
  font-size:11px;
  font-weight:820;
  white-space:nowrap;
}
.agent-permission-flow > i { color:#6e7eab;font-style:normal; }
.agent-permission-flow em { overflow:hidden;margin-left:auto;color:#8f9dbb;font-size:9px;font-style:normal;font-weight:680;text-overflow:ellipsis; }
.agent-folder-step { display:flex;align-items:center;gap:7px;color:#8ff8df;font-weight:900; }
.agent-folder-step svg { width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round; }
.agent-desktop-takeaway {
  border-color:rgba(255,255,255,.42);
  background:linear-gradient(105deg,#4d34b7 0%,#7152de 47%,#0b8d7f 112%);
  box-shadow:0 14px 30px rgba(75,52,183,.24);
}
.slide.active .agent-local-flag i { animation:agent-local-pulse 2.2s ease-in-out infinite; }
.slide.active .agent-product-card { animation:agent-card-arrive .58s cubic-bezier(.18,.82,.2,1) both;animation-delay:calc(.12s + var(--i,0) * 80ms); }
.slide:not(.active) .agent-local-flag i,.slide:not(.active) .agent-product-card { animation-play-state:paused !important; }
@keyframes agent-local-pulse { 50% { opacity:.62;box-shadow:0 0 0 10px rgba(44,227,186,0),0 0 24px rgba(44,227,186,1); } }
@keyframes agent-card-arrive { from { opacity:0;transform:translateY(18px) scale(.98); } to { opacity:1;transform:none; } }

/* Page 16 redesign: bright capability cards without interface screenshots. */
.agent-card-stage {
  position:relative;
  display:grid;
  grid-template-rows:86px minmax(0,1fr) 54px;
  gap:14px;
  min-width:0;
  min-height:0;
  overflow:hidden;
  padding:16px;
  border:1px solid rgba(75,91,167,.2);
  border-radius:28px;
  background:
    radial-gradient(circle at 7% 6%,rgba(117,71,237,.14),transparent 25%),
    radial-gradient(circle at 94% 96%,rgba(23,168,150,.12),transparent 27%),
    linear-gradient(145deg,#f8faff 0%,#f3f6fd 52%,#f8fbff 100%);
  box-shadow:0 24px 68px rgba(21,43,93,.14),0 1px 0 rgba(255,255,255,.9) inset;
  isolation:isolate;
}
.agent-card-stage::before {
  content:"";
  position:absolute;
  z-index:0;
  right:-84px;
  top:-126px;
  width:390px;
  height:390px;
  border:1px solid rgba(117,71,237,.1);
  border-radius:50%;
  box-shadow:0 0 0 34px rgba(117,71,237,.025),0 0 0 78px rgba(15,86,232,.018);
  pointer-events:none;
}
.agent-card-hero {
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:60px minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  min-width:0;
  padding:11px 18px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.22);
  border-radius:20px;
  color:#fff;
  background:
    radial-gradient(circle at 88% 18%,rgba(58,218,190,.22),transparent 27%),
    linear-gradient(110deg,#10285c 0%,#342a76 57%,#125c70 120%);
  box-shadow:0 15px 34px rgba(20,33,82,.22),0 1px 0 rgba(255,255,255,.18) inset;
}
.agent-card-hero-icon {
  display:grid;
  place-items:center;
  width:54px;
  height:54px;
  border:1px solid rgba(255,255,255,.36);
  border-radius:17px;
  color:#dffcf6;
  background:rgba(255,255,255,.1);
  box-shadow:0 10px 24px rgba(3,15,47,.22);
}
.agent-card-hero-icon svg { width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round; }
.agent-card-hero-copy { display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;column-gap:14px;min-width:0; }
.agent-card-hero-copy small { color:#82efd9;font-size:13px;font-weight:900;letter-spacing:.08em; }
.agent-card-hero-copy strong { color:#fff;font-size:28px;font-weight:950;letter-spacing:-.035em; }
.agent-card-hero-copy p { grid-column:1 / -1;overflow:hidden;margin:5px 0 0;color:#cad7ef;font-size:15px;font-weight:680;text-overflow:ellipsis;white-space:nowrap; }
.agent-card-hero-chips { display:flex;gap:8px; }
.agent-card-hero-chips span {
  padding:8px 12px;
  border:1px solid rgba(133,242,220,.25);
  border-radius:999px;
  color:#e9fffa;
  background:rgba(50,213,182,.1);
  font-size:13px;
  font-weight:850;
  white-space:nowrap;
}
.agent-card-grid {
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  min-width:0;
  min-height:0;
}
.agent-capability-card {
  position:relative;
  display:grid;
  grid-template-rows:auto auto auto auto minmax(0,1fr) auto;
  gap:9px;
  min-width:0;
  min-height:0;
  overflow:hidden;
  padding:18px 18px 15px;
  border:1px solid color-mix(in srgb,var(--agent-brand) 24%,#d7dfef);
  border-radius:24px;
  color:#142b55;
  background:
    radial-gradient(circle at 100% 0,color-mix(in srgb,var(--agent-brand) 14%,transparent),transparent 38%),
    linear-gradient(150deg,rgba(255,255,255,.98),rgba(250,252,255,.94));
  box-shadow:0 15px 38px rgba(31,53,105,.1),0 1px 0 #fff inset;
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}
.agent-capability-card::before {
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  top:0;
  height:5px;
  border-radius:0 0 999px 999px;
  background:linear-gradient(90deg,var(--agent-brand),color-mix(in srgb,var(--agent-brand) 35%,#fff));
  box-shadow:0 0 18px color-mix(in srgb,var(--agent-brand) 28%,transparent);
}
.agent-capability-card::after {
  content:attr(data-card-index);
  position:absolute;
  right:14px;
  bottom:-15px;
  color:color-mix(in srgb,var(--agent-brand) 7%,transparent);
  font:950 86px/1 var(--font);
  letter-spacing:-.08em;
  pointer-events:none;
}
.agent-capability-card:hover {
  z-index:4;
  border-color:color-mix(in srgb,var(--agent-brand) 48%,#bfcce2);
  box-shadow:0 22px 48px rgba(31,53,105,.17),0 0 28px color-mix(in srgb,var(--agent-brand) 11%,transparent);
  transform:translateY(-5px);
}
.agent-card-top { display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0; }
.agent-card-icon {
  display:grid;
  place-items:center;
  width:54px;
  height:54px;
  border:1px solid color-mix(in srgb,var(--agent-brand) 28%,#dce4f2);
  border-radius:18px;
  color:var(--agent-brand);
  background:color-mix(in srgb,var(--agent-brand) 10%,#fff);
  box-shadow:0 10px 22px color-mix(in srgb,var(--agent-brand) 12%,transparent);
}
.agent-card-icon svg { width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round; }
.agent-card-top > b {
  align-self:start;
  padding:6px 9px;
  border:1px solid color-mix(in srgb,var(--agent-brand) 26%,#d5ddeb);
  border-radius:999px;
  color:color-mix(in srgb,var(--agent-brand) 78%,#1c3157);
  background:color-mix(in srgb,var(--agent-brand) 7%,#fff);
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
}
.agent-card-brand { display:grid;min-width:0; }
.agent-card-brand strong { overflow:hidden;color:#0e2858;font-size:26px;font-weight:950;letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap; }
.agent-card-brand small { overflow:hidden;margin-top:4px;color:#70809b;font-size:12px;font-weight:720;text-overflow:ellipsis;white-space:nowrap; }
.agent-card-focus { display:grid;gap:3px;padding:9px 11px;border-left:4px solid var(--agent-brand);border-radius:0 12px 12px 0;background:color-mix(in srgb,var(--agent-brand) 7%,#f7f9fd); }
.agent-card-focus span { color:#8390a7;font-size:11px;font-weight:850;letter-spacing:.08em; }
.agent-card-focus strong { color:#18345f;font-size:18px;font-weight:900;line-height:1.25; }
.agent-card-promise { min-height:41px;margin:0;color:#415574;font-size:15px;font-weight:690;line-height:1.4; }
.agent-card-skills { position:relative;z-index:2;display:grid;align-content:center;gap:6px;min-height:0; }
.agent-card-skill { display:flex;align-items:center;gap:8px;color:#2d4262;font-size:14px;font-weight:760;line-height:1.2; }
.agent-card-skill i { flex:none;width:7px;height:7px;border-radius:50%;background:var(--agent-brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--agent-brand) 10%,transparent); }
.agent-card-fit {
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  padding-top:9px;
  border-top:1px solid #e4e9f2;
}
.agent-card-fit span { flex:none;color:#8b97aa;font-size:11px;font-weight:850; }
.agent-card-fit strong { overflow:hidden;color:#263b5e;font-size:13px;font-weight:850;text-overflow:ellipsis;white-space:nowrap; }
.agent-card-safety {
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
  padding:8px 15px;
  border:1px solid rgba(47,93,174,.15);
  border-radius:16px;
  color:#355073;
  background:rgba(255,255,255,.88);
  box-shadow:0 10px 24px rgba(31,57,105,.07);
  font-size:14px;
  font-weight:820;
  white-space:nowrap;
}
.agent-card-safety > i { color:#9ba8bb;font-style:normal; }
.agent-card-safety em { overflow:hidden;margin-left:auto;color:#8b6b32;font-size:12px;font-style:normal;font-weight:800;text-overflow:ellipsis; }
.agent-card-safety-title { display:flex;align-items:center;gap:8px;color:#167c6d;font-weight:900; }
.agent-card-safety-title svg { width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round; }
.slide.active .agent-card-hero { animation:agent-hero-arrive .5s cubic-bezier(.18,.82,.2,1) both; }
.slide.active .agent-capability-card { animation:agent-capability-arrive .58s cubic-bezier(.18,.82,.2,1) both;animation-delay:calc(.1s + var(--i,0) * 75ms); }
.slide.active .agent-card-safety { animation:agent-hero-arrive .48s .38s cubic-bezier(.2,.8,.2,1) both; }
.slide:not(.active) .agent-card-hero,.slide:not(.active) .agent-capability-card,.slide:not(.active) .agent-card-safety { animation-play-state:paused !important; }
@keyframes agent-hero-arrive { from { opacity:0;transform:translateY(12px); } to { opacity:1;transform:none; } }
@keyframes agent-capability-arrive { from { opacity:0;transform:translateY(20px) scale(.975); } to { opacity:1;transform:none; } }

/* Page 17: premium global-agent command center. Scoped to keep page 16 unchanged. */
.is-global-agent-slide {
  background:
    radial-gradient(circle at 92% 2%,rgba(118,93,255,.14),transparent 29%),
    radial-gradient(circle at 4% 96%,rgba(32,184,157,.1),transparent 24%),
    linear-gradient(135deg,#fff 0%,#f8f9fd 58%,#f4f7fc 100%);
}
.global-agent-stage {
  position:relative;
  display:grid;
  grid-template-rows:68px minmax(0,1fr) 48px;
  gap:12px;
  min-width:0;
  min-height:0;
  overflow:hidden;
  padding:14px;
  border:1px solid rgba(75,91,167,.2);
  border-radius:30px;
  color:#142b55;
  background:
    linear-gradient(rgba(75,91,167,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(75,91,167,.035) 1px,transparent 1px),
    radial-gradient(circle at 7% 6%,rgba(117,71,237,.14),transparent 25%),
    radial-gradient(circle at 94% 96%,rgba(23,168,150,.12),transparent 27%),
    linear-gradient(145deg,#f8faff 0%,#f3f6fd 52%,#f8fbff 100%);
  background-size:32px 32px,32px 32px,auto,auto,auto;
  box-shadow:0 24px 68px rgba(21,43,93,.14),0 1px 0 rgba(255,255,255,.9) inset;
  isolation:isolate;
}
.global-agent-stage::before {
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(118deg,rgba(255,255,255,.55),transparent 27%,transparent 72%,rgba(109,235,214,.055));
}
.global-agent-aurora {
  position:absolute;
  z-index:0;
  border-radius:50%;
  filter:blur(56px);
  opacity:.55;
  pointer-events:none;
}
.global-agent-aurora.is-left { left:-74px;bottom:58px;width:240px;height:240px;background:rgba(28,216,183,.12); }
.global-agent-aurora.is-right { right:6%;top:-96px;width:350px;height:210px;background:rgba(125,91,255,.14); }
.global-agent-commandbar {
  position:relative;
  z-index:3;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:22px;
  min-width:0;
  padding:10px 17px 10px 19px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.22);
  border-radius:20px;
  background:
    radial-gradient(circle at 88% 18%,rgba(58,218,190,.22),transparent 27%),
    linear-gradient(110deg,#10285c 0%,#342a76 57%,#125c70 120%);
  box-shadow:0 15px 34px rgba(20,33,82,.22),0 1px 0 rgba(255,255,255,.18) inset;
  backdrop-filter:blur(18px) saturate(125%);
}
.global-agent-commandbar::before {
  content:"";
  position:absolute;
  left:0;
  top:12px;
  bottom:12px;
  width:3px;
  border-radius:0 99px 99px 0;
  background:linear-gradient(#77f2d0,#9b8cff);
  box-shadow:0 0 18px rgba(119,242,208,.7);
}
.global-agent-command-title { display:flex;align-items:baseline;gap:15px;min-width:0; }
.global-agent-command-title small { color:#79ead0;font-size:11px;font-weight:950;letter-spacing:.15em;white-space:nowrap; }
.global-agent-command-title strong { overflow:hidden;color:#fff;font-size:25px;font-weight:950;letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap; }
.global-agent-command-modes { display:flex;align-items:center;gap:8px;color:#aebbd3;font-size:11px;font-weight:850;white-space:nowrap; }
.global-agent-command-modes span { padding:6px 9px;border:1px solid rgba(159,181,235,.16);border-radius:999px;background:rgba(111,139,203,.07); }
.global-agent-command-modes i { width:4px;height:4px;border-radius:50%;background:#75ddc8;box-shadow:0 0 9px rgba(117,221,200,.8); }
.global-agent-bento {
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(0,.82fr) minmax(0,.82fr);
  grid-template-rows:minmax(0,1.12fr) minmax(0,.88fr);
  gap:10px;
  min-width:0;
  min-height:0;
}
.global-agent-card {
  position:relative;
  display:grid;
  min-width:0;
  min-height:0;
  overflow:hidden;
  padding:14px;
  border:1px solid color-mix(in srgb,var(--agent-brand) 24%,#d7dfef);
  border-radius:21px;
  color:#142b55;
  background:
    radial-gradient(circle at 100% 0,color-mix(in srgb,var(--agent-brand) 12%,transparent),transparent 38%),
    linear-gradient(150deg,rgba(255,255,255,.98),rgba(250,252,255,.94));
  box-shadow:0 15px 38px rgba(31,53,105,.1),0 1px 0 #fff inset;
  backdrop-filter:blur(12px) saturate(108%);
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}
.global-agent-card::before {
  content:"";
  position:absolute;
  z-index:1;
  left:14px;
  right:55%;
  top:0;
  height:3px;
  border-radius:0 0 99px 99px;
  background:linear-gradient(90deg,var(--agent-brand),rgba(255,255,255,.9));
  box-shadow:0 0 18px color-mix(in srgb,var(--agent-brand) 55%,transparent);
}
.global-agent-card:hover {
  z-index:5;
  border-color:color-mix(in srgb,var(--agent-brand) 48%,#bfcce2);
  box-shadow:0 22px 48px rgba(31,53,105,.17),0 0 28px color-mix(in srgb,var(--agent-brand) 11%,transparent),0 1px 0 #fff inset;
  transform:translateY(-3px);
}
.global-agent-openai { grid-column:1;grid-row:1 / 3;grid-template-rows:auto auto minmax(0,1fr) auto;gap:10px; }
.global-agent-antigravity { grid-column:2 / 4;grid-row:1;grid-template-rows:auto minmax(0,1fr) auto auto;gap:7px; }
.global-agent-claude { grid-column:2;grid-row:2; }
.global-agent-cursor { grid-column:3;grid-row:2; }
.global-agent-card-head {
  position:relative;
  z-index:3;
  display:grid;
  grid-template-columns:46px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  min-width:0;
}
.global-agent-card-icon {
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border:1px solid color-mix(in srgb,var(--agent-brand) 30%,#dce4f2);
  border-radius:14px;
  color:var(--agent-brand);
  background:color-mix(in srgb,var(--agent-brand) 9%,#fff);
  box-shadow:0 10px 22px color-mix(in srgb,var(--agent-brand) 11%,transparent);
}
.global-agent-card-icon svg { width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round; }
.global-agent-card-brand { display:grid;min-width:0; }
.global-agent-card-brand small { overflow:hidden;color:color-mix(in srgb,var(--agent-brand) 66%,#657591);font-size:9px;font-weight:850;letter-spacing:.055em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap; }
.global-agent-card-brand strong { overflow:hidden;margin-top:3px;color:#0e2858;font-size:21px;font-weight:950;letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap; }
.global-agent-card-head > b {
  align-self:start;
  padding:6px 8px;
  border:1px solid color-mix(in srgb,var(--agent-brand) 26%,#d5ddeb);
  border-radius:999px;
  color:color-mix(in srgb,var(--agent-brand) 78%,#1c3157);
  background:color-mix(in srgb,var(--agent-brand) 7%,#fff);
  font-size:8px;
  font-weight:900;
  letter-spacing:.035em;
  white-space:nowrap;
}
.global-agent-card-promise { position:relative;z-index:2;margin:0;color:#415574;font-size:13px;font-weight:680;line-height:1.38; }
.global-agent-openai-bridge {
  position:relative;
  z-index:2;
  display:grid;
  grid-template-rows:minmax(0,1fr) 25px minmax(0,1fr);
  gap:5px;
  min-height:0;
}
.global-agent-openai-bridge section {
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  min-width:0;
  padding:10px 11px;
  border:1px solid rgba(24,169,143,.18);
  border-radius:15px;
  background:linear-gradient(105deg,rgba(24,169,143,.08),rgba(255,255,255,.88));
  box-shadow:0 10px 22px rgba(31,57,105,.07),0 1px 0 #fff inset;
}
.global-agent-openai-bridge section > span { display:grid;place-items:center;width:31px;height:31px;border-radius:10px;color:#148a76;background:rgba(24,169,143,.1);font-size:11px;font-weight:950; }
.global-agent-openai-bridge section > div { display:grid;min-width:0; }
.global-agent-openai-bridge section strong { color:#15345f;font-size:17px;font-weight:930; }
.global-agent-openai-bridge section small { overflow:hidden;margin-top:2px;color:#71809a;font-size:10px;font-weight:700;text-overflow:ellipsis;white-space:nowrap; }
.global-agent-openai-bridge section em { color:#168d79;font-size:9px;font-style:normal;font-weight:900;white-space:nowrap; }
.global-agent-bridge-line { display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;padding:0 18px; }
.global-agent-bridge-line i { height:1px;background:linear-gradient(90deg,transparent,#63d9bf); }
.global-agent-bridge-line i:last-child { background:linear-gradient(90deg,#63d9bf,transparent); }
.global-agent-bridge-line b { color:#178e79;font-size:8px;font-weight:900;letter-spacing:.08em; }
.global-agent-card-fit {
  position:relative;
  z-index:3;
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  padding-top:8px;
  border-top:1px solid #e4e9f2;
}
.global-agent-card-fit span { flex:none;color:#7f8da5;font-size:9px;font-weight:850;letter-spacing:.06em; }
.global-agent-card-fit strong { overflow:hidden;color:color-mix(in srgb,var(--agent-brand) 72%,#263b5e);font-size:12px;font-weight:900;text-overflow:ellipsis;white-space:nowrap; }
.antigravity-command-view {
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:112px 84px minmax(0,1fr);
  align-items:center;
  min-width:0;
  min-height:70px;
  padding:5px 10px;
  overflow:hidden;
  border:1px solid rgba(125,103,255,.18);
  border-radius:15px;
  background:linear-gradient(112deg,rgba(125,103,255,.08),rgba(37,190,166,.055));
}
.antigravity-controller { display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:8px; }
.antigravity-controller > span { grid-row:1 / 3;display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(125,103,255,.25);border-radius:11px;color:#705bea;background:rgba(125,103,255,.1); }
.antigravity-controller svg { width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round; }
.antigravity-controller strong { align-self:end;color:#26365d;font-size:10px;font-weight:950;letter-spacing:.08em; }
.antigravity-controller small { align-self:start;color:#71809a;font-size:9px;font-weight:700; }
.antigravity-routes { position:relative;height:54px; }
.antigravity-routes::before { content:"";position:absolute;left:2px;top:50%;width:70px;height:1px;background:linear-gradient(90deg,#9585f5,#55cfbd);box-shadow:0 0 9px rgba(135,126,240,.7); }
.antigravity-routes i { position:absolute;right:4px;width:14px;height:1px;background:#55cfbd;transform-origin:right center; }
.antigravity-routes i:nth-child(1) { top:14px;transform:rotate(-24deg); }
.antigravity-routes i:nth-child(2) { top:27px; }
.antigravity-routes i:nth-child(3) { bottom:13px;transform:rotate(24deg); }
.antigravity-subagents { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-width:0; }
.antigravity-subagents span { display:grid;grid-template-columns:7px minmax(0,1fr);align-items:center;column-gap:6px;min-width:0;padding:7px;border:1px solid rgba(125,145,195,.16);border-radius:10px;background:rgba(255,255,255,.8); }
.antigravity-subagents i { grid-row:1 / 3;width:6px;height:6px;border-radius:50%;background:#28bda4;box-shadow:0 0 10px rgba(40,189,164,.52); }
.antigravity-subagents b { overflow:hidden;color:#25385d;font-size:8px;font-weight:900;text-overflow:ellipsis;white-space:nowrap; }
.antigravity-subagents small { overflow:hidden;color:#7b889e;font-size:8px;font-weight:680;text-overflow:ellipsis;white-space:nowrap; }
.global-agent-capabilities { position:relative;z-index:3;display:flex;gap:6px;min-width:0; }
.global-agent-capabilities span { padding:5px 8px;border:1px solid rgba(125,103,255,.2);border-radius:999px;color:#6754d4;background:rgba(125,103,255,.075);font-size:9px;font-weight:850;white-space:nowrap; }
.global-agent-compact { grid-template-rows:auto minmax(0,1fr) auto auto;gap:5px;padding:10px 11px; }
.global-agent-compact .global-agent-card-head { grid-template-columns:38px minmax(0,1fr) auto;gap:8px; }
.global-agent-compact .global-agent-card-icon { width:36px;height:36px;border-radius:11px; }
.global-agent-compact .global-agent-card-icon svg { width:21px;height:21px; }
.global-agent-compact .global-agent-card-brand small { font-size:8px; }
.global-agent-compact .global-agent-card-brand strong { margin-top:1px;font-size:17px; }
.global-agent-compact .global-agent-card-head > b { padding:4px 6px;font-size:7px; }
.global-agent-compact .global-agent-card-promise { align-self:center;font-size:10px;line-height:1.32; }
.global-agent-mini-flow { display:flex;align-items:center;gap:5px;min-width:0; }
.global-agent-mini-flow span { overflow:hidden;flex:1;padding:5px 4px;border:1px solid rgba(125,145,195,.15);border-radius:8px;color:#405574;background:rgba(245,248,253,.92);font-size:8px;font-weight:800;text-align:center;text-overflow:ellipsis;white-space:nowrap; }
.global-agent-mini-flow i { color:color-mix(in srgb,var(--agent-brand) 72%,#425676);font-size:9px;font-style:normal; }
.global-agent-compact .global-agent-card-fit { padding-top:5px; }
.global-agent-compact .global-agent-card-fit strong { font-size:10px; }
.global-agent-trustline {
  position:relative;
  z-index:3;
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  padding:7px 13px;
  border:1px solid rgba(47,93,174,.15);
  border-radius:15px;
  color:#355073;
  background:rgba(255,255,255,.88);
  box-shadow:0 10px 24px rgba(31,57,105,.07);
  font-size:10px;
  font-weight:820;
  white-space:nowrap;
}
.global-agent-trustline > i { color:#9ba8bb;font-style:normal; }
.global-agent-trustline > em { overflow:hidden;margin-left:auto;color:#7150cc;font-size:9px;font-style:normal;font-weight:850;text-overflow:ellipsis; }
.global-agent-trust-title { display:flex;align-items:center;gap:7px;margin-right:2px;color:#167c6d;font-size:11px;font-weight:930; }
.global-agent-trust-title svg { width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round; }
.slide.active .global-agent-commandbar { animation:global-agent-rise .48s cubic-bezier(.18,.82,.2,1) both; }
.slide.active .global-agent-card { animation:global-agent-rise .58s cubic-bezier(.18,.82,.2,1) both;animation-delay:calc(.08s + var(--i,0) * 70ms); }
.slide.active .global-agent-trustline { animation:global-agent-rise .48s .38s cubic-bezier(.18,.82,.2,1) both; }
.slide.active .antigravity-subagents i { animation:global-agent-node 2.2s ease-in-out infinite;animation-delay:calc(var(--i,0) * 160ms); }
.slide:not(.active) .global-agent-commandbar,.slide:not(.active) .global-agent-card,.slide:not(.active) .global-agent-trustline,.slide:not(.active) .antigravity-subagents i { animation-play-state:paused !important; }
@keyframes global-agent-rise { from { opacity:0;transform:translateY(15px) scale(.985); } to { opacity:1;transform:none; } }
@keyframes global-agent-node { 50% { opacity:.58;box-shadow:0 0 0 6px rgba(113,228,205,0),0 0 15px rgba(113,228,205,1); } }
@media (prefers-reduced-motion: reduce) {
  .global-agent-commandbar,.global-agent-card,.global-agent-trustline,.antigravity-subagents i { animation:none !important;transition:none !important; }
}

/* Page 18: premium courseware design rules console. */
.courseware-rules-slide {
  background:
    radial-gradient(circle at 91% 8%,rgba(15,86,232,.13),transparent 29%),
    radial-gradient(circle at 4% 94%,rgba(20,168,143,.1),transparent 24%),
    linear-gradient(135deg,#fff 0%,#f8faff 54%,#f5f9ff 100%);
}
.courseware-rules-slide .chapter-tag { --geo-accent:#168d67; }
.courseware-rules-content {
  position:relative;
  z-index:3;
  display:grid;
  grid-template-rows:minmax(0,1fr) 62px;
  gap:14px;
  height:650px;
  padding-top:18px;
}
.courseware-rules-stage {
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  grid-template-rows:minmax(0,1fr) 54px;
  gap:14px;
  min-width:0;
  min-height:0;
  padding:16px;
  overflow:hidden;
  border:1px solid rgba(44,77,143,.18);
  border-radius:29px;
  background:
    linear-gradient(rgba(34,75,143,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(34,75,143,.035) 1px,transparent 1px),
    radial-gradient(circle at 4% 0,rgba(15,86,232,.12),transparent 28%),
    radial-gradient(circle at 98% 100%,rgba(20,168,143,.1),transparent 26%),
    rgba(248,250,255,.96);
  background-size:32px 32px,32px 32px,auto,auto,auto;
  box-shadow:0 24px 68px rgba(19,43,91,.14),0 1px 0 #fff inset;
  isolation:isolate;
}
.courseware-rules-stage::before {
  content:"";
  position:absolute;
  z-index:0;
  top:-154px;
  right:10%;
  width:420px;
  height:270px;
  border-radius:50%;
  background:rgba(91,103,232,.12);
  filter:blur(72px);
  pointer-events:none;
}
.courseware-visual-rule,
.courseware-rule-card,
.courseware-rule-spine { position:relative;z-index:2; }
.courseware-visual-rule {
  display:grid;
  grid-template-rows:58px 202px auto 56px;
  gap:10px;
  min-width:0;
  min-height:0;
  padding:17px;
  overflow:hidden;
  border:1px solid rgba(143,180,255,.24);
  border-radius:24px;
  color:#fff;
  background:
    radial-gradient(circle at 86% 8%,rgba(43,183,217,.28),transparent 30%),
    radial-gradient(circle at 4% 95%,rgba(91,103,232,.28),transparent 35%),
    linear-gradient(145deg,#081a3d 0%,#0e2858 55%,#073e55 118%);
  box-shadow:0 20px 48px rgba(9,27,66,.27),0 1px 0 rgba(255,255,255,.16) inset;
}
.courseware-visual-rule::before {
  content:"";
  position:absolute;
  left:17px;
  right:17px;
  top:0;
  height:4px;
  border-radius:0 0 999px 999px;
  background:linear-gradient(90deg,#3d7dff,#30d6cb,#e1b85c);
  box-shadow:0 0 22px rgba(48,214,203,.58);
}
.courseware-rule-card-head {
  display:grid;
  grid-template-columns:50px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  min-width:0;
}
.courseware-rule-icon {
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:16px;
  color:#bffcf1;
  background:rgba(255,255,255,.09);
  box-shadow:0 10px 24px rgba(1,11,38,.2),0 1px 0 rgba(255,255,255,.12) inset;
}
.courseware-rule-icon svg { width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round; }
.courseware-rule-card-head > div { display:grid;gap:2px;min-width:0; }
.courseware-rule-card-head small { color:#6de7d2;font-size:12px;font-weight:900;letter-spacing:.12em; }
.courseware-rule-card-head strong { overflow:hidden;color:#fff;font-size:25px;font-weight:950;letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap; }
.courseware-rule-card-head > b { align-self:start;color:rgba(255,255,255,.28);font-size:27px;font-weight:950;letter-spacing:-.06em; }
.courseware-visual-scene {
  position:relative;
  min-height:0;
  overflow:hidden;
  border:1px solid rgba(143,190,255,.24);
  border-radius:19px;
  background:
    radial-gradient(circle at 47% 47%,rgba(42,130,255,.24),transparent 32%),
    linear-gradient(rgba(138,181,255,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(138,181,255,.08) 1px,transparent 1px),
    linear-gradient(145deg,rgba(5,15,43,.82),rgba(8,34,65,.72));
  background-size:auto,26px 26px,26px 26px,auto;
  box-shadow:0 14px 30px rgba(0,9,33,.29),0 1px 0 rgba(255,255,255,.08) inset;
}
.courseware-scene-kicker {
  position:absolute;
  z-index:6;
  left:15px;
  top:13px;
  color:#8ba5d1;
  font-size:9px;
  font-weight:900;
  letter-spacing:.16em;
}
.courseware-scene-orbit {
  position:absolute;
  z-index:2;
  left:50%;
  top:50%;
  width:236px;
  height:146px;
  border:1px solid rgba(93,226,213,.27);
  border-radius:50%;
  transform:translate(-50%,-48%) rotate(-8deg);
  box-shadow:0 0 36px rgba(52,165,255,.08);
}
.courseware-scene-orbit i { position:absolute;width:7px;height:7px;border-radius:50%;background:#65f4dd;box-shadow:0 0 14px rgba(101,244,221,.95); }
.courseware-scene-orbit i:nth-child(1) { left:9%;top:27%; }
.courseware-scene-orbit i:nth-child(2) { right:4%;top:48%;background:#e8bf65;box-shadow:0 0 14px rgba(232,191,101,.9); }
.courseware-scene-orbit i:nth-child(3) { left:43%;bottom:-4px;background:#78a7ff;box-shadow:0 0 14px rgba(120,167,255,.95); }
.courseware-scene-earth {
  position:absolute;
  z-index:3;
  left:50%;
  top:50%;
  width:138px;
  height:138px;
  overflow:hidden;
  border:1px solid rgba(164,211,255,.5);
  border-radius:50%;
  background:#0b2e5c url("assets/earth.jpg") 0 50%/auto 100% repeat-x;
  box-shadow:inset -36px -8px 48px rgba(0,4,20,.8),inset 12px 6px 20px rgba(167,220,255,.16),0 0 0 9px rgba(66,139,255,.07),0 0 46px rgba(40,154,255,.32),0 18px 34px rgba(0,4,24,.4);
  transform:translate(-50%,-50%);
}
.courseware-scene-earth i { position:absolute;inset:0;border-radius:50%;background:url("assets/earth-clouds.png") 0 50%/auto 100% repeat-x;opacity:.42;mix-blend-mode:screen; }
.courseware-scene-scan {
  position:absolute;
  z-index:5;
  top:0;
  bottom:0;
  left:23%;
  width:2px;
  opacity:0;
  background:linear-gradient(180deg,transparent,#79f4e0 34%,#fff 52%,#79f4e0 70%,transparent);
  box-shadow:0 0 16px rgba(121,244,224,.82);
}
.courseware-scene-controls { position:absolute;z-index:7;right:12px;bottom:11px;display:flex;gap:6px; }
.courseware-scene-controls span { padding:5px 8px;border:1px solid rgba(139,190,255,.2);border-radius:999px;color:#c8d7ee;background:rgba(7,20,50,.66);font-size:9px;font-weight:820;backdrop-filter:blur(8px); }
.courseware-visual-rule > p { margin:0;color:#c9d8ef;font-size:14px;font-weight:680;line-height:1.5; }
.courseware-visual-features { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px; }
.courseware-visual-feature {
  position:relative;
  display:grid;
  grid-template-columns:8px minmax(0,1fr);
  align-content:center;
  column-gap:7px;
  padding:8px 9px;
  border:1px solid rgba(154,190,255,.19);
  border-radius:12px;
  background:rgba(255,255,255,.07);
}
.courseware-visual-feature > i { grid-row:1 / 3;align-self:center;width:7px;height:7px;border-radius:50%;background:#67e8d2;box-shadow:0 0 0 4px rgba(103,232,210,.08),0 0 13px rgba(103,232,210,.66); }
.courseware-visual-feature b { color:#fff;font-size:12px;font-weight:900; }
.courseware-visual-feature em { color:#8fa7c9;font-size:9px;font-style:normal;font-weight:720; }
.courseware-function-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:12px;min-width:0;min-height:0; }
.courseware-rule-card {
  display:grid;
  grid-template-rows:48px 45px auto 24px;
  gap:7px;
  min-width:0;
  min-height:0;
  overflow:hidden;
  padding:14px 15px 12px;
  border:1px solid color-mix(in srgb,var(--rule-accent) 25%,#d8e0ef);
  border-radius:21px;
  color:#173058;
  background:
    radial-gradient(circle at 100% 0,color-mix(in srgb,var(--rule-accent) 13%,transparent),transparent 36%),
    linear-gradient(150deg,rgba(255,255,255,.99),rgba(248,251,255,.94));
  box-shadow:0 13px 32px rgba(27,52,101,.1),0 1px 0 #fff inset;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.courseware-rule-card::before { content:"";position:absolute;left:15px;right:15px;top:0;height:4px;border-radius:0 0 999px 999px;background:linear-gradient(90deg,var(--rule-accent),color-mix(in srgb,var(--rule-accent) 32%,#fff));box-shadow:0 0 16px color-mix(in srgb,var(--rule-accent) 24%,transparent); }
.courseware-rule-card::after { content:attr(data-rule-no);position:absolute;right:-3px;bottom:-17px;color:color-mix(in srgb,var(--rule-accent) 5%,transparent);font:950 76px/1 var(--font);pointer-events:none; }
.courseware-rule-card:hover { z-index:4;border-color:color-mix(in srgb,var(--rule-accent) 45%,#c8d4e8);box-shadow:0 19px 40px rgba(27,52,101,.16),0 0 24px color-mix(in srgb,var(--rule-accent) 9%,transparent);transform:translateY(-3px); }
.courseware-rule-card .courseware-rule-card-head { grid-template-columns:42px minmax(0,1fr) auto;gap:10px; }
.courseware-rule-card .courseware-rule-icon { width:40px;height:40px;border-color:color-mix(in srgb,var(--rule-accent) 24%,#d9e2ef);border-radius:13px;color:var(--rule-accent);background:color-mix(in srgb,var(--rule-accent) 8%,#fff);box-shadow:0 8px 18px color-mix(in srgb,var(--rule-accent) 9%,transparent); }
.courseware-rule-card .courseware-rule-icon svg { width:23px;height:23px; }
.courseware-rule-card .courseware-rule-card-head small { color:color-mix(in srgb,var(--rule-accent) 80%,#263d61);font-size:10px; }
.courseware-rule-card .courseware-rule-card-head strong { color:#102a56;font-size:20px; }
.courseware-rule-card .courseware-rule-card-head > b { color:color-mix(in srgb,var(--rule-accent) 25%,transparent);font-size:21px; }
.courseware-rule-card > p { position:relative;z-index:2;margin:0;color:#485c79;font-size:12px;font-weight:720;line-height:1.42; }
.courseware-rule-tags { position:relative;z-index:2;display:flex;align-items:end;gap:6px; }
.courseware-rule-tags span { padding:4px 7px;border:1px solid color-mix(in srgb,var(--rule-accent) 20%,#dce3ee);border-radius:999px;color:color-mix(in srgb,var(--rule-accent) 74%,#304667);background:color-mix(in srgb,var(--rule-accent) 6%,#fff);font-size:9px;font-weight:850; }
.courseware-mini { position:relative;z-index:2;min-width:0;min-height:0; }
.courseware-audio-mini { display:flex;align-items:center;gap:4px;padding:5px 8px 13px;border-radius:11px;background:linear-gradient(90deg,color-mix(in srgb,var(--rule-accent) 8%,#f4f7fb),#fff); }
.courseware-audio-mini > span { width:4px;height:13px;border-radius:999px;background:linear-gradient(180deg,var(--rule-accent),color-mix(in srgb,var(--rule-accent) 35%,#fff));transform-origin:center; }
.courseware-audio-mini > span:nth-child(2),.courseware-audio-mini > span:nth-child(8) { height:21px; }
.courseware-audio-mini > span:nth-child(3),.courseware-audio-mini > span:nth-child(7) { height:29px; }
.courseware-audio-mini > span:nth-child(4),.courseware-audio-mini > span:nth-child(6) { height:36px; }
.courseware-audio-mini > span:nth-child(5) { height:25px; }
.courseware-audio-mini > i { position:absolute;right:7px;bottom:3px;color:#9aa6b8;font-size:7px;font-style:normal;font-weight:850;letter-spacing:.08em; }
.courseware-storage-mini { display:flex;align-items:center;justify-content:center;gap:7px;padding:7px;border-radius:11px;background:color-mix(in srgb,var(--rule-accent) 5%,#f7f9fd);font-size:10px;font-weight:820; }
.courseware-storage-mini span,.courseware-storage-mini b { padding:6px 8px;border:1px solid color-mix(in srgb,var(--rule-accent) 18%,#d8e0ec);border-radius:9px;background:#fff;white-space:nowrap; }
.courseware-storage-mini b { color:#fff;background:var(--rule-accent);box-shadow:0 7px 15px color-mix(in srgb,var(--rule-accent) 18%,transparent); }
.courseware-storage-mini i { color:#a0aaba;font-style:normal; }
.courseware-research-mini { display:flex;align-items:center;justify-content:center;gap:5px;padding:8px 5px;border-radius:11px;background:color-mix(in srgb,var(--rule-accent) 5%,#f7f9fd); }
.courseware-research-mini span { display:grid;place-items:center;width:37px;height:25px;border:1px solid color-mix(in srgb,var(--rule-accent) 22%,#d9e1ed);border-radius:8px;color:#3d4e69;background:#fff;font-size:9px;font-weight:850; }
.courseware-research-mini i { width:10px;height:2px;border-radius:999px;background:color-mix(in srgb,var(--rule-accent) 40%,#c8d1df); }
.courseware-form-mini { display:flex;align-items:center;gap:7px;padding:7px 8px;border-radius:11px;background:color-mix(in srgb,var(--rule-accent) 5%,#f7f9fd); }
.courseware-form-mini span { display:flex;align-items:center;gap:4px;color:#4c5d76;font-size:9px;font-weight:820;white-space:nowrap; }
.courseware-form-mini span i { width:10px;height:10px;border:1px solid #aab5c6;border-radius:3px;background:#fff; }
.courseware-form-mini span.is-filled i { border-color:var(--rule-accent);background:var(--rule-accent);box-shadow:inset 0 0 0 2px #fff; }
.courseware-form-mini b { margin-left:auto;padding:5px 7px;border-radius:7px;color:#fff;background:var(--rule-accent);font-size:8px;white-space:nowrap; }
.courseware-rule-spine {
  grid-column:1 / -1;
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  padding:9px 15px;
  overflow:hidden;
  border:1px solid rgba(109,157,232,.2);
  border-radius:16px;
  color:#dfeaff;
  background:linear-gradient(105deg,#102958 0%,#263c78 48%,#0b6f72 118%);
  box-shadow:0 12px 28px rgba(17,40,89,.2),0 1px 0 rgba(255,255,255,.14) inset;
  font-size:12px;
  font-weight:850;
  white-space:nowrap;
}
.courseware-rule-spine span { padding:6px 9px;border:1px solid rgba(160,205,255,.2);border-radius:999px;background:rgba(255,255,255,.08); }
.courseware-rule-spine > i { color:#7fd8cf;font-style:normal; }
.courseware-rule-spine em { overflow:hidden;margin-left:auto;color:#9ff2df;font-size:11px;font-style:normal;font-weight:900;text-overflow:ellipsis; }
.courseware-rules-takeaway { border-color:rgba(255,255,255,.44);background:linear-gradient(105deg,#174a9b 0%,#3b52b8 48%,#0c8b83 118%);box-shadow:0 14px 30px rgba(31,75,163,.23); }
.slide.active .courseware-visual-rule { animation:courseware-rule-arrive .58s cubic-bezier(.18,.82,.2,1) both; }
.slide.active .courseware-rule-card { animation:courseware-rule-arrive .55s cubic-bezier(.18,.82,.2,1) both;animation-delay:calc(.08s + var(--i,0) * 70ms); }
.slide.active .courseware-rule-spine { animation:courseware-rule-arrive .48s .38s cubic-bezier(.2,.8,.2,1) both; }
.slide.active .courseware-scene-earth,.slide.active .courseware-scene-earth i { animation:courseware-earth-turn 18s linear infinite; }
.slide.active .courseware-scene-earth i { animation-duration:24s;animation-direction:reverse; }
.slide.active .courseware-scene-scan { animation:courseware-scene-scan 4.8s 1s ease-in-out infinite; }
.slide.active .courseware-audio-mini > span { animation:courseware-audio-wave 1.45s ease-in-out infinite;animation-delay:calc(var(--i,0) * 80ms); }
.slide.active .courseware-audio-mini > span:nth-child(2) { --i:1; }.slide.active .courseware-audio-mini > span:nth-child(3) { --i:2; }.slide.active .courseware-audio-mini > span:nth-child(4) { --i:3; }.slide.active .courseware-audio-mini > span:nth-child(5) { --i:4; }.slide.active .courseware-audio-mini > span:nth-child(6) { --i:5; }.slide.active .courseware-audio-mini > span:nth-child(7) { --i:6; }.slide.active .courseware-audio-mini > span:nth-child(8) { --i:7; }.slide.active .courseware-audio-mini > span:nth-child(9) { --i:8; }
.slide:not(.active) .courseware-visual-rule,.slide:not(.active) .courseware-rule-card,.slide:not(.active) .courseware-rule-spine,.slide:not(.active) .courseware-scene-earth,.slide:not(.active) .courseware-scene-earth i,.slide:not(.active) .courseware-scene-scan,.slide:not(.active) .courseware-audio-mini > span { animation-play-state:paused !important; }
@keyframes courseware-rule-arrive { from { opacity:0;transform:translateY(18px) scale(.98); } to { opacity:1;transform:none; } }
@keyframes courseware-earth-turn { from { background-position:0 50%; } to { background-position:100% 50%; } }
@keyframes courseware-scene-scan { 0%,14% { opacity:0;transform:translateX(0); } 28% { opacity:.82; } 70% { opacity:.7; } 86%,100% { opacity:0;transform:translateX(290px); } }
@keyframes courseware-audio-wave { 0%,100% { transform:scaleY(.48);opacity:.62; } 50% { transform:scaleY(1);opacity:1; } }

/* Legacy architecture-list rules retained for older saved DOM snapshots. */
.tech-architecture-slide {
  background:
    radial-gradient(circle at 92% 7%,rgba(22,141,103,.12),transparent 29%),
    radial-gradient(circle at 4% 92%,rgba(42,116,214,.09),transparent 25%),
    linear-gradient(135deg,#fff 0%,#f8fbfa 54%,#f3f8fb 100%);
}
.tech-architecture-content {
  position:relative;
  z-index:3;
  display:grid;
  grid-template-rows:minmax(0,1fr) 62px;
  gap:14px;
  height:650px;
  padding-top:18px;
}
.tech-architecture-stage {
  position:relative;
  display:grid;
  grid-template-rows:44px minmax(0,1fr);
  gap:10px;
  min-width:0;
  min-height:0;
  padding:16px;
  overflow:hidden;
  border:1px solid rgba(42,91,139,.18);
  border-radius:29px;
  background:
    radial-gradient(circle at 96% 4%,rgba(22,141,103,.1),transparent 25%),
    radial-gradient(circle at 2% 100%,rgba(47,112,218,.08),transparent 26%),
    rgba(248,251,252,.96);
  box-shadow:0 24px 68px rgba(18,49,84,.13),0 1px 0 #fff inset;
  isolation:isolate;
}
.tech-architecture-stage::before {
  content:"";
  position:absolute;
  z-index:0;
  top:-130px;
  right:16%;
  width:420px;
  height:220px;
  border-radius:50%;
  background:rgba(36,156,189,.1);
  filter:blur(66px);
  pointer-events:none;
}
.tech-architecture-bar {
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  min-width:0;
  padding:0 12px;
  border:1px solid rgba(42,91,139,.12);
  border-radius:14px;
  color:#294461;
  background:rgba(255,255,255,.82);
  box-shadow:0 8px 20px rgba(28,64,102,.06),0 1px 0 #fff inset;
}
.tech-architecture-eyebrow { display:flex;align-items:center;gap:10px;color:#177f69;font-size:12px;font-weight:950;letter-spacing:.13em;white-space:nowrap; }
.tech-architecture-eyebrow i { width:28px;height:3px;border-radius:999px;background:linear-gradient(90deg,#168d67,#249cbd);box-shadow:0 0 12px rgba(36,156,189,.25); }
.tech-architecture-flow { display:flex;align-items:center;gap:8px;color:#557086;font-size:12px;font-weight:820;white-space:nowrap; }
.tech-architecture-flow span { padding:5px 9px;border:1px solid rgba(31,103,120,.12);border-radius:999px;background:#f6faf9; }
.tech-architecture-flow i { color:#91a7b2;font-style:normal; }
.tech-architecture-list {
  position:relative;
  z-index:2;
  display:grid;
  grid-template-rows:repeat(7,minmax(0,1fr));
  gap:7px;
  min-width:0;
  min-height:0;
}
.tech-architecture-layer {
  position:relative;
  display:grid;
  grid-template-columns:48px 46px 218px 248px minmax(0,1fr) 154px;
  align-items:center;
  gap:14px;
  min-width:0;
  min-height:0;
  overflow:hidden;
  padding:0 17px 0 13px;
  border:1px solid color-mix(in srgb,var(--layer-accent) 20%,#dce4ec);
  border-radius:16px;
  color:#18324f;
  background:
    linear-gradient(90deg,color-mix(in srgb,var(--layer-accent) 6%,#fff),rgba(255,255,255,.97) 26%,rgba(255,255,255,.91));
  box-shadow:0 8px 22px rgba(21,53,89,.07),0 1px 0 #fff inset;
  transition:border-color .22s ease,box-shadow .22s ease,background-color .22s ease;
}
.tech-architecture-layer::before {
  content:"";
  position:absolute;
  left:0;
  top:9px;
  bottom:9px;
  width:5px;
  border-radius:0 999px 999px 0;
  background:linear-gradient(180deg,color-mix(in srgb,var(--layer-accent) 62%,#fff),var(--layer-accent));
  box-shadow:0 0 15px color-mix(in srgb,var(--layer-accent) 28%,transparent);
}
.tech-architecture-layer:hover {
  border-color:color-mix(in srgb,var(--layer-accent) 44%,#cfdbe5);
  background-color:#fff;
  box-shadow:0 13px 30px rgba(21,53,89,.12),0 0 22px color-mix(in srgb,var(--layer-accent) 8%,transparent),0 1px 0 #fff inset;
}
.tech-architecture-index {
  color:color-mix(in srgb,var(--layer-accent) 82%,#26435e);
  font-size:15px;
  font-weight:950;
  letter-spacing:.04em;
  text-align:center;
}
.tech-architecture-icon {
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border:1px solid color-mix(in srgb,var(--layer-accent) 26%,#dce5ed);
  border-radius:13px;
  color:var(--layer-accent);
  background:color-mix(in srgb,var(--layer-accent) 8%,#fff);
  box-shadow:0 7px 17px color-mix(in srgb,var(--layer-accent) 10%,transparent);
}
.tech-architecture-icon svg { width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round; }
.tech-architecture-name { display:grid;gap:1px;min-width:0; }
.tech-architecture-name small { color:color-mix(in srgb,var(--layer-accent) 72%,#526b80);font-size:9px;font-weight:950;letter-spacing:.13em; }
.tech-architecture-name strong { overflow:hidden;color:#102f53;font-size:20px;font-weight:950;letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap; }
.tech-architecture-layer > p { margin:0;color:#496077;font-size:16px;font-weight:740;line-height:1.35; }
.tech-architecture-tools { display:flex;align-items:center;gap:7px;min-width:0; }
.tech-architecture-tools span {
  overflow:hidden;
  max-width:160px;
  padding:6px 9px;
  border:1px solid color-mix(in srgb,var(--layer-accent) 18%,#dce5ed);
  border-radius:999px;
  color:color-mix(in srgb,var(--layer-accent) 58%,#334d67);
  background:color-mix(in srgb,var(--layer-accent) 5%,#fff);
  font-size:12px;
  font-weight:850;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.tech-architecture-output {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:34px;
  padding:7px 10px;
  border:1px solid color-mix(in srgb,var(--layer-accent) 22%,#d7e1e9);
  border-radius:11px;
  color:#25455f;
  background:rgba(250,252,253,.92);
  font-size:13px;
  font-weight:900;
  white-space:nowrap;
}
.tech-architecture-output i { width:7px;height:7px;border-radius:50%;background:var(--layer-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--layer-accent) 10%,transparent); }
.tech-architecture-takeaway { border-color:rgba(255,255,255,.45);background:linear-gradient(105deg,#176b65 0%,#1f8f82 47%,#376aa7 118%);box-shadow:0 14px 30px rgba(27,112,103,.22); }
.slide.active .tech-architecture-bar { animation:tech-architecture-arrive .36s cubic-bezier(.2,.8,.2,1) both; }
.slide.active .tech-architecture-layer { animation:tech-architecture-arrive .38s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(.05s + var(--i,0) * 45ms); }
.slide.active .tech-architecture-takeaway { animation:tech-architecture-arrive .36s .38s cubic-bezier(.2,.8,.2,1) both; }
.slide:not(.active) .tech-architecture-bar,.slide:not(.active) .tech-architecture-layer,.slide:not(.active) .tech-architecture-takeaway { animation-play-state:paused !important; }
@keyframes tech-architecture-arrive { from { opacity:0;transform:translateY(11px); } to { opacity:1;transform:none; } }

/* Page 20: three common courseware technologies, each anchored by a real-image card. */
.tech-architecture-slide {
  background:
    radial-gradient(circle at 92% 7%,rgba(22,141,103,.12),transparent 29%),
    radial-gradient(circle at 3% 95%,rgba(42,116,214,.1),transparent 27%),
    linear-gradient(135deg,#fff 0%,#f8fbfa 52%,#f1f7fb 100%);
}
.tech-architecture-content {
  display:block;
  height:650px;
  padding-top:18px;
}
.tech-architecture-card-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
  width:100%;
  height:100%;
  min-width:0;
  min-height:0;
}
.tech-architecture-card {
  position:relative;
  display:grid;
  grid-template-rows:332px minmax(0,1fr);
  min-width:0;
  min-height:0;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--layer-accent) 22%,#d6e0e8);
  border-radius:26px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--layer-accent) 5%,#fff),#fff 64%);
  box-shadow:0 20px 52px rgba(22,52,87,.11),0 1px 0 rgba(255,255,255,.9) inset;
  isolation:isolate;
  transition:border-color .24s ease,box-shadow .24s ease;
}
.tech-architecture-card::before {
  content:"";
  position:absolute;
  z-index:5;
  left:0;
  right:0;
  top:0;
  height:4px;
  background:linear-gradient(90deg,var(--layer-accent),color-mix(in srgb,var(--layer-accent) 55%,#fff),transparent 90%);
}
.tech-architecture-card:hover {
  border-color:color-mix(in srgb,var(--layer-accent) 42%,#cad6df);
  box-shadow:0 26px 62px rgba(22,52,87,.16),0 0 30px color-mix(in srgb,var(--layer-accent) 8%,transparent),0 1px 0 rgba(255,255,255,.9) inset;
}
.tech-architecture-visual {
  position:relative;
  min-width:0;
  min-height:0;
  margin:0;
  overflow:hidden;
  border-bottom:1px solid color-mix(in srgb,var(--layer-accent) 17%,#dbe3e9);
  background:color-mix(in srgb,var(--layer-accent) 5%,#eef4f7);
}
.tech-architecture-visual::after {
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:94px;
  background:linear-gradient(180deg,transparent,rgba(4,19,39,.38));
  pointer-events:none;
}
.tech-architecture-visual img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .35s cubic-bezier(.2,.8,.2,1),filter .3s ease;
}
.tech-architecture-card:hover .tech-architecture-visual img { transform:scale(1.025);filter:saturate(1.04) contrast(1.02); }
.tech-architecture-index,.tech-architecture-kicker {
  position:absolute;
  z-index:3;
  top:18px;
  display:flex;
  align-items:center;
  min-height:35px;
  border:1px solid rgba(255,255,255,.5);
  color:#fff;
  background:rgba(7,28,60,.78);
  box-shadow:0 8px 22px rgba(6,23,47,.2),0 1px 0 rgba(255,255,255,.18) inset;
  backdrop-filter:blur(14px) saturate(1.2);
}
.tech-architecture-index {
  left:18px;
  min-width:46px;
  justify-content:center;
  border-radius:11px;
  font-size:15px;
  font-weight:950;
  letter-spacing:.04em;
  text-align:center;
}
.tech-architecture-kicker {
  right:18px;
  padding:0 13px;
  border-radius:999px;
  font-size:10px;
  font-weight:950;
  letter-spacing:.13em;
}
.tech-architecture-card-body {
  position:relative;
  display:flex;
  flex-direction:column;
  gap:14px;
  min-width:0;
  min-height:0;
  padding:21px 22px 20px;
}
.tech-architecture-card-head { display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0; }
.tech-architecture-card-head h3 { margin:0;color:#102d54;font-size:29px;font-weight:950;letter-spacing:-.035em;white-space:nowrap; }
.tech-architecture-card-body > p { min-height:51px;margin:0;color:#4b6078;font-size:17px;font-weight:720;line-height:1.5; }
.tech-architecture-card .tech-architecture-tools { display:flex;align-items:center;gap:8px;min-width:0;margin-top:auto; }
.tech-architecture-card .tech-architecture-tools span {
  max-width:none;
  padding:7px 10px;
  border:1px solid color-mix(in srgb,var(--layer-accent) 18%,#dce5ed);
  border-radius:999px;
  color:color-mix(in srgb,var(--layer-accent) 58%,#334d67);
  background:color-mix(in srgb,var(--layer-accent) 5%,#fff);
  font-size:12px;
  font-weight:850;
  white-space:nowrap;
}
.tech-architecture-slide[data-page="20"] .tech-architecture-card-body {
  gap:12px;
}
.tech-architecture-slide[data-page="20"] .tech-architecture-card .tech-architecture-tools {
  gap:10px;
  min-height:60px;
  margin:0 -6px;
  padding:9px 10px;
  border:1px solid color-mix(in srgb,var(--layer-accent) 34%,#d8e3eb);
  border-radius:17px;
  background:
    linear-gradient(135deg,color-mix(in srgb,var(--layer-accent) 18%,#fff),color-mix(in srgb,var(--layer-accent) 7%,#fff));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.88),
    0 9px 22px color-mix(in srgb,var(--layer-accent) 18%,transparent);
}
.tech-architecture-slide[data-page="20"] .tech-architecture-card .tech-architecture-tools span {
  display:flex;
  align-items:center;
  justify-content:center;
  flex:1 1 0;
  min-height:40px;
  padding:8px 12px;
  border-color:color-mix(in srgb,var(--layer-accent) 55%,#d8e3eb);
  color:color-mix(in srgb,var(--layer-accent) 78%,#173653);
  background:color-mix(in srgb,var(--layer-accent) 20%,#fff);
  box-shadow:0 4px 12px color-mix(in srgb,var(--layer-accent) 12%,transparent);
  font-size:18px;
  font-weight:950;
  letter-spacing:.01em;
}
.tech-architecture-slide[data-page="20"] .tech-architecture-card-body > p {
  min-height:auto;
  margin-top:auto;
}
.tech-architecture-card .tech-architecture-output {
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  gap:7px;
  min-height:33px;
  padding:6px 10px;
  border:1px solid color-mix(in srgb,var(--layer-accent) 22%,#d7e1e9);
  border-radius:999px;
  color:#25455f;
  background:color-mix(in srgb,var(--layer-accent) 5%,#fff);
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
}
.tech-architecture-card .tech-architecture-output i { width:7px;height:7px;border-radius:50%;background:var(--layer-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--layer-accent) 10%,transparent); }
.slide.active .tech-architecture-card { animation:tech-architecture-card-arrive .54s cubic-bezier(.18,.82,.2,1) both;animation-delay:calc(.06s + var(--i,0) * 90ms); }
.slide:not(.active) .tech-architecture-card { animation-play-state:paused !important; }
@keyframes tech-architecture-card-arrive { from { opacity:0;transform:translateY(22px) scale(.985); } to { opacity:1;transform:none; } }

/* Pages 21–22: HTML courseware comparison and HTML-to-video handoff. */
.html-courseware-slide,
.hyperframes-slide {
  background:
    radial-gradient(circle at 90% 8%,rgba(56,115,232,.13),transparent 28%),
    radial-gradient(circle at 7% 93%,rgba(24,164,137,.1),transparent 25%),
    linear-gradient(135deg,#fff 0%,#f8fbff 55%,#f2f8fb 100%);
}
.html-courseware-content,
.hyperframes-content {
  position:relative;
  z-index:3;
  display:grid;
  grid-template-rows:minmax(0,1fr) 62px;
  gap:14px;
  height:650px;
  padding-top:18px;
}
.html-courseware-stage,
.hyperframes-stage {
  position:relative;
  min-width:0;
  min-height:0;
  overflow:hidden;
  border:1px solid rgba(48,91,161,.18);
  border-radius:29px;
  background:
    linear-gradient(rgba(50,94,161,.034) 1px,transparent 1px),
    linear-gradient(90deg,rgba(50,94,161,.034) 1px,transparent 1px),
    radial-gradient(circle at 4% 2%,rgba(45,111,232,.12),transparent 27%),
    radial-gradient(circle at 98% 98%,rgba(25,166,140,.11),transparent 29%),
    rgba(249,252,255,.94);
  background-size:34px 34px,34px 34px,auto,auto,auto;
  box-shadow:0 24px 68px rgba(18,48,92,.14),0 1px 0 #fff inset;
  isolation:isolate;
}
.html-courseware-stage::before,
.hyperframes-stage::before {
  content:"";
  position:absolute;
  z-index:0;
  top:-190px;
  right:12%;
  width:440px;
  height:300px;
  border-radius:50%;
  background:linear-gradient(120deg,rgba(104,89,231,.15),rgba(38,185,197,.11));
  filter:blur(74px);
  pointer-events:none;
}

.html-courseware-stage {
  display:grid;
  grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);
  grid-template-rows:minmax(0,1fr) 54px;
  gap:14px;
  padding:16px;
}
.html-courseware-demo,
.html-comparison-panel,
.html-courseware-bridge {
  position:relative;
  z-index:2;
}
.html-courseware-demo {
  display:grid;
  grid-template-rows:38px 62px minmax(0,1fr) 58px;
  gap:9px;
  min-width:0;
  min-height:0;
  overflow:hidden;
  padding:10px;
  border:1px solid rgba(53,102,181,.19);
  border-radius:23px;
  background:rgba(255,255,255,.88);
  box-shadow:0 18px 42px rgba(25,57,106,.12),0 1px 0 #fff inset;
  backdrop-filter:blur(14px) saturate(1.1);
}
.html-courseware-demo::before,
.html-comparison-panel::before,
.hyperframes-node::before {
  content:"";
  position:absolute;
  z-index:6;
  left:18px;
  right:18px;
  top:0;
  height:4px;
  border-radius:0 0 999px 999px;
  background:linear-gradient(90deg,#2e73ea,#36bdd0,#1aa080);
  box-shadow:0 0 18px rgba(54,189,208,.28);
}
.html-browser-bar {
  display:grid;
  grid-template-columns:54px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  min-width:0;
  padding:0 11px;
  border:1px solid rgba(53,96,161,.12);
  border-radius:12px;
  color:#64748b;
  background:linear-gradient(180deg,#fff,#f2f6fb);
  box-shadow:0 6px 16px rgba(24,55,100,.06);
}
.html-browser-dots { display:flex;align-items:center;gap:5px; }
.html-browser-dots i { width:8px;height:8px;border-radius:50%;background:#ee6b68;box-shadow:13px 0 #efb648,26px 0 #37b979; }
.html-browser-dots i:nth-child(n+2) { display:none; }
.html-browser-address {
  overflow:hidden;
  color:#526780;
  font-size:12px;
  font-weight:750;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.html-browser-bar > b { display:flex;align-items:center;gap:7px;color:#167e69;font-size:11px;font-weight:900;white-space:nowrap; }
.html-browser-bar > b i { width:8px;height:8px;border-radius:50%;background:#20a67f;box-shadow:0 0 0 5px rgba(32,166,127,.1); }
.html-layer-strip {
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr);
  align-items:center;
  gap:5px;
  min-width:0;
  overflow:hidden;
  padding:7px;
  border:1px solid rgba(65,109,179,.14);
  border-radius:15px;
  background:linear-gradient(135deg,rgba(241,247,255,.96),rgba(239,250,248,.9));
}
.html-layer-strip::after {
  content:"";
  position:absolute;
  z-index:5;
  left:-24%;
  top:0;
  width:18%;
  height:100%;
  opacity:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.94),rgba(75,181,220,.25),transparent);
  transform:skewX(-18deg);
  pointer-events:none;
}
.html-layer-strip > span {
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:8px;
  min-width:0;
  min-height:45px;
  padding:7px 10px;
  border:1px solid rgba(54,105,190,.16);
  border-radius:11px;
  color:#17437c;
  background:rgba(255,255,255,.9);
  box-shadow:0 7px 17px rgba(30,68,121,.07);
}
.html-layer-strip > span:nth-of-type(2) { color:#117b71;border-color:rgba(20,148,128,.2); }
.html-layer-strip > span:nth-of-type(3) { color:#6a4bc0;border-color:rgba(105,77,192,.2); }
.html-layer-strip strong { font-size:18px;font-weight:950;letter-spacing:-.01em; }
.html-layer-strip small { overflow:hidden;color:#61738a;font-size:10px;font-weight:780;text-overflow:ellipsis;white-space:nowrap; }
.html-layer-strip > i { color:#9aacc0;font-size:18px;font-style:normal;font-weight:850;text-align:center; }
.html-courseware-scene {
  position:relative;
  min-width:0;
  min-height:0;
  margin:0;
  overflow:hidden;
  border:1px solid rgba(45,88,155,.18);
  border-radius:17px;
  background:#e9eef6;
  box-shadow:0 12px 27px rgba(18,47,91,.13);
}
.html-courseware-scene::after {
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:82px;
  background:linear-gradient(180deg,transparent,rgba(6,24,53,.43));
  pointer-events:none;
}
.html-courseware-scene img { display:block;width:100%;height:100%;object-fit:cover; }
.html-courseware-scene figcaption {
  position:absolute;
  z-index:4;
  left:14px;
  top:13px;
  display:flex;
  align-items:center;
  gap:8px;
  min-height:31px;
  padding:6px 11px;
  border:1px solid rgba(255,255,255,.48);
  border-radius:999px;
  color:#fff;
  background:rgba(8,31,61,.78);
  box-shadow:0 8px 22px rgba(4,18,39,.2);
  backdrop-filter:blur(12px);
  font-size:11px;
  font-weight:850;
}
.html-courseware-scene figcaption i { width:8px;height:8px;border-radius:50%;background:#58e2bd;box-shadow:0 0 0 5px rgba(88,226,189,.12); }
.html-scene-actions { position:absolute;z-index:4;right:12px;bottom:11px;display:flex;gap:7px; }
.html-scene-actions span { padding:6px 9px;border:1px solid rgba(255,255,255,.35);border-radius:999px;color:#fff;background:rgba(8,31,61,.72);font-size:10px;font-weight:800;backdrop-filter:blur(10px); }
.html-courseware-demo-foot {
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  align-items:center;
  gap:11px;
  min-width:0;
  padding:7px 11px;
  border:1px solid rgba(42,98,176,.14);
  border-radius:14px;
  background:linear-gradient(135deg,#f4f8ff,#f0fbf8);
}
.html-courseware-demo-foot > span { display:grid;place-items:center;width:39px;height:39px;border-radius:12px;color:#fff;background:linear-gradient(145deg,#2f75e9,#168f7a);box-shadow:0 8px 18px rgba(38,109,180,.2); }
.html-courseware-demo-foot .geo-line-icon { width:23px;height:23px; }
.html-courseware-demo-foot div { display:grid;gap:2px;min-width:0; }
.html-courseware-demo-foot strong { overflow:hidden;color:#0d2d5b;font-size:16px;font-weight:930;text-overflow:ellipsis;white-space:nowrap; }
.html-courseware-demo-foot small { color:#63768e;font-size:11px;font-weight:740; }

.html-comparison-panel {
  display:grid;
  grid-template-rows:54px 37px minmax(0,1fr);
  gap:8px;
  min-width:0;
  min-height:0;
  overflow:hidden;
  padding:15px;
  border:1px solid rgba(53,102,181,.17);
  border-radius:23px;
  background:rgba(255,255,255,.88);
  box-shadow:0 18px 42px rgba(25,57,106,.11),0 1px 0 #fff inset;
  backdrop-filter:blur(14px) saturate(1.1);
}
.html-comparison-panel::before { background:linear-gradient(90deg,#90a0b8,#6c8ede 42%,#20a586); }
.html-comparison-panel > header { display:flex;align-items:end;justify-content:space-between;gap:14px;min-width:0;padding:3px 3px 5px; }
.html-comparison-panel > header span { color:#6b7c92;font-size:12px;font-weight:850;letter-spacing:.08em; }
.html-comparison-panel > header strong { color:#0d2d5b;font-size:24px;font-weight:950;letter-spacing:-.03em;white-space:nowrap; }
.html-compare-columns,
.html-comparison-row { display:grid;grid-template-columns:92px minmax(0,.88fr) minmax(0,1.12fr);gap:8px;align-items:stretch;min-width:0; }
.html-compare-columns > span,
.html-compare-columns > b { display:grid;place-items:center;min-width:0;border-radius:10px;font-size:11px;font-weight:900; }
.html-compare-columns > span { color:#708096;background:#f5f7fa; }
.html-compare-columns > b.is-ppt { color:#526273;background:#edf1f5; }
.html-compare-columns > b.is-html { color:#117b69;background:#e7f7f2; }
.html-comparison-rows { display:grid;grid-template-rows:repeat(4,minmax(0,1fr));gap:8px;min-width:0;min-height:0; }
.html-comparison-row > small,
.html-comparison-row > span,
.html-comparison-row > strong { display:flex;align-items:center;min-width:0;padding:8px 11px;border-radius:12px;line-height:1.25; }
.html-comparison-row > small { justify-content:center;color:#37516e;background:#f5f8fc;font-size:11px;font-weight:900;text-align:center; }
.html-comparison-row > span { color:#596b7f;background:linear-gradient(135deg,#f3f5f7,#e9eef3);font-size:14px;font-weight:780; }
.html-comparison-row > strong { position:relative;padding-left:32px;border:1px solid rgba(28,154,126,.17);color:#113f54;background:linear-gradient(135deg,#f4fffb,#e9f8f5);font-size:15px;font-weight:900; }
.html-comparison-row > strong::before { content:"";position:absolute;left:13px;width:9px;height:9px;border-radius:50%;background:#20a887;box-shadow:0 0 0 5px rgba(32,168,135,.09); }
.html-courseware-bridge {
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:auto minmax(120px,1fr) auto;
  align-items:center;
  gap:14px;
  min-width:0;
  padding:8px 16px;
  border:1px solid rgba(47,102,177,.16);
  border-radius:15px;
  color:#23445f;
  background:linear-gradient(100deg,rgba(255,255,255,.94),rgba(235,244,255,.94) 45%,rgba(232,249,245,.94));
  box-shadow:0 10px 24px rgba(29,61,108,.09),0 1px 0 #fff inset;
}
.html-courseware-bridge > span { font-size:14px;font-weight:850;white-space:nowrap; }
.html-courseware-bridge > strong { color:#0f755f;font-size:16px;font-weight:950;white-space:nowrap; }
.html-courseware-bridge > i { position:relative;height:3px;border-radius:999px;background:linear-gradient(90deg,#5c83d7,#28a993); }
.html-courseware-bridge > i::after { content:"";position:absolute;right:-1px;top:50%;width:10px;height:10px;border-top:3px solid #28a993;border-right:3px solid #28a993;transform:translateY(-50%) rotate(45deg); }
.html-courseware-bridge > i b { position:absolute;left:0;top:-3px;width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(44,142,170,.16),0 0 14px rgba(44,142,170,.72); }
.html-courseware-takeaway { background:linear-gradient(105deg,#135b9a 0%,#147d83 54%,#16936f 100%); }

.hyperframes-stage {
  display:grid;
  grid-template-rows:minmax(0,1fr) 60px;
  gap:14px;
  padding:16px;
}
.hyperframes-flow,
.hyperframes-usecases { position:relative;z-index:2; }
.hyperframes-flow {
  display:grid;
  grid-template-columns:minmax(0,.9fr) 66px minmax(0,1.08fr) 66px minmax(0,.82fr);
  gap:11px;
  min-width:0;
  min-height:0;
}
.hyperframes-node {
  position:relative;
  display:grid;
  min-width:0;
  min-height:0;
  overflow:hidden;
  padding:13px;
  border:1px solid rgba(48,95,168,.18);
  border-radius:22px;
  background:rgba(255,255,255,.9);
  box-shadow:0 17px 39px rgba(24,55,101,.11),0 1px 0 #fff inset;
  backdrop-filter:blur(13px) saturate(1.08);
}
.hyperframes-source { grid-template-rows:51px minmax(0,1fr) 39px 39px;gap:9px; }
.hyperframes-engine { grid-template-rows:51px minmax(0,1fr) 76px;gap:10px; }
.hyperframes-output { grid-template-rows:51px minmax(0,1fr) 47px 39px;gap:9px; }
.hyperframes-engine::before { background:linear-gradient(90deg,#7659dc,#3a82ed,#23ae9b); }
.hyperframes-output::before { background:linear-gradient(90deg,#23ae9b,#4dbcc9,#d4a24e); }
.hyperframes-node > header { display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0; }
.hyperframes-node > header > span { display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(48,104,185,.17);border-radius:13px;color:#2469ce;background:#eef5ff; }
.hyperframes-engine > header > span { color:#7250cf;background:#f2efff; }
.hyperframes-output > header > span { color:#168774;background:#eaf9f5; }
.hyperframes-node > header .geo-line-icon { width:23px;height:23px; }
.hyperframes-node > header div { display:grid;gap:2px;min-width:0; }
.hyperframes-node > header small { color:#78889b;font-size:9px;font-weight:900;letter-spacing:.12em; }
.hyperframes-node > header strong { overflow:hidden;color:#102f58;font-size:20px;font-weight:950;letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap; }
.hyperframes-node > header > b { align-self:start;color:rgba(29,71,128,.19);font-size:22px;font-weight:950;letter-spacing:-.06em; }
.hyperframes-source > figure,
.hyperframes-output > figure { position:relative;min-width:0;min-height:0;margin:0;overflow:hidden;border:1px solid rgba(44,89,157,.16);border-radius:15px;background:#e8eef6;box-shadow:0 11px 25px rgba(19,48,91,.12); }
.hyperframes-source > figure img,
.hyperframes-output > figure img { display:block;width:100%;height:100%;object-fit:cover; }
.hyperframes-source > figure figcaption,
.hyperframes-output > figure figcaption { position:absolute;z-index:3;left:10px;right:10px;bottom:9px;padding:7px 9px;border:1px solid rgba(255,255,255,.34);border-radius:10px;color:#fff;background:rgba(7,28,58,.72);font-size:10px;font-weight:830;text-align:center;backdrop-filter:blur(9px); }
.hyperframes-source-tags { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px; }
.hyperframes-source-tags span { display:grid;place-items:center;border:1px solid rgba(48,104,185,.17);border-radius:10px;color:#245d9e;background:#eef5ff;font-size:12px;font-weight:900; }
.hyperframes-node > p { align-self:center;margin:0;color:#52677f;font-size:11px;font-weight:740;line-height:1.36; }
.hyperframes-connector { display:grid;grid-template-rows:auto 28px;align-content:center;gap:9px;min-width:0;color:#667a91; }
.hyperframes-connector > span { font-size:9px;font-weight:850;text-align:center;white-space:nowrap; }
.hyperframes-connector > i { position:relative;align-self:center;height:3px;border-radius:999px;background:linear-gradient(90deg,#6d8fce,#4e74bd); }
.hyperframes-connector.is-output > i { background:linear-gradient(90deg,#6651c7,#21a88e); }
.hyperframes-connector > i::after { content:"";position:absolute;right:-1px;top:50%;width:10px;height:10px;border-top:3px solid currentColor;border-right:3px solid currentColor;transform:translateY(-50%) rotate(45deg); }
.hyperframes-connector > i b { position:absolute;left:-2px;top:-3px;width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(74,120,198,.14),0 0 13px rgba(74,120,198,.72); }
.hyperframes-timeline {
  position:relative;
  display:grid;
  grid-template-rows:25px repeat(4,minmax(0,1fr));
  gap:6px;
  min-width:0;
  min-height:0;
  overflow:hidden;
  padding:11px 12px 12px;
  border:1px solid rgba(93,89,195,.18);
  border-radius:16px;
  background:
    linear-gradient(rgba(65,90,151,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(65,90,151,.055) 1px,transparent 1px),
    linear-gradient(145deg,#f6f8ff,#eef7fb);
  background-size:22px 22px,22px 22px,auto;
  box-shadow:inset 0 1px 0 #fff,0 10px 24px rgba(42,65,117,.08);
}
.hyperframes-ruler { display:flex;align-items:center;justify-content:space-between;padding-left:60px;color:#8290a3;font-size:8px;font-weight:820; }
.hyperframes-track { display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:7px;min-width:0; }
.hyperframes-track > b { color:#526780;font-size:9px;font-weight:900;letter-spacing:.05em; }
.hyperframes-track > span { position:relative;height:19px;overflow:hidden;border:1px solid rgba(73,102,163,.12);border-radius:6px;background:rgba(255,255,255,.76); }
.hyperframes-track > span i { display:block;width:var(--track-width);height:100%;border-radius:5px;background:linear-gradient(90deg,color-mix(in srgb,#6d59d4 calc(75% - var(--i) * 7%),#3b91e5),color-mix(in srgb,#24aa91 calc(var(--i) * 14%),#56a5e5));box-shadow:inset 0 1px 0 rgba(255,255,255,.42); }
.hyperframes-playhead { position:absolute;z-index:5;left:72px;top:30px;bottom:10px;width:2px;background:linear-gradient(180deg,#7b55df,#1fa88f);box-shadow:0 0 12px rgba(81,83,211,.45);pointer-events:none; }
.hyperframes-playhead > i { position:absolute;left:50%;top:-6px;width:10px;height:10px;border-radius:3px;background:#7357d9;transform:translateX(-50%) rotate(45deg); }
.hyperframes-playhead > b { position:absolute;left:50%;bottom:0;width:8px;height:8px;border:2px solid #fff;border-radius:50%;background:#1da28a;box-shadow:0 0 0 3px rgba(29,162,138,.12);transform:translateX(-50%); }
.hyperframes-steps { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px; }
.hyperframes-steps > span { display:grid;align-content:center;gap:3px;min-width:0;padding:7px 5px;border:1px solid rgba(76,101,167,.13);border-radius:10px;background:linear-gradient(145deg,#fff,#f1f6fc);text-align:center; }
.hyperframes-steps b { color:#6b54c7;font-size:9px;font-weight:950; }
.hyperframes-steps small { overflow:hidden;color:#38506d;font-size:9px;font-weight:820;text-overflow:ellipsis;white-space:nowrap; }
.hyperframes-play { position:absolute;z-index:4;left:50%;top:50%;display:grid;place-items:center;width:58px;height:58px;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:rgba(8,31,61,.72);box-shadow:0 12px 30px rgba(4,18,39,.27);transform:translate(-50%,-50%);backdrop-filter:blur(10px); }
.hyperframes-play > i { width:0;height:0;margin-left:4px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:16px solid #fff; }
.hyperframes-output-meta { display:grid;grid-template-columns:auto 1fr 1.15fr;align-items:center;gap:6px; }
.hyperframes-output-meta > * { display:grid;place-items:center;min-height:37px;border:1px solid rgba(28,151,125,.16);border-radius:10px;color:#317063;background:#edf9f5;font-size:9px;font-weight:820;white-space:nowrap; }
.hyperframes-output-meta > strong { padding-inline:11px;color:#fff;background:linear-gradient(145deg,#1c9f83,#167764);font-size:13px;font-weight:950;box-shadow:0 7px 16px rgba(24,143,116,.19); }
.hyperframes-usecases {
  display:grid;
  grid-template-columns:auto repeat(4,112px) minmax(0,1fr);
  align-items:center;
  gap:8px;
  min-width:0;
  padding:9px 12px;
  border:1px solid rgba(48,95,168,.15);
  border-radius:15px;
  color:#36506c;
  background:linear-gradient(100deg,rgba(255,255,255,.94),rgba(239,245,255,.94) 50%,rgba(234,250,246,.95));
  box-shadow:0 10px 24px rgba(29,61,108,.08),0 1px 0 #fff inset;
}
.hyperframes-usecases > span { padding-inline:4px;color:#718198;font-size:11px;font-weight:900;letter-spacing:.08em;white-space:nowrap; }
.hyperframes-usecases > b { display:grid;place-items:center;min-height:38px;border:1px solid rgba(54,105,188,.15);border-radius:10px;color:#224d82;background:#fff;font-size:12px;font-weight:900;box-shadow:0 5px 13px rgba(30,64,111,.06); }
.hyperframes-usecases > b:nth-of-type(2n) { color:#157564;border-color:rgba(24,145,120,.17);background:#f1fbf8; }
.hyperframes-usecases > em { overflow:hidden;color:#16715f;font-size:12px;font-style:normal;font-weight:900;text-align:right;text-overflow:ellipsis;white-space:nowrap; }
.hyperframes-takeaway { background:linear-gradient(105deg,#4150a1 0%,#256f9c 47%,#168b71 100%); }

.slide.active .html-courseware-demo { animation:html-panel-in .52s cubic-bezier(.18,.82,.2,1) both; }
.slide.active .html-comparison-panel { animation:html-panel-in .56s .09s cubic-bezier(.18,.82,.2,1) both; }
.slide.active .html-comparison-row { animation:html-row-in .42s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(.18s + var(--i,0) * 65ms); }
.slide.active .html-courseware-bridge { animation:html-row-in .46s .42s cubic-bezier(.2,.8,.2,1) both; }
.slide.active .html-layer-strip::after { animation:html-layer-flow 4.6s 1s ease-in-out infinite; }
.slide.active .html-courseware-scene figcaption i { animation:html-live-pulse 2.2s ease-in-out infinite; }
.slide.active .html-courseware-bridge > i b { animation:html-bridge-flow 2.8s .8s ease-in-out infinite; }
.slide.active .hyperframes-node { animation:html-panel-in .52s cubic-bezier(.18,.82,.2,1) both;animation-delay:calc(.05s + var(--i,0) * 90ms); }
.slide.active .hyperframes-source { --i:1; }.slide.active .hyperframes-engine { --i:2; }.slide.active .hyperframes-output { --i:3; }
.slide.active .hyperframes-playhead { animation:hyperframes-playhead-scan 5.2s 1.05s cubic-bezier(.45,0,.25,1) infinite; }
.slide.active .hyperframes-connector > i b { animation:hyperframes-packet 2.7s .7s ease-in-out infinite; }
.slide.active .hyperframes-connector.is-output > i b { animation-delay:1.45s; }
.slide:not(.active) .html-courseware-demo,
.slide:not(.active) .html-comparison-panel,
.slide:not(.active) .html-comparison-row,
.slide:not(.active) .html-courseware-bridge,
.slide:not(.active) .html-layer-strip::after,
.slide:not(.active) .html-courseware-scene figcaption i,
.slide:not(.active) .html-courseware-bridge > i b,
.slide:not(.active) .hyperframes-node,
.slide:not(.active) .hyperframes-playhead,
.slide:not(.active) .hyperframes-connector > i b { animation-play-state:paused !important; }
@keyframes html-panel-in { from { opacity:0;transform:translateY(17px) scale(.986); } to { opacity:1;transform:none; } }
@keyframes html-row-in { from { opacity:0;transform:translateX(12px); } to { opacity:1;transform:none; } }
@keyframes html-layer-flow { 0%,12% { opacity:0;transform:translateX(0) skewX(-18deg); } 27% { opacity:.86; } 72% { opacity:.65; } 88%,100% { opacity:0;transform:translateX(690%) skewX(-18deg); } }
@keyframes html-live-pulse { 50% { box-shadow:0 0 0 10px rgba(88,226,189,0),0 0 17px rgba(88,226,189,.8); } }
@keyframes html-bridge-flow { 0%,15% { transform:translateX(0); } 70%,100% { transform:translateX(950px); } }
@keyframes hyperframes-playhead-scan { 0%,12% { transform:translateX(0); } 72%,100% { transform:translateX(290px); } }
@keyframes hyperframes-packet { 0%,16% { transform:translateX(0); } 76%,100% { transform:translateX(55px); } }

@media (max-width:1380px), (max-height:790px) {
  .html-courseware-stage,.hyperframes-stage { padding:13px;gap:11px;border-radius:24px; }
  .html-courseware-stage { grid-template-rows:minmax(0,1fr) 48px; }
  .html-courseware-demo { grid-template-rows:34px 54px minmax(0,1fr) 50px;gap:7px;padding:8px;border-radius:19px; }
  .html-browser-address { font-size:10px; }
  .html-layer-strip > span { min-height:39px;padding:5px 7px;gap:5px; }
  .html-layer-strip strong { font-size:15px; }.html-layer-strip small { font-size:8px; }
  .html-courseware-demo-foot { grid-template-columns:35px minmax(0,1fr);gap:8px;padding:5px 8px; }
  .html-courseware-demo-foot > span { width:33px;height:33px; }.html-courseware-demo-foot strong { font-size:13px; }.html-courseware-demo-foot small { font-size:9px; }
  .html-comparison-panel { grid-template-rows:47px 33px minmax(0,1fr);gap:6px;padding:12px;border-radius:19px; }
  .html-comparison-panel > header strong { font-size:20px; }
  .html-compare-columns,.html-comparison-row { grid-template-columns:78px minmax(0,.88fr) minmax(0,1.12fr);gap:6px; }
  .html-comparison-row > small,.html-comparison-row > span,.html-comparison-row > strong { padding:6px 8px;border-radius:10px; }
  .html-comparison-row > small { font-size:9px; }.html-comparison-row > span { font-size:11px; }.html-comparison-row > strong { padding-left:26px;font-size:12px; }
  .html-comparison-row > strong::before { left:10px;width:7px;height:7px; }
  .html-courseware-bridge { padding:6px 12px; }.html-courseware-bridge > span { font-size:12px; }.html-courseware-bridge > strong { font-size:13px; }
  .hyperframes-stage { grid-template-rows:minmax(0,1fr) 52px; }
  .hyperframes-flow { grid-template-columns:minmax(0,.9fr) 54px minmax(0,1.08fr) 54px minmax(0,.82fr);gap:8px; }
  .hyperframes-node { padding:10px;border-radius:18px; }
  .hyperframes-source { grid-template-rows:44px minmax(0,1fr) 34px 32px;gap:7px; }
  .hyperframes-engine { grid-template-rows:44px minmax(0,1fr) 63px;gap:8px; }
  .hyperframes-output { grid-template-rows:44px minmax(0,1fr) 40px 32px;gap:7px; }
  .hyperframes-node > header { grid-template-columns:36px minmax(0,1fr) auto;gap:7px; }.hyperframes-node > header > span { width:34px;height:34px; }.hyperframes-node > header strong { font-size:16px; }
  .hyperframes-node > p { font-size:9px; }.hyperframes-source-tags span { font-size:10px; }
  .hyperframes-timeline { padding:8px 9px 9px;gap:4px; }.hyperframes-ruler { padding-left:49px; }.hyperframes-track { grid-template-columns:45px minmax(0,1fr);gap:5px; }.hyperframes-track > b { font-size:7px; }.hyperframes-track > span { height:16px; }
  .hyperframes-playhead { left:59px;top:25px; }.hyperframes-steps { gap:4px; }.hyperframes-steps > span { padding:5px 3px; }.hyperframes-steps small { font-size:7px; }
  .hyperframes-output-meta > * { min-height:31px;font-size:7px; }.hyperframes-output-meta > strong { font-size:11px; }
  .hyperframes-usecases { grid-template-columns:auto repeat(4,88px) minmax(0,1fr);padding:7px 9px;gap:6px; }.hyperframes-usecases > b { min-height:32px;font-size:10px; }.hyperframes-usecases > em { font-size:10px; }
  @keyframes html-bridge-flow { 0%,15% { transform:translateX(0); } 70%,100% { transform:translateX(900px); } }
  @keyframes hyperframes-playhead-scan { 0%,12% { transform:translateX(0); } 72%,100% { transform:translateX(235px); } }
  @keyframes hyperframes-packet { 0%,16% { transform:translateX(0); } 76%,100% { transform:translateX(43px); } }
}

@media (prefers-reduced-motion:reduce) {
  .slide.active .html-courseware-demo,
  .slide.active .html-comparison-panel,
  .slide.active .html-comparison-row,
  .slide.active .html-courseware-bridge,
  .slide.active .html-layer-strip::after,
  .slide.active .html-courseware-scene figcaption i,
  .slide.active .html-courseware-bridge > i b,
  .slide.active .hyperframes-node,
  .slide.active .hyperframes-playhead,
  .slide.active .hyperframes-connector > i b { animation:none !important;opacity:1 !important;transform:none !important; }
  .html-layer-strip::after { display:none; }
}

.geo-v12-visual .geo-route { padding:34px 22px 24px;gap:12px !important; }
.geo-v12-visual .geo-route::before { left:6%;right:6%;height:4px;opacity:.28;background:linear-gradient(90deg,#0f56e8,#21a8cf,#168d67,#d6a63d); }
.geo-v12-visual .geo-route::after {
  content:"";
  position:absolute;
  z-index:1;
  left:6%;top:calc(50% - 4px);
  width:12%;height:8px;
  border-radius:999px;
  opacity:.8;
  background:linear-gradient(90deg,transparent,#fff,#21a8cf,transparent);
  filter:blur(.3px);
}
.geo-v12-visual .geo-route .route-node {
  border:1px solid rgba(43,83,145,.11);
  border-top:0;
  border-radius:18px;
  background:#fff;
  box-shadow:0 12px 28px rgba(30,62,112,.09);
}
.geo-v12-visual .geo-route .route-node::before {
  content:"";
  position:absolute;
  left:16px;right:16px;top:0;height:5px;
  border-radius:0 0 5px 5px;
  background:var(--geo-accent);
}
.geo-v12-visual .geo-route .route-node:nth-child(2n)::before { background:#168d67; }
.geo-v12-visual .geo-route .route-node:nth-child(3n)::before { background:#d6a63d; }

.geo-v12-visual .source-lanes { padding:28px;gap:16px; }
.geo-v12-visual .source-lane {
  position:relative;
  min-height:76%;
  padding:25px;
  border:1px solid color-mix(in srgb,var(--accent) 16%,#dce5ef);
  border-top:0;
  border-radius:22px;
  background:linear-gradient(155deg,#fff,color-mix(in srgb,var(--accent) 7%,#fff));
  box-shadow:0 14px 34px rgba(31,62,108,.09);
}
.geo-v12-visual .source-lane::before { content:"";position:absolute;left:0;right:0;top:0;height:6px;border-radius:22px 22px 0 0;background:var(--accent); }
.geo-v12-visual .source-icon { width:58px;height:58px;border-radius:18px;color:#fff;background:var(--accent); }
.geo-v12-visual .source-icon .geo-line-icon { width:31px;height:31px; }
.geo-v12-visual .source-lane strong { font-size:24px; }
.geo-v12-visual .source-lane p { color:#536783;font-size:16px;line-height:1.5; }

.geo-v12-visual .tech-stack { padding:28px;gap:8px; }
.geo-v12-visual .tech-layer {
  min-height:55px;
  padding:8px 15px;
  border:1px solid rgba(43,83,145,.11);
  border-left:5px solid var(--accent);
  border-radius:14px;
  background:rgba(255,255,255,.9);
  box-shadow:0 8px 22px rgba(30,62,112,.07);
}
.geo-v12-visual .tech-layer strong { font-size:17px; }
.geo-v12-visual .tech-layer span { font-size:14px; }

.geo-v12-visual .orbit-core { width:170px;border-color:#d6a63d;border-radius:50%;background:linear-gradient(145deg,#082f58,#0f6f82);box-shadow:0 0 0 15px rgba(15,86,232,.06),0 18px 36px rgba(15,61,100,.22); }
.geo-v12-visual .orbit-ring { border-color:color-mix(in srgb,var(--geo-accent) 28%,transparent); }
.geo-v12-visual .orbit-node { width:152px;padding:14px;border:1px solid rgba(43,83,145,.14);border-left:5px solid var(--geo-accent);border-radius:15px;background:#fff;font-size:15px;box-shadow:0 10px 24px rgba(30,62,112,.09); }
.orbit-node.node-1 { left:7%;top:18%; }
.orbit-node.node-2 { right:5%;top:15%; }
.orbit-node.node-3 { left:6%;bottom:16%; }
.orbit-node.node-4 { right:5%;bottom:16%; }
.orbit-node.node-5 { left:calc(50% - 76px);top:5%; }

.geo-style-triptych { position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;height:100%;padding:24px; }
.geo-style-card { display:grid;grid-template-rows:1fr auto auto;min-width:0;overflow:hidden;border:1px solid rgba(42,83,145,.12);border-radius:22px;background:#fff;box-shadow:0 14px 34px rgba(31,62,108,.09); }
.geo-style-earth { position:relative;align-self:stretch;min-height:0;background:#092044 url("assets/earth.jpg") center/auto 102%; }
.geo-style-card.is-abstract .geo-style-earth { filter:hue-rotate(72deg) saturate(2.2) contrast(1.2);background-blend-mode:screen; }
.geo-style-card.is-abstract .geo-style-earth::after { content:"";position:absolute;inset:10%;border:2px solid #5ff2ff;border-radius:50%;box-shadow:0 0 28px #7b63ff,inset 0 0 28px #7b63ff; }
.geo-style-card.is-cartoon .geo-style-earth { filter:saturate(1.9) contrast(.75) brightness(1.22); }
.geo-style-card.is-cartoon .geo-style-earth::after { content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,214,80,.24),rgba(255,120,185,.22));mix-blend-mode:screen; }
.geo-style-card.is-real .geo-style-earth { box-shadow:inset -70px -4px 85px rgba(1,7,22,.78); }
.geo-style-card.is-real .geo-style-earth i { position:absolute;inset:0;background:url("assets/earth-clouds.png") center/auto 103%;opacity:.52;mix-blend-mode:screen; }
.geo-style-card strong { padding:18px 20px 6px;color:#0c2250;font-size:23px; }
.geo-style-card > span { padding:0 20px 20px;color:#657591;font-size:15px;line-height:1.42; }

.geo-v12-visual .versus { position:relative;z-index:2;display:grid;grid-template-columns:1fr 74px 1fr;align-items:center;gap:12px;height:100%;padding:34px; }
.geo-v12-visual .versus-side { display:grid;align-content:center;min-height:76%;padding:32px;border:1px solid rgba(43,83,145,.13);border-radius:22px;background:linear-gradient(145deg,#fff,#eef4ff);box-shadow:0 15px 35px rgba(31,62,108,.09); }
.geo-v12-visual .versus-side:last-child { background:linear-gradient(145deg,#fff,#edf9f5); }
.geo-v12-visual .versus-side strong { color:#0c2250;font-size:29px; }
.geo-v12-visual .versus-side p { color:#536783;font-size:18px;line-height:1.55; }
.geo-v12-visual .versus-mark { display:grid;place-items:center;width:62px;height:62px;border-radius:50%;color:#fff;background:linear-gradient(145deg,#0f56e8,#168d67);font-size:36px;font-weight:900;box-shadow:0 10px 24px rgba(15,86,232,.22); }

/* Interactive and media surfaces inherit the same rounded device language. */
.geo-v12-visual .earth-widget,.geo-v12-visual .terrain-board,.geo-v12-visual .plate-board,.geo-v12-visual .typhoon-board,.geo-v12-visual .mountain-profile,.geo-v12-visual .solar-board { border-radius:25px; }
.geo-v12-visual .earth-widget { padding:24px; }
.geo-v12-visual .earth-globe-wrap .geo-globe { width:min(29vw,410px); }
.geo-v12-visual .city-dot { animation:geo-city-pulse 2.4s ease-in-out infinite; }
.geo-v12-visual .city-dot:nth-of-type(2) { animation-delay:.45s; }
.geo-v12-visual .city-dot:nth-of-type(3) { animation-delay:.9s; }
.geo-v12-visual .city-dot:nth-of-type(4) { animation-delay:1.35s; }
.geo-v12-visual .control-card,.geo-v12-visual .mini-button { border-radius:14px; }
.geo-v12-visual .city-status div { border-radius:10px; }
.geo-v12-visual .demo-badge,.geo-v12-visual .demo-instruction { border-radius:999px;padding:9px 14px;font-size:12px; }
.geo-v12-visual .terrain-controls,.geo-v12-visual .typhoon-panel,.geo-v12-visual .typhoon-timeline { border-radius:16px; }
.geo-v12-visual .terrain-tag { border-radius:999px;padding:9px 14px;font-size:12px; }
.geo-v12-visual .plate-globe { width:min(34vw,480px); }
.gesture-hands { font-size:0; }
.gesture-hands span { display:block;width:88px;height:108px;color:#f6c7a5;filter:drop-shadow(0 12px 14px rgba(19,43,75,.22)); }
.gesture-hands svg { width:100%;height:100%;fill:#f3c29f;stroke:#7d4e3e;stroke-width:2;stroke-linejoin:round; }
.gesture-hands span:last-child svg { transform:scaleX(-1); }
.geo-v12-visual .mountain-profile { padding:26px; }

.geo-v12-visual .prompt-card { padding:24px; }
.geo-v12-visual .prompt-window { border:1px solid rgba(43,83,145,.16);border-radius:23px;background:#f7faff;box-shadow:0 18px 42px rgba(27,56,105,.12); }
.geo-v12-visual .prompt-head { padding:14px 18px;color:#3b5171;border-bottom:1px solid #dce6f3;background:#fff; }
.geo-v12-visual .prompt-body { padding:22px 24px;color:#183457;background:linear-gradient(145deg,#f8fbff,#eef4fb);font-size:15px;line-height:1.68; }
.geo-v12-visual .prompt-foot { padding:12px 18px;color:#e9fffa;border-top:0;background:linear-gradient(105deg,#0f6c83,#178b7c); }
.geo-v12-visual .copy-prompt { border-color:rgba(255,255,255,.4);border-radius:999px;background:rgba(255,255,255,.16); }
.geo-v12-visual .platform-shot { padding:24px !important; }
html.ppt-v10 .geo-v12-visual .platform-shot > img { inset:24px;width:calc(100% - 48px) !important;height:calc(100% - 48px) !important;border-radius:20px; }
.geo-v12-visual .thumb-strip { left:38px;bottom:38px; }
.geo-v12-visual .thumb-strip img { width:82px;border-radius:8px; }
.geo-v12-visual .tech-chips { top:auto;right:14px;bottom:12px;max-width:82%; }
.geo-v12-visual .tech-chips span { padding:6px 10px;border-color:color-mix(in srgb,var(--geo-accent) 22%,transparent);color:var(--geo-accent);background:rgba(255,255,255,.92);font-size:11px; }

/* Page 23: a restrained live-demo interlude between the HTML workflow and hands-on operation. */
.live-demo-slide {
  overflow:hidden;
  color:#0c2250;
  background-color:#f8fbff !important;
  background-image:
    radial-gradient(circle at 17% 20%,rgba(33,168,207,.16),transparent 29%),
    radial-gradient(circle at 83% 75%,rgba(117,71,237,.12),transparent 31%),
    linear-gradient(135deg,#fbfdff 0%,#f5f9ff 47%,#fbfffd 100%) !important;
}
.geo-v12-slide .slide-inner.live-demo-shell {
  position:relative;
  isolation:isolate;
}
.live-demo-content { position:relative;z-index:3;display:grid;align-items:center;height:650px;padding-top:18px; }
.live-demo-atmosphere { position:absolute;z-index:-1;inset:0;overflow:hidden;pointer-events:none; }
.live-demo-atmosphere::before {
  content:"";
  position:absolute;
  left:50%;top:58%;
  width:1120px;height:430px;
  border:1px solid rgba(22,141,103,.10);
  border-radius:50%;
  transform:translate(-50%,-50%) rotate(-5deg);
  box-shadow:0 0 0 76px rgba(15,86,232,.025),0 0 0 152px rgba(117,71,237,.018);
}
.live-demo-atmosphere i { position:absolute;border-radius:50%;filter:blur(1px); }
.live-demo-atmosphere i:first-child { left:8%;top:27%;width:190px;height:190px;border:1px solid rgba(33,168,207,.13);box-shadow:inset 0 0 54px rgba(33,168,207,.05); }
.live-demo-atmosphere i:last-child { right:7%;bottom:8%;width:260px;height:260px;border:1px solid rgba(117,71,237,.10);box-shadow:inset 0 0 70px rgba(117,71,237,.045); }
.live-demo-route { position:relative;z-index:2;align-self:center;display:grid;grid-template-columns:minmax(0,1fr) 176px minmax(0,1fr);align-items:center;width:min(100%,1260px);margin:0 auto; }
.live-demo-card {
  position:relative;
  display:grid;
  grid-template-rows:minmax(0,1fr) auto;
  gap:14px;
  height:362px;
  min-width:0;
  padding:24px 28px 27px;
  overflow:hidden;
  border:1px solid rgba(35,78,145,.16);
  border-radius:34px;
  background:rgba(255,255,255,.86);
  box-shadow:0 30px 72px rgba(25,55,105,.12),0 2px 0 rgba(255,255,255,.92) inset;
  backdrop-filter:blur(20px) saturate(1.12);
}
.live-demo-card::before { content:"";position:absolute;left:30px;right:30px;top:0;height:3px;border-radius:0 0 999px 999px;background:linear-gradient(90deg,transparent,currentColor,transparent);opacity:.82; }
.live-demo-card::after { content:"";position:absolute;right:-92px;top:-104px;width:230px;height:230px;border-radius:50%;background:currentColor;opacity:.055;filter:blur(2px); }
.live-demo-card.is-html { color:#168d67; }
.live-demo-card.is-video { color:#0f56e8; }
.live-demo-device { position:relative;display:grid;place-items:center;min-height:0;overflow:hidden;border-radius:24px;background:linear-gradient(145deg,rgba(241,247,255,.9),rgba(250,253,255,.66)); }
.live-demo-device svg { position:relative;z-index:1;display:block;width:100%;height:100%;filter:drop-shadow(0 15px 20px rgba(28,61,108,.08)); }
.live-demo-device > span { position:absolute;z-index:2;left:7%;right:7%;top:31%;height:2px;background:linear-gradient(90deg,transparent,currentColor 35%,rgba(255,255,255,.9) 50%,currentColor 65%,transparent);opacity:.44;filter:drop-shadow(0 0 8px currentColor); }
.live-demo-card > strong { position:relative;z-index:2;justify-self:center;color:#0c2250;font-size:40px;font-weight:900;letter-spacing:-.03em;line-height:1; }
.live-demo-transfer { position:relative;display:flex;align-items:center;justify-content:center;color:#168d67; }
.live-demo-transfer > span { position:relative;width:112px;height:3px;border-radius:999px;background:linear-gradient(90deg,rgba(22,141,103,.14),rgba(15,86,232,.62)); }
.live-demo-transfer > span::before { content:"";position:absolute;inset:-8px 0;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(33,168,207,.08),transparent);filter:blur(5px); }
.live-demo-transfer > span i { position:absolute;left:-4px;top:50%;width:13px;height:13px;border:3px solid #fff;border-radius:50%;background:#1aa4bb;box-shadow:0 0 0 5px rgba(33,168,207,.13),0 0 18px rgba(33,168,207,.42);transform:translateY(-50%); }
.live-demo-transfer > svg { width:44px;height:44px;margin-left:-4px;color:#0f56e8;filter:drop-shadow(0 8px 12px rgba(15,86,232,.18)); }
.slide.active .live-demo-card.is-html { animation:live-demo-card-left .72s .12s cubic-bezier(.18,.82,.2,1) both; }
.slide.active .live-demo-transfer { animation:live-demo-path-in .58s .38s cubic-bezier(.2,.8,.2,1) both; }
.slide.active .live-demo-card.is-video { animation:live-demo-card-right .72s .24s cubic-bezier(.18,.82,.2,1) both; }
.slide.active .live-demo-transfer > span i { animation:live-demo-flow 2.25s 1s ease-in-out infinite; }
.slide.active .live-demo-device > span { animation:live-demo-scan 3.2s 1.05s ease-in-out infinite; }
.slide:not(.active) .live-demo-card,.slide:not(.active) .live-demo-transfer,.slide:not(.active) .live-demo-transfer > span i,.slide:not(.active) .live-demo-device > span { animation-play-state:paused !important; }

/* Page 24: a luminous courseware route selector built from the UI/UX Pro Max design system. */
.production-route-slide {
  overflow:hidden;
  color:#0c2250;
  background:
    radial-gradient(circle at 90% 8%,rgba(15,86,232,.14),transparent 29%),
    radial-gradient(circle at 6% 92%,rgba(22,141,103,.11),transparent 27%),
    linear-gradient(135deg,#fff 0%,#f8fbff 50%,#f5fbfa 100%);
}
.production-route-content {
  position:relative;
  z-index:3;
  display:grid;
  grid-template-rows:minmax(0,1fr) 62px;
  gap:14px;
  height:650px;
  padding-top:18px;
}
.production-route-stage {
  position:relative;
  display:grid;
  grid-template-columns:400px minmax(0,1fr);
  gap:54px;
  min-width:0;
  min-height:0;
  padding:17px;
  overflow:hidden;
  border:1px solid rgba(42,82,151,.18);
  border-radius:30px;
  background:
    linear-gradient(rgba(42,88,157,.036) 1px,transparent 1px),
    linear-gradient(90deg,rgba(42,88,157,.036) 1px,transparent 1px),
    radial-gradient(circle at 92% 0,rgba(59,125,255,.11),transparent 28%),
    radial-gradient(circle at 0 100%,rgba(25,169,154,.09),transparent 30%),
    rgba(248,251,255,.96);
  background-size:32px 32px,32px 32px,auto,auto,auto;
  box-shadow:0 25px 72px rgba(18,48,91,.14),0 1px 0 rgba(255,255,255,.94) inset;
  isolation:isolate;
}
.production-route-stage::before {
  content:"";
  position:absolute;
  z-index:5;
  left:28px;
  right:28px;
  top:0;
  height:4px;
  border-radius:0 0 999px 999px;
  background:linear-gradient(90deg,transparent,#2a7cff 17%,#45d6c1 52%,#cda14b 82%,transparent);
  box-shadow:0 0 24px rgba(50,153,220,.28);
  pointer-events:none;
}
.production-route-ambient { position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none; }
.production-route-ambient i { position:absolute;border-radius:50%;filter:blur(52px); }
.production-route-ambient i:first-child { right:7%;top:-95px;width:360px;height:220px;background:rgba(89,105,238,.11); }
.production-route-ambient i:last-child { left:18%;bottom:-135px;width:360px;height:240px;background:rgba(36,168,170,.1); }
.production-route-core {
  position:relative;
  z-index:3;
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto auto;
  gap:10px;
  min-width:0;
  min-height:0;
  padding:18px 19px 17px;
  overflow:visible;
  border:1px solid rgba(140,193,255,.3);
  border-radius:25px;
  color:#fff;
  background:
    radial-gradient(circle at 52% 35%,rgba(56,165,255,.25),transparent 34%),
    radial-gradient(circle at 96% 100%,rgba(49,223,194,.2),transparent 31%),
    linear-gradient(145deg,#071c49 0%,#0d2f68 59%,#07576a 118%);
  box-shadow:0 22px 52px rgba(7,28,73,.28),inset 0 1px 0 rgba(255,255,255,.18);
  isolation:isolate;
}
.production-route-core::before {
  content:"";
  position:absolute;
  inset:10px;
  z-index:-1;
  border:1px solid rgba(146,206,255,.11);
  border-radius:19px;
  pointer-events:none;
}
.production-route-core-bar { display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0; }
.production-route-core-bar > span { color:#bcd2f2;font-size:13px;font-weight:900;letter-spacing:.12em; }
.production-route-core-bar > b,.production-route-console-bar > b {
  display:flex;
  align-items:center;
  gap:7px;
  color:#92f0dd;
  font-size:11px;
  font-weight:900;
  letter-spacing:.06em;
  white-space:nowrap;
}
.production-route-core-bar > b i,.production-route-console-bar > b i { width:7px;height:7px;border-radius:50%;background:#55e1c6;box-shadow:0 0 0 4px rgba(85,225,198,.1),0 0 15px rgba(85,225,198,.76); }
.production-route-selector { position:relative;display:grid;place-items:center;min-height:0; }
.production-route-selector::before,.production-route-selector::after {
  content:"";
  position:absolute;
  left:50%;top:50%;
  border-radius:50%;
  transform:translate(-50%,-50%);
  pointer-events:none;
}
.production-route-selector::before { width:248px;height:248px;border:1px dashed rgba(152,204,255,.27); }
.production-route-selector::after { width:196px;height:196px;border:1px solid rgba(100,238,216,.16);box-shadow:0 0 42px rgba(51,153,255,.12),inset 0 0 36px rgba(51,153,255,.08); }
.production-route-selector-ring {
  position:absolute;
  left:50%;top:50%;
  width:226px;height:226px;
  border-radius:50%;
  background:conic-gradient(from 18deg,#63edd7 0 7%,transparent 7% 20%,#6f95ff 20% 30%,transparent 30% 46%,#e7bd63 46% 54%,transparent 54% 69%,#55c7ef 69% 79%,transparent 79% 93%,#63edd7 93% 100%);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 0);
  mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 0);
  transform:translate(-50%,-50%);
  filter:drop-shadow(0 0 10px rgba(91,224,220,.43));
}
.production-route-selector-ring > span { position:absolute;width:11px;height:11px;border:2px solid rgba(255,255,255,.88);border-radius:50%;background:#56dfc7;box-shadow:0 0 0 5px rgba(86,223,199,.1),0 0 16px rgba(86,223,199,.9); }
.production-route-selector-ring > span:nth-child(1) { left:50%;top:-3px; }
.production-route-selector-ring > span:nth-child(2) { right:10px;top:27%;background:#79a0ff;box-shadow:0 0 0 5px rgba(121,160,255,.1),0 0 16px rgba(121,160,255,.9); }
.production-route-selector-ring > span:nth-child(3) { right:24px;bottom:11%;background:#e5ba62;box-shadow:0 0 0 5px rgba(229,186,98,.1),0 0 16px rgba(229,186,98,.9); }
.production-route-selector-ring > span:nth-child(4) { left:17px;bottom:18%;background:#4ec5ed;box-shadow:0 0 0 5px rgba(78,197,237,.1),0 0 16px rgba(78,197,237,.9); }
.production-route-selector-ring > span:nth-child(5) { left:7px;top:21%; }
.production-route-selector-center {
  position:relative;
  z-index:2;
  display:grid;
  place-items:center;
  align-content:center;
  width:168px;height:168px;
  border:1px solid rgba(181,218,255,.3);
  border-radius:50%;
  background:radial-gradient(circle at 42% 33%,rgba(255,255,255,.14),transparent 38%),rgba(5,25,63,.84);
  box-shadow:0 15px 32px rgba(1,13,45,.34),inset 0 0 32px rgba(53,147,255,.14),0 0 0 8px rgba(85,195,231,.055);
  backdrop-filter:blur(13px) saturate(1.2);
}
.production-route-selector-center svg { width:38px;height:38px;margin-bottom:2px;stroke:#80edda;stroke-width:2;filter:drop-shadow(0 0 9px rgba(128,237,218,.48)); }
.production-route-selector-center small { color:#8eaad0;font-size:10px;font-weight:900;letter-spacing:.18em; }
.production-route-selector-center strong { margin:1px 0;color:#fff;font-size:28px;font-weight:950;letter-spacing:-.03em; }
.production-route-selector-center em { color:#8af0df;font-size:12px;font-style:normal;font-weight:850;letter-spacing:.12em; }
.production-route-core > p { margin:0;padding:0 7px;color:#d8e7f7;font-size:16px;font-weight:720;line-height:1.5;text-align:center; }
.production-route-delivery {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
  padding:9px;
  border:1px solid rgba(151,203,255,.16);
  border-radius:15px;
  background:rgba(255,255,255,.07);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.production-route-delivery > span { grid-column:1 / -1;color:#75dcca;font-size:10px;font-weight:950;letter-spacing:.14em; }
.production-route-delivery > b { padding:6px 4px;border:1px solid rgba(166,211,255,.13);border-radius:9px;color:#ecf6ff;background:rgba(255,255,255,.055);font-size:11px;font-weight:850;text-align:center;white-space:nowrap; }
.production-route-console { position:relative;z-index:2;display:grid;grid-template-rows:46px minmax(0,1fr);gap:10px;min-width:0;min-height:0; }
.production-route-console-bar {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-width:0;
  padding:0 16px;
  border:1px solid rgba(52,100,170,.14);
  border-radius:14px;
  background:rgba(255,255,255,.8);
  box-shadow:0 9px 22px rgba(26,57,105,.07),inset 0 1px 0 rgba(255,255,255,.95);
  backdrop-filter:blur(14px) saturate(1.12);
}
.production-route-console-bar > div { display:flex;align-items:center;gap:12px;min-width:0; }
.production-route-console-bar > div > span { color:#0f6f72;font-size:12px;font-weight:950;letter-spacing:.12em;white-space:nowrap; }
.production-route-console-bar > div > strong { color:#1f3b68;font-size:16px;font-weight:900;letter-spacing:.02em;white-space:nowrap; }
.production-route-console-bar > b { color:#168d67; }
.production-route-list { display:grid;grid-template-rows:repeat(5,minmax(0,1fr));gap:8px;min-width:0;min-height:0; }
.production-route-card {
  position:relative;
  display:grid;
  grid-template-columns:42px 68px minmax(0,1fr) 58px minmax(205px,240px);
  align-items:center;
  gap:12px;
  min-width:0;
  min-height:0;
  padding:8px 15px 8px 12px;
  overflow:visible;
  border:1px solid color-mix(in srgb,var(--route-accent) 20%,#d8e2ef);
  border-radius:18px;
  color:#17345a;
  background:
    radial-gradient(circle at 100% 0,color-mix(in srgb,var(--route-accent) 9%,transparent),transparent 34%),
    linear-gradient(105deg,rgba(255,255,255,.98),rgba(249,252,255,.91));
  box-shadow:0 10px 26px rgba(24,53,98,.085),inset 0 1px 0 rgba(255,255,255,.96);
}
.production-route-card::before {
  content:"";
  position:absolute;
  left:-56px;
  top:50%;
  width:56px;
  height:2px;
  background:linear-gradient(90deg,color-mix(in srgb,var(--route-accent) 56%,transparent),var(--route-accent));
  box-shadow:0 0 12px color-mix(in srgb,var(--route-accent) 28%,transparent);
  transform:translateY(-50%);
}
.production-route-line-dot {
  position:absolute;
  z-index:3;
  left:-28px;
  top:50%;
  width:13px;
  height:13px;
  border:3px solid #fff;
  border-radius:50%;
  background:var(--route-accent);
  box-shadow:0 0 0 5px color-mix(in srgb,var(--route-accent) 10%,transparent),0 0 16px color-mix(in srgb,var(--route-accent) 52%,transparent);
  transform:translate(-50%,-50%);
  pointer-events:none;
}
.production-route-card::after { content:"";position:absolute;left:0;top:13px;bottom:13px;width:4px;border-radius:0 999px 999px 0;background:var(--route-accent);box-shadow:0 0 14px color-mix(in srgb,var(--route-accent) 32%,transparent); }
.production-route-index { color:color-mix(in srgb,var(--route-accent) 75%,#183456);font-size:13px;font-weight:950;letter-spacing:.08em;text-align:center; }
.production-route-visual {
  display:grid;
  place-items:center;
  width:66px;height:58px;
  border:1px solid color-mix(in srgb,var(--route-accent) 22%,#d8e3ef);
  border-radius:14px;
  color:var(--route-accent);
  background:color-mix(in srgb,var(--route-accent) 7%,#fff);
  box-shadow:0 8px 18px color-mix(in srgb,var(--route-accent) 9%,transparent),inset 0 1px 0 #fff;
}
.production-route-visual svg { width:55px;height:44px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round; }
.production-route-need,.production-route-choice { display:grid;align-content:center;gap:2px;min-width:0; }
.production-route-need small,.production-route-choice small { color:color-mix(in srgb,var(--route-accent) 72%,#53677f);font-size:9px;font-weight:950;letter-spacing:.13em; }
.production-route-need strong { overflow:hidden;color:#17345a;font-size:19px;font-weight:920;letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap; }
.production-route-arrow { display:flex;align-items:center;justify-content:center;color:var(--route-accent); }
.production-route-arrow i { width:21px;height:2px;border-radius:999px;background:color-mix(in srgb,var(--route-accent) 58%,#ccd7e6); }
.production-route-arrow svg { width:24px;height:24px;margin-left:-4px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round; }
.production-route-choice { padding-left:14px;border-left:1px solid color-mix(in srgb,var(--route-accent) 18%,#dbe4ef); }
.production-route-choice strong { overflow:hidden;color:var(--route-accent);font-size:25px;font-weight:950;letter-spacing:-.025em;line-height:1.05;text-overflow:ellipsis;white-space:nowrap; }
.production-route-choice em { overflow:hidden;color:#62758e;font-size:11px;font-style:normal;font-weight:760;text-overflow:ellipsis;white-space:nowrap; }
.production-route-takeaway { border-color:rgba(255,255,255,.42);background:linear-gradient(105deg,#104d94 0%,#167f80 57%,#b67b25 130%);box-shadow:0 14px 30px rgba(23,83,123,.22); }
.slide.active .production-route-core { animation:production-route-core-in .62s cubic-bezier(.18,.82,.2,1) both; }
.slide.active .production-route-console-bar { animation:production-route-bar-in .48s .08s cubic-bezier(.2,.8,.2,1) both; }
.slide.active .production-route-card { animation:production-route-card-in .5s cubic-bezier(.18,.82,.2,1) both;animation-delay:calc(.12s + var(--i,0) * 70ms); }
.slide.active .production-route-takeaway { animation:production-route-bar-in .45s .46s cubic-bezier(.2,.8,.2,1) both; }
.slide.active .production-route-selector-ring { animation:production-route-orbit 15s 1s linear infinite; }
.slide:not(.active) .production-route-core,.slide:not(.active) .production-route-console-bar,.slide:not(.active) .production-route-card,.slide:not(.active) .production-route-takeaway,.slide:not(.active) .production-route-selector-ring { animation-play-state:paused !important; }
@keyframes production-route-core-in { from { opacity:0;transform:translateX(-26px) scale(.982); } to { opacity:1;transform:none; } }
@keyframes production-route-card-in { from { opacity:0;transform:translateX(28px); } to { opacity:1;transform:none; } }
@keyframes production-route-bar-in { from { opacity:0;transform:translateY(13px); } to { opacity:1;transform:none; } }
@keyframes production-route-orbit { to { transform:translate(-50%,-50%) rotate(360deg); } }

/* Chapter pages use the exact root-deck chapter prototype with matching motion. */
.geo-v12-chapter-slide .chapter-content { grid-template-columns:380px 1fr; }
.geo-v12-chapter-slide .chapter-copy h2 { max-width:920px; }
.geo-v12-closing-slide .chapter-copy h2 { max-width:980px;font-size:66px; }
.slide.active.geo-v12-chapter-slide .chapter-number { animation:geo-chapter-number-in .72s cubic-bezier(.18,.82,.2,1) both; }
.slide.active.geo-v12-chapter-slide .chapter-label { animation:geo-chapter-copy-in .5s .12s cubic-bezier(.2,.8,.2,1) both; }
.slide.active.geo-v12-chapter-slide .chapter-copy h2 { animation:geo-chapter-copy-in .58s .2s cubic-bezier(.2,.8,.2,1) both; }
.slide.active.geo-v12-chapter-slide .chapter-copy p { animation:geo-chapter-copy-in .58s .3s cubic-bezier(.2,.8,.2,1) both; }
.slide.active.geo-v12-chapter-slide .chapter-signposts span { animation:geo-chapter-chip-in .44s cubic-bezier(.2,.8,.2,1) both; }
.slide.active.geo-v12-chapter-slide .chapter-signposts span:nth-child(1) { animation-delay:.42s; }
.slide.active.geo-v12-chapter-slide .chapter-signposts span:nth-child(2) { animation-delay:.49s; }
.slide.active.geo-v12-chapter-slide .chapter-signposts span:nth-child(3) { animation-delay:.56s; }
.slide.active.geo-v12-chapter-slide .chapter-signposts span:nth-child(4) { animation-delay:.63s; }
.slide.active.geo-v12-chapter-slide .chapter-signposts span:nth-child(5) { animation-delay:.70s; }

/* Motion follows the root deck: staged entrance, explanatory flow, quiet ambience. */
.slide.active.geo-v12-slide .geo-v12-brief { animation:geo-panel-left .58s cubic-bezier(.18,.82,.2,1) both; }
.slide.active.geo-v12-slide .geo-v12-brief li { animation:geo-item-rise .48s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(.14s + var(--i,0) * 70ms); }
.slide.active.geo-v12-slide .geo-v12-visual { animation:geo-panel-rise .66s .08s cubic-bezier(.18,.82,.2,1) both; }
.slide.active.geo-v12-slide .geo-v12-visual::after { animation:geo-surface-sheen 1.05s .48s ease-out both; }
.slide.active.geo-v12-slide .geo-v12-takeaway { animation:geo-item-rise .5s .34s cubic-bezier(.2,.8,.2,1) both; }
.slide.active.geo-v12-slide .geo-route::after { animation:geo-route-flow 3.4s .8s linear infinite; }
.slide.active.geo-v12-slide .orbit-ring.r1 { animation:geo-orbit-turn 18s linear infinite; }
.slide.active.geo-v12-slide .orbit-ring.r2 { animation:geo-orbit-turn-reverse 24s linear infinite; }
.slide:not(.active) .geo-v12-brief,.slide:not(.active) .geo-v12-visual,.slide:not(.active) .geo-v12-takeaway,.slide:not(.active) .geo-route::after,.slide:not(.active) .orbit-ring,.slide:not(.active) .city-dot { animation-play-state:paused !important; }

@keyframes geo-panel-left { from { opacity:0;transform:translateX(-28px); } to { opacity:1;transform:none; } }
@keyframes geo-panel-rise { from { opacity:0;transform:translateY(24px) scale(.985); } to { opacity:1;transform:none; } }
@keyframes geo-item-rise { from { opacity:0;transform:translateY(13px); } to { opacity:1;transform:none; } }
@keyframes geo-surface-sheen { 0% { opacity:0;transform:translateX(0) rotate(16deg); } 35% { opacity:.68; } 100% { opacity:0;transform:translateX(720%) rotate(16deg); } }
@keyframes geo-route-flow { from { transform:translateX(0); } to { transform:translateX(690%); } }
@keyframes geo-orbit-turn { to { transform:translate(-50%,-50%) rotate(348deg); } }
@keyframes geo-orbit-turn-reverse { to { transform:translate(-50%,-50%) rotate(-372deg); } }
@keyframes geo-city-pulse { 0%,100% { box-shadow:0 0 0 4px rgba(232,176,74,.18),0 4px 10px rgba(0,0,0,.28); } 50% { box-shadow:0 0 0 11px rgba(232,176,74,0),0 4px 10px rgba(0,0,0,.28); } }
@keyframes geo-chapter-number-in { from { opacity:0;transform:translateX(-42px); } to { opacity:1;transform:none; } }
@keyframes geo-chapter-copy-in { from { opacity:0;transform:translateY(18px); } to { opacity:1;transform:none; } }
@keyframes geo-chapter-chip-in { from { opacity:0;transform:translateY(10px) scale(.96); } to { opacity:1;transform:none; } }
@keyframes live-demo-title-in { from { opacity:0;transform:translateY(-18px); } to { opacity:1;transform:none; } }
@keyframes live-demo-card-left { from { opacity:0;transform:translateX(-34px) scale(.975); } to { opacity:1;transform:none; } }
@keyframes live-demo-card-right { from { opacity:0;transform:translateX(34px) scale(.975); } to { opacity:1;transform:none; } }
@keyframes live-demo-path-in { from { opacity:0;transform:scaleX(.35); } to { opacity:1;transform:none; } }
@keyframes live-demo-flow { 0% { left:-4px; } 50%,100% { left:calc(100% - 9px); } }
@keyframes live-demo-scan { 0%,100% { top:28%;opacity:.08; } 50% { top:72%;opacity:.48; } }

@media (max-width:1380px), (max-height:790px) {
  .geo-v12-slide .slide-head h2 { font-size:43px; }
  .geo-v12-slide .slide-head h2.is-long { font-size:37px; }
  .geo-v12-slide .slide-head h2.is-xlong { font-size:32px; }
  .geo-v12-slide .slide-head p { font-size:18px; }
  .geo-v12-stage { grid-template-columns:minmax(270px,.5fr) minmax(0,1.5fr);gap:15px; }
  .geo-v12-demo .geo-v12-stage,.geo-v12-prompt .geo-v12-stage,.geo-v12-platform .geo-v12-stage,.geo-v12-agent-platform .geo-v12-stage { grid-template-columns:minmax(225px,.38fr) minmax(0,1.62fr); }
  .geo-v12-brief { padding:21px 19px; }
  .geo-v12-brief ol { gap:7px;margin-top:12px; }
  .geo-v12-brief li { grid-template-columns:32px 1fr;gap:9px;padding:8px 9px; }
  .geo-v12-brief li b { width:30px;height:30px;font-size:11px; }
  .geo-v12-brief li span { font-size:14px; }
  .geo-v12-takeaway strong { font-size:15px; }
  .geo-v12-visual .geo-card-grid { padding:20px;gap:11px !important; }
  .geo-v12-visual .geo-route { padding:28px 17px 20px;gap:8px !important; }
  .geo-v12-visual .source-lanes { padding:22px;gap:11px; }
  .geo-v12-visual .source-lane { padding:19px; }
  .geo-v12-visual .source-lane strong { font-size:20px; }
  .geo-v12-visual .source-lane p { font-size:13px; }
  .geo-v12-visual .earth-globe-wrap .geo-globe { width:min(28vw,330px); }
  .agent-ui-showcase { padding:14px 14px 8px;gap:5px; }
  .agent-ui-gallery { gap:9px; }
  .agent-ui-card { grid-template-rows:minmax(0,1fr) 43px;border-radius:14px; }
  .agent-ui-browser { margin:6px 6px 0; }
  .agent-ui-meta { grid-template-columns:24px minmax(0,1fr) auto;gap:6px;padding:5px 7px; }
  .agent-ui-brand-mark { width:24px;height:24px;grid-template-columns:repeat(2,5px);grid-template-rows:repeat(2,5px); }
  .agent-ui-name strong { font-size:12px; }
  .agent-ui-name small { font-size:8px; }
  .agent-ui-kind { padding:4px 5px;font-size:7px; }
  .agent-ui-showcase.is-opensource .agent-ui-card { grid-template-rows:minmax(0,200px) 60px;height:260px; }
  .agent-ui-showcase.is-opensource .agent-ui-name strong { font-size:15px; }
  .agent-ui-showcase.is-opensource .agent-ui-name small { font-size:9px; }
  .agent-local-banner { grid-template-columns:128px minmax(0,1fr) auto;gap:12px;padding-inline:13px; }
  .agent-local-copy { gap:10px; }
  .agent-local-copy strong { font-size:21px; }
  .agent-local-copy p { font-size:12px; }
  .agent-local-abilities span { padding:6px 8px;font-size:9px; }
  .agent-product-name strong { font-size:14px; }
  .agent-product-name small { font-size:8px; }
  .agent-product-foot strong { font-size:11px; }
  .agent-product-foot span { font-size:9px; }
  .agent-permission-flow { font-size:9px; }
  .agent-permission-flow em { font-size:8px; }
  .courseware-visual-rule { grid-template-rows:54px 196px auto 52px;padding:15px; }
  .courseware-rule-card { padding:12px 13px 10px; }
  .courseware-rule-card .courseware-rule-card-head strong { font-size:18px; }
  .courseware-rule-card > p { font-size:11px; }
  .tech-architecture-layer { grid-template-columns:42px 42px 194px 220px minmax(0,1fr) 142px;gap:10px;padding-inline:11px; }
  .tech-architecture-name strong { font-size:18px; }
  .tech-architecture-layer > p { font-size:14px; }
  .tech-architecture-tools { gap:5px; }
  .tech-architecture-tools span { padding:5px 7px;font-size:10px; }
  .tech-architecture-output { font-size:11px; }
  .tech-architecture-card-grid { gap:14px; }
  .tech-architecture-card { grid-template-rows:294px minmax(0,1fr);border-radius:22px; }
  .tech-architecture-card-body { gap:10px;padding:16px 17px 15px; }
  .tech-architecture-card-head h3 { font-size:23px; }
  .tech-architecture-card-body > p { min-height:42px;font-size:14px;line-height:1.45; }
  .tech-architecture-card .tech-architecture-tools { gap:5px; }
  .tech-architecture-card .tech-architecture-tools span { padding:5px 7px;font-size:10px; }
  .tech-architecture-slide[data-page="20"] .tech-architecture-card .tech-architecture-tools { gap:7px;min-height:50px;margin:0 -3px;padding:7px;border-radius:14px; }
  .tech-architecture-slide[data-page="20"] .tech-architecture-card .tech-architecture-tools span { min-height:34px;padding:6px 8px;font-size:15px; }
  .tech-architecture-card .tech-architecture-output { min-height:28px;padding:5px 8px;font-size:10px; }
  .tech-architecture-index,.tech-architecture-kicker { top:14px;min-height:31px; }
  .tech-architecture-index { left:14px;min-width:40px;font-size:13px; }
  .tech-architecture-kicker { right:14px;padding-inline:10px;font-size:8px; }
  .live-demo-route { grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr);width:min(100%,1190px); }
  .live-demo-card { height:326px;padding:20px 24px 23px;border-radius:29px; }
  .live-demo-card > strong { font-size:34px; }
  .production-route-stage { grid-template-columns:350px minmax(0,1fr);gap:44px;padding:14px; }
  .production-route-core { padding:15px 15px 14px; }
  .production-route-selector::before { width:214px;height:214px; }
  .production-route-selector::after { width:170px;height:170px; }
  .production-route-selector-ring { width:196px;height:196px; }
  .production-route-selector-center { width:146px;height:146px; }
  .production-route-selector-center svg { width:32px;height:32px; }
  .production-route-selector-center strong { font-size:24px; }
  .production-route-core > p { font-size:14px; }
  .production-route-delivery { gap:4px;padding:7px; }
  .production-route-delivery > b { padding:5px 3px;font-size:9px; }
  .production-route-card { grid-template-columns:36px 58px minmax(0,1fr) 46px minmax(172px,205px);gap:9px;padding:7px 11px 7px 9px;border-radius:15px; }
  .production-route-card::before { left:-46px;width:46px; }
  .production-route-line-dot { left:-23px; }
  .production-route-visual { width:56px;height:50px;border-radius:12px; }
  .production-route-visual svg { width:47px;height:38px; }
  .production-route-need strong { font-size:16px; }
  .production-route-choice { padding-left:10px; }
  .production-route-choice strong { font-size:21px; }
  .production-route-choice em { font-size:9px; }
}

@media (prefers-reduced-motion:reduce) {
  .slide.active .reveal,
  .slide.active.geo-v12-slide .geo-v12-brief,
  .slide.active.geo-v12-slide .geo-v12-brief li,
  .slide.active.geo-v12-slide .geo-v12-visual,
  .slide.active.geo-v12-slide .geo-v12-visual::after,
  .slide.active.geo-v12-slide .geo-v12-takeaway,
  .slide.active.geo-v12-slide .geo-route::after,
  .slide.active.geo-v12-slide .orbit-ring,
  .slide.active.geo-v12-slide .city-dot,
  .slide.active.geo-v12-chapter-slide .chapter-number,
  .slide.active.geo-v12-chapter-slide .chapter-label,
  .slide.active.geo-v12-chapter-slide .chapter-copy h2,
  .slide.active.geo-v12-chapter-slide .chapter-copy p,
  .slide.active.geo-v12-chapter-slide .chapter-signposts span,
  .slide.active .agent-ui-aurora,
  .slide.active .agent-ui-source span i,
  .slide.active .agent-local-flag i,
  .slide.active .agent-product-card,
  .slide.active .agent-card-hero,
  .slide.active .agent-capability-card,
  .slide.active .agent-card-safety,
  .slide.active .courseware-visual-rule,
  .slide.active .courseware-rule-card,
  .slide.active .courseware-rule-spine,
  .slide.active .courseware-scene-earth,
  .slide.active .courseware-scene-earth i,
  .slide.active .courseware-scene-scan,
  .slide.active .courseware-audio-mini > span,
  .slide.active .tech-architecture-bar,
  .slide.active .tech-architecture-layer,
  .slide.active .tech-architecture-takeaway,
  .slide.active .tech-architecture-card,
  .slide.active .live-demo-card,
  .slide.active .live-demo-transfer,
  .slide.active .live-demo-transfer > span i,
  .slide.active .live-demo-device > span,
  .slide.active .production-route-core,
  .slide.active .production-route-console-bar,
  .slide.active .production-route-card,
  .slide.active .production-route-takeaway,
  .slide.active .production-route-selector-ring { animation:none !important;opacity:1 !important;transform:none !important; }
  .slide.active .live-demo-transfer > span i { left:calc(100% - 9px) !important;top:50% !important;transform:translateY(-50%) !important; }
  .slide.active .live-demo-device > span { top:50% !important;opacity:.16 !important; }
  .slide.active .production-route-selector-ring { transform:translate(-50%,-50%) !important; }
  .tech-architecture-card,.tech-architecture-visual img { transition:none !important; }
  .tech-architecture-card:hover .tech-architecture-visual img { transform:none !important; }
}

/* ========================================================================== */
/* Learning synthesis — technology → operable world → geography understanding */
/* ========================================================================== */

.learning-synthesis-slide {
  --learning-indigo:#4f46e5;
  --learning-cyan:#0ea5c8;
  --learning-green:#1f9d72;
  --learning-gold:#d99a2b;
  --learning-ink:#172554;
  background:
    radial-gradient(circle at 49% 45%,rgba(79,70,229,.105),transparent 30%),
    radial-gradient(circle at 87% 18%,rgba(14,165,200,.12),transparent 27%),
    radial-gradient(circle at 9% 84%,rgba(31,157,114,.095),transparent 25%),
    linear-gradient(135deg,#ffffff 0%,#f9fbff 52%,#f3f6ff 100%);
}
.learning-synthesis-slide::before {
  opacity:.38;
  background-image:
    linear-gradient(rgba(79,70,229,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(79,70,229,.045) 1px,transparent 1px),
    radial-gradient(circle,rgba(79,70,229,.16) 1px,transparent 1.4px);
  background-size:48px 48px,48px 48px,24px 24px;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%);
}
.learning-synthesis-slide .chapter-tag {
  background:linear-gradient(135deg,#4f46e5,#6d5df4 56%,#0ea5c8);
  box-shadow:0 14px 32px rgba(79,70,229,.25);
}
.learning-synthesis-slide .slide-head {
  border-bottom-color:rgba(79,70,229,.17);
}
.learning-synthesis-slide .slide-head h2 {
  color:#15245a;
  letter-spacing:-.046em;
}
.learning-synthesis-slide .slide-head p {
  color:#5b6885;
  font-weight:620;
}
.learning-synthesis-content {
  position:relative;
  z-index:3;
  display:grid;
  grid-template-rows:minmax(0,1fr) 74px;
  gap:14px;
  height:650px;
  padding-top:18px;
}
.learning-synthesis-stage {
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(0,1.16fr) minmax(0,.98fr);
  gap:16px;
  min-height:0;
  overflow:hidden;
  padding:16px;
  border:1px solid rgba(79,70,229,.16);
  border-radius:30px;
  color:var(--learning-ink);
  background-color:rgba(248,250,255,.96);
  background-image:
    radial-gradient(circle at 49% 43%,rgba(99,88,244,.12),transparent 28%),
    linear-gradient(135deg,rgba(255,255,255,.94),rgba(238,242,255,.74));
  box-shadow:0 24px 70px rgba(39,54,114,.14),inset 0 1px rgba(255,255,255,.95);
  isolation:isolate;
}
.learning-synthesis-stage::before {
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  pointer-events:none;
  opacity:.35;
  background-image:
    linear-gradient(rgba(72,81,155,.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(72,81,155,.07) 1px,transparent 1px);
  background-size:36px 36px;
  -webkit-mask-image:radial-gradient(circle at 50% 48%,#000,transparent 80%);
  mask-image:radial-gradient(circle at 50% 48%,#000,transparent 80%);
}
.learning-synthesis-stage::after {
  content:"";
  position:absolute;
  z-index:8;
  top:0;
  left:8%;
  right:8%;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,#4f46e5 22%,#0ea5c8 52%,#21a577 78%,transparent);
  box-shadow:0 0 22px rgba(14,165,200,.45);
}
.learning-synthesis-aurora {
  position:absolute;
  z-index:0;
  inset:0;
  overflow:hidden;
  pointer-events:none;
}
.learning-synthesis-aurora i {
  position:absolute;
  width:330px;
  height:330px;
  border-radius:50%;
  filter:blur(64px);
  opacity:.19;
}
.learning-synthesis-aurora i:first-child { left:27%;top:4%;background:#7468ff; }
.learning-synthesis-aurora i:last-child { right:4%;bottom:-33%;background:#48d6b1; }
.learning-synthesis-bridge {
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
}
.learning-synthesis-bridge::before,
.learning-synthesis-bridge::after {
  content:"";
  position:absolute;
  top:51%;
  height:2px;
  opacity:.72;
  background:linear-gradient(90deg,rgba(79,70,229,.08),rgba(79,70,229,.58),rgba(14,165,200,.18));
}
.learning-synthesis-bridge::before { left:29%;width:18%; }
.learning-synthesis-bridge::after { right:27%;width:18%;background:linear-gradient(90deg,rgba(14,165,200,.1),rgba(31,157,114,.58),rgba(31,157,114,.1)); }
.learning-synthesis-bridge i {
  position:absolute;
  top:calc(51% - 5px);
  width:10px;
  height:10px;
  border-top:2px solid currentColor;
  border-right:2px solid currentColor;
  transform:rotate(45deg);
}
.learning-synthesis-bridge i:first-child { left:45.5%;color:#5f5ee9; }
.learning-synthesis-bridge i:last-child { right:26.7%;color:#219d7b; }
.learning-synthesis-lane,
.learning-synthesis-world {
  position:relative;
  z-index:3;
  min-width:0;
  min-height:0;
}
.learning-synthesis-lane {
  display:grid;
  grid-template-rows:44px minmax(0,1fr) 62px;
  gap:10px;
  padding:13px;
  border:1px solid rgba(255,255,255,.82);
  border-radius:23px;
  background:rgba(255,255,255,.72);
  box-shadow:0 16px 38px rgba(31,47,101,.08),inset 0 0 0 1px rgba(79,70,229,.055);
  -webkit-backdrop-filter:blur(22px) saturate(125%);
  backdrop-filter:blur(22px) saturate(125%);
}
.learning-synthesis-world {
  display:grid;
  grid-template-rows:44px minmax(0,1fr) 82px;
  gap:8px;
  padding:13px 8px 10px;
}
.learning-synthesis-lane-head,
.learning-synthesis-world-head {
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.learning-synthesis-lane-head > span,
.learning-synthesis-world-head > span {
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:38px;
  height:38px;
  border:1px solid rgba(79,70,229,.17);
  border-radius:13px;
  color:#4f46e5;
  background:linear-gradient(145deg,#fff,#eef1ff);
  box-shadow:0 8px 18px rgba(79,70,229,.11);
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
}
.learning-synthesis-lane-head div,
.learning-synthesis-world-head div { display:grid;gap:1px;min-width:0; }
.learning-synthesis-lane-head b,
.learning-synthesis-world-head b {
  color:#1c2d61;
  font-size:18px;
  line-height:1.1;
  font-weight:900;
  letter-spacing:-.015em;
}
.learning-synthesis-lane-head small,
.learning-synthesis-world-head small {
  color:#8290ad;
  font-size:8px;
  line-height:1.2;
  font-weight:850;
  letter-spacing:.14em;
}
.learning-synthesis-world-head { justify-content:center; }
.learning-synthesis-world-head > span {
  color:#0c8cab;
  border-color:rgba(14,165,200,.18);
  background:linear-gradient(145deg,#fff,#eafaff);
}
.learning-synthesis-tool-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-rows:repeat(3,minmax(0,1fr));
  gap:9px;
  min-height:0;
}
.learning-synthesis-tool {
  --tool-accent:#6257e8;
  --tool-accent-2:#8b5cf6;
  --tool-soft:#f1efff;
  position:relative;
  display:grid;
  grid-template-columns:29px minmax(0,1fr);
  align-items:start;
  gap:8px;
  min-width:0;
  overflow:hidden;
  padding:10px 8px 10px 10px;
  border:1px solid color-mix(in srgb,var(--tool-accent) 17%,#dce4f2);
  border-radius:15px;
  background:linear-gradient(145deg,rgba(255,255,255,.98),color-mix(in srgb,var(--tool-soft) 74%,#fff));
  box-shadow:0 7px 18px rgba(51,62,126,.065),inset 0 1px rgba(255,255,255,.9);
  transition:border-color .24s ease,box-shadow .24s ease,transform .24s ease;
}
.learning-synthesis-tool.is-violet {
  --tool-accent:#6257e8;
  --tool-accent-2:#9958e8;
  --tool-soft:#f0edff;
  background:
    radial-gradient(circle at 94% 7%,rgba(111,86,235,.18),transparent 42%),
    linear-gradient(145deg,#fff,#f5f2ff);
}
.learning-synthesis-tool.is-orange {
  --tool-accent:#e17b3b;
  --tool-accent-2:#f0a044;
  --tool-soft:#fff1e7;
  background:
    linear-gradient(155deg,rgba(255,255,255,.99) 0 62%,rgba(255,235,216,.92) 100%),
    #fff;
}
.learning-synthesis-tool.is-blue {
  --tool-accent:#3974e9;
  --tool-accent-2:#5b9af2;
  --tool-soft:#eaf2ff;
  background:
    radial-gradient(circle at 94% 90%,rgba(57,116,233,.15),transparent 44%),
    linear-gradient(145deg,#fff,#f1f6ff);
}
.learning-synthesis-tool.is-cyan {
  --tool-accent:#109db9;
  --tool-accent-2:#25bfd0;
  --tool-soft:#e8fafe;
  background:
    linear-gradient(rgba(16,157,185,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(16,157,185,.045) 1px,transparent 1px),
    linear-gradient(145deg,#fff,#eefbfe);
  background-size:17px 17px,17px 17px,auto;
}
.learning-synthesis-tool.is-green {
  --tool-accent:#26966f;
  --tool-accent-2:#3bbd8c;
  --tool-soft:#eaf9f3;
  background:
    radial-gradient(circle at 89% 16%,rgba(38,150,111,.16),transparent 38%),
    linear-gradient(145deg,#fff,#effaf6);
}
.learning-synthesis-tool.is-gold {
  --tool-accent:#cb902a;
  --tool-accent-2:#e1b348;
  --tool-soft:#fff7e5;
  background:
    repeating-linear-gradient(135deg,rgba(203,144,42,.035) 0 5px,transparent 5px 12px),
    linear-gradient(145deg,#fff,#fff8e9);
}
.learning-synthesis-tool::before {
  content:"";
  position:absolute;
  left:0;
  top:12px;
  bottom:12px;
  width:3px;
  border-radius:0 999px 999px 0;
  background:linear-gradient(var(--tool-accent),var(--tool-accent-2));
  opacity:.86;
}
.learning-synthesis-tool.is-orange::before {
  left:12px;
  right:52%;
  top:0;
  bottom:auto;
  width:auto;
  height:3px;
  border-radius:0 0 999px 999px;
}
.learning-synthesis-tool.is-blue::before {
  left:auto;
  right:0;
  border-radius:999px 0 0 999px;
}
.learning-synthesis-tool.is-cyan::before {
  left:16%;
  right:16%;
  top:0;
  bottom:auto;
  width:auto;
  height:3px;
  border-radius:0 0 999px 999px;
}
.learning-synthesis-tool.is-green::before {
  left:14px;
  right:14px;
  top:auto;
  bottom:0;
  width:auto;
  height:3px;
  border-radius:999px 999px 0 0;
}
.learning-synthesis-tool.is-gold::before {
  left:auto;
  right:0;
  border-radius:999px 0 0 999px;
}
.learning-synthesis-tool:hover {
  transform:translateY(-2px);
  border-color:color-mix(in srgb,var(--tool-accent) 34%,#dce4f2);
  box-shadow:0 12px 24px color-mix(in srgb,var(--tool-accent) 12%,rgba(51,62,126,.08)),inset 0 1px rgba(255,255,255,.92);
}
.learning-synthesis-tool-index {
  display:grid;
  place-items:center;
  width:29px;
  height:29px;
  border-radius:9px;
  color:#fff;
  background:linear-gradient(145deg,var(--tool-accent-2),var(--tool-accent));
  box-shadow:0 7px 13px color-mix(in srgb,var(--tool-accent) 24%,transparent);
  font-size:9px;
  font-weight:900;
}
.learning-synthesis-tool-copy {
  position:relative;
  z-index:2;
  display:grid;
  align-content:start;
  gap:2px;
  min-width:0;
  padding-right:31px;
}
.learning-synthesis-tool-glyph {
  position:absolute;
  z-index:1;
  top:9px;
  right:8px;
  display:grid;
  place-items:center;
  width:37px;
  height:37px;
  border:1px solid color-mix(in srgb,var(--tool-accent) 16%,#fff);
  border-radius:12px;
  color:var(--tool-accent);
  background:color-mix(in srgb,var(--tool-soft) 78%,rgba(255,255,255,.92));
  box-shadow:inset 0 1px rgba(255,255,255,.9),0 6px 14px color-mix(in srgb,var(--tool-accent) 9%,transparent);
}
.learning-synthesis-tool-glyph svg {
  width:26px;
  height:26px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.learning-synthesis-tool.is-orange .learning-synthesis-tool-glyph,
.learning-synthesis-tool.is-cyan .learning-synthesis-tool-glyph { border-radius:50%; }
.learning-synthesis-tool.is-blue .learning-synthesis-tool-glyph { transform:rotate(-4deg); }
.learning-synthesis-tool.is-green .learning-synthesis-tool-glyph { border-radius:10px 15px 10px 15px; }
.learning-synthesis-tool.is-gold .learning-synthesis-tool-glyph { border-radius:15px 9px 15px 9px; }
.learning-synthesis-tool small {
  color:var(--tool-accent);
  font-size:7px;
  font-weight:900;
  line-height:1;
  letter-spacing:.12em;
}
.learning-synthesis-tool strong {
  overflow:hidden;
  color:#1b2d62;
  font-size:14px;
  font-weight:900;
  line-height:1.18;
  letter-spacing:-.018em;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.learning-synthesis-tool p {
  margin:1px 0 0;
  color:#687793;
  font-size:9px;
  font-weight:650;
  line-height:1.25;
}
.learning-synthesis-tech-note,
.learning-synthesis-verdict {
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  padding:9px 11px;
  border:1px solid rgba(79,70,229,.12);
  border-radius:15px;
  background:linear-gradient(105deg,rgba(238,241,255,.94),rgba(244,252,255,.9));
}
.learning-synthesis-tech-note > span {
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:35px;
  height:35px;
  border-radius:12px;
  color:#4f46e5;
  background:#fff;
  box-shadow:0 7px 16px rgba(79,70,229,.1);
}
.learning-synthesis-tech-note .geo-line-icon { width:20px;height:20px; }
.learning-synthesis-tech-note p,
.learning-synthesis-verdict p { display:grid;gap:2px;min-width:0;margin:0; }
.learning-synthesis-tech-note small,
.learning-synthesis-verdict small { color:#7a87a3;font-size:8px;font-weight:850;letter-spacing:.08em; }
.learning-synthesis-tech-note strong,
.learning-synthesis-verdict strong { color:#223464;font-size:12px;line-height:1.2;font-weight:880; }
.learning-earth-shell {
  position:relative;
  display:grid;
  place-items:center;
  min-height:0;
}
.learning-earth-shell::after {
  content:"";
  position:absolute;
  z-index:0;
  left:50%;
  bottom:5px;
  width:250px;
  height:46px;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(34,47,101,.24),transparent 67%);
  filter:blur(5px);
  transform:translateX(-50%);
}
.learning-earth-orbit {
  position:absolute;
  z-index:1;
  left:50%;
  top:50%;
  width:330px;
  height:330px;
  border:1px solid rgba(79,70,229,.19);
  border-radius:50%;
  transform:translate(-50%,-50%) rotate(-14deg) scaleY(.42);
  box-shadow:0 0 28px rgba(79,70,229,.07);
}
.learning-earth-orbit::before,
.learning-earth-orbit::after {
  content:"";
  position:absolute;
  top:50%;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#4f46e5;
  box-shadow:0 0 0 5px rgba(79,70,229,.1),0 0 18px rgba(79,70,229,.55);
}
.learning-earth-orbit::before { left:1px; }
.learning-earth-orbit::after { right:1px;background:#20a47d;box-shadow:0 0 0 5px rgba(31,157,114,.1),0 0 18px rgba(31,157,114,.5); }
.learning-earth-frame {
  position:relative;
  z-index:3;
  width:286px;
  height:286px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.9);
  border-radius:50%;
  background:#93b9db;
  box-shadow:
    -26px 26px 45px rgba(20,38,89,.23),
    0 0 0 10px rgba(255,255,255,.5),
    0 0 0 11px rgba(79,70,229,.105),
    0 0 68px rgba(73,101,227,.22),
    inset -26px -8px 42px rgba(3,15,47,.34);
}
.learning-earth-surface,
.learning-earth-clouds,
.learning-earth-shade {
  position:absolute;
  inset:0;
  border-radius:inherit;
}
.learning-earth-surface {
  z-index:1;
  background-image:url("assets/earth.jpg");
  background-repeat:repeat-x;
  background-position:0 50%;
  background-size:auto 100%;
  filter:saturate(1.1) contrast(1.04) brightness(1.06);
}
.learning-earth-clouds {
  z-index:2;
  opacity:.34;
  background-image:url("assets/earth-clouds.png");
  background-repeat:no-repeat;
  background-position:47% 50%;
  background-size:auto 100%;
  mix-blend-mode:screen;
}
.learning-earth-shade {
  z-index:3;
  background:
    radial-gradient(circle at 32% 24%,rgba(255,255,255,.28),transparent 23%),
    radial-gradient(circle at 37% 42%,transparent 45%,rgba(5,20,54,.45) 82%,rgba(3,13,39,.66) 100%);
  box-shadow:inset 16px 7px 24px rgba(255,255,255,.13),inset -24px -10px 38px rgba(4,14,43,.24);
}
.learning-world-signal {
  position:absolute;
  z-index:5;
  display:grid;
  place-items:center;
  min-height:28px;
  padding:5px 10px;
  border:1px solid rgba(255,255,255,.9);
  border-radius:999px;
  color:#31426e;
  background:rgba(255,255,255,.84);
  box-shadow:0 8px 20px rgba(39,54,114,.12);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  font-size:10px;
  font-weight:850;
  white-space:nowrap;
}
.learning-world-signal::before {
  content:"";
  width:6px;
  height:6px;
  margin-right:6px;
  border-radius:50%;
  background:#4f46e5;
  box-shadow:0 0 0 4px rgba(79,70,229,.1);
}
.learning-world-signal { grid-auto-flow:column; }
.learning-world-signal.is-space { left:0;top:20px; }
.learning-world-signal.is-process { right:0;top:54px; }
.learning-world-signal.is-data { left:3px;bottom:42px; }
.learning-world-signal.is-decision { right:0;bottom:13px; }
.learning-world-signal.is-process::before { background:#0ea5c8;box-shadow:0 0 0 4px rgba(14,165,200,.1); }
.learning-world-signal.is-data::before { background:#1f9d72;box-shadow:0 0 0 4px rgba(31,157,114,.1); }
.learning-world-signal.is-decision::before { background:#d99a2b;box-shadow:0 0 0 4px rgba(217,154,43,.1); }
.learning-synthesis-proof {
  position:relative;
  z-index:6;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:"eyebrow result" "formula result";
  align-items:center;
  column-gap:12px;
  min-width:0;
  padding:10px 12px 10px 14px;
  border:1px solid rgba(79,70,229,.15);
  border-radius:17px;
  background:rgba(255,255,255,.82);
  box-shadow:0 13px 30px rgba(39,54,114,.105),inset 0 1px rgba(255,255,255,.92);
  -webkit-backdrop-filter:blur(18px) saturate(130%);
  backdrop-filter:blur(18px) saturate(130%);
}
.learning-synthesis-proof > small { grid-area:eyebrow;color:#7785a1;font-size:8px;font-weight:850;letter-spacing:.08em; }
.learning-synthesis-proof > strong { grid-area:formula;display:flex;align-items:center;gap:6px;color:#22366c;font-size:19px;line-height:1.1;font-weight:930; }
.learning-synthesis-proof > strong b { color:#4f46e5; }
.learning-synthesis-proof > strong b:nth-of-type(2) { color:#0d94b2; }
.learning-synthesis-proof > strong b:nth-of-type(3) { color:#198d68; }
.learning-synthesis-proof > strong i { color:#a5afc5;font-style:normal;font-size:13px; }
.learning-synthesis-proof > em {
  grid-area:result;
  display:grid;
  place-items:center;
  min-height:50px;
  padding:8px 11px;
  border-radius:13px;
  color:#fff;
  background:linear-gradient(135deg,#4f46e5,#0ea5c8 58%,#1f9d72);
  box-shadow:0 10px 22px rgba(64,76,191,.21);
  font-size:12px;
  font-style:normal;
  font-weight:900;
  text-align:center;
}
.learning-synthesis-competency-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-rows:repeat(2,minmax(0,1fr));
  gap:9px;
  min-height:0;
}
.learning-synthesis-competency {
  --competency:#4f46e5;
  position:relative;
  display:grid;
  align-content:space-between;
  gap:10px;
  min-width:0;
  overflow:hidden;
  padding:13px;
  border:1px solid color-mix(in srgb,var(--competency) 18%,#dce3f2);
  border-radius:17px;
  background:linear-gradient(145deg,rgba(255,255,255,.98),color-mix(in srgb,var(--competency) 6%,#fff));
  box-shadow:0 8px 21px rgba(39,54,114,.07),inset 0 1px rgba(255,255,255,.9);
  transition:border-color .24s ease,box-shadow .24s ease,transform .24s ease;
}
.learning-synthesis-competency::after {
  content:attr(data-learning-competency);
  position:absolute;
  right:-4px;
  bottom:-9px;
  color:color-mix(in srgb,var(--competency) 6%,transparent);
  font-size:32px;
  line-height:1;
  font-weight:950;
  white-space:nowrap;
  pointer-events:none;
}
.learning-synthesis-competency:hover { transform:translateY(-2px);border-color:color-mix(in srgb,var(--competency) 34%,#dce3f2);box-shadow:0 13px 26px rgba(39,54,114,.12); }
.learning-synthesis-competency.is-cyan { --competency:#0e9cbd; }
.learning-synthesis-competency.is-green { --competency:#1d9870; }
.learning-synthesis-competency.is-gold { --competency:#d19124; }
.learning-synthesis-competency > span {
  position:relative;
  z-index:2;
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:13px;
  color:var(--competency);
  background:color-mix(in srgb,var(--competency) 9%,#fff);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--competency) 13%,transparent);
}
.learning-synthesis-competency .geo-line-icon { width:21px;height:21px; }
.learning-synthesis-competency > div { position:relative;z-index:2;display:grid;gap:4px; }
.learning-synthesis-competency strong { color:#203263;font-size:17px;line-height:1.15;font-weight:920; }
.learning-synthesis-competency p { margin:0;color:#697894;font-size:10px;line-height:1.38;font-weight:650; }
.learning-synthesis-verdict {
  border-color:rgba(31,157,114,.17);
  background:linear-gradient(105deg,rgba(234,250,245,.95),rgba(246,252,255,.92));
}
.learning-synthesis-verdict > i {
  position:relative;
  flex:0 0 auto;
  width:35px;
  height:35px;
  border-radius:12px;
  background:linear-gradient(145deg,#24aa7e,#168d67);
  box-shadow:0 8px 18px rgba(31,157,114,.21);
}
.learning-synthesis-verdict > i::before {
  content:"";
  position:absolute;
  left:10px;
  top:8px;
  width:13px;
  height:8px;
  border-left:3px solid #fff;
  border-bottom:3px solid #fff;
  transform:rotate(-45deg);
}
.learning-synthesis-delivery {
  position:relative;
  display:grid;
  grid-template-columns:350px minmax(0,1fr) 224px;
  align-items:center;
  gap:15px;
  min-width:0;
  overflow:hidden;
  padding:10px 13px 10px 16px;
  border:1px solid rgba(79,70,229,.14);
  border-radius:20px;
  background:rgba(255,255,255,.84);
  box-shadow:0 14px 34px rgba(39,54,114,.11),inset 0 1px rgba(255,255,255,.92);
  -webkit-backdrop-filter:blur(18px) saturate(125%);
  backdrop-filter:blur(18px) saturate(125%);
}
.learning-synthesis-delivery::before {
  content:"";
  position:absolute;
  left:0;
  top:11px;
  bottom:11px;
  width:4px;
  border-radius:0 999px 999px 0;
  background:linear-gradient(#4f46e5,#0ea5c8,#1f9d72);
}
.learning-synthesis-delivery-copy { display:grid;gap:2px;min-width:0; }
.learning-synthesis-delivery-copy span { color:#5e5bd0;font-size:9px;font-weight:900;letter-spacing:.12em; }
.learning-synthesis-delivery-copy strong { overflow:hidden;color:#1d3063;font-size:15px;line-height:1.18;font-weight:900;text-overflow:ellipsis;white-space:nowrap; }
.learning-synthesis-deliverables { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;min-width:0; }
.learning-synthesis-deliverables b {
  display:grid;
  place-items:center;
  min-width:0;
  min-height:38px;
  padding:7px 6px;
  border:1px solid rgba(79,70,229,.12);
  border-radius:12px;
  color:#334676;
  background:linear-gradient(145deg,#fff,#f2f5ff);
  box-shadow:0 5px 12px rgba(39,54,114,.055);
  font-size:11px;
  font-weight:850;
  text-align:center;
}
.learning-synthesis-delivery-status {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:42px;
  padding:8px 10px;
  border-radius:13px;
  color:#fff;
  background:linear-gradient(120deg,#4f46e5,#168cae 52%,#1f9d72);
  box-shadow:0 10px 24px rgba(52,84,159,.2);
}
.learning-synthesis-delivery-status i {
  width:8px;
  height:8px;
  border:2px solid rgba(255,255,255,.55);
  border-radius:50%;
  background:#fff;
  box-shadow:0 0 0 5px rgba(255,255,255,.12),0 0 15px rgba(255,255,255,.5);
}
.learning-synthesis-delivery-status span { font-size:11px;font-weight:900;white-space:nowrap; }
.slide.active .learning-synthesis-stage { animation:learning-synthesis-stage-in .62s cubic-bezier(.18,.82,.2,1) both; }
.slide.active .learning-synthesis-tool,
.slide.active .learning-synthesis-competency { animation:learning-synthesis-card-in .46s cubic-bezier(.18,.82,.2,1) both;animation-delay:calc(.15s + var(--i,0) * 55ms); }
.slide.active .learning-synthesis-delivery { animation:learning-synthesis-delivery-in .5s .34s cubic-bezier(.18,.82,.2,1) both; }
.slide.active .learning-earth-surface { animation:learning-synthesis-earth-turn 28s linear infinite; }
.slide:not(.active) .learning-earth-surface { animation-play-state:paused !important; }

@keyframes learning-synthesis-stage-in { from { opacity:0;transform:translateY(18px) scale(.988); } to { opacity:1;transform:none; } }
@keyframes learning-synthesis-card-in { from { opacity:0;transform:translateY(12px); } to { opacity:1;transform:none; } }
@keyframes learning-synthesis-delivery-in { from { opacity:0;transform:translateY(12px); } to { opacity:1;transform:none; } }
@keyframes learning-synthesis-earth-turn { to { background-position:-286px 50%; } }

@media (max-width:1380px), (max-height:790px) {
  .learning-synthesis-stage { grid-template-columns:minmax(0,1.02fr) minmax(0,1.12fr) minmax(0,.98fr);gap:12px;padding:13px; }
  .learning-synthesis-lane { padding:10px;grid-template-rows:41px minmax(0,1fr) 56px;gap:8px; }
  .learning-synthesis-world { grid-template-rows:41px minmax(0,1fr) 74px;padding:10px 5px 7px; }
  .learning-synthesis-lane-head > span,.learning-synthesis-world-head > span { width:34px;height:34px;border-radius:11px; }
  .learning-synthesis-lane-head b,.learning-synthesis-world-head b { font-size:15px; }
  .learning-synthesis-tool { grid-template-columns:24px minmax(0,1fr);gap:6px;padding:8px 7px; }
  .learning-synthesis-tool-index { width:24px;height:24px;border-radius:8px;font-size:8px; }
  .learning-synthesis-tool-copy { padding-right:27px; }
  .learning-synthesis-tool-glyph { top:7px;right:6px;width:31px;height:31px;border-radius:10px; }
  .learning-synthesis-tool-glyph svg { width:21px;height:21px; }
  .learning-synthesis-tool strong { font-size:12px; }
  .learning-synthesis-tool p { font-size:8px; }
  .learning-earth-frame { width:250px;height:250px; }
  .learning-earth-orbit { width:294px;height:294px; }
  .learning-world-signal { min-height:25px;padding:4px 8px;font-size:8px; }
  .learning-synthesis-competency { padding:10px; }
  .learning-synthesis-competency > span { width:34px;height:34px;border-radius:11px; }
  .learning-synthesis-competency strong { font-size:14px; }
  .learning-synthesis-competency p { font-size:8px; }
  .learning-synthesis-tech-note strong,.learning-synthesis-verdict strong { font-size:10px; }
  .learning-synthesis-proof > strong { font-size:16px; }
  .learning-synthesis-proof > em { font-size:10px; }
  .learning-synthesis-delivery { grid-template-columns:300px minmax(0,1fr) 195px;gap:10px; }
  .learning-synthesis-delivery-copy strong { font-size:13px; }
  .learning-synthesis-deliverables b,.learning-synthesis-delivery-status span { font-size:9px; }
  @keyframes learning-synthesis-earth-turn { to { background-position:-250px 50%; } }
}

@media (prefers-reduced-motion:reduce) {
  .slide.active .learning-synthesis-stage,
  .slide.active .learning-synthesis-tool,
  .slide.active .learning-synthesis-competency,
  .slide.active .learning-synthesis-delivery,
  .slide.active .learning-earth-surface { animation:none !important;opacity:1 !important;transform:none !important; }
  .learning-synthesis-tool,
  .learning-synthesis-competency { transition:none !important; }
  .learning-synthesis-tool:hover,
  .learning-synthesis-competency:hover { transform:none !important; }
}

/* Page 28: the first hands-on courseware target, designed as a bright geography observatory. */
.workshop-target-slide {
  background:
    radial-gradient(circle at 13% 82%,rgba(27,140,180,.09),transparent 28%),
    radial-gradient(circle at 88% 16%,rgba(66,91,203,.09),transparent 27%),
    linear-gradient(135deg,#ffffff 0%,#f8fbff 56%,#f5faff 100%);
}
.workshop-target-slide .slide-head h2.is-long {
  margin-top:-2px;
  font-size:43px;
  letter-spacing:-.038em;
}
.workshop-target-slide .slide-head p { color:#5d708c; }
.workshop-target-content {
  position:relative;
  z-index:3;
  height:650px;
  padding-top:18px;
}
.workshop-target-stage {
  display:grid;
  grid-template-columns:minmax(0,1.27fr) minmax(470px,.73fr);
  gap:18px;
  height:100%;
  min-height:0;
}
.workshop-target-preview,
.workshop-target-guide {
  position:relative;
  min-width:0;
  min-height:0;
  overflow:hidden;
  border:1px solid rgba(38,83,154,.15);
  border-radius:30px;
  box-shadow:0 22px 58px rgba(26,56,105,.12),inset 0 1px rgba(255,255,255,.92);
}
.workshop-target-preview {
  display:grid;
  grid-template-rows:58px minmax(0,1fr) 51px;
  background:
    radial-gradient(circle at 49% 48%,rgba(39,118,190,.13),transparent 39%),
    linear-gradient(150deg,rgba(255,255,255,.98),rgba(239,247,255,.96));
}
.workshop-target-preview::before {
  content:"";
  position:absolute;
  z-index:5;
  left:0;
  right:0;
  top:0;
  height:4px;
  background:linear-gradient(90deg,#0f56e8,#22a8ce 58%,#d4a239);
}
.workshop-target-preview-head,
.workshop-target-preview-foot {
  position:relative;
  z-index:12;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  padding:0 22px;
  color:#5a6f8c;
  background:rgba(255,255,255,.68);
  -webkit-backdrop-filter:blur(16px) saturate(126%);
  backdrop-filter:blur(16px) saturate(126%);
}
.workshop-target-preview-head { border-bottom:1px solid rgba(43,83,145,.1); }
.workshop-target-preview-head > span {
  display:flex;
  align-items:center;
  gap:10px;
  color:#203a68;
  font-size:16px;
  font-weight:900;
}
.workshop-target-preview-head > span i {
  width:9px;
  height:9px;
  border-radius:50%;
  background:#1aa67b;
  box-shadow:0 0 0 6px rgba(26,166,123,.1),0 0 16px rgba(26,166,123,.48);
}
.workshop-target-preview-head > strong {
  padding:7px 11px;
  border:1px solid rgba(28,107,171,.13);
  border-radius:999px;
  color:#3c638c;
  background:rgba(245,250,255,.86);
  font-size:11px;
  font-weight:850;
  letter-spacing:.04em;
}
.workshop-target-space {
  position:relative;
  min-height:0;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(ellipse at 49% 50%,rgba(8,58,112,.13),rgba(42,130,186,.045) 42%,transparent 68%),
    linear-gradient(180deg,rgba(241,249,255,.72),rgba(229,242,252,.6));
}
.workshop-target-space::before,
.workshop-target-space::after {
  content:"";
  position:absolute;
  z-index:-1;
  left:50%;
  top:50%;
  border:1px solid rgba(38,111,176,.13);
  border-radius:50%;
  transform:translate(-50%,-50%) rotate(-12deg);
}
.workshop-target-space::before { width:590px;height:405px; }
.workshop-target-space::after { width:720px;height:500px;border-style:dashed;opacity:.54; }
.workshop-target-starfield {
  position:absolute;
  inset:0;
  z-index:-2;
  opacity:.34;
  background-image:radial-gradient(circle,rgba(22,89,151,.32) 1px,transparent 1.2px);
  background-size:33px 33px;
  -webkit-mask-image:radial-gradient(circle at 50% 50%,#000,transparent 73%);
  mask-image:radial-gradient(circle at 50% 50%,#000,transparent 73%);
}
.workshop-target-sun {
  position:absolute;
  z-index:3;
  left:5.5%;
  top:46%;
  width:68px;
  height:68px;
  border:1px solid rgba(255,224,147,.95);
  border-radius:50%;
  background:radial-gradient(circle at 34% 31%,#fff8d1 0 8%,#ffd166 29%,#edaa33 67%,#ca7619 100%);
  box-shadow:0 0 0 12px rgba(235,170,61,.09),0 0 48px rgba(235,170,61,.5);
  transform:translateY(-50%);
}
.workshop-target-sun i {
  position:absolute;
  inset:-17px;
  border:1px solid rgba(229,163,48,.23);
  border-radius:50%;
}
.workshop-target-rays {
  position:absolute;
  z-index:2;
  left:11.5%;
  top:46%;
  width:41%;
  height:136px;
  transform:translateY(-50%);
  pointer-events:none;
}
.workshop-target-rays::before {
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:100%;
  height:2px;
  background:linear-gradient(90deg,rgba(229,163,48,.7),rgba(229,163,48,.2),transparent);
}
.workshop-target-rays i {
  position:absolute;
  left:0;
  width:100%;
  height:1px;
  background:linear-gradient(90deg,rgba(229,163,48,.42),rgba(229,163,48,.13),transparent);
}
.workshop-target-rays i:first-child { top:15%;transform:rotate(-8deg);transform-origin:left center; }
.workshop-target-rays i:nth-child(2) { top:50%; }
.workshop-target-rays i:last-child { bottom:15%;transform:rotate(8deg);transform-origin:left center; }
.workshop-target-orbit {
  position:absolute;
  z-index:1;
  left:50%;
  top:50%;
  width:520px;
  height:390px;
  border:1px solid rgba(35,113,178,.2);
  border-radius:50%;
  transform:translate(-50%,-50%) rotate(-13deg);
  box-shadow:0 0 0 17px rgba(38,118,185,.025);
}
.workshop-target-orbit::after {
  content:"";
  position:absolute;
  right:8%;
  bottom:8%;
  width:9px;
  height:9px;
  border-radius:50%;
  background:#1ba77d;
  box-shadow:0 0 0 6px rgba(27,167,125,.1),0 0 18px rgba(27,167,125,.48);
}
.workshop-target-earth {
  position:absolute;
  z-index:6;
  left:50%;
  top:50%;
  width:390px;
  height:390px;
  overflow:hidden;
  border:1px solid rgba(143,218,255,.42);
  border-radius:50%;
  background:#092e55;
  box-shadow:
    0 0 0 10px rgba(56,153,207,.055),
    0 0 44px rgba(49,150,206,.26),
    0 38px 72px rgba(9,38,77,.27),
    inset 18px 0 35px rgba(116,213,255,.12),
    inset -35px -5px 60px rgba(2,8,20,.38);
  transform:translate(-50%,-50%);
  isolation:isolate;
}
.workshop-target-earth-surface,
.workshop-target-earth-clouds,
.workshop-target-terminator,
.workshop-target-graticule { position:absolute;inset:0;border-radius:50%; }
.workshop-target-earth-surface {
  z-index:1;
  background:#0a315c url("assets/earth.jpg") 15% 50%/auto 100% repeat-x;
  filter:saturate(1.08) contrast(1.05) brightness(1.08);
}
.workshop-target-earth-clouds {
  z-index:2;
  background:url("assets/earth-clouds.png") 58% 50%/auto 101% repeat-x;
  opacity:.48;
  mix-blend-mode:screen;
}
.workshop-target-terminator {
  z-index:3;
  inset:-10%;
  background:radial-gradient(ellipse 76% 108% at 27% 48%,transparent 0 48%,rgba(255,231,170,.54) 48.7%,rgba(12,24,45,.22) 50%,rgba(3,8,20,.85) 72%,rgba(1,4,13,.94) 100%);
  transform:rotate(-9deg);
  pointer-events:none;
}
.workshop-target-graticule {
  z-index:4;
  width:100%;
  height:100%;
  opacity:.66;
  filter:drop-shadow(0 0 3px rgba(45,178,224,.22));
  pointer-events:none;
}
.workshop-target-graticule ellipse { fill:none;stroke:rgba(221,244,255,.72);stroke-width:.65; }
.workshop-target-graticule ellipse.major { stroke:#f4d78f;stroke-width:1.45; }
.workshop-target-earth::after {
  content:"";
  position:absolute;
  z-index:8;
  inset:0;
  border:2px solid rgba(144,222,255,.22);
  border-radius:inherit;
  box-shadow:inset 14px 0 22px rgba(120,219,255,.1),inset -18px 0 26px rgba(0,4,15,.38);
  pointer-events:none;
}
.workshop-target-city {
  position:absolute;
  z-index:7;
  display:flex;
  align-items:center;
  gap:5px;
  padding:5px 8px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:999px;
  color:#fff;
  background:rgba(7,31,60,.72);
  box-shadow:0 5px 13px rgba(0,10,26,.3);
  font-size:10px;
  font-weight:850;
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
}
.workshop-target-city > i { width:6px;height:6px;border-radius:50%;background:#ffd069;box-shadow:0 0 0 4px rgba(255,208,105,.16),0 0 11px #ffd069; }
.workshop-target-city.city-beijing { left:60%;top:34%; }
.workshop-target-city.city-london { left:34%;top:26%; }
.workshop-target-callout {
  position:absolute;
  z-index:9;
  min-width:88px;
  padding:8px 13px;
  border:1px solid rgba(30,93,154,.14);
  border-radius:999px;
  color:#24517d;
  background:rgba(255,255,255,.88);
  box-shadow:0 10px 24px rgba(18,55,98,.1);
  font-size:12px;
  font-weight:850;
  text-align:center;
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}
.workshop-target-callout::after {
  content:"";
  position:absolute;
  height:1px;
  background:linear-gradient(90deg,rgba(36,102,164,.5),transparent);
  transform-origin:left center;
}
.workshop-target-callout.is-grid { left:14%;top:14%; }
.workshop-target-callout.is-grid::after { left:90%;top:78%;width:90px;transform:rotate(26deg); }
.workshop-target-callout.is-terminator { right:9%;top:18%;color:#8d6520; }
.workshop-target-callout.is-terminator::after { right:90%;top:78%;width:80px;background:linear-gradient(90deg,transparent,rgba(186,132,34,.55));transform:rotate(-25deg);transform-origin:right center; }
.workshop-target-callout.is-daynight { right:8%;bottom:14%;color:#13785e; }
.workshop-target-callout.is-daynight::after { right:88%;top:22%;width:86px;background:linear-gradient(90deg,transparent,rgba(19,120,94,.5));transform:rotate(27deg);transform-origin:right center; }
.workshop-target-preview-foot {
  justify-content:flex-start;
  border-top:1px solid rgba(43,83,145,.1);
  font-size:12px;
  font-weight:780;
}
.workshop-target-preview-foot span {
  display:flex;
  align-items:center;
  gap:8px;
  padding-right:16px;
  border-right:1px solid rgba(43,83,145,.13);
}
.workshop-target-preview-foot span:last-child { border-right:0; }
.workshop-target-preview-foot span:first-child { color:#185d91; }
.workshop-target-preview-foot span:first-child i { width:7px;height:7px;border-radius:50%;background:#21a8cf;box-shadow:0 0 0 5px rgba(33,168,207,.1); }
.workshop-target-guide {
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  gap:14px;
  padding:22px;
  background:
    radial-gradient(circle at 100% 0,rgba(69,91,205,.09),transparent 35%),
    linear-gradient(155deg,rgba(255,255,255,.98),rgba(245,249,255,.96));
}
.workshop-target-guide::before {
  content:"";
  position:absolute;
  right:-58px;
  bottom:-72px;
  width:210px;
  height:210px;
  border:1px solid rgba(40,98,170,.08);
  border-radius:50%;
  box-shadow:0 0 0 28px rgba(40,98,170,.025),0 0 0 56px rgba(40,98,170,.018);
}
.workshop-target-guide-head {
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:76px minmax(0,1fr);
  align-items:center;
  gap:15px;
  min-height:76px;
  padding-bottom:14px;
  border-bottom:1px solid rgba(43,83,145,.12);
}
.workshop-target-guide-head > span {
  display:flex;
  align-items:baseline;
  justify-content:center;
  gap:3px;
  min-height:58px;
  padding:8px;
  border:1px solid rgba(15,86,232,.18);
  border-radius:19px;
  color:#fff;
  background:linear-gradient(145deg,#0f56e8,#365fca 54%,#20a3c6);
  box-shadow:0 12px 25px rgba(32,87,181,.22),inset 0 1px rgba(255,255,255,.3);
  font-size:29px;
  font-weight:950;
  letter-spacing:-.05em;
}
.workshop-target-guide-head > span small { font-size:10px;letter-spacing:.08em; }
.workshop-target-guide-head > div { display:grid;gap:4px; }
.workshop-target-guide-head > div small { color:#5575a3;font-size:11px;font-weight:900;letter-spacing:.12em; }
.workshop-target-guide-head > div strong { color:#142d5e;font-size:21px;line-height:1.28;font-weight:930; }
.workshop-target-feature-list {
  position:relative;
  z-index:2;
  display:grid;
  align-content:center;
  gap:10px;
  min-height:0;
}
.workshop-target-flow-rail {
  position:absolute;
  z-index:5;
  left:-13px;
  top:35px;
  bottom:35px;
  width:18px;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 2%,#2d78e8 0 3px,rgba(45,120,232,.18) 3.5px 7px,transparent 7.5px),
    radial-gradient(circle at 50% 34%,#16a0c1 0 3px,rgba(22,160,193,.17) 3.5px 7px,transparent 7.5px),
    radial-gradient(circle at 50% 66%,#6b4ed4 0 3px,rgba(107,78,212,.17) 3.5px 7px,transparent 7.5px),
    radial-gradient(circle at 50% 98%,#d09127 0 3px,rgba(208,145,39,.17) 3.5px 7px,transparent 7.5px);
}
.workshop-target-flow-rail::before {
  content:"";
  position:absolute;
  left:8px;
  top:4px;
  bottom:4px;
  width:2px;
  border-radius:999px;
  background:linear-gradient(180deg,rgba(45,120,232,.36),rgba(22,160,193,.3) 34%,rgba(107,78,212,.3) 67%,rgba(208,145,39,.36));
  box-shadow:0 0 8px rgba(60,118,205,.13);
}
.workshop-target-flow-rail::after {
  content:"";
  position:absolute;
  left:5px;
  bottom:-7px;
  width:7px;
  height:7px;
  border-right:2px solid rgba(208,145,39,.72);
  border-bottom:2px solid rgba(208,145,39,.72);
  transform:rotate(45deg);
}
.workshop-target-flow-rail > i,
.workshop-target-flow-rail > span {
  position:absolute;
  z-index:2;
  left:50%;
  top:2%;
  display:block;
  pointer-events:none;
  transform:translate(-50%,-50%);
}
.workshop-target-flow-rail > i {
  width:12px;
  height:42px;
  border-radius:999px;
  opacity:0;
  background:linear-gradient(180deg,transparent,rgba(255,255,255,.88),rgba(47,136,234,.68),transparent);
  filter:blur(2px);
}
.workshop-target-flow-rail > span {
  width:10px;
  height:10px;
  border:2px solid rgba(255,255,255,.9);
  border-radius:50%;
  opacity:0;
  background:#2f88ea;
  box-shadow:0 0 0 5px rgba(47,136,234,.13),0 0 16px rgba(47,136,234,.7);
}
.workshop-target-feature {
  --feature:#0f56e8;
  position:relative;
  display:grid;
  grid-template-columns:30px 48px minmax(0,1fr) 24px;
  align-items:center;
  gap:11px;
  min-height:82px;
  padding:10px 12px;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--feature) 17%,#dce5ef);
  border-radius:18px;
  background:linear-gradient(105deg,color-mix(in srgb,var(--feature) 7%,#fff),rgba(255,255,255,.96) 58%);
  box-shadow:0 9px 22px color-mix(in srgb,var(--feature) 8%,rgba(22,54,99,.06));
}
.workshop-target-feature::after {
  content:"";
  position:absolute;
  z-index:1;
  left:-28%;
  top:-24%;
  width:21%;
  height:148%;
  opacity:0;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--feature) 24%,rgba(255,255,255,.84)),rgba(255,255,255,.92),transparent);
  filter:blur(.2px);
  transform:skewX(-18deg);
}
.workshop-target-feature > b,
.workshop-target-feature > span,
.workshop-target-feature > div,
.workshop-target-feature > i { position:relative;z-index:2; }
.workshop-target-feature:nth-child(even) { margin-left:18px; }
.workshop-target-feature::before {
  content:"";
  position:absolute;
  left:0;
  top:11px;
  bottom:11px;
  width:4px;
  border-radius:0 999px 999px 0;
  background:var(--feature);
}
.workshop-target-feature.is-cyan { --feature:#159bbd; }
.workshop-target-feature.is-violet { --feature:#6b4ed4; }
.workshop-target-feature.is-gold { --feature:#d09127; }
.workshop-target-feature > b { color:color-mix(in srgb,var(--feature) 55%,#9db0c6);font-size:11px;font-weight:950; }
.workshop-target-feature > span {
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border-radius:14px;
  color:var(--feature);
  background:color-mix(in srgb,var(--feature) 9%,#fff);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--feature) 13%,transparent);
}
.workshop-target-feature .geo-line-icon { width:24px;height:24px; }
.workshop-target-feature > div { display:grid;gap:3px;min-width:0; }
.workshop-target-feature > div strong { color:#1a3262;font-size:19px;line-height:1.18;font-weight:920; }
.workshop-target-feature > div p { margin:0;color:#60728d;font-size:13px;line-height:1.35;font-weight:680; }
.workshop-target-feature > i {
  position:relative;
  width:22px;
  height:22px;
  border-radius:50%;
  background:color-mix(in srgb,var(--feature) 11%,#fff);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--feature) 18%,transparent);
}
.workshop-target-feature > i::before {
  content:"";
  position:absolute;
  left:6px;
  top:5px;
  width:8px;
  height:5px;
  border-left:2px solid var(--feature);
  border-bottom:2px solid var(--feature);
  transform:rotate(-45deg);
}
.workshop-target-route {
  position:relative;
  z-index:2;
  display:grid;
  gap:9px;
  padding:13px 14px;
  border:1px solid rgba(35,95,158,.13);
  border-radius:18px;
  background:rgba(240,247,255,.78);
}
.workshop-target-route > span { color:#3f628c;font-size:10px;font-weight:900;letter-spacing:.12em; }
.workshop-target-route > div { display:flex;align-items:center;justify-content:space-between;gap:5px; }
.workshop-target-route b { display:flex;align-items:center;gap:5px;color:#234467;font-size:11px;font-weight:850;white-space:nowrap; }
.workshop-target-route b i { display:grid;place-items:center;width:20px;height:20px;border-radius:7px;color:#fff;background:#3768b6;font-size:8px;font-style:normal; }
.workshop-target-route em { color:#8aa2bd;font-size:13px;font-style:normal;font-weight:850; }
.slide.active .workshop-target-preview { animation:workshop-target-preview-in .62s cubic-bezier(.18,.82,.2,1) both; }
.slide.active .workshop-target-guide { animation:workshop-target-guide-in .62s .07s cubic-bezier(.18,.82,.2,1) both; }
.slide.active .workshop-target-feature { animation:workshop-target-feature-in .44s cubic-bezier(.18,.82,.2,1) both;animation-delay:calc(.2s + var(--i,0) * 65ms); }
.slide.active .workshop-target-flow-rail > i { animation:workshop-target-flow-trail 6.8s 1.1s cubic-bezier(.42,0,.32,1) infinite; }
.slide.active .workshop-target-flow-rail > span { animation:workshop-target-flow-rail 6.8s 1.1s cubic-bezier(.42,0,.32,1) infinite; }
.slide.active .workshop-target-feature::after { animation:workshop-target-card-handoff 6.8s ease-in-out infinite;animation-delay:calc(.08s + var(--i,0) * 1.08s); }
.slide.active .workshop-target-feature > span { animation:workshop-target-icon-handoff 6.8s ease-in-out infinite;animation-delay:calc(.08s + var(--i,0) * 1.08s); }
.slide.active .workshop-target-feature > b { animation:workshop-target-number-handoff 6.8s ease-in-out infinite;animation-delay:calc(.08s + var(--i,0) * 1.08s); }
.slide.active .workshop-target-feature > i { animation:workshop-target-check-handoff 6.8s ease-in-out infinite;animation-delay:calc(.08s + var(--i,0) * 1.08s); }
.slide.active .workshop-target-earth-surface { animation:workshop-target-earth-turn 26s linear infinite; }
.slide.active .workshop-target-earth-clouds { animation:workshop-target-cloud-turn 34s linear infinite reverse; }
.slide.active .workshop-target-sun { animation:workshop-target-sun-breathe 4.4s ease-in-out infinite; }
.slide.active .workshop-target-rays { animation:workshop-target-rays-breathe 3.8s ease-in-out infinite; }
.slide.active .workshop-target-orbit::after { animation:workshop-target-orbit-signal 2.8s ease-in-out infinite; }
.slide.active .workshop-target-city > i { animation:workshop-target-city-pulse 2.4s ease-in-out infinite; }
.slide:not(.active) .workshop-target-earth-surface,
.slide:not(.active) .workshop-target-earth-clouds,
.slide:not(.active) .workshop-target-sun,
.slide:not(.active) .workshop-target-rays,
.slide:not(.active) .workshop-target-orbit::after,
.slide:not(.active) .workshop-target-city > i { animation-play-state:paused !important; }

@keyframes workshop-target-preview-in { from { opacity:0;transform:translateX(-24px) scale(.987); } to { opacity:1;transform:none; } }
@keyframes workshop-target-guide-in { from { opacity:0;transform:translateX(24px) scale(.987); } to { opacity:1;transform:none; } }
@keyframes workshop-target-feature-in { from { opacity:0;transform:translateY(12px); } to { opacity:1;transform:none; } }
@keyframes workshop-target-flow-rail {
  0% { top:2%;opacity:0;background:#2f88ea;box-shadow:0 0 0 5px rgba(47,136,234,.13),0 0 16px rgba(47,136,234,.7); }
  5% { opacity:1; }
  27% { background:#16a0c1;box-shadow:0 0 0 6px rgba(22,160,193,.12),0 0 18px rgba(22,160,193,.72); }
  50% { background:#6b4ed4;box-shadow:0 0 0 6px rgba(107,78,212,.12),0 0 18px rgba(107,78,212,.7); }
  68% { top:98%;opacity:1;background:#d09127;box-shadow:0 0 0 6px rgba(208,145,39,.12),0 0 18px rgba(208,145,39,.72); }
  76%,100% { top:98%;opacity:0; }
}
@keyframes workshop-target-flow-trail {
  0% { top:2%;opacity:0; }
  5% { opacity:.72; }
  68% { top:98%;opacity:.72; }
  76%,100% { top:98%;opacity:0; }
}
@keyframes workshop-target-card-handoff {
  0% { left:-28%;opacity:0; }
  3% { opacity:.15; }
  8% { opacity:.82; }
  16% { left:112%;opacity:0; }
  100% { left:112%;opacity:0; }
}
@keyframes workshop-target-icon-handoff {
  0%,19%,100% { transform:none;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--feature) 13%,transparent); }
  7%,12% { transform:translateY(-2px) scale(1.08);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--feature) 28%,transparent),0 8px 20px color-mix(in srgb,var(--feature) 23%,transparent),0 0 0 6px color-mix(in srgb,var(--feature) 7%,transparent); }
}
@keyframes workshop-target-number-handoff {
  0%,19%,100% { color:color-mix(in srgb,var(--feature) 55%,#9db0c6);transform:none; }
  7%,12% { color:var(--feature);transform:scale(1.12); }
}
@keyframes workshop-target-check-handoff {
  0%,19%,100% { transform:none;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--feature) 18%,transparent); }
  7%,12% { transform:scale(1.14);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--feature) 32%,transparent),0 0 0 6px color-mix(in srgb,var(--feature) 9%,transparent),0 0 16px color-mix(in srgb,var(--feature) 33%,transparent); }
}
@keyframes workshop-target-earth-turn { to { background-position:-390px 50%; } }
@keyframes workshop-target-cloud-turn { to { background-position:-390px 50%; } }
@keyframes workshop-target-sun-breathe { 0%,100% { box-shadow:0 0 0 12px rgba(235,170,61,.09),0 0 42px rgba(235,170,61,.42); } 50% { box-shadow:0 0 0 17px rgba(235,170,61,.055),0 0 62px rgba(235,170,61,.62); } }
@keyframes workshop-target-rays-breathe { 0%,100% { opacity:.62; } 50% { opacity:1; } }
@keyframes workshop-target-orbit-signal { 0%,100% { box-shadow:0 0 0 5px rgba(27,167,125,.09),0 0 13px rgba(27,167,125,.35); } 50% { box-shadow:0 0 0 10px rgba(27,167,125,0),0 0 24px rgba(27,167,125,.62); } }
@keyframes workshop-target-city-pulse { 0%,100% { box-shadow:0 0 0 4px rgba(255,208,105,.12),0 0 9px #ffd069; } 50% { box-shadow:0 0 0 9px rgba(255,208,105,0),0 0 15px #ffd069; } }

@media (max-width:1380px), (max-height:790px) {
  .workshop-target-slide .slide-head h2.is-long { font-size:37px; }
  .workshop-target-stage { grid-template-columns:minmax(0,1.3fr) minmax(430px,.7fr);gap:14px; }
  .workshop-target-preview { grid-template-rows:50px minmax(0,1fr) 44px; }
  .workshop-target-preview-head,.workshop-target-preview-foot { padding-inline:18px; }
  .workshop-target-space::before { width:500px;height:345px; }
  .workshop-target-space::after { width:630px;height:430px; }
  .workshop-target-earth { width:330px;height:330px; }
  .workshop-target-orbit { width:450px;height:330px; }
  .workshop-target-sun { width:58px;height:58px; }
  .workshop-target-callout { min-width:78px;padding:7px 10px;font-size:10px; }
  .workshop-target-guide { gap:10px;padding:16px; }
  .workshop-target-guide-head { grid-template-columns:66px minmax(0,1fr);gap:11px;min-height:66px;padding-bottom:10px; }
  .workshop-target-guide-head > span { min-height:50px;border-radius:16px;font-size:25px; }
  .workshop-target-guide-head > div strong { font-size:18px; }
  .workshop-target-feature-list { gap:7px; }
  .workshop-target-feature { grid-template-columns:26px 41px minmax(0,1fr) 21px;gap:8px;min-height:70px;padding:8px 9px;border-radius:15px; }
  .workshop-target-feature:nth-child(even) { margin-left:13px; }
  .workshop-target-feature > span { width:38px;height:38px;border-radius:12px; }
  .workshop-target-feature .geo-line-icon { width:21px;height:21px; }
  .workshop-target-feature > div strong { font-size:17px; }
  .workshop-target-feature > div p { font-size:11px; }
  .workshop-target-route { gap:6px;padding:10px 11px; }
  .workshop-target-route b { font-size:9px; }
  .workshop-target-route b i { width:17px;height:17px;font-size:7px; }
  @keyframes workshop-target-earth-turn { to { background-position:-330px 50%; } }
  @keyframes workshop-target-cloud-turn { to { background-position:-330px 50%; } }
}

@media (prefers-reduced-motion:reduce) {
  .slide.active .workshop-target-preview,
  .slide.active .workshop-target-guide,
  .slide.active .workshop-target-feature { animation:none !important;opacity:1 !important;transform:none !important; }
  .slide.active .workshop-target-earth-surface,
  .slide.active .workshop-target-earth-clouds,
  .slide.active .workshop-target-sun,
  .slide.active .workshop-target-rays,
  .slide.active .workshop-target-orbit::after,
  .slide.active .workshop-target-city > i { animation:none !important;opacity:1 !important; }
  .slide.active .workshop-target-flow-rail > i,
  .slide.active .workshop-target-flow-rail > span,
  .slide.active .workshop-target-feature::after,
  .slide.active .workshop-target-feature > span,
  .slide.active .workshop-target-feature > b,
  .slide.active .workshop-target-feature > i { animation:none !important; }
  .workshop-target-flow-rail > i,
  .workshop-target-flow-rail > span { display:none; }
}

/* Page 29 — turn a vague request into a checkable production brief. */
.prompt-contract-slide {
  --prompt-blue:#0f56e8;
  --prompt-navy:#0a2c5d;
  --prompt-cyan:#21a8cf;
  --prompt-green:#168d67;
  background:
    radial-gradient(circle at 88% 12%,rgba(49,116,235,.12),transparent 28%),
    radial-gradient(circle at 9% 88%,rgba(27,161,134,.08),transparent 30%),
    linear-gradient(137deg,#fff 0%,#fbfdff 54%,#f3f8ff 100%);
}
.prompt-contract-slide::before {
  opacity:.38;
  background-image:
    linear-gradient(rgba(38,83,150,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(38,83,150,.055) 1px,transparent 1px);
  background-size:34px 34px;
  -webkit-mask-image:radial-gradient(circle at 78% 56%,#000 0,rgba(0,0,0,.62) 42%,transparent 78%);
  mask-image:radial-gradient(circle at 78% 56%,#000 0,rgba(0,0,0,.62) 42%,transparent 78%);
}
.prompt-contract-slide .slide-head {
  border-bottom-color:rgba(32,87,174,.2);
}
.prompt-contract-slide .slide-head h2 {
  font-size:48px;
  letter-spacing:-.045em;
}
.prompt-contract-slide .slide-head p {
  color:#566c89;
}
.prompt-contract-content {
  position:relative;
  z-index:3;
  display:grid;
  grid-template-rows:minmax(0,1fr) 62px;
  gap:14px;
  height:650px;
  padding-top:18px;
}
.prompt-contract-stage {
  position:relative;
  min-height:0;
  overflow:hidden;
  padding:18px;
  border:1px solid rgba(31,84,165,.16);
  border-radius:30px;
  background:
    radial-gradient(circle at 82% 10%,rgba(53,121,237,.1),transparent 30%),
    linear-gradient(145deg,rgba(255,255,255,.94),rgba(244,248,255,.96));
  box-shadow:0 24px 60px rgba(24,55,105,.12),inset 0 1px 0 rgba(255,255,255,.94);
  isolation:isolate;
}
.prompt-contract-stage::before {
  content:"";
  position:absolute;
  z-index:4;
  top:0;
  left:8%;
  right:8%;
  height:4px;
  border-radius:0 0 99px 99px;
  background:linear-gradient(90deg,#7547ed,#0f56e8 36%,#21a8cf 68%,#168d67);
  box-shadow:0 0 24px rgba(37,106,219,.28);
}
.prompt-contract-stage::after {
  content:"";
  position:absolute;
  z-index:0;
  right:-110px;
  top:-150px;
  width:460px;
  height:460px;
  border-radius:50%;
  border:1px solid rgba(30,95,185,.09);
  box-shadow:0 0 0 34px rgba(32,111,201,.025),0 0 0 78px rgba(32,111,201,.018);
  pointer-events:none;
}
.prompt-contract-grid {
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  gap:18px;
  width:100%;
  height:100%;
  min-height:0;
}
.prompt-contract-brief,
.prompt-contract-terms {
  position:relative;
  min-width:0;
  min-height:0;
  overflow:hidden;
  border:1px solid rgba(34,81,154,.14);
  border-radius:24px;
  background:rgba(255,255,255,.88);
  box-shadow:0 14px 36px rgba(30,62,113,.08),inset 0 1px 0 #fff;
}
.prompt-contract-brief {
  display:grid;
  grid-template-rows:auto auto auto minmax(0,1fr) auto;
  gap:10px;
  padding:18px;
  background:
    radial-gradient(circle at 96% 4%,rgba(117,71,237,.1),transparent 34%),
    linear-gradient(150deg,rgba(255,255,255,.96),rgba(246,249,255,.92));
}
.prompt-contract-brief > header,
.prompt-contract-terms > header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.prompt-contract-brief > header > span {
  display:flex;
  align-items:center;
  gap:9px;
  color:#264a7c;
  font-size:14px;
  font-weight:900;
  letter-spacing:.08em;
}
.prompt-contract-brief > header > span i {
  width:9px;
  height:9px;
  border-radius:50%;
  background:#1eaf88;
  box-shadow:0 0 0 5px rgba(30,175,136,.1),0 0 16px rgba(30,175,136,.38);
}
.prompt-contract-brief > header > b {
  padding:7px 10px;
  border:1px solid rgba(45,92,164,.12);
  border-radius:10px;
  color:#607795;
  background:rgba(245,248,253,.9);
  font-size:11px;
  letter-spacing:.1em;
}
.prompt-contract-vague {
  display:grid;
  gap:5px;
  padding:13px 15px 12px;
  border:1px solid rgba(192,70,91,.15);
  border-radius:17px;
  background:linear-gradient(135deg,rgba(255,249,250,.95),rgba(255,243,246,.82));
}
.prompt-contract-vague > span,
.prompt-contract-goal > span {
  color:#b34f63;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
}
.prompt-contract-vague blockquote {
  margin:0;
  color:#263e61;
  font-size:22px;
  line-height:1.34;
  font-weight:850;
  letter-spacing:-.02em;
}
.prompt-contract-vague small {
  color:#7a6b79;
  font-size:13px;
  font-weight:650;
}
.prompt-contract-rewrite {
  display:grid;
  grid-template-columns:minmax(28px,1fr) auto minmax(28px,1fr);
  align-items:center;
  gap:10px;
  min-height:24px;
  color:#4d6f99;
  font-size:12px;
  font-weight:850;
}
.prompt-contract-rewrite i {
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(44,103,185,.38));
}
.prompt-contract-rewrite i:last-child {
  background:linear-gradient(90deg,rgba(44,103,185,.38),transparent);
}
.prompt-contract-goal {
  position:relative;
  display:grid;
  align-content:center;
  gap:8px;
  min-height:0;
  overflow:hidden;
  padding:18px 20px;
  border:1px solid rgba(113,180,230,.32);
  border-radius:21px;
  color:#fff;
  background:
    radial-gradient(circle at 92% 16%,rgba(83,214,191,.26),transparent 32%),
    linear-gradient(135deg,#0a2c5d 0%,#0e4d7b 56%,#0b7b7e 120%);
  box-shadow:0 16px 34px rgba(8,53,99,.2),inset 0 1px 0 rgba(255,255,255,.18);
}
.prompt-contract-goal::after {
  content:"";
  position:absolute;
  right:-26px;
  bottom:-74px;
  width:210px;
  height:210px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:50%;
  box-shadow:0 0 0 24px rgba(255,255,255,.035),0 0 0 54px rgba(255,255,255,.02);
}
.prompt-contract-goal > span {
  position:relative;
  z-index:2;
  color:#81ddca;
}
.prompt-contract-goal > strong {
  position:relative;
  z-index:2;
  color:#fff;
  font-size:35px;
  line-height:1.1;
  font-weight:950;
  letter-spacing:-.045em;
}
.prompt-contract-goal > strong em {
  color:#86ead4;
  font-style:normal;
}
.prompt-contract-goal > p {
  position:relative;
  z-index:2;
  margin:0;
  color:rgba(236,247,255,.86);
  font-size:15px;
  line-height:1.45;
  font-weight:680;
}
.prompt-contract-proof {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.prompt-contract-proof span {
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding-left:15px;
  border:1px solid rgba(29,122,107,.13);
  border-radius:12px;
  color:#285c64;
  background:rgba(239,250,247,.86);
  font-size:12px;
  font-weight:850;
}
.prompt-contract-proof span::before {
  content:"";
  position:absolute;
  left:10px;
  width:6px;
  height:4px;
  border-left:2px solid #168d67;
  border-bottom:2px solid #168d67;
  transform:rotate(-45deg);
}
.prompt-contract-terms {
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  gap:12px;
  padding:18px;
  background:
    radial-gradient(circle at 100% 0,rgba(33,168,207,.1),transparent 36%),
    linear-gradient(145deg,rgba(255,255,255,.97),rgba(247,251,255,.9));
}
.prompt-contract-terms > header {
  min-height:42px;
  padding:0 2px;
}
.prompt-contract-terms > header > div {
  display:grid;
  gap:3px;
}
.prompt-contract-terms > header small {
  color:#2d67ac;
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
}
.prompt-contract-terms > header strong {
  color:#17365f;
  font-size:24px;
  line-height:1.1;
  font-weight:900;
  letter-spacing:-.025em;
}
.prompt-contract-terms > header > span {
  padding:8px 11px;
  border:1px solid rgba(44,98,174,.13);
  border-radius:11px;
  color:#52739b;
  background:#f1f6fd;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
}
.prompt-contract-clause-list {
  position:relative;
  display:grid;
  grid-template-rows:repeat(5,minmax(0,1fr));
  gap:8px;
  min-height:0;
  padding-left:6px;
}
.prompt-contract-clause-list::before,
.prompt-contract-clause-list::after {
  content:"";
  position:absolute;
  z-index:0;
  left:27px;
  top:22px;
  bottom:22px;
  width:2px;
  border-radius:99px;
}
.prompt-contract-clause-list::before {
  background:#d6e2f1;
}
.prompt-contract-clause-list::after {
  background:linear-gradient(#7547ed,#0f56e8 30%,#21a8cf 58%,#168d67 78%,#cf8f20);
  box-shadow:0 0 10px rgba(34,115,205,.24);
  transform:scaleY(0);
  transform-origin:top;
}
.prompt-contract-flow-dot {
  position:absolute;
  z-index:4;
  left:27px;
  top:24px;
  width:10px;
  height:10px;
  border:2px solid #fff;
  border-radius:50%;
  background:#7547ed;
  box-shadow:0 0 0 5px rgba(89,79,217,.11),0 0 18px rgba(89,79,217,.58);
  opacity:0;
  transform:translate(-50%,-50%);
}
.prompt-contract-clause {
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:42px 44px minmax(0,1fr) 24px;
  align-items:center;
  gap:11px;
  min-height:0;
  padding:8px 12px 8px 6px;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--clause) 16%,#dfe7f2);
  border-radius:16px;
  background:linear-gradient(105deg,color-mix(in srgb,var(--clause-soft) 68%,#fff),rgba(255,255,255,.96) 48%);
  box-shadow:0 8px 20px rgba(28,60,108,.055),inset 0 1px 0 #fff;
}
.prompt-contract-clause::before {
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:4px;
  background:var(--clause);
  opacity:.88;
}
.prompt-contract-clause > b {
  position:relative;
  z-index:3;
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border:1px solid color-mix(in srgb,var(--clause) 25%,#fff);
  border-radius:14px;
  color:#fff;
  background:linear-gradient(145deg,var(--clause),color-mix(in srgb,var(--clause) 72%,#153e75));
  box-shadow:0 7px 16px color-mix(in srgb,var(--clause) 20%,transparent);
  font-size:12px;
  font-weight:900;
}
.prompt-contract-clause-icon {
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:13px;
  color:var(--clause);
  background:color-mix(in srgb,var(--clause-soft) 80%,#fff);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--clause) 13%,transparent);
}
.prompt-contract-clause-icon .geo-line-icon {
  width:23px;
  height:23px;
}
.prompt-contract-clause > div {
  display:grid;
  gap:3px;
  min-width:0;
}
.prompt-contract-clause > div small {
  color:var(--clause);
  font-size:12px;
  line-height:1;
  font-weight:900;
  letter-spacing:.06em;
}
.prompt-contract-clause > div strong {
  overflow:hidden;
  color:#213b5f;
  font-size:17px;
  line-height:1.28;
  font-weight:790;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.prompt-contract-clause > i:last-child {
  position:relative;
  display:grid;
  place-items:center;
  width:22px;
  height:22px;
  border-radius:50%;
  background:color-mix(in srgb,var(--clause) 10%,#fff);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--clause) 22%,transparent);
}
.prompt-contract-clause > i:last-child::before {
  content:"";
  width:8px;
  height:5px;
  border-left:2px solid var(--clause);
  border-bottom:2px solid var(--clause);
  transform:translateY(-1px) rotate(-45deg);
}
.prompt-contract-summary {
  display:grid;
  grid-template-columns:118px minmax(0,1fr) 300px;
  align-items:center;
  gap:18px;
  min-height:62px;
  padding:10px 20px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.4);
  border-radius:19px;
  color:#fff;
  background:
    radial-gradient(circle at 72% -80%,rgba(120,235,208,.32),transparent 32%),
    linear-gradient(105deg,#0a356a,#0d6284 52%,#158875 105%);
  box-shadow:0 14px 30px rgba(12,68,111,.2),inset 0 1px 0 rgba(255,255,255,.18);
}
.prompt-contract-summary > span {
  padding:8px 12px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:11px;
  background:rgba(255,255,255,.1);
  font-size:14px;
  font-weight:900;
  text-align:center;
}
.prompt-contract-summary > div {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-width:0;
}
.prompt-contract-summary > div b {
  color:#fff;
  font-size:17px;
  font-weight:900;
  white-space:nowrap;
}
.prompt-contract-summary > div em {
  color:#8ce4d1;
  font-size:20px;
  font-style:normal;
  font-weight:900;
}
.prompt-contract-summary > strong {
  color:#eafcf8;
  font-size:17px;
  font-weight:850;
  text-align:right;
  white-space:nowrap;
}
.slide.active .prompt-contract-stage { animation:prompt-contract-stage-in .58s cubic-bezier(.18,.82,.2,1) both; }
.slide.active .prompt-contract-vague { animation:prompt-contract-left-in .48s .14s cubic-bezier(.18,.82,.2,1) both; }
.slide.active .prompt-contract-goal { animation:prompt-contract-left-in .52s .28s cubic-bezier(.18,.82,.2,1) both; }
.slide.active .prompt-contract-clause { animation:prompt-contract-clause-in .42s cubic-bezier(.18,.82,.2,1) both;animation-delay:calc(.25s + var(--i,0) * 90ms); }
.slide.active .prompt-contract-clause-list::after { animation:prompt-contract-rail-fill 2.15s .52s cubic-bezier(.2,.72,.2,1) both; }
.slide.active .prompt-contract-flow-dot { animation:prompt-contract-flow-dot 2.15s .52s cubic-bezier(.2,.72,.2,1) both; }
.slide.active .prompt-contract-clause > i:last-child { animation:prompt-contract-check-in .34s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(.55s + var(--i,0) * 260ms); }
.slide.active .prompt-contract-summary { animation:prompt-contract-summary-in .5s 1.15s cubic-bezier(.18,.82,.2,1) both; }
.slide:not(.active) .prompt-contract-stage,
.slide:not(.active) .prompt-contract-vague,
.slide:not(.active) .prompt-contract-goal,
.slide:not(.active) .prompt-contract-clause,
.slide:not(.active) .prompt-contract-clause-list::after,
.slide:not(.active) .prompt-contract-flow-dot,
.slide:not(.active) .prompt-contract-clause > i:last-child,
.slide:not(.active) .prompt-contract-summary { animation-play-state:paused !important; }

@keyframes prompt-contract-stage-in { from { opacity:0;transform:translateY(16px) scale(.992); } to { opacity:1;transform:none; } }
@keyframes prompt-contract-left-in { from { opacity:0;transform:translateX(-14px); } to { opacity:1;transform:none; } }
@keyframes prompt-contract-clause-in { from { opacity:0;transform:translateX(18px); } to { opacity:1;transform:none; } }
@keyframes prompt-contract-rail-fill { from { transform:scaleY(0); } to { transform:scaleY(1); } }
@keyframes prompt-contract-flow-dot {
  0% { opacity:0;transform:translate(-50%,-50%) translateY(0);background:#7547ed; }
  8% { opacity:1; }
  35% { background:#0f56e8; }
  62% { background:#21a8cf; }
  82% { background:#168d67; }
  94% { opacity:1;background:#cf8f20; }
  100% { opacity:0;transform:translate(-50%,-50%) translateY(330px);background:#cf8f20; }
}
@keyframes prompt-contract-check-in { from { opacity:0;transform:scale(.45); } to { opacity:1;transform:none; } }
@keyframes prompt-contract-summary-in { from { opacity:0;transform:translateY(12px); } to { opacity:1;transform:none; } }

@media (max-width:1380px), (max-height:790px) {
  .prompt-contract-slide .slide-head h2 { font-size:42px; }
  .prompt-contract-stage { padding:15px; }
  .prompt-contract-grid { gap:14px;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr); }
  .prompt-contract-brief,.prompt-contract-terms { padding:15px;border-radius:21px; }
  .prompt-contract-vague { padding:11px 13px; }
  .prompt-contract-vague blockquote { font-size:19px; }
  .prompt-contract-goal { padding:15px 17px; }
  .prompt-contract-goal > strong { font-size:31px; }
  .prompt-contract-goal > p { font-size:13px; }
  .prompt-contract-terms { gap:9px; }
  .prompt-contract-terms > header strong { font-size:21px; }
  .prompt-contract-clause-list { gap:6px; }
  .prompt-contract-clause { grid-template-columns:38px 39px minmax(0,1fr) 21px;gap:8px;padding:6px 9px 6px 5px;border-radius:14px; }
  .prompt-contract-clause > b,.prompt-contract-clause-icon { width:38px;height:38px;border-radius:12px; }
  .prompt-contract-clause-icon .geo-line-icon { width:21px;height:21px; }
  .prompt-contract-clause > div strong { font-size:15px; }
  .prompt-contract-summary { grid-template-columns:106px minmax(0,1fr) 265px;gap:14px;padding-inline:16px; }
  .prompt-contract-summary > div b,.prompt-contract-summary > strong { font-size:15px; }
}

@media (prefers-reduced-motion:reduce) {
  .slide.active .prompt-contract-stage,
  .slide.active .prompt-contract-vague,
  .slide.active .prompt-contract-goal,
  .slide.active .prompt-contract-clause,
  .slide.active .prompt-contract-clause-list::after,
  .slide.active .prompt-contract-clause > i:last-child,
  .slide.active .prompt-contract-summary { animation:none !important;opacity:1 !important;transform:none !important; }
  .prompt-contract-clause-list::after { transform:scaleY(1); }
  .prompt-contract-flow-dot { display:none; }
}

/* Page 23 · agent-driven MP4 export, using the same desktop language as page 25. */
.video-export-agent-slide {
  overflow:hidden;
  background-color:#f8fbff !important;
  background:
    radial-gradient(circle at 92% 12%,rgba(77,124,255,.13),transparent 27%),
    radial-gradient(circle at 9% 88%,rgba(31,174,156,.09),transparent 29%),
    linear-gradient(135deg,#fff 0%,#f7faff 53%,#f5fbfa 100%) !important;
  background-color:#f8fbff !important;
}
.video-export-agent-slide .slide-head h2 { font-size:47px; }
.video-export-agent-workbench { --video-export-progress:0%; }
.video-export-agent-workbench .codex-mac-frame {
  border-color:rgba(45,115,185,.25);
  box-shadow:0 25px 58px rgba(31,91,151,.19),0 0 36px rgba(49,160,176,.1),inset 0 1px 0 #fff;
}
.video-export-agent-workbench .codex-mac-titlebar {
  background:linear-gradient(180deg,rgba(255,255,255,.99),#edf5fb);
}
.video-export-agent-workbench .codex-mac-sidebar {
  background:linear-gradient(180deg,#eef7fb,#eaf5f3);
}
.video-export-agent-workbench .codex-mac-main {
  grid-template-rows:45px minmax(0,1fr) 82px 24px;
}
.video-export-agent-workbench .codex-prompt-composer {
  grid-template-columns:minmax(0,1fr) 42px;
  gap:10px;
  padding:8px 12px;
}
.video-export-agent-workbench .codex-prompt-composer textarea {
  height:64px;
  min-height:64px;
  max-height:64px;
  padding:9px 11px;
  overflow:auto;
  color:#244c5a;
  background:linear-gradient(135deg,#fbfeff,#f6fcfa);
  font-size:12px;
  line-height:1.42;
  scrollbar-width:thin;
}
.video-export-agent-workbench .codex-prompt-composer button {
  width:42px;
  height:42px;
  border-radius:13px;
  background:linear-gradient(145deg,#447ff1,#159e9a);
  box-shadow:0 9px 20px rgba(35,111,174,.26);
}
.video-export-agent-workbench .codex-transcript {
  background:
    radial-gradient(circle at 90% 7%,rgba(68,127,241,.1),transparent 26%),
    linear-gradient(180deg,#fbfdff,#f2f9f8);
}
.video-export-agent-workbench .codex-empty-prompt {
  color:#456b78;
  font-size:22px;
}
.video-export-empty-list {
  display:grid;
  justify-items:center;
  gap:5px;
  margin:9px 3px 0;
  padding:21px 10px;
  border:1px dashed rgba(47,111,162,.2);
  border-radius:15px;
  color:#68868f;
  background:linear-gradient(145deg,rgba(255,255,255,.58),rgba(242,250,249,.72));
  text-align:center;
}
.video-export-empty-list > span {
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border:1px solid rgba(50,121,179,.17);
  border-radius:13px;
  color:#3b78ac;
  background:rgba(255,255,255,.84);
  box-shadow:0 8px 18px rgba(42,102,151,.08);
  font-size:18px;
  font-weight:950;
}
.video-export-empty-list strong { color:#496d77;font-size:12px;font-weight:900; }
.video-export-empty-list small { color:#86a0a6;font-size:9px;font-weight:760;line-height:1.4; }
.video-export-agent-workbench .codex-history-conversation { gap:6px; }
.video-export-agent-workbench .codex-history-message {
  max-width:94%;
  padding:7px 10px;
  border-color:rgba(43,128,153,.14);
  background:linear-gradient(135deg,rgba(239,248,255,.95),rgba(247,253,251,.96));
}
.video-export-agent-workbench .codex-history-message p { font-size:10.8px;line-height:1.45; }
.video-export-agent-workbench .codex-history-message small { color:#287b92;font-size:8.2px; }
.video-export-agent-workbench.has-multi-turn .codex-user-task,
.video-export-agent-workbench.has-multi-turn .codex-agent-copy > p { font-size:11.5px;line-height:1.46; }
.video-export-render-meter {
  display:none;
  grid-template-columns:minmax(0,1fr) 38px;
  align-items:center;
  gap:9px;
  margin-top:8px;
}
.video-export-agent-workbench.is-running .video-export-render-meter,
.video-export-agent-workbench.is-complete .video-export-render-meter { display:grid; }
.video-export-render-meter > span {
  position:relative;
  height:7px;
  overflow:hidden;
  border-radius:999px;
  background:#dce9f2;
  box-shadow:inset 0 1px 2px rgba(31,76,117,.1);
}
.video-export-render-meter > span i {
  position:absolute;
  inset:0 auto 0 0;
  width:var(--video-export-progress);
  border-radius:inherit;
  background:linear-gradient(90deg,#447ff1,#1bb3b0 64%,#28aa74);
  box-shadow:0 0 14px rgba(39,160,171,.33);
  transition:width .55s cubic-bezier(.2,.75,.2,1);
}
.video-export-render-meter > small { color:#39768a;font-size:10px;font-weight:950;text-align:right; }
.video-export-file-result {
  border-color:rgba(55,111,185,.23) !important;
  background:linear-gradient(135deg,rgba(237,244,255,.98),rgba(241,252,249,.98)) !important;
}
.video-export-file-result .codex-file-type {
  background:linear-gradient(145deg,#527ff0,#198eaa);
  box-shadow:0 7px 16px rgba(45,105,183,.23);
}
.video-export-agent-slide .video-export-agent-workbench .video-export-file-result a {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 88px;
  width:88px;
  min-width:88px;
  height:36px;
  padding:0 8px;
  border:0;
  border-radius:11px;
  color:#fff;
  background:linear-gradient(135deg,#3f72df,#168f99);
  box-shadow:0 8px 20px rgba(37,102,162,.23);
  font-size:10.5px;
  line-height:1;
  letter-spacing:0;
  white-space:nowrap;
}
.video-export-agent-slide .video-export-agent-workbench .video-export-file-result a:hover,
.video-export-agent-slide .video-export-agent-workbench .video-export-file-result a:focus-visible {
  color:#fff;
  background:linear-gradient(135deg,#315fca,#0d837f);
}
.video-export-agent-workbench .codex-trace-panel {
  border-color:rgba(53,118,179,.23);
  background:
    radial-gradient(circle at 100% 0%,rgba(78,135,232,.16),transparent 34%),
    linear-gradient(180deg,rgba(249,252,255,.99),rgba(237,249,246,.98));
}
.video-export-agent-workbench .codex-trace-head em {
  color:#286fa2;
  background:rgba(231,243,255,.94);
}
.video-export-agent-workbench[data-progress="100"] .codex-mac-frame {
  box-shadow:0 25px 58px rgba(31,110,104,.19),0 0 38px rgba(46,181,139,.12),inset 0 1px 0 #fff;
}

.video-export-preview-modal {
  position:fixed;
  inset:0;
  z-index:3220;
  width:100vw;
  max-width:none;
  height:100vh;
  max-height:none;
  margin:0;
  padding:0;
  overflow:hidden;
  border:0;
  color:#17304d;
  background:rgba(231,239,249,.5);
  opacity:0;
  backdrop-filter:blur(18px) saturate(.92);
  transition:opacity .23s ease;
}
.video-export-preview-modal.open { opacity:1; }
.video-export-preview-dialog {
  position:absolute;
  left:50%;
  top:50%;
  display:grid;
  grid-template-rows:max(60px,5.278cqw) minmax(0,1fr) max(42px,3.333cqw);
  width:min(90vw,160vh);
  height:auto;
  aspect-ratio:16 / 9;
  container-type:inline-size;
  overflow:hidden;
  border:1px solid rgba(51,96,157,.2);
  border-radius:max(22px,2.083cqw);
  background:rgba(252,254,255,.96);
  box-shadow:0 42px 110px rgba(25,54,99,.25),inset 0 1px 0 #fff;
  transform:translate(-50%,-47%) scale(.97);
  transition:transform .32s cubic-bezier(.18,.82,.2,1);
}
.video-export-preview-modal.open .video-export-preview-dialog { transform:translate(-50%,-50%) scale(1); }
.video-export-preview-dialog > header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:max(14px,1.389cqw);
  padding:0 max(18px,1.736cqw) 0 max(20px,1.944cqw);
  border-bottom:1px solid rgba(43,89,149,.11);
  background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(240,247,253,.95));
}
.video-export-preview-dialog > header > span { display:grid;gap:max(3px,.278cqw); }
.video-export-preview-dialog > header small { color:#4382aa;font-size:max(9px,.694cqw);font-weight:950;letter-spacing:.15em; }
.video-export-preview-dialog > header strong { color:#102a50;font-size:max(16px,1.389cqw);font-weight:920; }
.video-export-preview-dialog > header button {
  display:grid;
  place-items:center;
  width:max(36px,2.917cqw);
  height:max(36px,2.917cqw);
  padding:0;
  border:1px solid rgba(53,99,159,.17);
  border-radius:max(11px,.972cqw);
  color:#3d658c;
  background:rgba(255,255,255,.82);
  cursor:pointer;
  box-shadow:0 8px 18px rgba(34,80,133,.08);
}
.video-export-preview-dialog > header button:hover,
.video-export-preview-dialog > header button:focus-visible { color:#fff;background:#245fae;outline:none; }
.video-export-preview-dialog > header svg { width:max(18px,1.389cqw);height:max(18px,1.389cqw);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round; }
.video-export-player {
  position:relative;
  display:grid;
  place-items:center;
  min-height:0;
  padding:max(14px,1.25cqw) max(16px,1.528cqw) max(15px,1.389cqw);
  background:
    radial-gradient(circle at 50% 0%,rgba(64,118,211,.17),transparent 43%),
    linear-gradient(145deg,#eaf1f8,#f8fbfd);
}
.video-export-player video {
  display:block;
  width:100%;
  height:100%;
  min-height:0;
  object-fit:contain;
  border-radius:max(15px,1.389cqw);
  background:#07162d;
  box-shadow:0 24px 55px rgba(16,40,78,.25),0 0 0 1px rgba(31,71,125,.17);
}
.video-export-player-meta {
  position:absolute;
  left:50%;
  bottom:max(23px,2.222cqw);
  display:flex;
  gap:max(5px,.486cqw);
  padding:max(5px,.486cqw);
  border:1px solid rgba(255,255,255,.24);
  border-radius:999px;
  color:#ecf6ff;
  background:rgba(6,27,56,.58);
  box-shadow:0 10px 28px rgba(4,20,46,.22);
  backdrop-filter:blur(12px);
  transform:translateX(-50%);
  pointer-events:none;
}
.video-export-player-meta span { padding:max(4px,.347cqw) max(7px,.694cqw);border-radius:999px;background:rgba(255,255,255,.1);font-size:max(9px,.694cqw);font-weight:850;white-space:nowrap; }
.video-export-preview-dialog > footer {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:max(12px,1.111cqw);
  padding:0 max(20px,1.944cqw);
  color:#67809a;
  background:#f8fbfd;
  font-size:max(10px,.764cqw);
  font-weight:750;
}
.video-export-preview-dialog > footer span { display:flex;align-items:center;gap:max(6px,.556cqw); }
.video-export-preview-dialog > footer i { width:max(7px,.556cqw);height:max(7px,.556cqw);border-radius:50%;background:#28aa74;box-shadow:0 0 0 max(4px,.347cqw) rgba(40,170,116,.11); }
.video-export-preview-dialog > footer strong { color:#2d6681;font-size:max(10px,.764cqw); }

@media (max-width:1380px), (max-height:790px) {
  .video-export-agent-slide .slide-head h2 { font-size:42px; }
  .video-export-agent-workbench .codex-mac-workspace { grid-template-columns:205px minmax(0,1fr); }
  .video-export-agent-workbench .codex-prompt-composer textarea { font-size:11px; }
  .video-export-empty-list { padding:15px 8px; }
}

@media (prefers-reduced-motion:reduce) {
  .video-export-render-meter > span i,
  .video-export-preview-modal,
  .video-export-preview-dialog { transition:none !important; }
}

/* Page 29: six prompt rounds merged into one interactive terminator-instrument lab. */
.terminator-prompt-lab-slide {
  background:
    radial-gradient(circle at 88% 17%,rgba(45,139,228,.105),transparent 29%),
    radial-gradient(circle at 10% 86%,rgba(28,170,154,.075),transparent 28%),
    linear-gradient(135deg,#fff 0%,#f8fbff 58%,#f3f8ff 100%);
}
.terminator-prompt-lab-slide::before {
  opacity:.36;
  background-image:
    linear-gradient(rgba(25,80,160,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(25,80,160,.045) 1px,transparent 1px);
  background-size:34px 34px;
  -webkit-mask-image:radial-gradient(circle at 78% 56%,#000 0,rgba(0,0,0,.62) 42%,transparent 78%);
  mask-image:radial-gradient(circle at 78% 56%,#000 0,rgba(0,0,0,.62) 42%,transparent 78%);
}
.terminator-prompt-lab-slide .slide-head { border-bottom-color:rgba(31,89,178,.18); }
.terminator-prompt-lab-slide .slide-head h2 { font-size:47px;letter-spacing:-.045em; }
.terminator-prompt-lab-slide .slide-head p { color:#5c708c; }
.terminator-prompt-lab {
  position:relative;
  z-index:3;
  display:grid;
  grid-template-rows:104px minmax(0,1fr);
  gap:14px;
  height:650px;
  min-height:0;
  padding-top:14px;
}
.terminator-progress {
  position:relative;
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  align-items:start;
  min-width:0;
  padding:2px 8px 0;
}
.terminator-progress-step {
  position:relative;
  z-index:2;
  display:grid;
  grid-template-rows:43px auto;
  justify-items:center;
  min-width:0;
  padding:0 5px 8px;
  border:0;
  color:#788aa2;
  background:transparent;
  cursor:pointer;
  font:inherit;
}
.terminator-progress-step:not(:last-child)::after {
  content:"";
  position:absolute;
  z-index:-1;
  left:calc(50% + 22px);
  right:calc(-50% + 22px);
  top:19px;
  height:3px;
  border-radius:999px;
  background:#dbe5f2;
  box-shadow:0 1px 0 rgba(255,255,255,.9);
  transition:background .32s ease,box-shadow .32s ease;
}
.terminator-progress-step.is-complete:not(:last-child)::after {
  background:linear-gradient(90deg,#168d67,#22a9bd 55%,#2f80e8);
  box-shadow:0 0 13px rgba(38,148,181,.3);
}
.terminator-progress-node {
  position:relative;
  z-index:3;
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  border:1px solid rgba(53,94,150,.2);
  border-radius:50%;
  color:#6d829e;
  background:linear-gradient(145deg,#fff,#eef3f9);
  box-shadow:0 7px 17px rgba(30,71,126,.11),inset 0 1px 0 #fff;
  transition:transform .28s ease,color .28s ease,border-color .28s ease,box-shadow .28s ease,background .28s ease;
}
.terminator-progress-node::after {
  content:"";
  position:absolute;
  inset:-6px;
  border:1px solid transparent;
  border-radius:50%;
  transition:border-color .28s ease,transform .28s ease;
}
.terminator-progress-node i { font-style:normal;font-size:12px;font-weight:950;letter-spacing:.03em; }
.terminator-progress-copy { display:grid;justify-items:center;gap:3px;min-width:0; }
.terminator-progress-copy small { font-size:8px;font-weight:900;letter-spacing:.13em; }
.terminator-progress-copy strong { overflow:hidden;max-width:100%;font-size:14px;font-weight:900;text-overflow:ellipsis;white-space:nowrap; }
.terminator-progress-step:hover .terminator-progress-node,
.terminator-progress-step:focus-visible .terminator-progress-node { border-color:#70a2e7;color:#1458b6;transform:translateY(-2px); }
.terminator-progress-step:focus-visible { outline:0; }
.terminator-progress-step:focus-visible .terminator-progress-node::after { border-color:rgba(15,86,232,.38);transform:scale(1.08); }
.terminator-progress-step.is-complete { color:#277a71; }
.terminator-progress-step.is-complete .terminator-progress-node { border-color:rgba(29,151,129,.31);color:#168d67;background:linear-gradient(145deg,#f7fffc,#e3f6ef); }
.terminator-progress-step.is-active { color:#164d9a; }
.terminator-progress-step.is-active .terminator-progress-node {
  border-color:transparent;
  color:#fff;
  background:linear-gradient(145deg,#7547ed,#0f65df 58%,#21a8cf);
  box-shadow:0 10px 25px rgba(34,93,198,.28),0 0 0 7px rgba(36,102,211,.09),0 0 24px rgba(39,137,224,.22);
  transform:translateY(-3px) scale(1.08);
}
.terminator-progress-step.is-active .terminator-progress-node::after { border-color:rgba(30,109,220,.2);animation:terminator-node-pulse 2.4s ease-in-out infinite; }
.terminator-progress-step.is-active .terminator-progress-copy strong { color:#0e3474; }

.terminator-step-stage {
  position:relative;
  min-width:0;
  min-height:0;
  overflow:hidden;
  border:1px solid rgba(32,86,165,.14);
  border-radius:29px;
  background:
    radial-gradient(circle at 88% 0,rgba(43,126,222,.09),transparent 31%),
    linear-gradient(145deg,rgba(255,255,255,.96),rgba(241,247,255,.97));
  box-shadow:0 24px 62px rgba(24,55,105,.12),inset 0 1px 0 rgba(255,255,255,.95);
  isolation:isolate;
}
.terminator-step-stage::before {
  content:"";
  position:absolute;
  z-index:1;
  left:7%;
  right:7%;
  top:0;
  height:4px;
  border-radius:0 0 99px 99px;
  background:linear-gradient(90deg,#7547ed,#0f56e8 40%,#21a8cf 72%,#168d67);
  box-shadow:0 0 25px rgba(38,105,211,.25);
}
.terminator-step-panel {
  position:absolute;
  inset:0;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:16px;
  min-width:0;
  min-height:0;
  padding:16px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(12px) scale(.992);
  transition:opacity .28s ease,transform .34s cubic-bezier(.2,.76,.22,1),visibility .28s;
}
.terminator-step-panel.is-active { opacity:1;visibility:visible;pointer-events:auto;transform:none; }
.terminator-prompt-window,
.terminator-result-window {
  position:relative;
  min-width:0;
  min-height:0;
  overflow:hidden;
  border:1px solid rgba(36,82,151,.14);
  border-radius:22px;
  background:rgba(255,255,255,.94);
  box-shadow:0 15px 38px rgba(28,61,112,.09),inset 0 1px 0 #fff;
}
.terminator-prompt-window { display:grid;grid-template-rows:62px minmax(0,1fr) 42px 52px; }
.terminator-prompt-meta {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  padding:0 18px;
  border-bottom:1px solid rgba(38,83,151,.1);
  background:linear-gradient(180deg,rgba(250,253,255,.98),rgba(239,246,255,.96));
}
.terminator-prompt-meta > span { display:flex;align-items:center;gap:9px;color:#52708f;font-size:11px;font-weight:850; }
.terminator-prompt-meta > span i {
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:9px;
  color:#fff;
  background:linear-gradient(145deg,#7547ed,#0f62d8);
  box-shadow:0 7px 15px rgba(47,84,190,.2);
  font-style:normal;
  font-size:9px;
  font-weight:950;
}
.terminator-prompt-meta > b { color:#102c5b;font-size:19px;font-weight:950;letter-spacing:-.025em;white-space:nowrap; }
.terminator-prompt-body {
  min-height:0;
  margin:0;
  padding:16px 19px 12px;
  overflow:auto;
  color:#263e60;
  background:
    linear-gradient(90deg,rgba(30,99,200,.05) 1px,transparent 1px),
    linear-gradient(rgba(30,99,200,.04) 1px,transparent 1px),
    rgba(252,254,255,.78);
  background-size:24px 24px;
  font:680 17px/1.53 var(--font);
  white-space:pre-wrap;
  word-break:break-word;
  scrollbar-width:thin;
  scrollbar-color:#b8cae0 transparent;
}
.terminator-prompt-checks {
  display:flex;
  align-items:center;
  gap:7px;
  min-width:0;
  padding:5px 14px;
  border-top:1px solid rgba(37,84,150,.08);
  background:rgba(245,249,254,.9);
}
.terminator-prompt-checks span { display:flex;align-items:center;gap:6px;min-width:0;padding:6px 9px;border:1px solid rgba(27,142,111,.14);border-radius:999px;color:#356c67;background:#f3fbf8;font-size:10px;font-weight:850;white-space:nowrap; }
.terminator-prompt-checks i { width:6px;height:6px;border-radius:50%;background:#19a278;box-shadow:0 0 0 4px rgba(25,162,120,.09); }
.terminator-prompt-foot {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:0 14px 0 18px;
  border-top:1px solid rgba(37,84,150,.1);
  color:#657a94;
  background:#f8fbfe;
  font-size:11px;
  font-weight:780;
}
.terminator-prompt-foot button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  height:35px;
  padding:0 13px;
  border:0;
  border-radius:11px;
  color:#fff;
  background:linear-gradient(135deg,#0f62d8,#168b9c);
  box-shadow:0 8px 20px rgba(26,101,171,.22);
  cursor:pointer;
  font:900 12px/1 var(--font);
}
.terminator-prompt-foot button:hover,
.terminator-prompt-foot button:focus-visible { outline:0;background:linear-gradient(135deg,#7547ed,#0f62d8);transform:translateY(-1px); }
.terminator-prompt-foot svg { width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }

.terminator-result-window { display:grid;grid-template-rows:48px minmax(0,1fr) 62px;margin:0; }
.terminator-result-bar {
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:0 16px;
  border-bottom:1px solid rgba(34,82,150,.11);
  color:#42617f;
  background:linear-gradient(180deg,#fff,#f1f6fc);
}
.terminator-window-dots { display:flex;gap:5px; }
.terminator-window-dots i { width:8px;height:8px;border-radius:50%;background:#ff7f72;box-shadow:13px 0 #f7c54d,26px 0 #56c689; }
.terminator-result-bar strong { padding-left:20px;font-size:12px;font-weight:900;letter-spacing:.02em; }
.terminator-result-bar em { padding:6px 9px;border:1px solid rgba(27,154,119,.17);border-radius:999px;color:#167e66;background:#edf9f5;font-style:normal;font-size:9px;font-weight:900; }
.terminator-result-canvas {
  position:relative;
  display:grid;
  place-items:center;
  min-height:0;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 48%,rgba(47,130,218,.13),transparent 47%),
    linear-gradient(145deg,#eaf1f9,#f8fbfe);
}
.terminator-result-canvas::after {
  content:"";
  position:absolute;
  z-index:2;
  left:4%;
  right:4%;
  top:-5%;
  height:2px;
  opacity:0;
  background:linear-gradient(90deg,transparent,rgba(64,187,229,.78),transparent);
  box-shadow:0 0 14px rgba(64,187,229,.58);
  pointer-events:none;
}
.terminator-step-panel.is-active .terminator-result-canvas::after { animation:terminator-result-scan 3.2s .45s ease-in-out infinite; }
.terminator-result-canvas img { display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;filter:saturate(1.02) contrast(1.015); }
.terminator-result-window figcaption {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:0 17px;
  border-top:1px solid rgba(35,83,150,.1);
  background:rgba(249,252,255,.98);
}
.terminator-result-window figcaption > span { display:grid;gap:3px;min-width:0; }
.terminator-result-window figcaption small { color:#4b82b4;font-size:8px;font-weight:950;letter-spacing:.14em; }
.terminator-result-window figcaption strong { overflow:hidden;color:#13305d;font-size:16px;font-weight:950;text-overflow:ellipsis;white-space:nowrap; }
.terminator-result-window figcaption > b { display:flex;align-items:center;gap:7px;color:#257a6c;font-size:10px;font-weight:900;white-space:nowrap; }
.terminator-result-window figcaption > b i { width:8px;height:8px;border-radius:50%;background:#1ba477;box-shadow:0 0 0 5px rgba(27,164,119,.09),0 0 13px rgba(27,164,119,.35); }

.slide:not(.active) .terminator-progress-step.is-active .terminator-progress-node::after,
.slide:not(.active) .terminator-step-panel.is-active .terminator-result-canvas::after { animation-play-state:paused !important; }
@keyframes terminator-node-pulse { 0%,100% { transform:scale(.94);opacity:.35; } 50% { transform:scale(1.15);opacity:.9; } }
@keyframes terminator-result-scan { 0%,8% { top:-4%;opacity:0; } 18% { opacity:.8; } 72% { top:103%;opacity:.52; } 84%,100% { top:103%;opacity:0; } }

@media (max-width:1380px), (max-height:790px) {
  .terminator-prompt-lab-slide .slide-head h2 { font-size:41px; }
  .terminator-prompt-lab { grid-template-rows:92px minmax(0,1fr);gap:11px;padding-top:10px; }
  .terminator-progress { padding-inline:4px; }
  .terminator-progress-step { grid-template-rows:38px auto;padding-inline:3px; }
  .terminator-progress-step:not(:last-child)::after { left:calc(50% + 19px);right:calc(-50% + 19px);top:17px; }
  .terminator-progress-node { width:36px;height:36px; }
  .terminator-progress-copy strong { font-size:12px; }
  .terminator-step-panel { gap:12px;padding:13px; }
  .terminator-prompt-window { grid-template-rows:54px minmax(0,1fr) 38px 45px; }
  .terminator-prompt-meta { padding-inline:14px; }
  .terminator-prompt-meta > b { font-size:16px; }
  .terminator-prompt-body { padding:12px 15px 9px;font-size:15px;line-height:1.46; }
  .terminator-prompt-checks { padding-inline:10px;gap:5px; }
  .terminator-prompt-checks span { padding:5px 7px;font-size:8px; }
  .terminator-result-window { grid-template-rows:42px minmax(0,1fr) 53px; }
  .terminator-result-window figcaption strong { font-size:14px; }
}

@media (prefers-reduced-motion:reduce) {
  .terminator-progress-step,
  .terminator-progress-node,
  .terminator-step-panel,
  .terminator-result-canvas::after { transition:none !important;animation:none !important; }
}

/* Page 30: AI-era technology equity — creativity and expression. */
.creative-expression-slide {
  --equity-violet:#6d4df0;
  --equity-gold:#e1a33a;
  --equity-blue:#176de0;
  --equity-cyan:#15a6ba;
  --equity-ink:#132b5b;
  background:
    radial-gradient(circle at 18% 43%,rgba(109,77,240,.105),transparent 29%),
    radial-gradient(circle at 82% 40%,rgba(21,166,186,.11),transparent 30%),
    radial-gradient(circle at 50% 92%,rgba(36,112,224,.08),transparent 35%),
    linear-gradient(135deg,#fff 0%,#f9fbff 52%,#f3f8ff 100%);
}
.creative-expression-slide::before {
  opacity:.34;
  background-image:
    linear-gradient(rgba(47,102,191,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(47,102,191,.04) 1px,transparent 1px);
  background-size:44px 44px;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 13%,#000 87%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 13%,#000 87%,transparent);
}
.creative-expression-slide .chapter-tag {
  background:linear-gradient(135deg,#6d4df0,#176de0 58%,#15a6ba);
  box-shadow:0 14px 32px rgba(43,86,205,.24);
}
.creative-expression-slide .slide-head { border-bottom-color:rgba(39,92,178,.17); }
.creative-expression-slide .slide-head h2 {
  color:#112957;
  font-size:46px;
  letter-spacing:-.048em;
}
.creative-expression-slide .slide-head p { color:#5c6f8c;font-weight:630; }
.creative-expression-content {
  position:relative;
  z-index:3;
  display:grid;
  grid-template-rows:78px minmax(0,1fr) 70px;
  gap:14px;
  height:650px;
  padding-top:18px;
}
.equity-shift-bar {
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) 250px minmax(0,1fr);
  align-items:center;
  gap:24px;
  min-width:0;
  overflow:hidden;
  padding:12px 22px;
  border:1px solid rgba(34,88,172,.15);
  border-radius:22px;
  background:rgba(255,255,255,.88);
  box-shadow:0 14px 38px rgba(31,66,123,.08),inset 0 1px 0 #fff;
  backdrop-filter:blur(18px);
}
.equity-shift-bar::after {
  content:"";
  position:absolute;
  left:14%;
  right:14%;
  bottom:0;
  height:2px;
  background:linear-gradient(90deg,transparent,var(--equity-violet),var(--equity-blue),var(--equity-cyan),transparent);
  opacity:.72;
}
.equity-shift-state {
  display:grid;
  grid-template-columns:72px minmax(0,1fr);
  align-items:center;
  gap:14px;
  min-width:0;
}
.equity-shift-state small {
  display:grid;
  place-items:center;
  height:38px;
  border-radius:999px;
  color:#546987;
  background:#f1f5fb;
  font-size:14px;
  font-weight:900;
  letter-spacing:.08em;
}
.equity-shift-state strong { color:#304767;font-size:20px;font-weight:880;white-space:nowrap; }
.equity-shift-state.is-now { grid-template-columns:minmax(0,1fr) 72px;text-align:right; }
.equity-shift-state.is-now small { grid-column:2;grid-row:1;color:#fff;background:linear-gradient(135deg,#176de0,#15a6ba);box-shadow:0 8px 20px rgba(23,109,224,.22); }
.equity-shift-state.is-now strong { grid-column:1;grid-row:1;color:#142f61;font-size:22px;font-weight:950; }
.equity-shift-engine { position:relative;display:grid;place-items:center;gap:2px;color:#3d66a0; }
.equity-shift-engine span { display:flex;align-items:center;gap:8px;font-size:13px;font-weight:900;letter-spacing:.08em; }
.equity-shift-engine span i { width:8px;height:8px;border-radius:50%;background:#20aa94;box-shadow:0 0 0 5px rgba(32,170,148,.11),0 0 16px rgba(32,170,148,.35); }
.equity-shift-engine svg { width:150px;height:24px;fill:none;stroke:#5d83bc;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round; }

.equity-capability-stage {
  --amp-column:190px;
  --amp-shell-width:166px;
  --amp-shell-half:83px;
  --amp-bridge-length:30px;
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) var(--amp-column) minmax(0,1fr);
  gap:18px;
  min-width:0;
  min-height:0;
  isolation:isolate;
}
.equity-capability-card {
  position:relative;
  z-index:2;
  display:grid;
  grid-template-rows:auto auto auto minmax(0,1fr);
  gap:13px;
  min-width:0;
  min-height:0;
  overflow:hidden;
  padding:22px 24px 20px;
  border:1px solid rgba(57,84,164,.16);
  border-radius:28px;
  color:var(--equity-ink);
  background:
    radial-gradient(circle at 88% 4%,rgba(255,255,255,.92),transparent 28%),
    linear-gradient(145deg,rgba(255,255,255,.97),rgba(244,247,255,.93));
  box-shadow:0 24px 60px rgba(30,60,117,.12),inset 0 1px 0 #fff;
}
.equity-capability-card::before {
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  border-radius:inherit;
  border-top:4px solid transparent;
  pointer-events:none;
}
.equity-capability-card.is-creativity::before { border-top-color:var(--equity-violet);box-shadow:inset 0 1px rgba(225,163,58,.28); }
.equity-capability-card.is-expression::before { border-top-color:var(--equity-cyan);box-shadow:inset 0 1px rgba(23,109,224,.22); }
.equity-card-glow {
  position:absolute;
  z-index:0;
  width:260px;
  height:260px;
  border-radius:50%;
  filter:blur(2px);
  pointer-events:none;
}
.is-creativity .equity-card-glow { right:-115px;top:-145px;background:radial-gradient(circle,rgba(109,77,240,.23),transparent 68%); }
.is-expression .equity-card-glow { left:-120px;top:-150px;background:radial-gradient(circle,rgba(21,166,186,.22),transparent 68%); }
.equity-card-heading {
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:86px minmax(0,1fr);
  align-items:center;
  gap:18px;
}
.equity-card-glyph {
  display:grid;
  place-items:center;
  width:86px;
  height:86px;
  border-radius:24px;
  color:#fff;
  box-shadow:0 15px 28px rgba(46,72,151,.2),inset 0 1px 0 rgba(255,255,255,.4);
}
.is-creativity .equity-card-glyph { background:linear-gradient(145deg,#7658f2,#5b43d5 62%,#d99d36); }
.is-expression .equity-card-glyph { background:linear-gradient(145deg,#267fe7,#176de0 56%,#15a6ba); }
.equity-card-glyph svg { width:62px;height:62px;fill:none;stroke:currentColor;stroke-width:3.1;stroke-linecap:round;stroke-linejoin:round; }
.equity-card-glyph .spark { fill:rgba(255,225,137,.95);stroke:#fff0b4;stroke-width:1.5; }
.equity-card-glyph .signal { stroke:#a9f2ee;stroke-width:3.5; }
.equity-card-heading > div { display:grid;grid-template-columns:auto 1fr;align-items:end;gap:3px 12px;min-width:0; }
.equity-card-heading small { grid-column:1/-1;color:#6a7c99;font-size:11px;font-weight:900;letter-spacing:.13em; }
.equity-card-heading h3 { margin:0;color:#162e61;font-size:38px;line-height:1;font-weight:950;letter-spacing:-.04em; }
.equity-card-heading strong { padding-bottom:2px;color:#4b607f;font-size:18px;font-weight:850;white-space:nowrap; }
.equity-capability-card > p { position:relative;z-index:1;margin:0;color:#405675;font-size:17px;line-height:1.5;font-weight:660; }
.equity-keywords { position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:7px; }
.equity-keywords span { display:grid;place-items:center;height:34px;border-radius:10px;font-size:13px;font-weight:900;letter-spacing:.04em; }
.is-creativity .equity-keywords span { color:#6548cf;border:1px solid rgba(109,77,240,.15);background:rgba(109,77,240,.07); }
.is-expression .equity-keywords span { color:#167f9d;border:1px solid rgba(21,166,186,.17);background:rgba(21,166,186,.075); }
.equity-example {
  position:relative;
  z-index:1;
  align-self:end;
  display:grid;
  gap:6px;
  min-height:86px;
  padding:14px 16px;
  border-radius:17px;
  background:rgba(255,255,255,.78);
  box-shadow:inset 0 0 0 1px rgba(42,83,153,.1);
}
.is-creativity .equity-example { border-left:4px solid var(--equity-gold); }
.is-expression .equity-example { border-left:4px solid var(--equity-cyan); }
.equity-example small { color:#71819a;font-size:10px;font-weight:900;letter-spacing:.11em; }
.equity-example strong { color:#20395f;font-size:15px;line-height:1.46;font-weight:850; }

.equity-amplifier {
  position:relative;
  z-index:4;
  display:grid;
  place-items:center;
  min-width:0;
  min-height:0;
  color:#203b6c;
  text-align:center;
}
.equity-amplifier-shell {
  position:relative;
  z-index:2;
  display:grid;
  grid-template-rows:57px 82px 57px;
  place-items:center;
  gap:8px;
  width:var(--amp-shell-width);
  height:238px;
  padding:12px;
  overflow:hidden;
  border:1px solid rgba(54,91,174,.2);
  border-radius:32px;
  background:
    radial-gradient(circle at 50% 42%,rgba(76,107,235,.12),transparent 38%),
    linear-gradient(165deg,rgba(255,255,255,.98),rgba(240,246,255,.95));
  box-shadow:0 24px 54px rgba(37,68,132,.16),inset 0 1px 0 #fff,inset 0 0 0 6px rgba(255,255,255,.34);
}
.equity-amplifier-shell::before {
  content:"";
  position:absolute;
  left:24px;
  right:24px;
  top:0;
  height:3px;
  border-radius:0 0 999px 999px;
  background:linear-gradient(90deg,var(--equity-violet),var(--equity-blue),var(--equity-cyan));
  box-shadow:0 4px 16px rgba(52,102,222,.28);
}
.equity-amplifier-shell::after {
  content:"";
  position:absolute;
  inset:7px;
  border:1px solid rgba(255,255,255,.82);
  border-radius:25px;
  pointer-events:none;
}
.equity-amplifier-label { position:relative;z-index:2;display:grid;place-items:center;gap:4px;align-self:end; }
.equity-amplifier-label small { color:#70819c;font-size:11px;font-weight:900;letter-spacing:.14em; }
.equity-amplifier-label strong { color:#173665;font-size:20px;line-height:1;font-weight:950;letter-spacing:-.02em;white-space:nowrap; }
.equity-ai-core {
  position:relative;
  z-index:2;
  display:grid;
  place-items:center;
  width:82px;
  height:82px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.88);
  border-radius:27px;
  color:#fff;
  background:linear-gradient(145deg,#7453ef 0%,#276fe5 54%,#13a9bb 100%);
  box-shadow:0 16px 32px rgba(44,79,186,.3),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -12px 24px rgba(4,54,135,.15);
}
.equity-ai-core::after { content:"";position:absolute;inset:-30% 55% -30% -42%;transform:translateX(-120%) skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent); }
.equity-ai-core span { position:absolute;left:15px;top:16px;font-size:26px;line-height:1;font-weight:950;letter-spacing:-.06em; }
.equity-ai-core svg { position:absolute;right:10px;bottom:9px;width:42px;height:42px;fill:none;stroke:rgba(255,255,255,.92);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round; }
.equity-ai-core svg path:first-child { fill:rgba(255,232,160,.97);stroke:rgba(255,248,214,.96);stroke-width:1.4; }
.equity-amplifier-foot { position:relative;z-index:2;display:grid;place-items:center;gap:7px;align-self:start; }
.equity-amplifier-output { display:flex;align-items:center;justify-content:center;gap:6px;color:#294b78;font-size:12px;font-weight:900;white-space:nowrap; }
.equity-amplifier-output i { width:4px;height:4px;border-radius:50%;background:linear-gradient(135deg,var(--equity-violet),var(--equity-cyan));box-shadow:0 0 0 4px rgba(51,105,219,.08); }
.equity-amplifier-foot em { padding:5px 10px;border:1px solid rgba(73,98,172,.13);border-radius:999px;color:#70809a;background:rgba(255,255,255,.82);font-size:10.5px;font-style:normal;font-weight:850;letter-spacing:.02em;white-space:nowrap; }
.equity-beam {
  position:absolute;
  z-index:0;
  top:50%;
  width:var(--amp-bridge-length);
  height:2px;
  background:linear-gradient(90deg,rgba(109,77,240,.3),rgba(45,111,214,.92));
  box-shadow:0 0 10px rgba(45,111,214,.25);
  transform:translateY(-50%);
}
.equity-beam::before,.equity-beam::after { content:"";position:absolute;top:50%;width:6px;height:6px;border:2px solid #fff;border-radius:50%;background:#4d77dc;box-shadow:0 0 0 2px rgba(66,107,205,.18);transform:translateY(-50%); }
.equity-beam::before { left:-4px; }
.equity-beam::after { right:-4px; }
.equity-beam.is-left { right:calc(50% + var(--amp-shell-half)); }
.equity-beam.is-right { left:calc(50% + var(--amp-shell-half));background:linear-gradient(90deg,rgba(45,111,214,.92),rgba(21,166,186,.3)); }
.equity-beam.is-left::before,.equity-beam.is-right::after { display:none; }
.equity-beam i { position:absolute;z-index:2;top:50%;left:0;width:12px;height:4px;border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,.2),#fff,rgba(154,226,255,.72));box-shadow:0 0 12px rgba(45,127,228,.85);transform:translate(-50%,-50%); }

.equity-takeaway {
  position:relative;
  display:grid;
  grid-template-columns:255px minmax(0,1fr);
  align-items:center;
  gap:24px;
  overflow:hidden;
  padding:0 26px;
  border:1px solid rgba(37,88,171,.16);
  border-radius:21px;
  color:#15305f;
  background:linear-gradient(110deg,rgba(255,255,255,.97),rgba(242,247,255,.94));
  box-shadow:0 14px 36px rgba(31,65,123,.09),inset 0 1px 0 #fff;
}
.equity-takeaway::before { content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(180deg,var(--equity-violet),var(--equity-blue),var(--equity-cyan)); }
.equity-takeaway span { color:#647691;font-size:15px;font-weight:850;letter-spacing:.08em; }
.equity-takeaway strong { font-size:27px;font-weight:950;letter-spacing:-.02em; }
.equity-takeaway b:first-child { color:var(--equity-violet); }
.equity-takeaway b:last-child { color:var(--equity-cyan); }

.creative-expression-slide.active .equity-shift-state { animation:equity-shift-in .55s cubic-bezier(.2,.76,.22,1) both; }
.creative-expression-slide.active .equity-shift-engine { animation:equity-shift-in .55s .12s cubic-bezier(.2,.76,.22,1) both; }
.creative-expression-slide.active .equity-shift-state.is-now { animation-delay:.24s; }
.creative-expression-slide.active .equity-capability-card.is-creativity { animation:equity-card-left .72s .2s cubic-bezier(.18,.84,.22,1) both; }
.creative-expression-slide.active .equity-capability-card.is-expression { animation:equity-card-right .72s .34s cubic-bezier(.18,.84,.22,1) both; }
.creative-expression-slide.active .equity-amplifier { animation:equity-core-in .58s .66s cubic-bezier(.18,.84,.22,1) both; }
.creative-expression-slide.active .equity-takeaway { animation:equity-takeaway-in .56s .72s cubic-bezier(.2,.76,.22,1) both; }
.creative-expression-slide.active .equity-ai-core { animation:equity-core-breathe 3.4s 1.1s ease-in-out infinite; }
.creative-expression-slide.active .equity-ai-core::after { animation:equity-core-sheen 4.2s 1.3s ease-in-out infinite; }
.creative-expression-slide.active .equity-beam i { animation:equity-signal-flow 2.8s 1.05s ease-in-out infinite; }
.creative-expression-slide.active .equity-beam.is-right i { animation-delay:1.45s; }
.creative-expression-slide:not(.active) .equity-shift-state,
.creative-expression-slide:not(.active) .equity-shift-engine,
.creative-expression-slide:not(.active) .equity-capability-card,
.creative-expression-slide:not(.active) .equity-amplifier,
.creative-expression-slide:not(.active) .equity-takeaway,
.creative-expression-slide:not(.active) .equity-ai-core,
.creative-expression-slide:not(.active) .equity-ai-core::after,
.creative-expression-slide:not(.active) .equity-beam i { animation-play-state:paused !important; }

@keyframes equity-shift-in { from { opacity:0;transform:translateY(12px); } to { opacity:1;transform:none; } }
@keyframes equity-card-left { from { opacity:0;transform:translateX(-34px) scale(.982); } to { opacity:1;transform:none; } }
@keyframes equity-card-right { from { opacity:0;transform:translateX(34px) scale(.982); } to { opacity:1;transform:none; } }
@keyframes equity-core-in { from { opacity:0;transform:scale(.72); } to { opacity:1;transform:none; } }
@keyframes equity-takeaway-in { from { opacity:0;transform:translateY(15px); } to { opacity:1;transform:none; } }
@keyframes equity-core-breathe { 0%,100% { box-shadow:0 16px 32px rgba(44,79,186,.3),0 0 0 0 rgba(77,99,226,.16),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -12px 24px rgba(4,54,135,.15); } 50% { box-shadow:0 19px 38px rgba(44,79,186,.35),0 0 0 10px rgba(77,99,226,0),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -12px 24px rgba(4,54,135,.15); } }
@keyframes equity-core-sheen { 0%,58% { transform:translateX(-120%) skewX(-18deg);opacity:0; } 68% { opacity:1; } 84%,100% { transform:translateX(340%) skewX(-18deg);opacity:0; } }
@keyframes equity-signal-flow { 0%,12% { left:0;opacity:0; } 22% { opacity:1; } 74% { opacity:1; } 90%,100% { left:100%;opacity:0; } }

@media (max-width:1380px), (max-height:790px) {
  .creative-expression-slide .slide-head h2 { font-size:40px; }
  .creative-expression-content { grid-template-rows:68px minmax(0,1fr) 62px;gap:11px;padding-top:12px; }
  .equity-shift-bar { gap:18px;padding:9px 18px; }
  .equity-shift-state { grid-template-columns:62px minmax(0,1fr);gap:10px; }
  .equity-shift-state.is-now { grid-template-columns:minmax(0,1fr) 62px; }
  .equity-shift-state small { height:32px;font-size:12px; }
  .equity-shift-state strong { font-size:17px; }
  .equity-shift-state.is-now strong { font-size:19px; }
  .equity-capability-stage { --amp-column:166px;--amp-shell-width:150px;--amp-shell-half:75px;--amp-bridge-length:22px;gap:14px; }
  .equity-capability-card { gap:10px;padding:17px 19px 16px; }
  .equity-card-heading { grid-template-columns:72px minmax(0,1fr);gap:14px; }
  .equity-card-glyph { width:72px;height:72px;border-radius:20px; }
  .equity-card-glyph svg { width:52px;height:52px; }
  .equity-card-heading h3 { font-size:32px; }
  .equity-card-heading strong { font-size:15px; }
  .equity-capability-card > p { font-size:14px; }
  .equity-keywords span { height:29px;font-size:11px; }
  .equity-example { min-height:72px;padding:11px 13px; }
  .equity-example strong { font-size:13px; }
  .equity-amplifier-shell { grid-template-rows:49px 72px 49px;gap:6px;width:var(--amp-shell-width);height:210px;padding:13px;border-radius:28px; }
  .equity-amplifier-shell::after { border-radius:21px; }
  .equity-amplifier-label strong { font-size:17px; }
  .equity-ai-core { width:72px;height:72px;border-radius:23px; }
  .equity-ai-core span { left:13px;top:13px;font-size:23px; }
  .equity-ai-core svg { right:8px;bottom:7px;width:38px;height:38px; }
  .equity-amplifier-label small { font-size:9.5px; }
  .equity-amplifier-output { gap:5px;font-size:11px; }
  .equity-amplifier-foot em { padding:4px 8px;font-size:9.5px; }
  .equity-takeaway { grid-template-columns:215px minmax(0,1fr);padding-inline:22px; }
  .equity-takeaway span { font-size:13px; }
  .equity-takeaway strong { font-size:23px; }
}

@media (prefers-reduced-motion:reduce) {
  .creative-expression-slide .equity-shift-state,
  .creative-expression-slide .equity-shift-engine,
  .creative-expression-slide .equity-capability-card,
  .creative-expression-slide .equity-amplifier,
  .creative-expression-slide .equity-takeaway,
  .creative-expression-slide .equity-ai-core,
  .creative-expression-slide .equity-ai-core::after,
  .creative-expression-slide .equity-beam i { animation:none !important;transition:none !important;opacity:1 !important;transform:none !important; }
  .creative-expression-slide .equity-ai-core::after { opacity:0 !important; }
}

/* ========================================================================== */
/* AI lesson-planning system — pages 31–37                                    */
/* Editorial grid + restrained liquid glass + evidence-led product surfaces  */
/* ========================================================================== */

.lesson-system-slide {
  --lesson-ink:#102647;
  --lesson-muted:#65748b;
  --lesson-paper:#fbfcfa;
  --lesson-line:#dce4e8;
  --lesson-blue:#2867c7;
  --lesson-teal:#168f86;
  --lesson-gold:#c48b32;
  --lesson-coral:#d46b57;
  --lesson-violet:#765ac2;
  overflow:hidden;
  color:var(--lesson-ink);
  background:
    radial-gradient(circle at 92% 8%,rgba(40,103,199,.11),transparent 29%),
    radial-gradient(circle at 5% 96%,rgba(196,139,50,.1),transparent 27%),
    linear-gradient(135deg,#fbfcfa 0%,#f6f9fa 57%,#f9fbff 100%) !important;
}
.lesson-system-slide::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.32;
  background-image:
    linear-gradient(rgba(16,38,71,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(16,38,71,.035) 1px,transparent 1px);
  background-size:42px 42px;
  -webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.45),transparent 52%,rgba(0,0,0,.35));
  mask-image:linear-gradient(90deg,rgba(0,0,0,.45),transparent 52%,rgba(0,0,0,.35));
}
.lesson-system-page::after { height:4px;background:linear-gradient(90deg,var(--lesson-blue),var(--lesson-teal) 54%,var(--lesson-gold)); }
.lesson-system-page .lesson-system-inner { position:relative;z-index:2;padding:42px 70px 46px !important; }
.lesson-system-head {
  display:grid !important;
  grid-template-columns:64px minmax(0,1fr) 76px !important;
  align-items:start !important;
  min-height:130px !important;
  padding-bottom:16px !important;
  border-bottom:1px solid rgba(16,38,71,.14) !important;
}
.lesson-system-head .chapter-tag {
  display:grid;
  place-items:center;
  width:54px;
  height:54px;
  border:1px solid rgba(16,38,71,.12);
  border-radius:16px;
  color:#fff;
  background:linear-gradient(145deg,#163b72,var(--lesson-blue)) !important;
  box-shadow:0 13px 28px rgba(25,64,122,.2),inset 0 1px 0 rgba(255,255,255,.35) !important;
}
.lesson-system-head .head-copy { position:relative;padding:18px 0 0 4px; }
.lesson-system-head .lesson-system-eyebrow {
  position:absolute;
  left:4px;
  top:-7px;
  color:var(--lesson-gold);
  font-size:10px;
  line-height:1;
  font-weight:900;
  letter-spacing:.19em;
}
.geo-v12-slide .lesson-system-head h2 {
  margin:0 0 6px !important;
  color:var(--lesson-ink) !important;
  font-size:43px !important;
  line-height:1.08 !important;
  letter-spacing:-.045em !important;
  font-weight:930 !important;
  white-space:nowrap;
}
.geo-v12-slide .lesson-system-head h2.is-long { font-size:39px !important; }
.geo-v12-slide .lesson-system-head h2.is-xlong { font-size:35px !important; }
.geo-v12-slide .lesson-system-head p {
  max-width:1120px;
  margin:0 !important;
  color:var(--lesson-muted) !important;
  font-size:17px !important;
  line-height:1.45 !important;
  font-weight:560;
}
.lesson-system-head-mark { position:relative;display:grid;place-items:center;width:66px;height:66px;margin-top:5px; }
.lesson-system-head-mark::before,.lesson-system-head-mark::after { content:"";position:absolute;border:1px solid rgba(40,103,199,.2);border-radius:50%; }
.lesson-system-head-mark::before { inset:4px; }
.lesson-system-head-mark::after { inset:13px;border-color:rgba(196,139,50,.34); }
.lesson-system-head-mark i { position:absolute;left:50%;top:1px;width:6px;height:6px;border-radius:50%;background:var(--lesson-gold);box-shadow:0 0 15px rgba(196,139,50,.55); }
.lesson-system-head-mark b { color:#365475;font-size:14px;letter-spacing:.08em; }
.lesson-system-body { position:relative;height:500px;margin-top:17px; }
.lesson-system-takeaway {
  position:relative;
  display:flex;
  align-items:center;
  gap:13px;
  min-height:48px;
  margin-top:12px;
  padding:9px 18px;
  overflow:hidden;
  border:1px solid rgba(16,38,71,.11);
  border-radius:15px;
  background:rgba(255,255,255,.73);
  box-shadow:0 12px 28px rgba(31,59,94,.07),inset 0 1px 0 rgba(255,255,255,.92);
  backdrop-filter:blur(14px) saturate(1.14);
}
.lesson-system-takeaway::after { content:"";position:absolute;right:-80px;top:-70px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(40,103,199,.12),transparent 68%); }
.lesson-system-takeaway > span { display:grid;place-items:center;width:30px;height:30px;border-radius:10px;color:#fff;background:linear-gradient(145deg,var(--lesson-teal),#1fac99);box-shadow:0 8px 18px rgba(22,143,134,.2); }
.lesson-system-takeaway svg { width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round; }
.lesson-system-takeaway strong { position:relative;z-index:1;color:#203957;font-size:18px;line-height:1.4;font-weight:860;letter-spacing:-.015em; }

/* 31 · chapter vision */
.lesson-system-vision,.lesson-system-manifesto {
  background:
    radial-gradient(circle at 84% 9%,rgba(46,110,202,.22),transparent 30%),
    radial-gradient(circle at 5% 98%,rgba(196,139,50,.2),transparent 31%),
    linear-gradient(128deg,#f9faf6 0%,#f2f7f8 50%,#eef4fb 100%) !important;
}
.lesson-system-vision::after,.lesson-system-manifesto::after { content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:linear-gradient(90deg,#173e76,#2c78c7 47%,#1f9b90 70%,#c48b32); }
.lesson-system-light { position:absolute;pointer-events:none;border-radius:50%;filter:blur(3px); }
.lesson-system-light.is-one { right:-90px;top:-130px;width:560px;height:560px;background:radial-gradient(circle,rgba(67,132,226,.22),rgba(67,132,226,.05) 44%,transparent 72%); }
.lesson-system-light.is-two { left:-180px;bottom:-260px;width:660px;height:660px;background:radial-gradient(circle,rgba(211,155,57,.2),rgba(211,155,57,.04) 46%,transparent 70%); }
.lesson-system-light.is-three { right:-120px;bottom:-240px;width:700px;height:700px;background:radial-gradient(circle,rgba(37,147,137,.18),rgba(37,147,137,.04) 46%,transparent 70%); }
.lesson-system-vision-shell { position:relative;z-index:2;display:grid;grid-template-rows:330px minmax(0,1fr);height:100%;padding:74px 86px 66px; }
.lesson-system-vision-copy { position:relative;max-width:1220px; }
.lesson-system-part { display:flex;align-items:center;gap:12px;color:#55708e;font-size:11px;font-weight:900;letter-spacing:.18em; }
.lesson-system-part b { display:grid;place-items:center;width:46px;height:46px;border-radius:14px;color:#fff;background:linear-gradient(145deg,#173c70,#2c70bf);box-shadow:0 13px 25px rgba(29,68,117,.19);font-size:14px;letter-spacing:0; }
.lesson-system-vision-copy h2 { max-width:1180px;margin:24px 0 16px;color:var(--lesson-ink);font-size:60px;line-height:1.08;letter-spacing:-.052em;font-weight:940; }
.lesson-system-vision-copy h2 em { display:block;color:#2867c7;font-style:normal; }
.lesson-system-vision-copy p { max-width:1010px;margin:0;color:#5e6f85;font-size:21px;line-height:1.58;font-weight:560; }
.lesson-system-vision-board {
  position:relative;
  align-self:end;
  height:340px;
  overflow:hidden;
  border:1px solid rgba(16,38,71,.12);
  border-radius:29px;
  background:rgba(255,255,255,.68);
  box-shadow:0 28px 70px rgba(28,59,94,.12),inset 0 1px 0 rgba(255,255,255,.94);
  backdrop-filter:blur(20px) saturate(1.18);
}
.lesson-system-vision-board::before { content:"05";position:absolute;right:24px;top:-38px;color:rgba(30,69,117,.05);font-size:220px;line-height:1;font-weight:950;letter-spacing:-.08em; }
.lesson-system-vision-beam { position:absolute;left:72px;right:72px;top:145px;height:2px;background:linear-gradient(90deg,rgba(40,103,199,.14),rgba(40,103,199,.78) 34%,rgba(22,143,134,.75) 70%,rgba(196,139,50,.2)); }
.lesson-system-vision-beam::before { content:"";position:absolute;left:0;right:0;top:-8px;height:18px;background:linear-gradient(90deg,transparent,rgba(43,116,199,.12),rgba(22,143,134,.11),transparent);filter:blur(7px); }
.lesson-system-vision-beam i { position:absolute;left:0;top:-5px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(40,103,199,.16),0 0 20px rgba(40,103,199,.65); }
.lesson-system-vision-phases { position:absolute;left:55px;right:55px;top:72px;display:grid;grid-template-columns:repeat(5,1fr);gap:14px; }
.lesson-system-phase { position:relative;min-height:165px;padding:0 17px;border-right:1px solid rgba(16,38,71,.09); }
.lesson-system-phase:last-child { border-right:0; }
.lesson-system-phase::after { content:"";position:absolute;left:18px;top:67px;width:13px;height:13px;border:4px solid #fff;border-radius:50%;background:var(--lesson-blue);box-shadow:0 0 0 2px rgba(40,103,199,.18),0 8px 15px rgba(31,73,129,.18); }
.lesson-system-phase:nth-child(4)::after { background:var(--lesson-teal); }
.lesson-system-phase:nth-child(5)::after { background:var(--lesson-gold); }
.lesson-system-phase small { color:#8390a0;font-size:11px;font-weight:900;letter-spacing:.12em; }
.lesson-system-phase strong { display:block;margin-top:9px;color:#183657;font-size:25px;font-weight:920;letter-spacing:-.03em; }
.lesson-system-phase span { display:block;margin-top:65px;color:#69798e;font-size:14px;font-weight:700; }
.lesson-system-vision-proof { position:absolute;right:50px;bottom:24px;display:grid;grid-template-columns:auto auto;column-gap:13px;align-items:baseline; }
.lesson-system-vision-proof span { grid-row:1/3;align-self:center;padding:7px 10px;border-radius:8px;color:#fff;background:#183c6d;font-size:10px;font-weight:900;letter-spacing:.12em; }
.lesson-system-vision-proof strong { color:#1b4b7d;font-size:18px;font-weight:900; }
.lesson-system-vision-proof em { color:#78879a;font-size:12px;font-style:normal;font-weight:650; }

/* 32 · inputs become a lesson brief */
.lesson-inputs-layout { display:grid;grid-template-columns:410px 108px minmax(0,1fr);gap:18px;align-items:stretch; }
.lesson-source-desk { position:relative;display:flex;flex-direction:column;justify-content:center;gap:13px;padding:24px 8px 51px 4px; }
.lesson-source-desk::before { content:"";position:absolute;left:22px;top:10px;bottom:36px;width:1px;background:linear-gradient(transparent,rgba(16,38,71,.18),transparent); }
.lesson-source-slip {
  position:relative;
  display:grid;
  grid-template-columns:53px minmax(0,1fr) 30px;
  align-items:center;
  gap:13px;
  width:calc(100% - var(--i) * 18px);
  min-height:82px;
  margin-left:calc(var(--i) * 16px);
  padding:13px 15px;
  border:1px solid rgba(16,38,71,.11);
  border-left:5px solid var(--slip-accent,var(--lesson-blue));
  border-radius:5px 17px 17px 5px;
  background:rgba(255,255,255,.87);
  box-shadow:0 12px 24px rgba(31,59,91,.07),inset 0 1px 0 rgba(255,255,255,.96);
}
.lesson-source-slip.is-blue { --slip-accent:var(--lesson-blue); }
.lesson-source-slip.is-gold { --slip-accent:var(--lesson-gold); }
.lesson-source-slip.is-teal { --slip-accent:var(--lesson-teal); }
.lesson-source-slip.is-coral { --slip-accent:var(--lesson-coral); }
.lesson-source-slip > span { display:grid;place-items:center;width:50px;height:50px;border-radius:14px;color:var(--slip-accent);background:color-mix(in srgb,var(--slip-accent) 9%,#fff); }
.lesson-source-slip svg { width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round; }
.lesson-source-slip small { display:block;color:var(--slip-accent);font-size:11px;font-weight:900;letter-spacing:.08em; }
.lesson-source-slip strong { display:block;margin-top:5px;color:#223d5c;font-size:16px;line-height:1.3;font-weight:850; }
.lesson-source-slip > b { color:rgba(16,38,71,.17);font-size:18px; }
.lesson-source-caption { position:absolute;left:19px;bottom:10px;display:flex;align-items:center;gap:12px;color:#65778c;font-size:12px; }
.lesson-source-caption span { color:var(--lesson-gold);font-size:10px;font-weight:900;letter-spacing:.16em; }
.lesson-source-caption strong { font-weight:750; }
.lesson-input-transfer { position:relative;display:grid;place-items:center; }
.lesson-input-transfer::before { content:"";position:absolute;left:8px;right:8px;top:50%;height:1px;background:linear-gradient(90deg,rgba(40,103,199,.15),rgba(40,103,199,.75)); }
.lesson-input-transfer span { position:absolute;right:5px;top:calc(50% - 6px);width:12px;height:12px;border-top:2px solid var(--lesson-blue);border-right:2px solid var(--lesson-blue);transform:rotate(45deg); }
.lesson-input-transfer i { position:absolute;left:8px;top:calc(50% - 5px);width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(40,103,199,.14),0 0 16px rgba(40,103,199,.45); }
.lesson-input-transfer b { position:absolute;top:calc(50% + 17px);color:#71839a;font-size:11px;letter-spacing:.12em; }
.lesson-brief-sheet { position:relative;overflow:hidden;border:1px solid rgba(16,38,71,.12);border-radius:24px;background:#fff;box-shadow:0 28px 55px rgba(30,62,99,.13),inset 0 1px 0 #fff; }
.lesson-brief-sheet::before { content:"";position:absolute;right:-65px;top:-70px;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(40,103,199,.14),transparent 68%); }
.lesson-brief-sheet > header { position:relative;z-index:1;display:flex;align-items:center;gap:14px;height:57px;padding:0 24px;border-bottom:1px solid #e2e8ed;background:#f9fbfb; }
.lesson-brief-sheet > header span { color:#173d71;font-size:17px;font-weight:900; }
.lesson-brief-sheet > header b { margin-right:auto;color:#8795a5;font-size:9px;letter-spacing:.18em; }
.lesson-brief-sheet > header i { padding:6px 10px;border-radius:999px;color:#137a6f;background:#e7f6f2;font-size:10px;font-style:normal;font-weight:850; }
.lesson-brief-title { position:relative;padding:25px 28px 17px; }
.lesson-brief-title small { color:var(--lesson-gold);font-size:11px;font-weight:900;letter-spacing:.08em; }
.lesson-brief-title strong { display:block;max-width:650px;margin-top:8px;color:#173452;font-size:25px;line-height:1.32;font-weight:920;letter-spacing:-.025em; }
.lesson-brief-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:4px 28px 20px; }
.lesson-brief-grid section { display:grid;grid-template-columns:39px minmax(0,1fr);grid-template-rows:auto auto;column-gap:11px;align-items:center;min-height:78px;padding:11px 13px;border-top:1px solid #dfe6ea;background:linear-gradient(180deg,rgba(248,250,250,.7),rgba(255,255,255,0)); }
.lesson-brief-grid section > span { grid-row:1/3;display:grid;place-items:center;width:36px;height:36px;border-radius:11px;color:var(--lesson-blue);background:#eef4fc; }
.lesson-brief-grid svg { width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round; }
.lesson-brief-grid small { color:#7b8998;font-size:10px;font-weight:800; }
.lesson-brief-grid strong { color:#28405d;font-size:14px;line-height:1.35;font-weight:820; }
.lesson-brief-sheet > footer { position:absolute;left:28px;right:28px;bottom:20px;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;color:#285b6c;background:linear-gradient(90deg,#eef9f6,#f4f8fc);font-size:13px; }
.lesson-brief-sheet > footer span { width:9px;height:9px;border-radius:50%;background:var(--lesson-teal);box-shadow:0 0 0 4px rgba(22,143,134,.12); }

/* 33 · six-step refinement journey */
.lesson-journey-stage { overflow:hidden;border:1px solid rgba(16,38,71,.11);border-radius:26px;background:rgba(255,255,255,.72);box-shadow:0 24px 55px rgba(26,55,88,.09),inset 0 1px 0 rgba(255,255,255,.94); }
.lesson-journey-stage::before { content:"";position:absolute;left:-90px;top:-110px;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,rgba(40,103,199,.11),transparent 68%); }
.lesson-journey-rail { position:absolute;left:86px;right:86px;top:135px;height:3px;background:linear-gradient(90deg,#2867c7,#2c7fc2 33%,#1b998c 66%,#c48b32);box-shadow:0 0 18px rgba(40,103,199,.16); }
.lesson-journey-rail span { position:absolute;left:0;top:-4px;width:11px;height:11px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(40,103,199,.17),0 0 18px rgba(40,103,199,.5); }
.lesson-journey-steps { position:absolute;left:60px;right:60px;top:75px;display:grid;grid-template-columns:repeat(6,1fr);gap:10px; }
.lesson-journey-step { position:relative;min-width:0;text-align:center; }
.lesson-journey-node { position:relative;display:grid;place-items:center;width:92px;height:92px;margin:0 auto 29px;border:1px solid rgba(16,38,71,.12);border-radius:50%;background:rgba(255,255,255,.94);box-shadow:0 14px 26px rgba(28,61,96,.1),inset 0 1px 0 #fff; }
.lesson-journey-node::after { content:"";position:absolute;left:50%;bottom:-24px;width:12px;height:12px;border:4px solid #fff;border-radius:50%;background:var(--lesson-blue);box-shadow:0 0 0 2px rgba(40,103,199,.18);transform:translateX(-50%); }
.lesson-journey-step:nth-child(n+4) .lesson-journey-node::after { background:var(--lesson-teal); }
.lesson-journey-step:last-child .lesson-journey-node::after { background:var(--lesson-gold); }
.lesson-journey-node small { position:absolute;left:-4px;top:1px;display:grid;place-items:center;width:27px;height:27px;border-radius:9px;color:#fff;background:#183f73;font-size:9px;font-weight:900; }
.lesson-journey-node span { display:grid;place-items:center;width:56px;height:56px;border-radius:18px;color:var(--lesson-blue);background:#eef4fc; }
.lesson-journey-step:nth-child(n+4) .lesson-journey-node span { color:var(--lesson-teal);background:#eaf7f4; }
.lesson-journey-step:last-child .lesson-journey-node span { color:var(--lesson-gold);background:#fcf4e8; }
.lesson-journey-node svg { width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round; }
.lesson-journey-copy strong { color:#183553;font-size:19px;font-weight:910;letter-spacing:-.02em; }
.lesson-journey-copy p { min-height:42px;margin:7px 4px 12px;color:#6c7b8e;font-size:12px;line-height:1.55;font-weight:620; }
.lesson-journey-copy em { display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:9px;color:#305773;background:#f1f5f7;font-size:11px;font-style:normal;font-weight:800; }
.lesson-journey-copy em b { color:#8a98a7;font-size:9px; }
.lesson-journey-loop { position:absolute;left:60px;right:60px;bottom:28px;display:grid;grid-template-columns:43px auto 1fr;align-items:center;gap:12px;min-height:62px;padding:9px 18px;border:1px solid rgba(22,143,134,.16);border-radius:16px;background:linear-gradient(90deg,rgba(235,248,244,.95),rgba(248,251,252,.8)); }
.lesson-journey-loop > span { display:grid;place-items:center;width:42px;height:42px;border-radius:13px;color:#fff;background:var(--lesson-teal);box-shadow:0 8px 18px rgba(22,143,134,.17); }
.lesson-journey-loop svg { width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round; }
.lesson-journey-loop strong { color:#1d4b55;font-size:15px; }
.lesson-journey-loop em { justify-self:end;color:#69808a;font-size:13px;font-style:normal;font-weight:680; }

/* 34 · teacher-led workbench */
.lesson-workbench-window { display:grid;grid-template-columns:245px minmax(0,1fr) 278px;grid-template-rows:48px minmax(0,1fr) 43px;overflow:hidden;border:1px solid rgba(16,38,71,.15);border-radius:24px;background:#edf2f5;box-shadow:0 30px 65px rgba(22,49,82,.16),inset 0 1px 0 #fff; }
.lesson-workbench-topbar { grid-column:1/-1;display:grid;grid-template-columns:145px 1fr auto 145px;align-items:center;gap:16px;padding:0 17px;border-bottom:1px solid #dce4e9;background:rgba(255,255,255,.93); }
.lesson-window-dots { display:flex;gap:6px; }
.lesson-window-dots i { width:9px;height:9px;border-radius:50%;background:#d1d9df; }
.lesson-window-dots i:first-child { background:#dc7664; }.lesson-window-dots i:nth-child(2) { background:#d7aa4a; }.lesson-window-dots i:last-child { background:#4cad87; }
.lesson-workbench-topbar > strong { color:#2b4460;font-size:13px;font-weight:850; }
.lesson-workbench-topbar nav { display:flex;align-items:center;gap:3px;padding:3px;border-radius:10px;background:#eef2f5; }
.lesson-workbench-topbar nav b { padding:6px 10px;border-radius:8px;color:#7a8896;font-size:10px; }
.lesson-workbench-topbar nav b.is-active { color:#174d87;background:#fff;box-shadow:0 3px 10px rgba(25,56,88,.1); }
.lesson-workbench-topbar em { justify-self:end;color:#83909d;font-size:10px;font-style:normal; }
.lesson-workbench-brief,.lesson-workbench-review { position:relative;padding:18px;background:rgba(249,251,251,.9); }
.lesson-workbench-brief { border-right:1px solid #dce4e9; }
.lesson-workbench-review { border-left:1px solid #dce4e9; }
.lesson-panel-label { display:block;margin-bottom:12px;color:#83909d;font-size:9px;font-weight:900;letter-spacing:.16em; }
.lesson-workbench-brief h3 { margin:0 0 18px;color:#173b67;font-size:24px;letter-spacing:-.025em; }
.lesson-workbench-brief > div { padding:10px 0;border-top:1px solid #e0e7eb; }
.lesson-workbench-brief > div small { display:block;color:#8a97a4;font-size:9px;font-weight:800; }
.lesson-workbench-brief > div strong { display:block;margin-top:4px;color:#324b66;font-size:12px;line-height:1.4;font-weight:820; }
.lesson-workbench-brief button { position:absolute;left:18px;right:18px;bottom:18px;display:flex;align-items:center;justify-content:center;gap:8px;height:38px;border:1px solid #d5e0e7;border-radius:11px;color:#2f5874;background:#fff;font-size:11px;font-weight:820; }
.lesson-workbench-brief button span { display:grid;place-items:center;width:21px;height:21px; }
.lesson-workbench-brief button svg { width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round; }
.lesson-workbench-canvas { display:grid;grid-template-rows:42px minmax(0,1fr);min-width:0;background:#dfe8ec; }
.lesson-canvas-toolbar { display:flex;align-items:center;gap:13px;padding:0 15px;border-bottom:1px solid rgba(28,59,86,.1);background:#f7f9fa; }
.lesson-canvas-toolbar > span { margin-right:auto;color:#607386;font-size:10px;font-weight:800; }
.lesson-canvas-toolbar > div { display:flex;gap:5px; }
.lesson-canvas-toolbar b { padding:5px 8px;border-radius:7px;color:#84909b;background:#edf1f3;font-size:9px; }
.lesson-canvas-toolbar b.is-on { color:#fff;background:#2871bb; }
.lesson-canvas-toolbar em { color:#81909d;font-size:9px;font-style:normal; }
.lesson-canvas-scene { position:relative;overflow:hidden;background:radial-gradient(circle at 65% 45%,#e5f4fa 0%,#dae9ef 32%,#cfdee4 61%,#c4d4db 100%); }
.lesson-canvas-scene::after { content:"";position:absolute;inset:0;background:linear-gradient(105deg,rgba(255,255,255,.44),transparent 32%,rgba(22,80,122,.06));pointer-events:none; }
.lesson-canvas-sun { position:absolute;left:74px;top:112px;width:78px;height:78px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fffbe0,#ffd36a 48%,#e9a831 76%);box-shadow:0 0 45px rgba(255,199,78,.44),0 0 0 11px rgba(255,209,102,.09); }
.lesson-canvas-sun i { position:absolute;inset:-18px;border:1px dashed rgba(218,157,42,.32);border-radius:50%; }
.lesson-canvas-rays { position:absolute;left:148px;top:96px;display:grid;gap:24px;transform:rotate(-3deg); }
.lesson-canvas-rays i { display:block;width:235px;height:1px;background:linear-gradient(90deg,rgba(232,173,57,.48),transparent); }
.lesson-canvas-earth { position:absolute;left:50%;top:50%;width:272px;height:272px;border-radius:50%;background-image:linear-gradient(90deg,transparent 49%,rgba(4,14,32,.68) 62%,rgba(2,9,22,.9)),url('assets/earth.jpg');background-position:center;background-size:cover;box-shadow:-20px 5px 52px rgba(40,102,139,.24),24px 11px 42px rgba(7,25,45,.32),inset -31px 0 42px rgba(0,5,16,.35);transform:translate(-40%,-49%); }
.lesson-canvas-earth::before { content:"";position:absolute;inset:-8px;border:2px solid rgba(75,181,225,.48);border-radius:50%;box-shadow:0 0 22px rgba(52,159,205,.26); }
.lesson-canvas-earth::after { content:"";position:absolute;left:48%;top:0;width:3px;height:100%;border-radius:50%;background:linear-gradient(transparent,rgba(112,213,246,.76),transparent);filter:blur(.3px);transform:rotate(8deg); }
.lesson-canvas-earth i { position:absolute;inset:16%;border:1px solid rgba(220,239,248,.32);border-radius:50%;transform:rotate(12deg); }
.lesson-canvas-earth span { position:absolute;left:9%;right:9%;top:49%;height:1px;background:rgba(220,239,248,.34); }
.lesson-city-chip { position:absolute;z-index:2;display:grid;grid-template-columns:8px auto;column-gap:6px;min-width:111px;padding:7px 9px;border:1px solid rgba(255,255,255,.7);border-radius:10px;color:#234059;background:rgba(255,255,255,.82);box-shadow:0 8px 17px rgba(21,52,76,.12);backdrop-filter:blur(8px); }
.lesson-city-chip > i { grid-row:1/3;align-self:center;width:7px;height:7px;border-radius:50%;background:#f0a642;box-shadow:0 0 0 3px rgba(240,166,66,.15); }
.lesson-city-chip strong { font-size:10px; }.lesson-city-chip span { color:#718192;font-size:8px; }
.lesson-city-chip.is-beijing { right:86px;top:74px; }.lesson-city-chip.is-london { right:49px;bottom:75px; }
.lesson-canvas-timeline { position:absolute;z-index:2;left:46px;right:46px;bottom:20px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;color:#557084;font-size:8px; }
.lesson-canvas-timeline > span { position:relative;height:4px;border-radius:99px;background:rgba(31,78,107,.17); }
.lesson-canvas-timeline > span i { position:absolute;left:58%;top:-4px;width:12px;height:12px;border:3px solid #fff;border-radius:50%;background:#2672b9;box-shadow:0 3px 9px rgba(30,79,118,.2); }
.lesson-review-score { display:flex;align-items:end;justify-content:space-between;margin-bottom:10px;padding:9px 11px;border-radius:12px;background:linear-gradient(100deg,#eff8f5,#f7faf9); }
.lesson-review-score strong { color:#167b70;font-size:20px; }.lesson-review-score span { color:#6f817f;font-size:9px;font-weight:800; }
.lesson-workbench-review label { display:grid;grid-template-columns:27px 1fr auto;align-items:center;gap:8px;min-height:43px;border-bottom:1px solid #e2e8eb; }
.lesson-workbench-review label i { display:grid;place-items:center;width:24px;height:24px;border-radius:8px;color:#fff;background:#269886; }
.lesson-workbench-review label svg { width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round; }
.lesson-workbench-review label strong { color:#365069;font-size:11px; }.lesson-workbench-review label span { color:#198574;font-size:9px;font-weight:800; }
.lesson-workbench-review label.is-pending i { color:#9d7a35;background:#f6ebd5; }.lesson-workbench-review label.is-pending span { color:#a27a2b; }
.lesson-workbench-review > button { position:absolute;left:18px;right:18px;bottom:18px;height:39px;border:0;border-radius:11px;color:#fff;background:linear-gradient(110deg,#173e72,#2871b8);box-shadow:0 10px 20px rgba(27,68,113,.18);font-size:11px;font-weight:850; }
.lesson-workbench-status { grid-column:1/-1;display:flex;align-items:center;gap:27px;padding:0 20px;border-top:1px solid #d9e2e7;background:#fff;color:#687b8d;font-size:10px;font-weight:730; }
.lesson-workbench-status span,.lesson-workbench-status strong { display:flex;align-items:center;gap:7px; }
.lesson-workbench-status i { width:7px;height:7px;border-radius:50%;background:#2f9b8b;box-shadow:0 0 0 3px rgba(47,155,139,.1); }
.lesson-workbench-status strong { margin-left:auto;color:#9b7025; }.lesson-workbench-status strong i { background:#d19a3b; }

/* 35 · provenance and co-creation */
.lesson-lineage-board { overflow:hidden;border:1px solid rgba(16,38,71,.11);border-radius:27px;background:rgba(255,255,255,.7);box-shadow:0 25px 58px rgba(25,57,91,.1),inset 0 1px 0 rgba(255,255,255,.94); }
.lesson-lineage-board::before { content:"";position:absolute;right:-100px;top:-100px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(22,143,134,.12),transparent 69%); }
.lesson-lineage-lines { position:absolute;inset:0;width:100%;height:100%;overflow:visible; }
.lesson-lineage-lines path { fill:none;stroke:rgba(40,103,199,.43);stroke-width:2;stroke-dasharray:7 7; }
.lesson-lineage-lines path.is-return { stroke:rgba(22,143,134,.46);stroke-dasharray:4 7; }
.lesson-origin-sheet { position:absolute;left:45px;top:36px;width:285px;height:358px;padding:16px;border:1px solid rgba(16,38,71,.13);border-radius:20px;background:#fff;box-shadow:0 22px 42px rgba(26,57,90,.14);transform:rotate(-1deg); }
.lesson-origin-sheet > header { display:flex;align-items:center;gap:8px;height:30px; }
.lesson-origin-sheet > header span { display:grid;place-items:center;width:28px;height:28px;border-radius:9px;color:#fff;background:#2867c7; }
.lesson-origin-sheet > header svg { width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round; }
.lesson-origin-sheet > header b { margin-right:auto;color:#2d4a67;font-size:11px; }.lesson-origin-sheet > header em { padding:5px 7px;border-radius:7px;color:#167c72;background:#eaf7f4;font-size:8px;font-style:normal;font-weight:850; }
.lesson-origin-preview { position:relative;height:148px;margin:13px 0 15px;overflow:hidden;border-radius:15px;background:radial-gradient(circle at 65% 38%,#daeef6,#afc9d4 70%); }
.lesson-origin-earth { position:absolute;left:50%;top:50%;width:132px;height:132px;border-radius:50%;background-image:linear-gradient(90deg,transparent 48%,rgba(1,10,22,.54) 70%),url('assets/earth.jpg');background-size:cover;background-position:center;box-shadow:0 9px 27px rgba(14,45,71,.35),inset -18px 0 28px rgba(0,5,14,.29);transform:translate(-48%,-50%); }
.lesson-origin-earth i { position:absolute;inset:-5px;border:1px solid rgba(89,195,226,.55);border-radius:50%; }
.lesson-origin-preview > span { position:absolute;left:10px;bottom:9px;padding:5px 7px;border-radius:7px;color:#294961;background:rgba(255,255,255,.75);font-size:8px;font-weight:850;backdrop-filter:blur(6px); }
.lesson-origin-sheet h3 { margin:0;color:#173a62;font-size:23px;letter-spacing:-.025em; }.lesson-origin-sheet > p { margin:6px 0 16px;color:#708194;font-size:11px;font-weight:700; }
.lesson-origin-sheet > footer { display:flex;gap:7px;padding-top:12px;border-top:1px solid #e2e8ec; }.lesson-origin-sheet > footer span { padding:5px 8px;border-radius:7px;color:#527086;background:#f0f4f6;font-size:8px;font-weight:820; }
.lesson-lineage-junction { position:absolute;left:390px;top:183px;display:grid;grid-template-columns:48px auto;grid-template-rows:auto auto;column-gap:12px;align-items:center;width:245px;padding:13px 16px;border:1px solid rgba(40,103,199,.14);border-radius:17px;background:rgba(255,255,255,.86);box-shadow:0 16px 32px rgba(29,62,95,.1);backdrop-filter:blur(12px); }
.lesson-lineage-junction > span { grid-row:1/3;display:grid;place-items:center;width:46px;height:46px;border-radius:14px;color:#fff;background:linear-gradient(145deg,#2867c7,#168f86); }
.lesson-lineage-junction svg { width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round; }.lesson-lineage-junction strong { color:#24445f;font-size:12px; }.lesson-lineage-junction em { color:#718294;font-size:9px;font-style:normal; }
.lesson-variant-stack { position:absolute;right:45px;top:30px;display:grid;gap:12px;width:480px; }
.lesson-variant-sheet { position:relative;display:grid;grid-template-columns:43px minmax(0,1fr) auto;align-items:center;gap:13px;min-height:105px;padding:13px 15px;border:1px solid rgba(16,38,71,.11);border-left:4px solid var(--variant-accent,var(--lesson-blue));border-radius:7px 17px 17px 7px;background:rgba(255,255,255,.9);box-shadow:0 12px 25px rgba(27,58,91,.08); }
.lesson-variant-sheet:nth-child(2) { --variant-accent:var(--lesson-teal);margin-left:24px; }.lesson-variant-sheet:nth-child(3) { --variant-accent:var(--lesson-gold);margin-left:8px; }
.lesson-variant-index { display:grid;place-items:center;width:40px;height:40px;border-radius:12px;color:var(--variant-accent);background:color-mix(in srgb,var(--variant-accent) 10%,#fff);font-size:10px;font-weight:900; }
.lesson-variant-sheet small { color:#82909e;font-size:8px;font-weight:820; }.lesson-variant-sheet strong { display:block;margin-top:3px;color:#29445f;font-size:15px; }.lesson-variant-sheet p { margin:3px 0 0;color:#6d7e90;font-size:10px; }.lesson-variant-sheet > em { align-self:start;padding:5px 7px;border-radius:7px;color:#647d90;background:#eef3f5;font-size:8px;font-style:normal;font-weight:800; }
.lesson-lineage-return { position:absolute;left:390px;bottom:49px;display:flex;align-items:center;gap:10px;color:#2b5d62; }
.lesson-lineage-return > span { display:grid;place-items:center;width:36px;height:36px;border-radius:12px;color:#fff;background:var(--lesson-teal); }.lesson-lineage-return svg { width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round; }.lesson-lineage-return strong { display:block;font-size:11px; }.lesson-lineage-return em { display:block;margin-top:2px;color:#76898f;font-size:8px;font-style:normal; }
.lesson-lineage-ledger { position:absolute;left:45px;right:45px;bottom:12px;display:grid;grid-template-columns:repeat(5,1fr);height:28px;border-top:1px solid #dfe7ea;color:#788998;font-size:8px;font-weight:800;letter-spacing:.04em; }.lesson-lineage-ledger span { display:grid;place-items:center;border-right:1px solid #e3e9ec; }.lesson-lineage-ledger span:last-child { border-right:0; }

/* 36 · quality review desk */
.lesson-quality-desk { overflow:hidden;border:1px solid rgba(16,38,71,.11);border-radius:27px;background:rgba(255,255,255,.7);box-shadow:0 25px 58px rgba(25,57,91,.1),inset 0 1px 0 rgba(255,255,255,.94); }
.lesson-quality-desk::before { content:"";position:absolute;left:-120px;bottom:-160px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(196,139,50,.12),transparent 69%); }
.lesson-quality-stages { position:absolute;left:42px;right:42px;top:20px;display:grid;grid-template-columns:repeat(4,1fr);height:34px;border-radius:999px;background:#edf2f4; }
.lesson-quality-stages::before { content:"";position:absolute;left:0;top:0;bottom:0;width:62.5%;border-radius:999px;background:linear-gradient(90deg,#2867c7,#168f86); }
.lesson-quality-stages span { position:relative;z-index:1;display:grid;place-items:center;color:#7b8997;font-size:9px;font-weight:850; }.lesson-quality-stages span.is-done,.lesson-quality-stages span.is-current { color:#fff; }.lesson-quality-stages span.is-current::after { content:"当前";position:absolute;right:8px;padding:3px 5px;border-radius:5px;color:#1e6f68;background:rgba(255,255,255,.87);font-size:7px; }
.lesson-quality-artifact { position:absolute;left:48px;top:80px;width:465px;height:295px;overflow:hidden;border:1px solid rgba(16,38,71,.13);border-radius:21px;background:#fff;box-shadow:0 20px 42px rgba(27,59,91,.13); }
.lesson-quality-artifact > header { display:flex;align-items:center;height:45px;padding:0 17px;border-bottom:1px solid #e1e8eb;background:#f8fafb; }.lesson-quality-artifact > header span { margin-right:auto;color:#31506d;font-size:11px;font-weight:850; }.lesson-quality-artifact > header b { padding:5px 8px;border-radius:7px;color:#966d26;background:#f8efd9;font-size:8px; }
.lesson-quality-preview { display:grid;grid-template-columns:150px 1fr;gap:17px;align-items:center;padding:18px; }
.lesson-quality-earth { position:relative;width:138px;height:138px;border-radius:18px;background:radial-gradient(circle at 54% 42%,#d9eef4,#b7d0d9);overflow:hidden; }
.lesson-quality-earth::before { content:"";position:absolute;left:50%;top:50%;width:104px;height:104px;border-radius:50%;background-image:linear-gradient(90deg,transparent 48%,rgba(2,10,23,.55) 72%),url('assets/earth.jpg');background-size:cover;background-position:center;box-shadow:0 8px 22px rgba(13,44,68,.32);transform:translate(-50%,-50%); }.lesson-quality-earth i { position:absolute;left:17px;top:17px;width:104px;height:104px;border:1px solid rgba(72,177,211,.55);border-radius:50%; }
.lesson-quality-preview small { color:#9a762e;font-size:9px;font-weight:850; }.lesson-quality-preview strong { display:block;margin-top:7px;color:#1d3e60;font-size:19px;line-height:1.35;letter-spacing:-.02em; }.lesson-quality-preview span { display:block;margin-top:10px;color:#748597;font-size:10px;font-weight:700; }
.lesson-quality-score { position:absolute;left:18px;right:18px;bottom:15px;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:11px;background:linear-gradient(90deg,#edf8f5,#f4f8fa); }.lesson-quality-score strong { color:#176f68;font-size:12px; }.lesson-quality-score span { color:#75858e;font-size:9px; }
.lesson-quality-lenses { position:absolute;left:550px;right:42px;top:80px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px; }
.lesson-quality-lens { --lens-accent:var(--lesson-blue);display:grid;grid-template-columns:30px 1fr 34px;align-items:center;gap:10px;min-height:86px;padding:11px 13px;border:1px solid rgba(16,38,71,.1);border-top:4px solid var(--lens-accent);border-radius:9px 9px 17px 17px;background:rgba(255,255,255,.92);box-shadow:0 10px 22px rgba(27,58,90,.07); }.lesson-quality-lens.is-teal { --lens-accent:var(--lesson-teal); }.lesson-quality-lens.is-gold { --lens-accent:var(--lesson-gold); }.lesson-quality-lens.is-violet { --lens-accent:var(--lesson-violet); }.lesson-quality-lens.is-coral { --lens-accent:var(--lesson-coral);grid-column:1/-1;width:calc(50% - 5px);justify-self:center; }
.lesson-quality-lens > span { color:var(--lens-accent);font-size:10px;font-weight:900; }.lesson-quality-lens strong { color:#294560;font-size:14px; }.lesson-quality-lens p { margin:4px 0 0;color:#728294;font-size:9px;line-height:1.35; }.lesson-quality-lens > i { display:grid;place-items:center;width:32px;height:32px;border-radius:11px;color:var(--lens-accent);background:color-mix(in srgb,var(--lens-accent) 9%,#fff); }.lesson-quality-lens svg { width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round; }
.lesson-quality-evidence { position:absolute;left:42px;right:42px;bottom:20px;display:grid;grid-template-columns:190px 1fr;align-items:center;min-height:72px;padding:10px 15px;border:1px solid rgba(16,38,71,.09);border-radius:16px;background:linear-gradient(90deg,#f8faf9,#f1f6f7); }
.lesson-quality-evidence > strong { display:flex;align-items:center;gap:10px;color:#31536a;font-size:13px; }.lesson-quality-evidence > strong span { display:grid;place-items:center;width:34px;height:34px;border-radius:11px;color:#fff;background:#193f70; }.lesson-quality-evidence svg { width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round; }.lesson-quality-evidence > div { display:grid;grid-template-columns:repeat(4,1fr);gap:8px; }.lesson-quality-evidence > div span { display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:10px;color:#536b7d;background:#fff;font-size:10px;font-weight:800;box-shadow:0 5px 12px rgba(28,59,88,.05); }.lesson-quality-evidence > div i { color:var(--lesson-gold);font-size:8px;font-style:normal;font-weight:900; }

/* 37 · compact capability desk, using page 36's content-page structure */
.lesson-capability-desk { overflow:hidden; }
.lesson-capability-desk::after { content:"";position:absolute;right:-105px;top:70px;width:360px;height:360px;border:1px solid rgba(40,103,199,.08);border-radius:50%;box-shadow:0 0 0 54px rgba(40,103,199,.025),0 0 0 108px rgba(22,143,134,.018);pointer-events:none; }
.lesson-capability-stages::before { width:100%;background:linear-gradient(90deg,#2867c7 0%,#665ab9 34%,#168f86 68%,#c48b32 100%); }
.lesson-capability-stages span.is-current::after { content:"持续生长";right:10px;color:#76561d;background:rgba(255,255,255,.9); }
.lesson-capability-grid { position:absolute;z-index:2;left:54px;right:54px;top:82px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));justify-items:center;gap:16px; }
.lesson-capability-card {
  --capability-accent:var(--lesson-blue);
  position:relative;
  display:grid;
  grid-template-rows:auto 48px auto 1fr auto;
  width:100%;
  max-width:282px;
  height:262px;
  padding:17px 18px 15px;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--capability-accent) 17%,#dce5eb);
  border-top:4px solid var(--capability-accent);
  border-radius:10px 10px 20px 20px;
  background:linear-gradient(155deg,rgba(255,255,255,.98),color-mix(in srgb,var(--capability-accent) 4%,#fff));
  box-shadow:0 13px 30px rgba(26,58,91,.075),inset 0 1px 0 rgba(255,255,255,.98);
}
.lesson-capability-card.is-violet { --capability-accent:var(--lesson-violet); }
.lesson-capability-card.is-teal { --capability-accent:var(--lesson-teal); }
.lesson-capability-card.is-gold { --capability-accent:var(--lesson-gold); }
.lesson-capability-card::after { content:"";position:absolute;right:-58px;top:-65px;width:150px;height:150px;border:1px solid color-mix(in srgb,var(--capability-accent) 13%,transparent);border-radius:50%;box-shadow:0 0 0 24px color-mix(in srgb,var(--capability-accent) 3%,transparent);pointer-events:none; }
.lesson-capability-card > header { position:relative;z-index:1;display:flex;align-items:center;gap:9px;min-width:0; }
.lesson-capability-card > header small { display:grid;place-items:center;width:30px;height:24px;border-radius:7px;color:var(--capability-accent);background:color-mix(in srgb,var(--capability-accent) 9%,#fff);font-size:9px;font-weight:950;letter-spacing:.08em; }
.lesson-capability-card > header span { color:#526b82;font-size:11px;font-weight:880;letter-spacing:.05em; }
.lesson-capability-icon { position:relative;z-index:1;display:grid;place-items:center;align-self:center;width:42px;height:42px;margin-top:7px;border-radius:14px;color:#fff;background:linear-gradient(145deg,color-mix(in srgb,var(--capability-accent) 82%,#fff),var(--capability-accent));box-shadow:0 9px 19px color-mix(in srgb,var(--capability-accent) 22%,transparent); }
.lesson-capability-icon svg { width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round; }
.lesson-capability-card > strong { position:relative;z-index:1;display:block;margin-top:10px;color:#203e5b;font-size:17px;line-height:1.32;font-weight:920;letter-spacing:-.02em; }
.lesson-capability-card > p { position:relative;z-index:1;margin:7px 0 0;color:#6c7d8f;font-size:10px;line-height:1.5;font-weight:660; }
.lesson-capability-card > footer { position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;margin-top:11px;padding-top:10px;border-top:1px solid color-mix(in srgb,var(--capability-accent) 11%,#e2e9ed); }
.lesson-capability-card > footer span { color:#7b8996;font-size:9px;font-weight:800; }
.lesson-capability-card > footer b { padding:5px 8px;border-radius:7px;color:var(--capability-accent);background:color-mix(in srgb,var(--capability-accent) 9%,#fff);font-size:9px;font-weight:900; }
.lesson-capability-footer { z-index:2; }
.lesson-capability-footer > strong > span { background:linear-gradient(145deg,#193f70,#2867c7); }

/* Motion is active-slide only and explains flow rather than decorating every card. */
.lesson-system-vision.active .lesson-system-vision-copy { animation:lesson-copy-in .62s cubic-bezier(.18,.82,.2,1) both; }
.lesson-system-vision.active .lesson-system-vision-board { animation:lesson-panel-in .72s .14s cubic-bezier(.18,.82,.2,1) both; }
.lesson-system-vision.active .lesson-system-phase { animation:lesson-item-up .46s cubic-bezier(.2,.78,.2,1) both;animation-delay:calc(.38s + var(--i) * 80ms); }
.lesson-system-vision.active .lesson-system-vision-beam i { animation:lesson-signal-run 4.1s 1.05s ease-in-out infinite; }
.lesson-system-inputs.active .lesson-source-slip { animation:lesson-slip-in .48s cubic-bezier(.2,.78,.2,1) both;animation-delay:calc(.12s + var(--i) * 80ms); }
.lesson-system-inputs.active .lesson-input-transfer i { animation:lesson-transfer-run 2.7s .75s ease-in-out infinite; }
.lesson-system-inputs.active .lesson-brief-sheet { animation:lesson-paper-in .64s .32s cubic-bezier(.18,.82,.2,1) both; }
.lesson-system-journey.active .lesson-journey-rail span { animation:lesson-rail-run 4.8s .9s ease-in-out infinite; }
.lesson-system-journey.active .lesson-journey-step { animation:lesson-item-up .47s cubic-bezier(.2,.78,.2,1) both;animation-delay:calc(.12s + var(--i) * 75ms); }
.lesson-system-journey.active .lesson-journey-loop { animation:lesson-panel-in .55s .65s cubic-bezier(.2,.78,.2,1) both; }
.lesson-system-workbench.active .lesson-workbench-window { animation:lesson-workbench-in .68s .1s cubic-bezier(.18,.82,.2,1) both; }
.lesson-system-workbench.active .lesson-canvas-earth { animation:lesson-earth-drift 12s 1s ease-in-out infinite; }
.lesson-system-lineage.active .lesson-origin-sheet { animation:lesson-origin-in .62s .1s cubic-bezier(.18,.82,.2,1) both; }
.lesson-system-lineage.active .lesson-lineage-lines path { animation:lesson-dash-flow 8s .4s linear infinite; }
.lesson-system-lineage.active .lesson-variant-sheet { animation:lesson-variant-in .5s cubic-bezier(.2,.78,.2,1) both;animation-delay:calc(.3s + var(--i) * 110ms); }
.lesson-system-quality.active .lesson-quality-artifact { animation:lesson-paper-in .62s .1s cubic-bezier(.18,.82,.2,1) both; }
.lesson-system-quality.active .lesson-quality-lens { animation:lesson-item-up .46s cubic-bezier(.2,.78,.2,1) both;animation-delay:calc(.22s + var(--i) * 75ms); }
.lesson-system-quality.active .lesson-quality-stages::before { animation:lesson-progress-grow 1.05s .18s cubic-bezier(.2,.75,.2,1) both; }
.lesson-system-capability.active .lesson-capability-card { animation:lesson-item-up .46s cubic-bezier(.2,.78,.2,1) both;animation-delay:calc(.18s + var(--i) * 80ms); }
.lesson-system-capability.active .lesson-capability-stages::before { animation:lesson-capability-progress 1.05s .12s cubic-bezier(.2,.75,.2,1) both; }
.lesson-system-capability.active .lesson-capability-footer { animation:lesson-panel-in .5s .45s cubic-bezier(.2,.78,.2,1) both; }

@keyframes lesson-copy-in { from { opacity:0;transform:translateY(18px); } to { opacity:1;transform:none; } }
@keyframes lesson-panel-in { from { opacity:0;transform:translateY(24px) scale(.988); } to { opacity:1;transform:none; } }
@keyframes lesson-item-up { from { opacity:0;transform:translateY(16px); } to { opacity:1;transform:none; } }
@keyframes lesson-signal-run { 0%,8% { left:0;opacity:0; } 18% { opacity:1; } 82% { opacity:1; } 94%,100% { left:100%;opacity:0; } }
@keyframes lesson-slip-in { from { opacity:0;transform:translateX(-22px); } to { opacity:1;transform:none; } }
@keyframes lesson-transfer-run { 0%,12% { left:8px;opacity:0; } 22% { opacity:1; } 76% { opacity:1; } 92%,100% { left:calc(100% - 18px);opacity:0; } }
@keyframes lesson-paper-in { from { opacity:0;transform:translateY(18px) rotate(.7deg) scale(.99); } to { opacity:1;transform:none; } }
@keyframes lesson-rail-run { 0%,7% { left:0;opacity:0; } 16% { opacity:1; } 86% { opacity:1; } 96%,100% { left:100%;opacity:0; } }
@keyframes lesson-workbench-in { from { opacity:0;transform:translateY(22px) scale(.985);box-shadow:0 8px 22px rgba(22,49,82,.07); } to { opacity:1;transform:none; } }
@keyframes lesson-earth-drift { 0%,100% { transform:translate(-40%,-49%) rotate(-1deg); } 50% { transform:translate(-40%,-51%) rotate(1deg); } }
@keyframes lesson-origin-in { from { opacity:0;transform:translateX(-25px) rotate(-3deg); } to { opacity:1;transform:rotate(-1deg); } }
@keyframes lesson-dash-flow { to { stroke-dashoffset:-84; } }
@keyframes lesson-variant-in { from { opacity:0;transform:translateX(26px); } to { opacity:1;transform:none; } }
@keyframes lesson-progress-grow { from { width:0; } to { width:62.5%; } }
@keyframes lesson-capability-progress { from { width:0; } to { width:100%; } }

@media (max-width:1380px), (max-height:790px) {
  .lesson-system-page .lesson-system-inner { padding:38px 64px 42px !important; }
  .lesson-system-head { min-height:118px !important; }
  .geo-v12-slide .lesson-system-head h2 { font-size:39px !important; }
  .geo-v12-slide .lesson-system-head h2.is-long { font-size:35px !important; }
  .geo-v12-slide .lesson-system-head h2.is-xlong { font-size:31px !important; }
  .geo-v12-slide .lesson-system-head p { font-size:15px !important; }
  .lesson-system-body { height:478px;margin-top:14px; }
  .lesson-system-takeaway { min-height:43px;margin-top:10px; }.lesson-system-takeaway strong { font-size:16px; }
  .lesson-system-vision-shell { padding-inline:76px; }
  .lesson-system-vision-copy h2 { font-size:54px; }.lesson-system-vision-copy p { font-size:18px; }
  .lesson-system-vision-board { height:320px; }.lesson-system-vision-shell { grid-template-rows:300px 1fr; }
  .lesson-system-phase strong { font-size:22px; }
  .lesson-workbench-window { grid-template-columns:225px minmax(0,1fr) 255px; }
  .lesson-canvas-earth { width:244px;height:244px; }
  .lesson-capability-grid { left:46px;right:46px;gap:13px; }
  .lesson-capability-card { max-width:258px;height:248px;padding:15px 16px 14px; }
  .lesson-capability-card > strong { font-size:15px; }
}

@media (prefers-reduced-motion:reduce) {
  .lesson-system-slide .lesson-system-vision-copy,
  .lesson-system-slide .lesson-system-vision-board,
  .lesson-system-slide .lesson-system-phase,
  .lesson-system-slide .lesson-system-vision-beam i,
  .lesson-system-slide .lesson-source-slip,
  .lesson-system-slide .lesson-input-transfer i,
  .lesson-system-slide .lesson-brief-sheet,
  .lesson-system-slide .lesson-journey-rail span,
  .lesson-system-slide .lesson-journey-step,
  .lesson-system-slide .lesson-journey-loop,
  .lesson-system-slide .lesson-workbench-window,
  .lesson-system-slide .lesson-canvas-earth,
  .lesson-system-slide .lesson-origin-sheet,
  .lesson-system-slide .lesson-lineage-lines path,
  .lesson-system-slide .lesson-variant-sheet,
  .lesson-system-slide .lesson-quality-artifact,
  .lesson-system-slide .lesson-quality-lens,
  .lesson-system-slide .lesson-quality-stages::before,
  .lesson-system-slide .lesson-capability-card,
  .lesson-system-slide .lesson-capability-stages::before,
  .lesson-system-slide .lesson-capability-footer { animation:none !important;transition:none !important;opacity:1 !important;transform:none; }
  .lesson-system-slide .lesson-origin-sheet { transform:rotate(-1deg) !important; }
  .lesson-system-slide .lesson-canvas-earth { transform:translate(-40%,-49%) !important; }
}

/* 38 · closing page — a quiet, luminous finish for the geography session. */
.geo-thank-you-slide {
  color:#0c2550;
  background:
    radial-gradient(circle at 76% 48%,rgba(42,132,240,.15),transparent 29%),
    radial-gradient(circle at 18% 12%,rgba(36,182,186,.09),transparent 27%),
    linear-gradient(135deg,#ffffff 0%,#fbfdff 48%,#f3f8ff 100%);
  isolation:isolate;
}
.thank-you-light {
  position:absolute;
  z-index:0;
  border-radius:50%;
  pointer-events:none;
}
.thank-you-light.is-top {
  right:-170px;
  top:-270px;
  width:760px;
  height:760px;
  border:1px solid rgba(47,130,255,.08);
  box-shadow:0 0 0 72px rgba(47,130,255,.025),0 0 0 148px rgba(33,168,207,.018);
}
.thank-you-light.is-bottom {
  left:-360px;
  bottom:-520px;
  width:900px;
  height:900px;
  background:radial-gradient(circle,rgba(22,141,103,.09),rgba(22,141,103,.02) 45%,transparent 68%);
}
.thank-you-shell {
  position:absolute;
  z-index:3;
  left:50%;
  top:50%;
  width:1600px;
  height:900px;
  overflow:hidden;
  transform:translate(-50%,-50%) scale(var(--content-scale));
  transform-origin:center;
  pointer-events:none;
}
.thank-you-copy {
  position:absolute;
  left:102px;
  top:0;
  display:grid;
  align-content:center;
  width:760px;
  height:900px;
  padding-bottom:18px;
}
.thank-you-kicker {
  display:flex;
  align-items:center;
  gap:14px;
  width:max-content;
  color:#1763cd;
  font-size:17px;
  font-weight:900;
  letter-spacing:.2em;
}
.thank-you-kicker i {
  width:44px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,#0f56e8,#36b9d0);
  box-shadow:0 0 16px rgba(15,86,232,.24);
}
.thank-you-copy h2 {
  margin:28px 0 0;
  color:#0f56e8;
  font-size:108px;
  font-weight:950;
  line-height:.96;
  letter-spacing:-.075em;
  white-space:nowrap;
}
.thank-you-copy > p {
  max-width:690px;
  margin:34px 0 0;
  color:#536a88;
  font-size:28px;
  font-weight:720;
  line-height:1.55;
  letter-spacing:.01em;
}
.thank-you-signature {
  display:flex;
  align-items:center;
  gap:18px;
  width:max-content;
  margin-top:46px;
  padding:13px 19px 13px 14px;
  border:1px solid rgba(36,85,160,.13);
  border-radius:16px;
  background:rgba(255,255,255,.72);
  box-shadow:0 15px 38px rgba(24,61,114,.08),inset 0 1px 0 rgba(255,255,255,.92);
  backdrop-filter:blur(14px);
}
.thank-you-signature strong {
  display:grid;
  place-items:center;
  min-width:96px;
  min-height:43px;
  padding:0 14px;
  border-radius:11px;
  color:#fff;
  background:linear-gradient(135deg,#0e56d7,#2287e1);
  box-shadow:0 9px 20px rgba(15,86,216,.2);
  font-size:20px;
  font-weight:900;
  letter-spacing:.04em;
}
.thank-you-signature span {
  color:#425b79;
  font-size:19px;
  font-weight:780;
  white-space:nowrap;
}
.thank-you-wordmark {
  position:absolute;
  left:100px;
  bottom:43px;
  color:rgba(18,62,122,.055);
  font-size:82px;
  font-weight:950;
  line-height:1;
  letter-spacing:.16em;
  white-space:nowrap;
}
.thank-you-earth-scene {
  position:absolute;
  z-index:2;
  right:72px;
  top:108px;
  width:680px;
  height:680px;
  transform:scale(var(--content-scale));
  transform-origin:center;
  pointer-events:none;
}
.thank-you-earth-halo {
  position:absolute;
  left:50%;
  top:50%;
  width:540px;
  height:540px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(43,137,245,.23) 0%,rgba(43,137,245,.08) 42%,transparent 70%);
  filter:blur(14px);
  transform:translate(-50%,-50%);
}
.thank-you-earth {
  position:absolute;
  z-index:2;
  left:50%;
  top:50%;
  width:474px;
  height:474px;
  overflow:hidden;
  border:1px solid rgba(122,206,255,.78);
  border-radius:50%;
  background:#082b61 url('assets/earth.jpg') 61% 50% / auto 100% repeat-x;
  box-shadow:
    -28px 8px 60px rgba(6,28,73,.22),
    0 0 0 10px rgba(255,255,255,.46),
    0 0 70px rgba(40,137,240,.32),
    inset -72px -18px 92px rgba(1,16,52,.58),
    inset 32px 18px 46px rgba(255,255,255,.14);
  transform:translate(-50%,-50%);
}
.thank-you-earth::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  border-radius:inherit;
  background:
    radial-gradient(circle at 34% 29%,rgba(255,255,255,.32),transparent 15%),
    linear-gradient(104deg,rgba(255,255,255,.08) 0 36%,transparent 54%,rgba(2,15,50,.44) 78% 100%);
  pointer-events:none;
}
.thank-you-earth::after {
  content:"";
  position:absolute;
  inset:8px;
  z-index:3;
  border:1px solid rgba(150,224,255,.2);
  border-radius:inherit;
  box-shadow:inset 14px 0 22px rgba(104,210,255,.12),inset -16px 0 30px rgba(0,18,56,.28);
  pointer-events:none;
}
.thank-you-earth > span {
  position:absolute;
  z-index:1;
  inset:0;
  border-radius:inherit;
  background:url('assets/earth-clouds.png') 40% 50% / auto 100% repeat-x;
  opacity:.46;
  mix-blend-mode:screen;
}
.thank-you-orbit {
  position:absolute;
  z-index:1;
  left:50%;
  top:50%;
  border:1px solid rgba(35,118,219,.18);
  border-radius:50%;
  transform:translate(-50%,-50%) rotate(-18deg);
}
.thank-you-orbit::after {
  content:"";
  position:absolute;
  right:8.8%;
  top:17%;
  width:11px;
  height:11px;
  border:4px solid rgba(255,255,255,.92);
  border-radius:50%;
  background:#1b78db;
  box-shadow:0 0 0 7px rgba(27,120,219,.08),0 0 22px rgba(27,120,219,.42);
}
.thank-you-orbit.is-outer { width:632px;height:510px; }
.thank-you-orbit.is-inner { width:562px;height:438px;border-color:rgba(22,143,130,.15);transform:translate(-50%,-50%) rotate(16deg); }
.thank-you-orbit.is-inner::after { left:10.5%;right:auto;top:69%;width:8px;height:8px;background:#168d82;box-shadow:0 0 0 7px rgba(22,141,130,.08),0 0 20px rgba(22,141,130,.34); }
.thank-you-route {
  position:absolute;
  z-index:1;
  left:0;
  right:0;
  top:50%;
  height:2px;
  opacity:.72;
  background:linear-gradient(90deg,transparent 0 8%,rgba(24,99,201,.08) 28%,rgba(24,99,201,.2) 52%,rgba(22,143,130,.08) 78%,transparent 96%);
  transform:rotate(-7deg);
  pointer-events:none;
}
.thank-you-route i {
  position:absolute;
  top:50%;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#2b83e0;
  box-shadow:0 0 0 5px rgba(43,131,224,.07),0 0 18px rgba(43,131,224,.36);
  transform:translate(-50%,-50%);
}
.thank-you-route i:nth-child(1) { left:19%; }
.thank-you-route i:nth-child(2) { left:49%;background:#20a7b4; }
.thank-you-route i:nth-child(3) { left:82%; }
.geo-thank-you-slide.active .thank-you-copy { animation:thank-you-copy-in .72s cubic-bezier(.18,.82,.2,1) both; }
.geo-thank-you-slide.active .thank-you-signature { animation:thank-you-signature-in .55s .34s cubic-bezier(.2,.8,.2,1) both; }
.geo-thank-you-slide.active .thank-you-earth-scene { animation:thank-you-earth-in .86s .08s cubic-bezier(.18,.82,.2,1) both; }
.geo-thank-you-slide.active .thank-you-earth { animation:thank-you-earth-turn 28s 1s linear infinite; }
.geo-thank-you-slide.active .thank-you-earth > span { animation:thank-you-cloud-turn 40s 1s linear infinite; }
.geo-thank-you-slide.active .thank-you-orbit.is-outer { animation:thank-you-orbit-turn 24s 1s linear infinite; }
.geo-thank-you-slide.active .thank-you-orbit.is-inner { animation:thank-you-orbit-turn-reverse 32s 1s linear infinite; }
.geo-thank-you-slide.active .thank-you-wordmark { animation:thank-you-wordmark-in .7s .28s ease-out both; }
.geo-thank-you-slide:not(.active) .thank-you-copy,
.geo-thank-you-slide:not(.active) .thank-you-signature,
.geo-thank-you-slide:not(.active) .thank-you-earth-scene,
.geo-thank-you-slide:not(.active) .thank-you-earth,
.geo-thank-you-slide:not(.active) .thank-you-earth > span,
.geo-thank-you-slide:not(.active) .thank-you-orbit,
.geo-thank-you-slide:not(.active) .thank-you-wordmark { animation-play-state:paused !important; }
@keyframes thank-you-copy-in { from { opacity:0;transform:translateY(20px); } to { opacity:1;transform:none; } }
@keyframes thank-you-signature-in { from { opacity:0;transform:translateY(12px); } to { opacity:1;transform:none; } }
@keyframes thank-you-earth-in { from { opacity:0;transform:scale(var(--content-scale)) translateX(38px); } to { opacity:1;transform:scale(var(--content-scale)) translateX(0); } }
@keyframes thank-you-earth-turn { to { background-position:-760px 50%; } }
@keyframes thank-you-cloud-turn { to { background-position:680px 50%; } }
@keyframes thank-you-orbit-turn { to { transform:translate(-50%,-50%) rotate(342deg); } }
@keyframes thank-you-orbit-turn-reverse { to { transform:translate(-50%,-50%) rotate(-344deg); } }
@keyframes thank-you-wordmark-in { from { opacity:0;letter-spacing:.21em; } to { opacity:1;letter-spacing:.16em; } }

@media (max-width:1380px), (max-height:790px) {
  .thank-you-copy { left:112px;width:720px; }
  .thank-you-copy h2 { font-size:96px; }
  .thank-you-copy > p { font-size:25px; }
  .thank-you-earth-scene { right:80px;top:126px;width:640px;height:640px; }
  .thank-you-earth { width:440px;height:440px; }
  .thank-you-orbit.is-outer { width:592px;height:478px; }
  .thank-you-orbit.is-inner { width:522px;height:406px; }
}

@media (prefers-reduced-motion:reduce) {
  .geo-thank-you-slide .thank-you-copy,
  .geo-thank-you-slide .thank-you-signature,
  .geo-thank-you-slide .thank-you-earth-scene,
  .geo-thank-you-slide .thank-you-earth,
  .geo-thank-you-slide .thank-you-earth > span,
  .geo-thank-you-slide .thank-you-orbit,
  .geo-thank-you-slide .thank-you-wordmark { animation:none !important;opacity:1 !important;transition:none !important; }
  .geo-thank-you-slide .thank-you-earth-scene { transform:scale(var(--content-scale)) !important; }
  .geo-thank-you-slide .thank-you-orbit.is-outer { transform:translate(-50%,-50%) rotate(-18deg) !important; }
  .geo-thank-you-slide .thank-you-orbit.is-inner { transform:translate(-50%,-50%) rotate(16deg) !important; }
}