@font-face{font-family:Orbitron;src:url('orbitron-bold.ttf') format('truetype');font-style:normal;font-weight:700 800;font-display:swap}
@font-face{font-family:Orbitron;src:url('orbitron-black.ttf') format('truetype');font-style:normal;font-weight:900;font-display:swap}
@font-face{font-family:Rajdhani;src:url('rajdhani-regular.ttf') format('truetype');font-style:normal;font-weight:400 500;font-display:swap}
@font-face{font-family:Rajdhani;src:url('rajdhani-bold.ttf') format('truetype');font-style:normal;font-weight:600 800;font-display:swap}
:root{color-scheme:dark;--green:#39ff14;--paper:#edfae9;--muted:#9bb39e;--line:rgba(134,209,133,.2);--mono:ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',monospace;--sans:Rajdhani,Arial,sans-serif;--display:Orbitron,Arial,sans-serif}
*{box-sizing:border-box}
html{background:#030704}
body{margin:0;color:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased}
button,a{-webkit-tap-highlight-color:transparent}
button{font:inherit}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible{outline:2px solid var(--green);outline-offset:6px}
button[hidden]{display:none}
::selection{background:var(--green);color:#030704}
.site-shell{min-height:100svh;display:grid;grid-template-rows:auto 1fr auto;padding:0 clamp(20px,4.2vw,80px);max-width:2400px;margin:auto}
.header{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:105px;border-bottom:1px solid var(--line);position:relative;z-index:3}
.wordmark{font-size:27px;font-weight:700;letter-spacing:-1.6px;white-space:nowrap}
.wordmark span{color:var(--green);font-style:italic;letter-spacing:-1.3px}
.nav{display:flex;align-items:center;gap:clamp(18px,3.2vw,52px);font-size:14px;font-weight:500}
.nav a{padding:14px 0;white-space:nowrap;transition:color .2s}
.nav a:hover,.byline a:hover,.follow-link:hover{color:var(--green)}
.nav a:last-child{display:flex;align-items:center;gap:10px}
svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:square;stroke-linejoin:miter;flex-shrink:0}
.labs{color:#ff665e}
.main{isolation:isolate;position:relative;min-height:650px;display:flex;flex-direction:column;justify-content:space-between}
.scene{position:absolute;inset:0 calc(-1 * clamp(20px,4.2vw,80px));overflow:hidden;pointer-events:none;z-index:-1}
#field{position:absolute;inset:0;width:100%;height:100%;opacity:.95}
.scene-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,7,4,.42),rgba(3,7,4,.05) 55%,transparent),radial-gradient(ellipse at 23% 46%,rgba(3,7,4,.83),rgba(3,7,4,.18) 50%,transparent 74%),linear-gradient(0deg,#030704 0%,transparent 17%,transparent 89%,rgba(3,7,4,.68))}
.scene-grain{position:absolute;inset:0;opacity:.18;background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgba(124,255,91,.11) 4px);mix-blend-mode:screen}
.topline{display:flex;justify-content:space-between;align-items:center;position:relative;padding-top:29px}
.eyebrow,.scene-id{margin:0;font:12px/1.5 var(--mono);letter-spacing:.14em}
.eyebrow{color:var(--green);display:flex;gap:10px;align-items:center}
.status-square{width:5px;height:5px;background:var(--green);box-shadow:0 0 13px #39ff1466}
.scene-id{color:#8ca08e;letter-spacing:.05em}
.hero{display:grid;grid-template-columns:1.03fr 1fr;align-items:center;gap:0;position:relative;padding:36px 0 46px;flex:1}
.hero-copy{position:relative;z-index:2}
.intro{font-size:18px;letter-spacing:-.04em;margin:0 0 25px;color:#c3d6c2;font-weight:500}
h1{font-size:clamp(80px,10.4vw,200px);line-height:.87;letter-spacing:-.075em;margin:0 0 33px;font-weight:700}
h1>span{display:block;width:max-content}
h1 .outline{color:transparent;-webkit-text-stroke:1px rgba(213,250,204,.67);padding-bottom:.1em;display:flex;align-items:baseline;gap:.12em}
.terminal-square{display:inline-block;width:.13em;height:.13em;background:var(--green);box-shadow:0 0 32px #39ff1433;-webkit-text-stroke:0}
.byline{font-size:16px;line-height:1.65;color:var(--muted);margin:0;max-width:370px}
.byline a{color:#e2eddd;transition:color .2s}
.emblem-stage{position:relative;width:100%;max-width:min(100%,48svh,570px);aspect-ratio:1;margin:0 auto;display:grid;place-items:center;transform:translateX(2%);isolation:isolate}
.emblem-float{position:relative;width:80%;mix-blend-mode:screen;animation:levitate 8s ease-in-out infinite;overflow:hidden}
.emblem{display:block;width:100%;height:auto;mix-blend-mode:screen;filter:drop-shadow(0 0 18px #20fe0712)}
.logo-scan{position:absolute;inset:0;background:linear-gradient(transparent 0,transparent 44%,rgba(137,255,85,.03) 47%,rgba(149,255,99,.35) 49.8%,rgba(185,255,150,.7) 50%,transparent 50.3%);transform:translateY(-110%);animation:logo-scan 9s linear infinite;mix-blend-mode:screen}
.orbit{position:absolute;border-radius:50%;inset:7%;pointer-events:none}
.orbit-outer{border:1px solid rgba(125,255,90,.12);border-top-color:rgba(163,255,115,.55);border-bottom-color:rgba(85,255,54,.32);animation:rotate-orbit 42s linear infinite}
.orbit-inner{inset:12%;border:1px dashed rgba(114,237,86,.13);animation:rotate-orbit 72s linear infinite reverse}
.orbit-ticks{position:absolute;inset:3%;border:1px solid #39ff140a;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(152,247,124,.34) 0deg 0.3deg,transparent .3deg 6deg);mask:radial-gradient(transparent 69%,#000 69.2%,#000 70%,transparent 70.2%);-webkit-mask:radial-gradient(transparent 69%,#000 69.2%,#000 70%,transparent 70.2%)}
.crosshair{position:absolute;background:#b0fc9470}
.crosshair-top,.crosshair-bottom{width:1px;height:19px;left:50%}
.crosshair-top{top:2%}.crosshair-bottom{bottom:2%}
.crosshair-left,.crosshair-right{height:1px;width:19px;top:50%}
.crosshair-left{left:2%}.crosshair-right{right:2%}
.coordinate{position:absolute;color:#87a47e;font:12px/1.4 var(--mono);letter-spacing:.03em;z-index:2}
.coordinate-a{left:2%;top:13%}.coordinate-b{right:1%;bottom:12%;color:#93d578}
.data-bracket{position:absolute;width:21px;height:21px;opacity:.65}
.bracket-a{left:14%;bottom:18%;border-left:1px solid var(--green);border-bottom:1px solid var(--green)}
.bracket-b{right:14%;top:18%;border-right:1px solid var(--green);border-top:1px solid var(--green)}
.bottomline{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:stretch;gap:22px;position:relative;z-index:3}
.mode-selector{display:flex;min-width:0;gap:6px}
.mode-button{position:relative;background:transparent;border:0;color:#93a994;display:flex;align-items:center;gap:20px;min-height:84px;min-width:150px;padding:0 20px 0 4px;cursor:pointer;transition:color .2s,background .2s}
.mode-button:before{position:absolute;content:'';height:2px;background:var(--green);top:-1px;left:0;right:18px;transform:scaleX(0);transform-origin:left;transition:transform .3s}
.mode-button>span:nth-child(2){font-size:15px;letter-spacing:.08em;font-weight:600}
.mode-number{font:12px var(--mono);opacity:.6}
.mode-button svg{width:19px;height:19px;opacity:.7}
.mode-button.is-active{color:var(--green)}
.mode-button.is-active:before{transform:scaleX(1)}
.mode-button:hover{color:var(--paper);background:#39ff1404}
.mode-button:disabled{cursor:default}
.scene-controls{display:flex;align-items:center;gap:22px}
.simulation-note{font:12px/1.4 var(--mono);color:#96aa98;white-space:nowrap}
.motion-toggle{border:1px solid #9aba9d38;background:#03070470;color:#baceba;padding:10px 12px;min-height:44px;cursor:pointer;display:flex;align-items:center;gap:9px;font:12px var(--mono);min-width:91px;justify-content:center;transition:border-color .2s,color .2s}
.motion-toggle:hover{border-color:var(--green);color:var(--green)}
.motion-toggle svg{width:12px;height:12px;stroke-width:1.5}
.play-icon{display:none}
.is-paused .pause-icon{display:none}.is-paused .play-icon{display:block}
.footer{min-height:79px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;color:#a4b4a3;position:relative}
.footer-brand{font:12px var(--mono);letter-spacing:.04em;display:flex;align-items:center;gap:9px}
.footer-brand a{font:600 16px var(--sans);letter-spacing:-.035em;color:#e1ecdc}
.footer-label{font:12px var(--mono);color:#78937a;letter-spacing:.07em}
.follow-link{display:flex;align-items:center;gap:18px;font-size:14px;transition:color .2s}
.skip-link{position:fixed;top:8px;left:8px;z-index:20;background:var(--green);color:#030704;padding:12px;transform:translateY(-160%)}
.skip-link:focus{transform:none}
.info-shell{max-width:2400px;margin:0 auto;padding:0 clamp(20px,4.2vw,80px)}
.project-info{border-top:1px solid var(--line)}
.project-info summary{list-style:none;display:flex;align-items:center;justify-content:space-between;min-height:58px;cursor:pointer;color:#a4b4a3;font-size:14px;gap:16px}
.project-info summary::-webkit-details-marker{display:none}
.project-info summary:focus-visible{outline:2px solid var(--green);outline-offset:4px}
.project-info summary:hover{color:var(--green)}
.project-info summary>span{font:20px var(--mono);color:var(--green)}
.project-info[open] summary>span{transform:rotate(45deg)}
.info-content{padding:10px 0 36px;max-width:740px}
.info-content h2{font-size:clamp(22px,3vw,32px);font-weight:500;letter-spacing:-.04em;margin:0 0 16px;line-height:1.15}
.info-content p{font-size:16px;line-height:1.75;color:var(--muted);margin:0}
.info-content p+p{margin-top:16px}
.info-content a{text-decoration:underline;text-underline-offset:3px;color:var(--paper)}
.info-content a:hover{color:var(--green)}
@media(max-width:370px){.info-shell{padding:0 16px}}
html[data-mode='scan'] .orbit-outer{border-right-color:#39ff14;animation-duration:18s}
html[data-mode='scan'] .logo-scan{animation-duration:3.5s}
html[data-mode='check'] .orbit-inner{border-style:solid;border-left-color:#39ff14;animation-duration:25s}
html[data-mode='check'] .bracket-a,html[data-mode='check'] .bracket-b{opacity:1;box-shadow:0 0 12px #39ff1425}
.is-paused .emblem-float,.is-paused .orbit,.is-paused .logo-scan{animation-play-state:paused}
@keyframes levitate{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-9px) rotate(.7deg)}}
@keyframes rotate-orbit{to{transform:rotate(360deg)}}
@keyframes logo-scan{0%,26%{transform:translateY(-110%)}72%,100%{transform:translateY(110%)}}
@media(min-width:1700px){.main{min-height:820px}.header{min-height:115px}.hero{gap:35px}.mode-button{min-width:190px}.nav{font-size:16px}.byline{font-size:18px}.intro{font-size:22px}}
@media(max-width:1080px){.main{min-height:650px}.mode-button{min-width:128px;gap:15px}.scene-controls{gap:12px}.mode-button{padding-right:12px}.mode-button:before{right:8px}.footer-label{display:none}.simulation-note{font-size:12px}.emblem-stage{width:106%;transform:translateX(-2%)}}
@media(max-width:760px){.header{min-height:110px;flex-wrap:wrap;gap:0;padding:20px 0 12px}.wordmark{font-size:25px}.nav{gap:24px;font-size:12px;flex-basis:100%;margin-top:6px}.nav a{padding:10px 0}.nav svg{width:13px;height:13px}.main{min-height:0}.topline{padding-top:20px}.eyebrow,.scene-id{font-size:12px}.hero{grid-template-columns:1fr;padding:32px 0 20px;gap:10px}.hero-copy{max-width:520px}.intro{font-size:16px;margin-bottom:21px}h1{font-size:clamp(82px,17.8vw,134px);margin-bottom:20px;line-height:.87;letter-spacing:-.072em}.byline{font-size:15px;max-width:none}.emblem-stage{width:87%;max-width:400px;justify-self:center;transform:none;margin-top:0;margin-bottom:0}.emblem-float{width:80%}.coordinate{font-size:12px}.coordinate-a{left:0;top:13%}.coordinate-b{right:-1%;bottom:12%}.scene-shade{background:linear-gradient(0deg,#030704,transparent 18%,transparent 84%,rgba(3,7,4,.3)),radial-gradient(ellipse at 35% 22%,rgba(3,7,4,.85),rgba(3,7,4,.4) 38%,transparent 63%)}.bottomline{flex-wrap:wrap;gap:0}.mode-selector{width:100%;justify-content:space-between;gap:10px}.mode-button{min-width:0;flex:1;min-height:65px;gap:12px;justify-content:space-between;padding:0 10px 0 2px}.mode-button>span:nth-child(2){font-size:13px;letter-spacing:.035em}.mode-button svg{width:17px;height:17px}.mode-button:before{right:0}.mode-number{font-size:12px}.scene-controls{width:100%;justify-content:space-between;border-top:1px solid #9fcfa914;padding:8px 0 12px}.motion-toggle{border-color:transparent;padding-right:0}.footer{padding:20px 0;min-height:79px;gap:16px}.footer-brand{font-size:11px;gap:7px}.footer-brand a{font-size:14px}.follow-link{font-size:12px;gap:9px}}
@media(max-width:370px){.site-shell{padding:0 16px}.scene{inset:0 -16px}.nav{gap:17px}.nav a{font-size:12px}.hero{padding-top:27px}.mode-button{gap:9px}.mode-button svg{display:none}.footer{flex-wrap:wrap;gap:15px}.footer-brand{font-size:12px}.follow-link{font-size:13px}.emblem-stage{width:90%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}.emblem-float,.orbit,.logo-scan{animation:none}.mode-button,.mode-button:before,a,button{transition:none}}
@media(prefers-contrast:more){:root{--muted:#ccdfc9;--line:#82a67a}.scene{opacity:.4}.simulation-note,.footer-label,.scene-id{color:#c4dec0}}