:root{--bg:#f2f2ef;--surface:#fff;--fg:#0d0b03;--muted:#4a483c;--border:#0d0b03;--accent:#e62b34;--font-display:"Times New Roman", "Iowan Old Style", Georgia, serif;--font-body:ui-monospace, "IBM Plex Mono", "JetBrains Mono", Menlo, monospace;--crt-bg:#030609;--crt-surface:#080b10;--crt-panel:#04080cc7;--green:#00ee35;--cyan:#00dff2;--magenta:#ff46e6;--amber:#f4a500;--ink:#dceedc;--dim:#599576;--line:color-mix(in oklch, var(--green) 34%, transparent);--danger:#ff3940}@supports (color:lab(0% 0 0)){:root{--bg:lab(95.3893% -.246018 1.49969);--surface:lab(100% 0 0);--fg:lab(3.10497% -.315495 3.29543);--muted:lab(30.5317% -.998095 7.68483);--border:lab(3.10497% -.315495 3.29543);--accent:lab(51.3582% 69.7345 44.3509);--green:lab(82.459% -82.0409 74.0802);--cyan:lab(80.9516% -63.3836 -34.0632);--magenta:lab(63.1306% 86.4792 -44.0559);--amber:lab(74.1802% 27.3624 104.394);--ink:lab(92.2742% -8.38307 6.5173);--dim:lab(56.9873% -26.1919 10.3447);--danger:lab(58.0042% 79.3085 51.1353)}}*,:before,:after{box-sizing:border-box}html,body{background:var(--crt-bg);min-height:100%;margin:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{min-height:100dvh;color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:radial-gradient(circle at 50% 8%,#ff00ac29,#0000 34%),radial-gradient(circle at 12% 82%,#00ffc61f,#0000 28%),linear-gradient(#010204,#06100d 58%,#020204);place-items:center;padding:clamp(12px,2vw,24px);display:grid;overflow-x:hidden}body:before{content:"";pointer-events:none;opacity:.36;background-image:linear-gradient(#50ff9a14 1px,#0000 1px),linear-gradient(90deg,#50ff9a0f 1px,#0000 1px);background-size:32px 32px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000 0 36%,#0000 78%);mask-image:radial-gradient(circle,#000 0 36%,#0000 78%)}button{border-radius:0}.prompt,.subtitle,.copy,.label,.chip,.module,.contact-btn,.stack-board,.stack-board-grid span,.time-readout,.terminal-signal{overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none}.stage{justify-items:center;gap:12px;width:min(100%,470px);display:grid;position:relative}.caption{width:min(430px,100vw - 24px);color:var(--dim);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:10px;display:flex}.caption strong{color:var(--green);font-weight:700}.terminal-shell{isolation:isolate;clip-path:polygon(0 16px,16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%);contain:layout paint;background:linear-gradient(135deg,#00ffbe1f,#0000 18%),linear-gradient(315deg,#ff00be29,#0000 22%),#0000009e;border:1px solid #00ffb680;width:min(430px,100vw - 24px);height:min(860px,100svh - 72px);min-height:720px;padding:1px;position:relative;box-shadow:inset 0 0 0 1px #ff00be2e,0 0 42px #00ff9929,0 0 96px #ff00a626,0 34px 70px #00000094}.screen{background:linear-gradient(#00000070, #00000085), url(/images/mobile-terminal-bg.webp) center / cover, var(--crt-bg);touch-action:pan-y;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:inset 0 0 0 1px #00ffb68c}.screen:before{content:"";pointer-events:none;z-index:7;mix-blend-mode:screen;background:repeating-linear-gradient(#0000 0 3px,#70ffa314 3px 4px),radial-gradient(circle,#0000 0 55%,#00000085 100%);position:absolute;inset:0}.screen:after{content:"";pointer-events:none;z-index:6;opacity:.2;background:conic-gradient(from 130deg,#0000,#00ffaa3d,#0000,#ff00b438,#0000);animation:11s linear infinite drift;position:absolute;inset:-40%}@keyframes drift{to{transform:rotate(1turn)}}.statusbar{z-index:12;color:var(--green);text-shadow:0 0 8px #37ff76b3;flex:0 0 58px;justify-content:space-between;align-items:flex-start;gap:14px;padding:12px 18px 0;font-size:12px;font-weight:700;display:flex;position:relative}.time-readout{gap:4px;min-width:0;display:grid}.time-readout strong{color:var(--green);font-size:15px;line-height:1}.time-readout small{color:var(--dim);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:500}.statusbar .right{justify-self:end;align-items:center;gap:6px;display:inline-flex}.terminal-signal{color:var(--cyan);letter-spacing:.1em;text-transform:uppercase;font-size:10px}.statusbar svg{fill:currentColor;width:17px;height:11px}.statusbar .battery{width:25px}.content{z-index:8;-webkit-overflow-scrolling:touch;scrollbar-color:#00ff9942 #000000b3;scrollbar-width:thin;contain:layout paint;overscroll-behavior-y:contain;touch-action:pan-y;flex:auto;padding:8px 16px 16px;position:relative;overflow:hidden auto}.content::-webkit-scrollbar{width:6px}.content::-webkit-scrollbar-track{background:#000000ad}.content::-webkit-scrollbar-thumb{background:#00ff993d;border:1px solid #000000ad}.slides{min-height:100%;position:relative}.slide{contain:layout paint;flex-direction:column;gap:14px;min-height:720px;padding-bottom:24px;animation:.34s steps(8,end) slideIn;display:none;position:relative}.slide.is-active{display:flex}@keyframes slideIn{0%{opacity:.2;filter:hue-rotate(50deg);transform:translate(14px)}to{opacity:1;filter:none;transform:translate(0)}}.topline{border:1.5px solid var(--line);border-left-color:var(--magenta);background:#0000008f;justify-content:space-between;align-items:center;min-height:44px;padding:8px 10px;display:flex;box-shadow:inset 0 0 18px #00ff991a}.prompt{color:var(--green);text-shadow:0 0 8px #2bff6894;font-size:13px;line-height:1.2}.prompt:before{content:"dis@root:~$ ";color:var(--cyan)}h1,h2,h3,p{margin:0}.glitch-title{color:var(--green);font-family:var(--font-body);letter-spacing:-.08em;text-transform:lowercase;text-shadow:0 0 4px #74ff8ff2,0 0 18px #00ff788a,2px 0 #ff00bed1,-2px 0 #00eeffb8;margin:8px 0 2px;font-size:clamp(54px,17vw,78px);line-height:.86;position:relative}.hero-copy{gap:10px;display:grid}.glitch-title:before,.glitch-title:after{content:attr(data-text);pointer-events:none;position:absolute;inset:0;overflow:hidden}.glitch-title:before{color:var(--magenta);clip-path:inset(0 0 62%);animation:2.3s steps(2,end) infinite glitchTop;transform:translate(-2px,-1px)}.glitch-title:after{color:var(--cyan);clip-path:inset(58% 0 0);animation:1.7s steps(2,end) infinite glitchBottom;transform:translate(2px,1px)}.contact-title{font-size:clamp(43px,14vw,60px)}@keyframes glitchTop{0%,86%,to{transform:translate(-2px,-1px)}88%{transform:translate(7px,-2px)}91%{transform:translate(-9px,1px)}}@keyframes glitchBottom{0%,78%,to{transform:translate(2px,1px)}82%{transform:translate(-8px,2px)}84%{transform:translate(10px,-1px)}}.subtitle{color:var(--ink);text-shadow:0 0 10px #ffffff2e;font-size:14px;line-height:1.55}.subtitle strong{color:var(--cyan);font-weight:700}.rotating-intro{height:10.85em;display:block;overflow:hidden}.panel{border:1.5px solid var(--line);background:var(--crt-panel);clip-path:polygon(0 10px,10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);padding:14px;position:relative;box-shadow:inset 0 0 0 1px #ff00b014,inset 0 0 22px #00ffa314}.panel.hot{border-color:color-mix(in oklch, var(--magenta) 62%, transparent)}.panel.cyan{border-color:color-mix(in oklch, var(--cyan) 68%, transparent)}.label{color:var(--cyan);letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px;font-size:10px}.label.hot{color:var(--magenta)}.copy{color:var(--ink);font-size:14px;line-height:1.6}.copy .line{margin-top:4px;display:block}.copy .line:before{content:"> ";color:var(--green)}.stack-board{clip-path:polygon(0 0,100% 0,100% 86%,92% 100%,0 100%);background:linear-gradient(135deg,#00ff991f,#0000 34%),linear-gradient(315deg,#ff00be29,#0000 34%),#000000b3;border:1px solid #00ffcc6b;align-content:start;gap:12px;min-height:190px;margin:4px -4px 0;padding:14px;display:grid;box-shadow:0 0 35px #ff00ae29,inset 0 0 20px #00ffbe1a}.stack-board-head{color:var(--cyan);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;gap:12px;font-size:10px;display:flex}.stack-board-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.stack-board-grid span{min-height:34px;color:var(--green);text-shadow:0 0 8px #2dff6473;background:#00000070;border:1px solid #00ff995c;align-items:center;padding:8px 10px;font-size:13px;display:flex}.stack-board-grid span:nth-child(3n){color:var(--cyan);border-color:#00e2ff6b}.stack-board-grid span:nth-child(4n){color:var(--magenta);border-color:#ff00be6b}.skill-cloud{flex-wrap:wrap;gap:8px;display:flex}.chip{min-height:44px;color:var(--green);text-shadow:0 0 8px #2dff6473;background:#00ff840b;border:1px solid #00ffaa7a;align-items:center;padding:8px 10px;font-size:13px;display:inline-flex}.chip:nth-child(3n){color:var(--cyan);background:#00e2ff0b;border-color:#00e2ff80}.chip:nth-child(4n){color:var(--magenta);background:#ff00be0b;border-color:#ff00be80}.code{color:var(--ink);font-family:var(--font-body);white-space:normal;margin:0;font-size:13px;line-height:1.7}.code-line{white-space:pre;display:block}.code .n{color:var(--dim)}.code .kw{color:var(--magenta)}.code .fn{color:var(--cyan)}.code .str{color:var(--green)}.module-list{gap:8px;display:grid}.module{background:#00000085;border:1px solid #ff00be61;grid-template-columns:38px 1fr 18px;align-items:center;gap:10px;min-height:58px;padding:8px 10px;display:grid}.icon{width:36px;height:36px;color:var(--green);filter:drop-shadow(0 0 8px #36ff6f8c)}.module h3{color:var(--cyan);text-transform:uppercase;font-size:14px;font-weight:700;line-height:1.2}.module p{color:var(--green);margin-top:3px;font-size:13px;line-height:1.3}.arrow{color:var(--magenta);font-size:20px;line-height:1}.contact-grid{gap:10px;display:grid}.contact-btn{min-height:48px;color:var(--green);font:inherit;text-align:left;cursor:pointer;text-shadow:0 0 8px #34ff6866;touch-action:manipulation;background:#00000094;border:1px solid #00ffbe7a;justify-content:space-between;align-items:center;padding:0 12px;font-size:13px;display:flex}.contact-btn:focus-visible,.nav-btn:focus-visible,.dot:focus-visible{outline:2px solid var(--magenta);outline-offset:2px}.ticker{z-index:11;height:42px;color:var(--dim);white-space:nowrap;background:#000000ad;border:1px solid #00ff9959;align-items:center;font-size:10px;display:flex;position:absolute;bottom:82px;left:16px;right:16px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000);mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000)}.ticker-track{will-change:transform;width:max-content;animation:42s linear infinite tickerLoop;display:flex}.ticker-segment{flex:none;padding-right:32px}@keyframes tickerLoop{to{transform:translate(-50%)}}.slide-nav{z-index:14;pointer-events:none;grid-template-columns:48px 1fr 48px;align-items:center;gap:10px;display:grid;position:absolute;bottom:18px;left:28px;right:28px}.nav-btn{pointer-events:auto;width:48px;height:48px;color:var(--green);font:inherit;cursor:pointer;touch-action:manipulation;background:#000000a3;border:1px solid #00ff9985;font-size:21px;box-shadow:0 0 12px #00ff9924}.dots{pointer-events:auto;touch-action:manipulation;background:#00000094;border:1px solid #ff00be52;justify-content:center;align-items:center;gap:7px;height:48px;display:flex}.dot{border:1px solid var(--cyan);cursor:pointer;touch-action:manipulation;background:0 0;width:7px;height:7px;padding:0}.dot.is-active{background:var(--magenta);border-color:var(--magenta);width:22px;box-shadow:0 0 12px #ff00b9bf}.matrix{z-index:5;pointer-events:none;opacity:.38;mix-blend-mode:screen;position:absolute;inset:78px 0 0;transform:translateZ(0)}.cursor{vertical-align:-.16em;background:var(--green);width:.65em;height:1.1em;margin-left:4px;animation:1s steps(2,end) infinite blink;display:inline-block;box-shadow:0 0 9px #39ff70cc}@keyframes blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (min-width:720px){body{align-items:center}.stage{width:min(760px,100vw - 40px)}.terminal-shell{width:min(760px,100vw - 40px);height:min(840px,100svh - 56px);min-height:700px}.statusbar{flex-basis:62px;align-items:center;padding:12px 18px}.content{margin-bottom:118px;padding:14px 22px 18px}.slide{gap:18px;min-height:100%;padding-bottom:0}.slide[data-screen-label="01 Boot"] .subtitle{font-size:16px}.stack-board-grid{grid-template-columns:repeat(3,minmax(120px,1fr))}.ticker{left:0;right:0}.module-list{grid-template-columns:1fr 1fr}.contact-grid{grid-template-columns:repeat(3,1fr)}.skill-cloud{max-width:760px}.matrix{inset:62px 0 0}}@media (min-width:1180px){.stage{width:min(1180px,100vw - 64px)}.terminal-shell{width:min(1180px,100vw - 64px);height:min(820px,100svh - 56px);min-height:700px}.content{margin-bottom:124px;padding:14px 24px 18px}.slide{min-height:100%}.slide[data-screen-label="01 Boot"].is-active{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(460px,.95fr) minmax(430px,1.05fr);align-items:stretch;gap:18px 22px;display:grid}.slide[data-screen-label="01 Boot"] .topline{grid-column:1/-1}.slide[data-screen-label="01 Boot"] .hero-copy{align-content:center;align-self:center}.slide[data-screen-label="01 Boot"] .glitch-title{max-width:100%;font-size:clamp(76px,6.4vw,108px)}.slide[data-screen-label="01 Boot"] .subtitle{max-width:42rem}.slide[data-screen-label="01 Boot"] .stack-board{grid-area:2/2/4;align-content:center;height:100%;min-height:0;margin:0}.slide[data-screen-label="01 Boot"] .stack-board-grid{grid-template-columns:repeat(2,minmax(160px,1fr))}.slide[data-screen-label="01 Boot"] .stack-board-grid span{min-height:48px;font-size:16px}.slide[data-screen-label="01 Boot"] .panel.hot{align-self:start}}@media (min-width:1180px) and (max-height:760px){.terminal-shell{height:clamp(620px,100svh - 40px,820px);min-height:620px}.content{margin-bottom:110px}.slide[data-screen-label="01 Boot"] .glitch-title{font-size:clamp(64px,5.6vw,92px)}.slide[data-screen-label="01 Boot"] .stack-board-grid span{min-height:42px;font-size:15px}}@media (max-width:640px){html,body{overscroll-behavior:none;background:var(--crt-bg);width:100%;height:100dvh;min-height:100dvh;overflow:hidden}body{min-height:100dvh;padding:0}.caption{display:none}.stage{width:100vw;height:100dvh;min-height:100dvh;overflow:hidden}.terminal-shell{width:100%;max-width:100%;height:100%;min-height:0}.content{overscroll-behavior:none;-webkit-overflow-scrolling:auto;touch-action:pan-x;overflow-y:hidden}.content.can-scroll{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;overflow-y:auto}body:before{opacity:.22;background-size:40px 40px}.screen:after{opacity:.12;animation-duration:28s}.screen:before{background:repeating-linear-gradient(#0000 0 4px,#70ffa311 4px 5px),radial-gradient(circle,#0000 0 58%,#0000007a 100%)}.slide{min-height:auto;padding-bottom:28px;animation-name:slideInMobile}.slide-nav{bottom:56px}.ticker{background:#0000009e;border-color:#00e2ff61;height:26px;font-size:8px;bottom:10px;left:34px;right:34px}.ticker-track{animation-duration:48s}.ticker-segment{padding-right:24px}.matrix{opacity:.28}}@keyframes slideInMobile{0%{opacity:.45;transform:translate(10px)}to{opacity:1;transform:translate(0,0)}}