:root{color-scheme:dark;--dark:#061311;--green:#38ef83;--muted:#9db9b0;--stroke:rgba(98,227,149,.17)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#05100f,#071a15 55%,#05130f);color:#e7f8ed;font:400 15px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif}button,a{font:inherit;color:inherit}a{text-decoration:none}button{cursor:pointer}button:hover,a:hover,button:focus-visible,a:focus-visible{font-weight:700}
.frame{max-width:1160px;margin:auto;padding:0 clamp(14px,3.2vw,38px)}.bar{min-height:87px;display:flex;align-items:center;gap:18px}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.brand img{object-fit:contain}.brand span{font-size:19px}.brand small{display:block;font-size:9px;letter-spacing:.22em;color:#81daa9;text-transform:uppercase}.bar nav{display:flex;gap:5px;margin-left:auto;flex-wrap:wrap}.bar nav a,.install-mini{padding:10px 12px;border:1px solid transparent;border-radius:10px;font-size:11px}.bar nav a:hover,.bar nav a:focus-visible,.install-mini:hover{border-color:rgba(64,255,137,.55);background:rgba(65,239,133,.12)}.install-mini{border-color:var(--stroke);background:rgba(61,245,120,.09);color:var(--green);white-space:nowrap}.install-mini[hidden]{display:none}
.meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:28px 5px 14px}.eyebrow{text-transform:uppercase;color:#65e5a2;font-size:10px;letter-spacing:.18em}.eyebrow i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);margin-right:6px}.timestamp{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}
.stage{position:relative;isolation:isolate;border:1px solid rgba(79,215,133,.3);border-radius:24px;min-height:460px;background:radial-gradient(ellipse at 65% 15%,#10362c 0%,#061716 52%,#06110f 100%);overflow:hidden;display:grid;place-items:center;box-shadow:0 22px 90px rgba(1,12,8,.55)}
#network{position:absolute;inset:0;width:100%;height:100%;z-index:-2;opacity:.77}.scanline{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 0,rgba(46,255,128,.018) 50%,transparent 100%);background-size:100% 8px;opacity:.7;z-index:-1}.stage-content{width:min(720px,88%);padding:50px 15px;position:relative;text-align:center;z-index:1;animation:scene-enter .65s cubic-bezier(.2,.9,.2,1) both}.slide-icon{margin:0 auto 24px;display:grid;place-items:center;width:64px;height:64px;font-size:32px;line-height:1;background:rgba(15,76,49,.45);border:1px solid rgba(67,250,131,.38);border-radius:20px;color:var(--green);box-shadow:0 0 34px rgba(38,255,121,.12),inset 0 0 30px rgba(38,255,121,.05)}.phase{color:#74dfa5;font-size:10px;letter-spacing:.23em;text-transform:uppercase;margin-bottom:19px}h1{font-weight:400;font-size:clamp(31px,5vw,60px);letter-spacing:-.04em;line-height:1.14;margin:0 auto 21px;max-width:700px}#slideDescription{font-size:clamp(13px,1.7vw,17px);color:#c3dcd1;line-height:1.8;max-width:580px;margin:0 auto}.slide-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:25px}.slide-pills span{border:1px solid rgba(84,221,137,.3);border-radius:50px;color:#9cebbd;background:rgba(8,47,35,.65);font-size:11px;padding:6px 12px}.watermark{position:absolute;right:-60px;bottom:-190px;width:450px;opacity:.045;z-index:-1;filter:grayscale(1)}
.progress{height:4px;background:#15332c;border-radius:4px;margin:15px 0 16px;overflow:hidden}.progress-fill{height:100%;width:0;background:linear-gradient(90deg,#1a8b5a,#36f285,#b5ffcf);box-shadow:0 0 16px rgba(40,255,114,.4);transition:width .12s linear}.control-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.transport{display:flex;gap:8px;flex-wrap:wrap}.transport button{background:#103127;color:#d8fbe4;border:1px solid var(--stroke);border-radius:12px;padding:10px 16px;min-height:42px}.transport button:hover,.transport button:focus-visible{border-color:rgba(53,255,137,.56);background:#174831}.transport button[disabled]{opacity:.45;cursor:not-allowed}.hint{color:#85b4a2;font-size:11px}.chapters{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:23px 0 45px}.chapters button{border:1px solid var(--stroke);background:rgba(11,34,28,.8);padding:13px 6px;display:grid;place-items:center;gap:5px;border-radius:12px;color:#a5c4b7;font-size:11px}.chapters button span{font-size:9px;color:#5d9c76}.chapters button[aria-current="step"]{border-color:var(--green);background:rgba(15,80,40,.39);color:var(--green)}.chapters button:hover{border-color:var(--green)}
.end-links{display:flex;justify-content:space-between;gap:30px;align-items:center;border:1px solid var(--stroke);border-radius:20px;padding:26px;background:linear-gradient(120deg,rgba(14,68,42,.35),rgba(7,26,23,.7));margin-bottom:32px}.end-links h2{font-size:25px;font-weight:400;margin:10px 0}.end-links p{margin:0;color:var(--muted);font-size:13px}.actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.actions a{white-space:nowrap;background:rgba(66,225,121,.1);border:1px solid var(--stroke);border-radius:12px;padding:11px;font-size:12px}.actions a:hover{border-color:var(--green);color:var(--green)}footer{padding:22px 3px 38px;border-top:1px solid var(--stroke);display:flex;justify-content:space-between;gap:12px;color:#8cafa0;font-size:11px}footer a{color:var(--green)}
@keyframes scene-enter{from{opacity:0;transform:translateY(14px) scale(.988);filter:blur(6px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.skip{position:absolute;top:-100px;left:15px;padding:12px;background:#234c34}.skip:focus{top:5px;z-index:50}.install-dialog{background:#0b251d;color:#f3fff7;border:1px solid var(--stroke);border-radius:20px;width:min(90vw,390px);padding:0;margin:auto}.install-dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}.install-dialog-inner{position:relative;padding:35px 27px;text-align:center}.install-dialog-inner img{object-fit:contain;border-radius:13px}.install-dialog-inner h2{font-size:23px;font-weight:400}.install-dialog-inner p{font-size:13px;color:#a0cdb0}.install-close{position:absolute;right:10px;top:9px;color:#fff;background:transparent;border:0;font-size:23px}.dialog-button{background:var(--green);border:0;border-radius:12px;padding:10px 22px;color:#02120c}
@media(max-width:760px){.bar{flex-wrap:wrap;padding:10px 0 5px;gap:8px}.bar .brand{flex:1}.bar nav{order:2;margin:0;flex-basis:100%;justify-content:space-between;gap:0;overflow:auto;flex-wrap:nowrap}.bar nav a{padding:8px;font-size:10px;white-space:nowrap}.stage{min-height:425px}.chapters{grid-template-columns:repeat(3,1fr)}.end-links{flex-direction:column;align-items:stretch}.actions{justify-content:flex-start}.hint{display:none}}@media(max-width:450px){.stage{min-height:440px}.slide-icon{width:54px;height:54px}.stage-content{width:96%}.phase{font-size:9px}.transport button{padding:8px 12px}.end-links h2{font-size:21px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}


/* v1.4.1: persistent introductory navigation while the presentation scrolls. */
html {scroll-padding-top: 110px;}
.bar {
  position: sticky;
  top: 0;
  z-index: 75;
  background: rgba(5, 20, 16, .97);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid rgba(56, 239, 131, .17);
  box-shadow: 0 8px 25px rgba(2, 12, 9, .22);
}
@media (max-width:760px) {html {scroll-padding-top: 155px;}}