:root{color-scheme:dark;--bg:#000000;--mint:#84bfa3;--teal:#84bfa3;--white:#ece9e4;--muted:#c5cada}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;font-family:Inter,Arial,Helvetica,sans-serif;background:#090812;color:var(--white)}button{font:inherit;cursor:pointer}#stage{height:calc(100vh - 52px);display:flex;align-items:center;justify-content:center;overflow:hidden}#deck{width:1600px;height:900px;position:relative;flex-shrink:0;transform-origin:center center}.slide{position:absolute;width:1600px;height:900px;overflow:hidden;background:var(--bg);display:none}.slide.active{display:block}.scene-art{position:absolute;right:0;top:0;width:740px;height:900px;object-fit:cover;object-position:center}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#000000 0%,#000000 44%,rgba(0,0,0,.89) 50%,rgba(0,0,0,.08) 72%,rgba(0,0,0,0) 100%)}header{position:absolute;top:48px;left:72px;right:72px;z-index:2}.chapter{font-size:17px;line-height:1.35;font-weight:650;letter-spacing:2.4px;text-transform:uppercase;color:var(--mint);margin:0 0 23px}h1{font-size:82px;line-height:1.04;letter-spacing:-3.4px;font-weight:750;margin:0;max-width:1440px}h1 em{font-style:normal;color:var(--mint)}h2{margin:0;font-weight:700}.body{position:absolute;top:307px;left:72px;right:72px;bottom:101px;z-index:2}.lead{font-size:30px;line-height:1.33;font-weight:550;margin:0 0 27px;letter-spacing:-.3px;max-width:1310px}.paragraphs p{font-size:27px;line-height:1.38;margin:0 0 25px;color:#cfccc6}.paragraphs p:last-child{margin-bottom:0}.paragraphs strong{color:var(--mint);font-weight:700}.takeaway{font-size:27px;line-height:1.35;font-weight:550;margin:30px 0 0;padding-top:23px;border-top:2px solid var(--teal);color:#ece9e4}footer{position:absolute;bottom:22px;left:72px;right:72px;height:40px;display:flex;gap:26px;align-items:center;z-index:5}.brand{font-size:27px;line-height:1;font-weight:850;white-space:nowrap;letter-spacing:-1.5px}.brand>span{display:inline-block;font-size:10px;letter-spacing:2px;color:var(--mint);margin-left:9px}.ref{font-size:12px;line-height:1.3;flex:1;color:#c3c8d7}.ref a{color:inherit;text-decoration:none}.ref a:hover{text-decoration:underline}.credit{display:block;font-size:11px;margin-top:2px}.number{font-size:22px;color:var(--mint);font-weight:600}.number>span{font-size:15px;color:#c3c8d7}.cover .scene-art,.scene .scene-art,.closing .scene-art{inset:0;width:100%;height:100%;object-fit:cover}.cover .shade,.closing .shade{background:linear-gradient(90deg,rgba(0,0,0,.65),rgba(0,0,0,.1) 62%,transparent)}.cover-copy{position:absolute;left:72px;top:51px;z-index:2;max-width:915px}.cover h1{font-size:139px;line-height:.98;letter-spacing:-6.5px;margin-top:48px}.cover h2{font-size:37px;font-weight:500;line-height:1.25;margin:32px 0}.cover-hook{font-size:27px;line-height:1.4;color:#d4dae8;margin:0}.byline{margin-top:37px}.byline strong{display:block;font-size:29px;line-height:1.2}.byline span{display:block;font-size:20px;color:#c2cbd9;margin-top:7px}.cover footer .ref{visibility:hidden}.dialogue .scene-art{right:72px;top:64px;width:548px;height:730px;object-fit:contain}.dialogue-copy{position:absolute;left:72px;top:51px;width:825px}.speaker{font-size:19px;color:#b2bccf;text-transform:uppercase;letter-spacing:1.2px;margin:54px 0 15px}.film-question{font-size:40px;line-height:1.27;letter-spacing:-.7px;margin:0;max-width:810px}.speaker.second{margin-top:36px;margin-bottom:9px}.dialogue h1{font-size:92px;color:var(--mint);letter-spacing:-4px}.dialogue-context{margin-top:29px;max-width:785px}.dialogue-context p{font-size:25px;line-height:1.35;margin-bottom:20px}.portrait header,.scene header,.incident header,.timeline header,.classifier header,.statement header{right:auto;width:1000px}.portrait h1,.scene h1,.incident h1,.timeline h1,.classifier h1,.statement h1{font-size:79px;max-width:940px}.portrait .body,.scene .body{width:807px;right:auto;top:309px}.portrait .lead,.scene .lead{font-size:30px;line-height:1.3;max-width:790px;margin-bottom:28px}.portrait .paragraphs p,.scene .paragraphs p{font-size:26px;line-height:1.36;margin-bottom:25px}.scene .shade{background:linear-gradient(90deg,rgba(0,0,0,.98),rgba(0,0,0,.94) 42%,rgba(0,0,0,.15) 75%,transparent)}.scene .body{width:800px}.statement .scene-art{width:800px;opacity:.45}.statement .shade{background:linear-gradient(90deg,#000000 35%,rgba(0,0,0,.8) 60%,rgba(0,0,0,.2))}.statement .body{top:337px;width:1130px;right:auto}.statement .lead{font-size:34px;width:1050px}.statement .paragraphs{display:grid;grid-template-columns:1fr 1fr;gap:25px 50px;width:1110px;margin-top:37px}.statement .paragraphs p{font-size:27px;margin:0}.statement .paragraphs p:last-child{grid-column:1/-1;width:1060px;padding-top:21px;border-top:1px solid #5a6570}.steps{display:flex;flex-direction:column;gap:20px}.step{display:grid;grid-template-columns:60px 1fr;gap:18px}.step-number{color:var(--mint);font-size:37px;line-height:1;font-weight:650;letter-spacing:-1.5px;padding-top:2px}.step h2{font-size:26px;line-height:1.15;margin:0 0 8px}.step p{font-size:26px;line-height:1.35;color:#cfccc6;margin:0}.incident .body,.timeline .body,.classifier .body{width:820px;right:auto;top:300px}.incident .lead,.timeline .lead,.classifier .lead{font-size:29px;line-height:1.28;margin-bottom:27px}.incident .steps,.timeline .steps,.classifier .steps{gap:22px}.incident .step h2,.timeline .step h2,.classifier .step h2{font-size:23px}.incident .step p,.timeline .step p,.classifier .step p{font-size:24px;line-height:1.32}.incident .step,.timeline .step,.classifier .step{grid-template-columns:44px 1fr;gap:17px}.incident .step-number,.timeline .step-number,.classifier .step-number{font-size:31px}.incident>.takeaway,.timeline>.takeaway,.classifier>.takeaway{position:absolute;right:65px;bottom:111px;width:543px;z-index:3;font-size:27px;line-height:1.3;background:rgba(0,0,0,.88);padding:23px 26px;border-top:3px solid var(--mint);margin:0}.timeline .step{grid-template-columns:0 1fr;gap:0}.timeline .step-number{display:none}.timeline .step h2{font-size:33px;color:var(--mint);margin-bottom:12px}.timeline .steps{gap:35px}.timeline .step p{font-size:27px}.classifier .body{width:817px}.process .body,.gateway .body,.policy .body{top:315px}.process .lead,.gateway .lead,.policy .lead{font-size:32px;max-width:1370px}.process .steps,.gateway .steps,.policy .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:38px}.process .step,.gateway .step,.policy .step{display:block;padding-top:24px;border-top:2px solid var(--teal)}.process .step-number,.gateway .step-number,.policy .step-number{display:block;font-size:65px;margin-bottom:25px;line-height:1}.process .step h2,.gateway .step h2,.policy .step h2{font-size:33px;line-height:1.16;margin:0 0 18px}.process .step p,.gateway .step p,.policy .step p{font-size:27px;line-height:1.38}.process .takeaway,.gateway .takeaway,.policy .takeaway{font-size:26px;margin-top:32px;padding-top:21px}.gateway{background:#dbf6f0;color:#162b37}.gateway .chapter,.gateway h1 em,.gateway .step-number{color:#00776f}.gateway .step p{color:#253e49}.gateway .lead{color:#253e49}.gateway .takeaway{color:#163d43;border-color:#84bfa3}.gateway .brand,.gateway .ref,.gateway .number>span{color:#33515a}.gateway .brand>span,.gateway .number{color:#00776f}.contrast .body,.comparison .body{top:313px}.contrast .pairs,.comparison .pairs{display:grid;grid-template-columns:1fr 1fr;gap:73px;margin-top:34px}.pair{position:relative;padding:22px 0 0 78px;border-top:2px solid var(--teal)}.pair-index{position:absolute;left:0;top:21px;font-size:43px;line-height:1.1;color:var(--mint);font-weight:700;letter-spacing:-2px}.pair h2{font-size:36px;line-height:1.18;margin:0 0 25px;letter-spacing:-.7px}.pair p{font-size:29px;line-height:1.4;color:#cfccc6;margin:0}.comparison .takeaway,.contrast .takeaway{margin-top:46px;font-size:29px;max-width:1420px}.document .body{top:310px}.document-spread{display:grid;grid-template-columns:600px 1fr;gap:70px;margin-top:33px}.document-fields{background:#d9f5ef;color:#1d3540;padding:30px 37px}.document-title{font-size:19px;letter-spacing:1.3px;text-transform:uppercase;font-weight:700;margin-bottom:25px}.field{padding:20px 0;border-top:1px solid #80bab5}.field h2{font-size:30px;line-height:1.1;margin:0 0 8px}.field p{font-size:24px;line-height:1.25;margin:0}.document .paragraphs p{font-size:27px;line-height:1.36}.exercise{background:#0a4349}.exercise .chapter{color:#9debe2}.exercise h1{max-width:1460px}.exercise .body{top:313px}.exercise .lead{font-size:31px;max-width:1430px}.exercise .steps{gap:24px;margin-top:32px}.exercise .step{grid-template-columns:56px 1fr;gap:27px}.exercise .step>div{display:grid;grid-template-columns:260px 1fr;gap:35px}.exercise .step h2{font-size:27px;color:#b7fff2}.exercise .step p{font-size:27px;color:#f0f5f4}.exercise .step-number{font-size:31px}.exercise .takeaway{font-size:25px;color:#c5eee9;margin-top:36px}.call h1{font-size:88px;max-width:1450px}.call .body{top:339px;right:auto;width:1080px}.call .lead{font-size:32px;max-width:1000px}.call .paragraphs{width:1070px}.call .paragraphs p{font-size:27px;margin-bottom:22px}.call .takeaway{font-size:28px;margin-top:30px}.call-word{position:absolute;right:-83px;top:335px;transform:rotate(90deg);font-size:146px;font-weight:800;letter-spacing:-6px;color:#84bfa32e}.checklist .scene-art{width:730px;opacity:.53}.checklist .shade{background:linear-gradient(90deg,#000000 45%,rgba(0,0,0,.87) 70%,rgba(0,0,0,.1))}.checklist h1{font-size:83px}.checklist .body{top:308px;width:1180px;right:auto}.checklist .steps{gap:23px}.checklist .step{grid-template-columns:56px 1fr;gap:24px}.checklist .step>div{display:grid;grid-template-columns:322px 1fr;gap:25px}.checklist .step h2{font-size:28px;color:#d4fff8;line-height:1.2}.checklist .step p{font-size:26px;line-height:1.36}.checklist .step-number{font-size:36px}.checklist .takeaway{width:1120px;font-size:27px;margin-top:34px}.injection .body{top:310px}.injection .lead{font-size:31px}.injection-spread{display:grid;grid-template-columns:651px 1fr;gap:65px;margin-top:31px}.example-document{background:#e0eee9;color:#19333c;padding:26px 32px}.example-document>span{font-size:18px;text-transform:uppercase;letter-spacing:1px;font-weight:700}.example-document>p{font-size:27px;line-height:1.34;margin:27px 0}.example-document .hostile{font-size:31px;color:#762f47;font-weight:700;margin:24px 0;padding-left:20px;border-left:4px solid #96455d}.example-document .example-note{font-size:23px;line-height:1.3;margin-bottom:0}.injection .paragraphs p{font-size:27px;line-height:1.36}.closing header{width:1100px}.closing h1{font-size:91px}.closing .body{top:337px;width:800px;right:auto}.closing .paragraphs p{font-size:28px}.closing-line{position:absolute;left:72px;top:717px;color:var(--mint);font-size:37px;letter-spacing:-1px;font-weight:650;margin:0}.sources h1{font-size:65px}.sources .body{top:208px}.sources .lead{font-size:26px}.source-list{display:flex;flex-direction:column;gap:24px}.source-list>div{display:flex;gap:28px}.source-list>div>span{font-size:24px;color:var(--mint);width:50px;font-weight:700;flex-shrink:0}.source-list p{margin:0}.source-list strong{font-size:25px;line-height:1.2;display:block;margin-bottom:7px}.source-list a{font-size:19px;line-height:1.2;color:#c4dbe1;word-break:break-all;text-decoration:none}.sources .ref{visibility:hidden}

/* Source: test.dc9.io/assets/styles.css, retrieved 2026-09-28.
   Inter + DM Mono, black, warm white #ece9e4, sage #84bfa3. */
:root{--bg:#000;--mint:#84bfa3;--teal:#84bfa3;--white:#ece9e4;--muted:#b4b1ac}
html,body{background:#000;color:var(--white)}
.chapter,.step-number,.pair-index,.number{font-family:'DM Mono',monospace;font-weight:400}
.chapter{font-size:15px;letter-spacing:1.2px;color:#a5afa7}
h1{font-weight:700;letter-spacing:-.04em}.lead{font-weight:400;color:#d8d5cf}
.comic>.scene-art{width:1600px;height:900px;inset:0;object-fit:cover;opacity:1}
.comic>.shade{background:linear-gradient(90deg,rgba(0,0,0,.25) 0%,rgba(0,0,0,.4) 44%,rgba(0,0,0,.05) 60%,transparent 77%)}
.comic.statement>.scene-art,.comic.checklist>.scene-art{opacity:.3}
.comic.statement>.shade,.comic.checklist>.shade{background:linear-gradient(90deg,#000 25%,rgba(0,0,0,.75) 52%,rgba(0,0,0,.2))}
.portrait.comic>.scene-art,.incident.comic>.scene-art{left:100px;right:auto;width:1600px}
.portrait.comic>.shade,.incident.comic>.shade{background:linear-gradient(90deg,#000 0%,#000 42%,rgba(0,0,0,.85) 50%,transparent 69%)}
.comic.scene>.shade{background:linear-gradient(90deg,#000 0%,rgba(0,0,0,.97) 40%,rgba(0,0,0,.7) 54%,transparent 74%)}
.portrait h1,.scene h1,.incident h1,.timeline h1,.classifier h1,.statement h1{font-size:74px}
.portrait .paragraphs p,.scene .paragraphs p{font-size:26px;line-height:1.36}
.cover h1{font-size:132px}.cover .cover-copy{max-width:980px}.cover h2{font-size:34px}
.cover-hook{font-size:25px;color:#cfccc6}.byline span{color:#b4b1ac}
.cover h1 em,.dialogue h1,h1 em{color:var(--mint)}
.incident>.takeaway,.timeline>.takeaway,.classifier>.takeaway{background:rgba(0,0,0,.9);color:#ece9e4}
.incident .body{width:830px}.incident .step p{font-size:23px}.incident .lead{font-size:28px}
.document-fields,.example-document{background:#e2e0d9;color:#162921}
.field p{color:#294438}.field{border-color:#91a499}
.exercise{background:#101916}.exercise .chapter{color:#a9c4b3}.exercise .step h2,.exercise .step-number{color:#84bfa3}.exercise .step p{color:#ece9e4}.exercise .takeaway{color:#d1d6cf}
.gateway{background:#e2e0d9;color:#162921}.gateway .lead,.gateway .step p{color:#294438}.gateway h1 em,.gateway .chapter,.gateway .step-number{color:#376b50}.gateway .takeaway{color:#183f2c}.gateway .brand-logo{background:#162921}.gateway .number{color:#376b50}
.checklist .step h2{color:#b7dac5}.source-list a{color:#b4b1ac}
.call-word{color:#d98c8c26}.example-document .hostile{color:#8c3542;border-color:#b23a48}
.statement .paragraphs p{font-size:26px}.statement .body{width:1200px}.statement .paragraphs{width:1180px}.statement .paragraphs p:last-child{width:1160px}
.comparison .pair p,.contrast .pair p{font-size:28px}.pair h2{font-size:34px}
.process .step p,.gateway .step p,.policy .step p{font-size:26px}.process .step h2,.gateway .step h2,.policy .step h2{font-size:31px}
.process .step-number,.gateway .step-number,.policy .step-number{font-size:59px}
.timeline .step{display:block}.timeline .step>div{width:100%}
.document-fields{padding:21px 32px}.document-title{margin-bottom:17px}.field{padding:17px 0}.field h2{font-size:28px}.field p{font-size:23px}
.process .steps,.gateway .steps,.policy .steps{margin-top:25px;gap:43px}
.process .step,.gateway .step,.policy .step{padding-top:18px}
.process .step-number,.gateway .step-number,.policy .step-number{margin-bottom:17px}
.process .step h2,.gateway .step h2,.policy .step h2{margin-bottom:15px}
.process .takeaway,.gateway .takeaway,.policy .takeaway{margin-top:23px;padding-top:18px;font-size:25px}
.process .takeaway,.gateway .takeaway{margin-top:10px}
.closing.comic .shade{background:linear-gradient(90deg,#000 0%,rgba(0,0,0,.94) 38%,rgba(0,0,0,.6) 52%,transparent 80%)}
.timeline.comic>.scene-art,.classifier.comic>.scene-art{left:100px;right:auto;width:1600px}
.timeline.comic>.shade,.classifier.comic>.shade{background:linear-gradient(90deg,#000 0%,#000 42%,rgba(0,0,0,.85) 51%,transparent 69%)}
.process .body,.gateway .body,.policy .body{top:295px}
.classifier .steps{gap:8px}.classifier .lead{margin-bottom:18px}
.call .takeaway{margin-top:16px}
.call .paragraphs p:last-child{margin-bottom:16px}
.comparison .takeaway{margin-top:22px}
/* All slide surfaces use the same dark DC9 palette. */
.slide.gateway,.slide.exercise{background:#000;color:var(--white)}
.gateway .lead,.gateway .step p,.gateway .takeaway{color:#cfccc6}
.gateway h1 em,.gateway .step-number,.gateway .number{color:var(--mint)}
.gateway .chapter,.exercise .chapter{color:#a5afa7}
.gateway .ref,.gateway .number>span{color:#c3c8d7}
.gateway .brand-logo{background:var(--white)}
.document-fields,.example-document{background:#0d0e12;color:var(--white);border:1px solid #ece9e42b}
.document-title,.field h2{color:var(--white)}.field p{color:#cfccc6}.field{border-color:#ece9e42b}
.example-document .hostile{color:#e6a2ab;border-color:#b23a48}
.example-document .example-note{color:#b4b1ac}
.profile header{top:76px;width:875px;right:auto}
.profile h1{font-size:112px;line-height:1.04;letter-spacing:-5px}
.profile .scene-art{width:650px;height:724px;right:40px;top:auto;bottom:87px;object-fit:contain;object-position:right bottom}
.profile .body{top:388px;width:820px;right:auto}
.profile .paragraphs p{font-size:33px;line-height:1.4;margin-bottom:25px;color:#cfccc6}
.profile-email{display:inline-block;font-size:51px;font-weight:600;letter-spacing:-1.5px;color:var(--mint);text-decoration:none;margin-top:40px}
.profile-email:hover{text-decoration:underline}
.injection .lead{margin-bottom:12px}
.injection-spread{margin-top:12px}.example-document{padding:18px 32px}
/* More legible footer and prominent branding on the contact slide. */
footer{height:52px;bottom:18px;gap:28px}
footer .brand-logo{width:145px;height:51px;transform:translateY(-24px)}
footer .number{font-size:25px;margin-left:auto}footer .number>span{font-size:18px}
.slide .hero-logo{position:absolute;z-index:4;width:240px;height:84px}
.cover .chapter{margin-left:0}
.profile .hero-logo{right:72px;top:40px}
.profile .scene-art{height:670px}
.field{padding:14px 0}
/* Local models: a product photograph and generous editorial columns. */
.hardware h1{font-size:82px}
.hardware .body{top:290px;width:780px;right:auto}
.hardware .lead{font-size:30px;line-height:1.3;margin-bottom:26px}
.hardware .paragraphs p{font-size:26px;line-height:1.36;margin-bottom:20px}
.hardware-figure{position:absolute;top:290px;right:72px;width:625px;margin:0}
.hardware-figure .scene-art{position:static;width:100%;height:auto;object-fit:contain;display:block}
.hardware-figure figcaption{margin-top:26px;padding-top:22px;border-top:2px solid var(--mint)}
.hardware-figure figcaption strong{display:block;color:var(--mint);font-size:81px;line-height:1;letter-spacing:-4px}
.hardware-figure figcaption span{display:block;font-size:25px;color:#cfccc6;margin-top:10px}
.local-options .pair p,.local-uncensored .pair p{font-size:28px;line-height:1.4}
.local-options .takeaway,.local-uncensored .takeaway{font-size:28px;margin-top:34px}
.local-options .takeaway{margin-top:12px}
.local-options .body,.local-uncensored .body{top:285px}
.local-heretic .body{top:280px}
.local-heretic .steps{margin-top:18px}
.local-heretic .takeaway{margin-top:10px}
.local-heretic .step p{font-size:26px;line-height:1.38}
/* Quiet generated scenery behind the text-only slide layouts. */
.ambient-art,.ambient-shade{position:absolute;inset:0;width:1600px;height:900px;pointer-events:none;z-index:0}
.ambient-art{object-fit:cover;opacity:.46}
.ambient-city .ambient-art{opacity:.68}
.ambient-shade{background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.12) 65%,rgba(0,0,0,.36))}
/* A full illustration marks the start of the human story. */
.divider header{top:160px;width:680px;right:auto}
.divider h1{font-size:128px;line-height:.99;letter-spacing:-.05em}
.divider .chapter{margin-bottom:40px}
.divider .body{top:645px;width:560px;right:auto}
.divider .lead{font-size:28px;line-height:1.4;max-width:550px}
/* A single comic scene accompanies the three playful film references. */
.cinema header{width:830px;right:auto}
.cinema.comic>.scene-art{left:100px;right:auto;width:1600px}
.cinema.comic>.shade{background:linear-gradient(90deg,#000 0%,#000 40%,rgba(0,0,0,.82) 48%,transparent 62%)}
.cinema h1{font-size:82px}
.cinema .body{top:294px;width:775px;right:auto}
.cinema .steps{gap:30px}
.cinema .step{display:block}
.cinema .step-number{display:none}
.cinema .step h2{font-family:'DM Mono',monospace;font-size:22px;font-weight:400;letter-spacing:.4px;color:var(--mint);margin-bottom:10px}
.cinema .step p{font-size:31px;line-height:1.27;color:var(--white)}
.cinema .takeaway{font-size:27px;line-height:1.3;margin-top:28px;padding-top:20px}
.rag-mcp .body{top:285px}
.rag-mcp .pairs{margin-top:22px;gap:60px}
.rag-mcp .pair h2{font-size:32px;margin-bottom:18px}
.rag-mcp .pair p{font-size:28px;line-height:1.35}
.rag-mcp .takeaway{font-size:26px;margin-top:27px;padding-top:20px}
/* The opening follows the same illustrated language, with clear status labels. */
.global-scenario.comic>.shade{background:linear-gradient(90deg,#000 0%,rgba(0,0,0,.97) 40%,rgba(0,0,0,.65) 58%,rgba(0,0,0,.12) 90%)}
.recent-incidents .body{top:285px}
.recent-incidents .pairs{margin-top:25px;gap:60px}
.recent-incidents .pair h2{font-size:32px;margin-bottom:20px}
.recent-incidents .pair p{font-size:28px;line-height:1.36}
.recent-incidents .takeaway{font-size:27px;margin-top:28px;padding-top:20px}
.thanks-copy{position:absolute;z-index:2;left:72px;top:160px;width:910px}
.thanks h1{font-size:116px;line-height:1.08;letter-spacing:-5px}
.thanks.comic>.shade{background:linear-gradient(90deg,#000 0%,rgba(0,0,0,.95) 44%,rgba(0,0,0,.25) 60%,transparent 76%)}
.thanks .closing-contact{position:absolute;z-index:2;left:76px;bottom:145px;display:flex;align-items:flex-start;flex-direction:column;gap:13px}
.thanks .closing-email{font-size:42px;line-height:1.2;letter-spacing:-1px;margin:0;color:var(--white)}
.thanks .closing-site{display:block;color:var(--mint);font-size:34px;line-height:1.2;letter-spacing:-.5px;text-decoration:none}
.thanks .closing-site:hover{text-decoration:underline}
.spark-comic.comic>.shade{background:linear-gradient(90deg,#000 0%,rgba(0,0,0,.95) 43%,rgba(0,0,0,.35) 58%,transparent 78%)}
.hardware-spec{position:absolute;z-index:2;right:72px;bottom:125px;width:570px;padding:18px 24px;background:rgba(0,0,0,.82);border-top:2px solid var(--mint)}
.hardware-spec strong{display:block;color:var(--mint);font-size:70px;line-height:1;letter-spacing:-3px}
.hardware-spec span{display:block;font-size:25px;line-height:1.28;color:#cfccc6;margin-top:10px}

@font-face{font-family:'Inter';font-style:normal;font-weight:400;src:url(/assets/89e5de4ac6f37aedce7e7191.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;src:url(/assets/5bb57eb97c05b367753042ba.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;src:url(/assets/6fb5e9d1c07ef56630e14b9a.woff2) format('woff2')}
@font-face{font-family:'DM Mono';font-style:normal;font-weight:400;src:url(/assets/76f642222489f894641798fc.woff2) format('woff2')}
.brand-logo{width:110px;height:39px;flex-shrink:0;background:var(--white);mask:url(/assets/5649015e6009be3ae0b94f75.png) center/contain no-repeat;-webkit-mask:url(/assets/5649015e6009be3ae0b94f75.png) center/contain no-repeat}

html,body{overflow:hidden;background:#000}
#controls{height:52px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:16px;background:#0d100f;border-top:1px solid #3b4d43;position:fixed;bottom:0;left:0;right:0;z-index:20;padding:5px 12px;color:#ece9e4}
#controls button{background:#1a241f;border:1px solid #44594c;color:#ece9e4;border-radius:5px;padding:6px 14px;min-height:38px;font-size:14px}
#controls button:hover{background:#2d4236}
#controls button:disabled{opacity:.35;cursor:default}
#controls button:focus-visible{outline:2px solid #84bfa3;outline-offset:2px}
#position{min-width:65px;text-align:center;font-size:14px;font-variant-numeric:tabular-nums}
#stage{touch-action:pan-y pinch-zoom}
[hidden]{display:none!important}
@media(max-width:500px){#controls{gap:8px}#controls button{padding:6px 11px}#full{font-size:12px}}
@media print{#controls{display:none}html,body{overflow:visible;height:auto}#stage{display:block;height:auto!important;overflow:visible}#deck{transform:none!important}}