.read-progress{position:fixed;top:0;left:0;right:0;height:3px;background:#ffe053;transform:scaleX(0);transform-origin:left;z-index:20;pointer-events:none}.hero-visual{background:#0a269f;isolation:isolate;perspective:1000px}.tech-field{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}.hero-visual .visual-top{position:relative}.hero-visual .visual-type{text-shadow:0 4px 28px #041c6580}.hero-visual .photo-wrap{transform:rotateY(var(--tilt-x,0deg)) rotateX(var(--tilt-y,0deg));transform-origin:center;transition:transform .3s ease-out;box-shadow:0 24px 65px #020c4940;outline:1px solid #92c7ff66;outline-offset:8px}.hero-visual .photo-wrap:after{content:'';position:absolute;left:-9px;right:-9px;top:-9px;height:2px;background:#ffe053;transform:scaleX(.3);transform-origin:left;animation:trace-edge 5s ease-in-out infinite;pointer-events:none}.hero-visual .photo-wrap:before{content:'';position:absolute;width:23px;height:23px;border-left:3px solid #ffe053;border-top:3px solid #ffe053;left:-10px;top:-10px;z-index:1}.hero-visual .corner-mark{font-size:86px;left:12px;bottom:32px;opacity:.7;line-height:1}.tech-status{position:relative;display:flex;align-items:center;gap:8px;font:7px monospace;letter-spacing:.7px;color:#ccd9ff;padding:19px 0 16px;white-space:nowrap}.signal{width:5px;height:5px;background:#ffe053;border-radius:50%;box-shadow:0 0 9px #ffe053;animation:signal-pulse 2.5s ease-in-out infinite}.signal-code{margin-left:auto;color:#ffe053}.motion-toggle{position:fixed;bottom:18px;right:18px;background:#101e32;color:#e2eaff;border:1px solid #788ba8;padding:10px 13px;font:10px monospace;z-index:8;box-shadow:0 4px 15px #0002;letter-spacing:.3px}.motion-toggle:hover{border-color:#ffe053;color:#ffe053}.hero h1 em{position:relative;display:inline-block}.hero h1 em:after{content:'';position:absolute;left:0;right:0;bottom:-6px;height:3px;background:#123bec;transform:scaleX(0);transform-origin:left;animation:underline-in 1.1s .4s cubic-bezier(.2,.8,.2,1) forwards}.hero-copy>.eyebrow{animation:entry-in .7s both}.hero h1{animation:entry-in .9s .1s both}.hero-copy>p{animation:entry-in .9s .2s both}.hero-copy>.button{animation:entry-in .9s .3s both}.tech-reveal{opacity:0;transform:translateY(24px);transition:opacity .8s var(--reveal-delay,0ms),transform .8s var(--reveal-delay,0ms);will-change:auto}.tech-reveal.is-visible{opacity:1;transform:none}.tabs button{transition:background .25s,color .25s,padding .25s}.tabs button:hover{background:#123bec08;padding-left:18px}.syllabus article{position:relative}.syllabus article:after{content:'';position:absolute;left:0;top:0;width:35px;height:1px;background:#ffe053;transition:width .5s}.syllabus article:hover:after{width:100%}.steps article{transition:border-color .3s}.steps article:hover{border-color:#123bec}.steps article>span{display:inline-block;transition:transform .3s}.steps article:hover>span{transform:translateX(8px)}.effects-paused *,.effects-paused *:before,.effects-paused *:after{animation:none!important;transition:none!important}.effects-paused .tech-reveal{opacity:1;transform:none}.effects-paused .hero h1 em:after{transform:scaleX(1)}@keyframes trace-edge{0%,100%{transform:scaleX(.15)}50%{transform:scaleX(1)}}@keyframes signal-pulse{0%,100%{opacity:.4}50%{opacity:1}}@keyframes underline-in{to{transform:scaleX(1)}}@keyframes entry-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@media(max-width:720px){.tech-status{font-size:6px;gap:6px;letter-spacing:0}.motion-toggle{bottom:10px;right:10px;font-size:9px;padding:9px}.hero-visual .photo-wrap{transform:none}.hero-visual .corner-mark{display:none}.hero-visual{padding-bottom:3px}.hero h1 em:after{height:2px;bottom:-4px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.tech-reveal{opacity:1;transform:none}.hero h1 em:after{transform:scaleX(1)}}
.hero-visual .corner-mark{display:none}