@font-face{font-family:PixelBlocks;src:url('assets/fonts/pixel-blocks.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{color-scheme:dark;--bg:#0b0e0b;--surface:#111610;--green:#94f23c;--green-bright:#b3ff71;--text:#f2f5ee;--muted:#909a8b;--line:#253020;--mono:ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',monospace;--pixel:PixelBlocks,var(--mono)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:30px}
body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;min-width:280px;overflow-x:hidden;background-image:radial-gradient(ellipse at 72% 38%,#1c29133d 0,transparent 48%)}
a{color:inherit;text-decoration:none}
button{font:inherit}
::selection{background:var(--green);color:var(--bg)}
:focus-visible{outline:2px solid var(--green);outline-offset:7px}
.skip-link{position:fixed;top:12px;left:12px;transform:translateY(-180%);background:var(--green);color:var(--bg);padding:12px 18px;z-index:100;font-weight:700}
.skip-link:focus{transform:translateY(0)}
.site-shell{max-width:1376px;min-height:100svh;margin:auto;padding:0 64px;display:flex;flex-direction:column;position:relative;z-index:1}
.site-header{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}
.brand{display:inline-flex;align-items:center;gap:11px;font-weight:900;font-size:21px;letter-spacing:-.7px}
.brand-green{color:var(--green)}
.brand-domain{font-size:11px;font-weight:500;letter-spacing:.5px;color:var(--muted);margin-left:3px}
.brand-symbol{position:relative;display:block;width:38px;height:43px;overflow:hidden;flex:none;mix-blend-mode:screen}
.brand-symbol img{position:absolute;width:118px;height:118px;max-width:none;left:-40px;top:-24px}
.header-status{font:10px var(--mono);letter-spacing:1.3px;border:1px solid #334127;padding:11px 14px;display:flex;gap:9px;align-items:center;color:#bcc8b2;white-space:nowrap}
.status-dot{width:6px;height:6px;display:inline-block;flex:none;background:var(--green);box-shadow:0 0 10px #94f23c40}
main{flex:1;display:flex;flex-direction:column;justify-content:center;padding:56px 0 45px}
.hero{display:grid;grid-template-columns:1.08fr 1fr;gap:58px;align-items:center;padding:0 0 52px}
.eyebrow{font:10px var(--mono);letter-spacing:1.7px;color:#a7b69a;display:flex;align-items:center;gap:11px;margin:0 0 30px}
.pixel-mark{width:8px;height:8px;background:var(--green);box-shadow:4px 4px 0 #3f6424;flex:none}
h1{font:clamp(64px,7.7vw,110px)/1.12 var(--pixel);letter-spacing:-.035em;margin:0 0 27px;font-weight:400}
h1>span{display:block;color:var(--green);margin-top:5px}
.title-period{color:#47712c}
.hero-lead{font-size:clamp(21px,2.25vw,31px);line-height:1.25;font-weight:700;letter-spacing:-.7px;margin:0 0 17px}
.hero-description{font-size:14px;line-height:1.9;color:var(--muted);max-width:380px;margin:0}
.status-link{display:inline-flex;align-items:center;gap:30px;min-height:49px;font:10px var(--mono);letter-spacing:1.4px;color:var(--green);border-bottom:1px solid #3b5428;margin-top:24px;transition:color .2s,border-color .2s}
.status-link svg{fill:none;stroke:currentColor;stroke-width:2;transition:transform .2s}
.status-link:hover{color:var(--green-bright);border-color:var(--green)}
.status-link:hover svg{transform:translateY(3px)}
.hero-art{position:relative;isolation:isolate;width:100%;aspect-ratio:1/1;min-width:0;display:grid;place-items:center;background:radial-gradient(circle,#26351966,transparent 66%)}
.art-grid{position:absolute;inset:0;background-image:linear-gradient(#95cd5710 1px,transparent 1px),linear-gradient(90deg,#95cd5710 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse,#000 0%,transparent 72%);z-index:-2}
.orbit{position:absolute;width:72%;height:72%;border:1px solid #385129;z-index:-1}
.orbit-one{transform:rotate(45deg);border-color:#2c3c22}
.orbit-two{width:85%;height:85%;border-color:#23301c}
.logo-window{width:100%;height:68%;overflow:hidden;position:relative;mix-blend-mode:screen;transform:translateY(-4%)}
.hero-logo{position:absolute;width:100%;height:auto;left:0;top:-16%;user-select:none}
.art-coordinate{position:absolute;font:8px var(--mono);letter-spacing:1.8px;color:#637b50}
.art-coordinate-top{top:0;left:0}
.art-coordinate-bottom{bottom:0;right:0}
.art-corner{position:absolute;width:14px;height:14px;border-color:#7eaf47;border-style:solid}
.corner-tl{top:28px;left:0;border-width:1px 0 0 1px}
.corner-tr{top:28px;right:0;border-width:1px 1px 0 0}
.corner-bl{bottom:28px;left:0;border-width:0 0 1px 1px}
.corner-br{bottom:28px;right:0;border-width:0 1px 1px 0}
.art-caption{position:absolute;bottom:44px;left:22%;right:22%;display:flex;align-items:center;gap:9px;color:#a5bd90;font:9px var(--mono);letter-spacing:1.2px;white-space:nowrap}
.caption-square{width:5px;height:5px;background:var(--green);flex:none}
.caption-line{height:1px;background:#405733;flex:1}
.pixel-cluster{position:absolute;display:grid;grid-template-columns:repeat(2,9px);gap:4px;animation:drift 7s ease-in-out infinite}
.pixel-cluster i{width:9px;height:9px;background:#87db38}.pixel-cluster i:nth-child(2){opacity:.3}.pixel-cluster i:nth-child(3){grid-column:2;opacity:.6}
.cluster-one{top:14%;right:9%}.cluster-two{bottom:20%;left:6%;transform:rotate(180deg);animation-delay:-3s}
.launch-panel{display:grid;grid-template-columns:56px 1fr auto;gap:22px;align-items:center;scroll-margin-top:30px;background:linear-gradient(110deg,#172011 0%,#10150f 60%);border:1px solid #2e3d25;position:relative;padding:27px 30px}
.launch-panel:before{content:'';position:absolute;width:3px;top:-1px;bottom:-1px;left:-1px;background:var(--green)}
.panel-icon{height:54px;width:54px;display:grid;place-items:center;background:#202e16;border:1px solid #3b5429;color:var(--green)}
.panel-icon svg{fill:currentColor}.panel-icon .icon-cut{fill:#202e16}
.panel-label{font:8px var(--mono);letter-spacing:1.6px;color:#849677;margin-bottom:8px}
h2{font-size:18px;font-weight:600;letter-spacing:-.3px;margin:0 0 7px}
.panel-copy p{font-size:12px;color:var(--muted);line-height:1.5;margin:0}
.panel-state{padding-left:28px;min-width:215px}
.state-text{font:8px var(--mono);letter-spacing:1.1px;display:flex;align-items:center;gap:8px;color:#b4c4a7}
.state-text .status-dot{width:4px;height:4px}
.loading-blocks{display:grid;grid-template-columns:repeat(12,1fr);gap:5px;margin-top:13px;height:10px}
.loading-blocks i{background:#2c3e22;animation:block-wave 2.6s ease-in-out infinite}
.loading-blocks i:nth-child(2){animation-delay:.12s}.loading-blocks i:nth-child(3){animation-delay:.24s}.loading-blocks i:nth-child(4){animation-delay:.36s}.loading-blocks i:nth-child(5){animation-delay:.48s}.loading-blocks i:nth-child(6){animation-delay:.6s}.loading-blocks i:nth-child(7){animation-delay:.72s}.loading-blocks i:nth-child(8){animation-delay:.84s}.loading-blocks i:nth-child(9){animation-delay:.96s}.loading-blocks i:nth-child(10){animation-delay:1.08s}.loading-blocks i:nth-child(11){animation-delay:1.2s}.loading-blocks i:nth-child(12){animation-delay:1.32s}
.site-footer{min-height:87px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#6e7c64;font:10px/1.7 var(--mono)}
.site-footer p{margin:0}
.footer-right{display:flex;align-items:center;gap:22px}
.footer-note{font-size:8px;letter-spacing:1px}
.motion-control{border:0;background:transparent;display:flex;align-items:center;gap:6px;color:#8b9a7f;font:9px var(--mono);padding:10px 0 10px 10px;cursor:pointer;min-height:44px}
.motion-control[hidden]{display:none}.motion-control:hover{color:var(--green)}.motion-control svg{fill:currentColor}
.ambient{position:fixed;inset:0;pointer-events:none;overflow:hidden}
.ambient i{position:absolute;width:3px;height:3px;background:#81b73a;opacity:.18;animation:drift 9s ease-in-out infinite}
.ambient i:nth-child(1){top:24%;left:4%}.ambient i:nth-child(2){top:13%;left:56%;animation-delay:-2s}.ambient i:nth-child(3){top:69%;left:96%;animation-delay:-5s}.ambient i:nth-child(4){top:87%;left:39%;animation-delay:-3s}.ambient i:nth-child(5){top:53%;left:91%;animation-delay:-7s}.ambient i:nth-child(6){top:93%;left:6%;animation-delay:-1s}
@keyframes drift{0%,100%{translate:0 0}50%{translate:0 -12px}}
@keyframes block-wave{0%,12%,100%{background:#2c3e22}35%,50%{background:var(--green)}}
body.effects-paused *,body.effects-paused *:before,body.effects-paused *:after{animation-play-state:paused!important}
@media(min-width:1500px){main{padding-top:70px;padding-bottom:65px}.hero{gap:100px;padding-bottom:65px}}
@media(max-width:1100px){.site-shell{padding:0 40px}.hero{gap:32px}h1{font-size:clamp(58px,7.6vw,90px)}.panel-state{min-width:180px;padding-left:12px}.footer-note{display:none}.hero-art{aspect-ratio:.95}}
@media(max-width:760px){.site-shell{padding:0 26px}.site-header{min-height:86px}.brand{font-size:18px;gap:8px}.brand-domain{font-size:9px}.header-status{font-size:8px;padding:9px 10px;letter-spacing:.6px}.hero{grid-template-columns:1fr;gap:25px;padding-bottom:36px}.hero-copy{text-align:center}.eyebrow{justify-content:center;margin-bottom:23px;font-size:9px;letter-spacing:1.2px}h1{font-size:clamp(64px,13vw,98px);margin-bottom:22px}.hero-lead{font-size:26px;line-height:1.3}.hero-description{margin:auto;max-width:390px;font-size:13px}.status-link{margin-top:18px}.hero-art{max-width:370px;justify-self:center;width:85%;aspect-ratio:1; margin-top:8px}.art-caption{bottom:37px;font-size:8px}.art-coordinate{font-size:7px}.launch-panel{grid-template-columns:44px 1fr;gap:16px;padding:23px}.panel-icon{width:44px;height:44px}.panel-state{grid-column:2;min-width:0;padding:0;margin-top:3px;max-width:260px}main{padding-top:36px;padding-bottom:30px}.site-footer{min-height:84px;gap:12px;font-size:9px}.motion-control{font-size:8px}.loading-blocks{height:8px}.panel-copy p{font-size:11px}h2{font-size:17px}}
@media(max-width:390px){.site-shell{padding:0 18px}.brand{font-size:16px}.brand-domain{display:none}.brand-symbol{width:32px;scale:.9;transform-origin:left center;margin-right:-4px}.header-status{font-size:7px;padding:8px;gap:6px}.eyebrow{font-size:8px;letter-spacing:.8px}h1{font-size:clamp(48px,16vw,62px)}.hero-lead{font-size:23px}.hero-description{font-size:12px}.hero-art{width:90%}.launch-panel{padding:20px 17px;gap:12px}.site-footer{align-items:flex-start;flex-direction:column;justify-content:center;gap:2px;padding:16px 0}.motion-control{padding:6px 0;min-height:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.loading-blocks i:nth-child(-n+4){background:var(--green)}.motion-control{display:none!important}}