@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;500;600&family=Newsreader:ital,wght@1,400&display=swap');
:root{--u:min(.0694444444vw,.1234567901dvh);--accent:#bd1ffc;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#0e0c15;color:#f7f3fc;font-family:'DM Sans',sans-serif}button,a{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0}a{text-decoration:none}[hidden]{display:none!important}header{position:fixed;top:0;left:0;padding:calc(26 * var(--u)) calc(56 * var(--u));z-index:5;font-size:calc(14 * var(--u));color:#b5adbf}header>span{display:none}nav{position:fixed;right:calc(48 * var(--u));top:calc(21 * var(--u));display:flex;align-items:center;gap:10px;z-index:5;font-size:calc(14 * var(--u));color:#b5adbf}nav button{padding:8px}button:disabled{opacity:.25}.slide{height:100dvh;padding:calc(100 * var(--u)) calc(85 * var(--u)) calc(64 * var(--u));display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:calc(64 * var(--u));position:relative;background:radial-gradient(ellipse at 85% 85%,#7517f819,transparent 65%);animation:in .35s ease}.copy,.visual{min-width:0;min-height:0}.eyebrow{font-size:calc(15 * var(--u));color:#aa99bb;margin:0 0 calc(18 * var(--u))}h1{font:500 calc(48 * var(--u))/1.08 'Manrope',sans-serif;letter-spacing:-.045em;margin:0}em{font-family:'Newsreader',serif;font-weight:400;color:var(--accent)}.lead{font-size:calc(22 * var(--u));line-height:1.5;color:#bcb1c9;margin:calc(24 * var(--u)) 0 0}.detail{font-size:calc(14 * var(--u));color:#9989aa;margin-top:calc(25 * var(--u))}.visual{display:flex;justify-content:center;align-items:center;gap:calc(28 * var(--u));height:100%}.nv-reverse .copy{grid-column:2;grid-row:1}.nv-reverse .visual{grid-column:1;grid-row:1}.nv-wide,.nv-stage,.nv-statement{display:flex;flex-direction:column;justify-content:center;gap:calc(32 * var(--u))}.nv-wide .copy,.nv-stage .copy{text-align:center;max-width:calc(1100 * var(--u));flex:none}.nv-wide h1 br,.nv-stage h1 br{display:none}.nv-wide .visual{width:100%;height:auto}.nv-stage .visual{width:100%;flex:1;min-height:0}.nv-stage h1{font-size:calc(38 * var(--u))}.nv-stage .lead{font-size:calc(18 * var(--u));margin-top:calc(12 * var(--u))}.nv-stage{padding-top:calc(88 * var(--u));gap:calc(18 * var(--u))}.nv-statement .copy{align-self:flex-start}.nv-statement .visual{width:100%;height:auto}.design-panel{border:1px solid #aa89c14d;border-radius:calc(17 * var(--u));background:linear-gradient(135deg,#2e203b55,#100d17);padding:calc(32 * var(--u));flex:1;max-width:100%;box-shadow:0 calc(28 * var(--u)) calc(65 * var(--u)) #0003}.design-panel h3{font:500 calc(27 * var(--u))/1.2 'Manrope',sans-serif;margin:0}.design-panel p{font-size:calc(18 * var(--u));line-height:1.5;color:#bcb1c9}.design-panel .lead{font-size:calc(23 * var(--u))}.chip{display:inline-block;font-size:calc(13 * var(--u));border:1px solid #9b77b14d;border-radius:6px;padding:calc(9 * var(--u)) calc(12 * var(--u));margin:calc(12 * var(--u)) calc(6 * var(--u)) 0 0;color:#cbb6db}.merge-sign,.flow-arrow{font-size:calc(28 * var(--u));color:#ac82c5}.response-track{display:flex;gap:calc(20 * var(--u));width:100%}.response-track .design-panel{box-shadow:none}.decision-list{width:100%}.decision-list>p{border-bottom:1px solid #ffffff20;padding:calc(17 * var(--u)) 0;margin:0}.decision-list b{display:block;font-size:calc(20 * var(--u));font-weight:500;margin-bottom:calc(6 * var(--u))}.decision-list span{display:block;font-size:calc(18 * var(--u));line-height:1.45;color:#bcb1c9}.episode-map{width:100%}.map-details{display:flex;flex-wrap:wrap;justify-content:center}.artifact-note{position:absolute;bottom:calc(22 * var(--u));left:calc(85 * var(--u));right:calc(85 * var(--u));text-align:center;color:#8f7e9f;font-size:calc(11 * var(--u));margin:0}.real-screen{height:100%;max-height:calc(620 * var(--u));margin:0;display:flex;align-items:center;flex-direction:column;min-width:0}.real-screen button{padding:0;height:calc(100% - 28 * var(--u));display:block;border:1px solid #80608e;border-radius:calc(16 * var(--u));overflow:hidden;box-shadow:0 20px 80px #0005}.real-screen img{height:100%;width:auto;max-width:100%;object-fit:contain;display:block}.real-screen figcaption{font-size:calc(11 * var(--u));color:#93819f;padding:8px}.phone-group{display:flex;align-items:center;justify-content:center;gap:calc(25 * var(--u));width:100%;height:100%}.ui-phone{width:calc(300 * var(--u));height:calc(570 * var(--u));max-height:100%;background:#201e24;border:1px solid #715880;border-radius:calc(19 * var(--u));box-shadow:0 25px 80px #0005;position:relative;overflow:hidden;flex-shrink:0;font-family:Arial,sans-serif}.ui-status{font-size:calc(11 * var(--u));padding:calc(15 * var(--u)) calc(17 * var(--u));background:#28262c}.ui-status span{float:right}.ui-phone h3{font-size:calc(17 * var(--u));margin:0;background:#28262c;padding:calc(13 * var(--u));border-bottom:1px solid #44404a}.ui-phone h3>span{float:right}.ui-body{padding:calc(12 * var(--u));height:calc(100% - 120 * var(--u));overflow:auto;scrollbar-width:thin}.ui-caption{font-size:calc(9 * var(--u));font-weight:bold;color:#979797;margin:calc(14 * var(--u)) 0 calc(10 * var(--u))}.ui-caption span{float:right;font-size:calc(8 * var(--u))}.ui-description{font-size:calc(12 * var(--u));line-height:1.4;margin:8px 0}.ui-meta{font-size:calc(10 * var(--u));color:#aaa}.severity{background:#df4242;text-align:center;font-size:calc(10 * var(--u));font-weight:bold;padding:5px;margin:12px -12px}.signal{height:calc(104 * var(--u));background:#2a282c;position:relative;overflow:hidden;padding:12px;font-size:calc(11 * var(--u));border-radius:5px}.signal>b{float:right;color:#df4242;font-size:calc(26 * var(--u))}.signal-area{position:absolute;bottom:0;left:0;right:0;height:58%;background:linear-gradient(#df4242,#df424205);clip-path:polygon(0 30%,8% 42%,14% 25%,21% 35%,29% 70%,36% 68%,43% 28%,50% 40%,58% 20%,66% 25%,74% 55%,82% 39%,90% 50%,100% 20%,100% 100%,0 100%)}.entity-cards{display:flex;gap:8px}.entity-cards>div{flex:1;background:#2a282c;padding:10px 6px;font-size:calc(10 * var(--u));border-radius:5px}.entity-cards b{display:block;color:#df4242;font-size:calc(25 * var(--u));margin-top:8px}.alert-card{padding:12px;background:#2a282c;font-size:calc(12 * var(--u));border-radius:5px}.alert-card small{display:block;color:#aaa;margin-top:8px;font-size:calc(10 * var(--u))}.ui-nav{position:absolute;bottom:0;left:0;right:0;text-align:center;padding:calc(12 * var(--u));font-size:calc(18 * var(--u));background:#100f14;color:#9986a6}.wire{background:#18131f;border-color:#8c739e;box-shadow:none}.wire h3,.wire .ui-status{background:#21182b}.wire-box{padding:calc(13 * var(--u));border:1px solid #8c739e80;border-radius:6px;margin-top:calc(12 * var(--u))}.wire-box strong{font-size:calc(13 * var(--u));color:#e4d7ed}.wire-box p{font-size:calc(11 * var(--u));color:#a591b5;margin:7px 0}.wire-box i{display:block;width:80%;height:3px;background:#715880;margin:8px 0}.wire-box i:last-child{width:52%;opacity:.5}.wire .chip{font-size:calc(10 * var(--u));padding:6px;margin:0 5px 0 0}.nv-focus .visual{gap:calc(30 * var(--u))}.nv-focus{grid-template-columns:.8fr 1.3fr}.event{display:flex;gap:12px;padding:calc(18 * var(--u)) 0;border-bottom:1px solid #ffffff15}.event>i{width:9px;height:9px;border-radius:50%;background:#ab8bbc;flex-shrink:0;margin-top:5px}.event strong{font-size:calc(13 * var(--u))}.event p{font-size:calc(11 * var(--u));line-height:1.5;color:#a9a2af}.people{display:flex}.people i{width:25px;height:25px;border-radius:50%;border:2px solid #201e24;background:#866397;margin-left:-4px}.people i:nth-child(even){background:#b58291}blockquote{font:italic calc(25 * var(--u))/1.35 'Newsreader',serif;margin:24px 0 10px}.nv-cover .ui-phone{transform:translateY(20px);width:calc(240 * var(--u))}.nv-cover .real-screen{max-height:calc(520 * var(--u))}.nv-cover .visual{gap:20px}#screenDialog{width:96vw;height:92vh;max-width:none;max-height:none;background:#120e1b;border:1px solid #735084;border-radius:16px;padding:0;color:#e8deef}#screenDialog::backdrop{background:#080610df;backdrop-filter:blur(12px)}.screen-toolbar{height:60px;display:flex;justify-content:space-between;padding:10px 25px;align-items:center}.screen-toolbar label{display:flex;gap:14px;align-items:center}.screen-scroll{height:calc(100% - 60px);overflow:auto;padding:20px}.screen-scroll img{width:100%;max-width:none;display:block}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@keyframes in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.slide{animation:none}}@media(max-width:700px){:root{--u:1px}.slide{height:auto;min-height:100dvh;padding:95px 24px 60px;display:flex;flex-direction:column;gap:28px}.copy,.visual{width:100%}.visual{height:auto;flex-wrap:wrap}.nv-reverse .copy{order:0}.nv-reverse .visual{order:1}h1{font-size:35px}.lead{font-size:19px}.response-track{flex-direction:column}.nv-wide .visual{flex-direction:column}.design-panel{width:100%}.real-screen{height:540px}.ui-phone{height:570px;max-width:100%}.phone-group{flex-wrap:wrap}.flow-arrow{transform:rotate(90deg)}.artifact-note{position:static;font-size:11px}.nv-wide .copy,.nv-stage .copy{text-align:left}.nv-stage h1{font-size:32px}.nv-cover .ui-phone{display:none}.nv-cover .real-screen{height:500px}header{padding:22px}nav{right:12px;top:15px}.nv-focus .decision-list{width:100%}}
.nv-wide h1 em,.nv-stage h1 em{margin-left:.22em}.wire .wire-box{padding:calc(9 * var(--u));margin-top:calc(8 * var(--u))}.wire .wire-box i{margin:5px 0}.wire .wire-box p{margin:5px 0}.wire .ui-body{overflow:auto}