@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');

:root{--black:#05070b;--paper:#dce6ef;--lime:#31d8ff;--grey:#8494a8;--red:#ff3d49;--navy:#0b1220;--panel:#111a29;--rule:1px solid #29374b;font-synthesis:none}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--black)}
body{margin:0;background:var(--paper);color:var(--black);font-family:"IBM Plex Mono",monospace;overflow-x:hidden}
::selection{background:var(--lime);color:var(--black)}
a{color:inherit;text-decoration:none}.skip{position:fixed;left:12px;top:-60px;background:var(--lime);padding:12px;z-index:100}.skip:focus{top:12px}
.grain{position:fixed;inset:0;z-index:99;pointer-events:none;opacity:.065;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
.site-header{height:92px;display:grid;grid-template-columns:280px 1fr auto auto;align-items:stretch;border-bottom:var(--rule);background:var(--paper);position:relative;z-index:20}
.brand{display:flex;align-items:center;gap:12px;padding:12px 20px;border-right:var(--rule)}.brand-mark{width:62px;height:54px;background:var(--black);color:var(--paper);display:flex;align-items:center;justify-content:center;transform:skew(-12deg);font:900 28px/1 "Space Grotesk",sans-serif}.brand-mark i{color:var(--lime);font-style:normal;margin-left:-2px}.brand-name{font:900 19px/.78 "Space Grotesk",sans-serif;letter-spacing:-1px}.brand-name em{font-style:normal;color:var(--black);font-size:28px}
.header-stamp{font-size:9px;line-height:1.5;letter-spacing:1px;padding:22px}.header-stamp b{color:var(--lime)}
nav{display:flex;align-items:stretch;border-left:var(--rule)}nav a{display:grid;place-items:center;padding:0 25px;border-right:1px solid var(--black);font-size:11px;font-weight:700;text-transform:uppercase}nav a:hover,nav a:focus-visible{background:var(--lime)}
.sound-toggle{border:0;background:var(--black);color:var(--paper);font:700 10px "IBM Plex Mono";padding:0 20px;cursor:pointer}.sound-toggle span{color:var(--lime)}
.hero{height:calc(100svh - 92px);min-height:700px;position:relative;background:var(--black);color:var(--paper);overflow:hidden;border-bottom:var(--rule)}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,10,8,.3) 0 34%,transparent 58%);pointer-events:none}.hero-scan{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 5px,rgba(0,0,0,.08) 6px);mix-blend-mode:multiply;z-index:1}.hero-copy{position:relative;z-index:3;width:min(44vw,680px);padding:clamp(45px,7vh,90px) 0 0 clamp(24px,5vw,78px)}.kicker{font-size:10px;letter-spacing:1.4px;margin-bottom:28px}.kicker span{background:var(--lime);color:var(--black);padding:5px 8px;margin-right:8px;font-weight:700}.hero h1{font:900 clamp(74px,8.2vw,146px)/.72 "Space Grotesk",sans-serif;letter-spacing:-.085em;margin:0;transform:scaleX(.84);transform-origin:left center}.hero h1 strong{color:var(--lime);font-weight:900}.hero-deck{max-width:510px;font:600 clamp(14px,1.2vw,18px)/1.45 "Space Grotesk",sans-serif;margin:38px 0 26px}.hero-actions{display:grid;grid-template-columns:max-content max-content;gap:10px}.button{display:inline-flex;align-items:center;justify-content:space-between;min-height:54px;padding:0 20px;border:1px solid var(--paper);font-size:11px;font-weight:700}.button.primary{background:var(--lime);color:var(--black);border-color:var(--lime);min-width:210px}.button.primary:hover{background:var(--paper)}.button.secondary{min-width:265px}.button.secondary:hover{color:var(--lime);border-color:var(--lime)}.button span{font-size:20px}.hero-index{position:absolute;z-index:3;right:0;bottom:0;width:290px;background:var(--lime);color:var(--black);padding:18px 24px;display:grid;grid-template-columns:60px 1fr;gap:10px}.hero-index>span{font:900 45px "Space Grotesk"}.hero-index p{font-size:8px;line-height:1.5;font-weight:700;margin:4px 0}
.ticker{background:var(--lime);border-bottom:var(--rule);overflow:hidden;height:48px;display:flex;align-items:center}.ticker-track{white-space:nowrap;display:flex;gap:28px;align-items:center;animation:ticker 28s linear infinite;font-size:11px;font-weight:700}.ticker i{font-style:normal}@keyframes ticker{to{transform:translateX(-50%)}}
.section-label{display:flex;gap:13px;align-items:center;font-size:10px;font-weight:700;letter-spacing:1.6px}.section-label b{font:900 30px "Space Grotesk"}.section-label.inverse{color:var(--paper)}
.manifesto{display:grid;grid-template-columns:180px 1.5fr 1fr;gap:30px;padding:100px 5vw 120px;border-bottom:var(--rule);position:relative}.manifesto-main .eyebrow,.eyebrow{font-size:9px;letter-spacing:2px;font-weight:700}.manifesto h2{font:900 clamp(44px,5.5vw,92px)/.88 "Space Grotesk";letter-spacing:-.06em;margin:15px 0}.manifesto h2 span{color:transparent;-webkit-text-stroke:2px var(--black)}.manifesto-copy{align-self:end;font:500 15px/1.55 "Space Grotesk"}.manifesto-copy p{border-top:1px solid;padding-top:12px}.warning-block{position:absolute;right:5vw;bottom:28px;width:calc(35% - 5vw);border-top:8px solid;padding-top:8px;display:grid;grid-template-columns:1fr auto;gap:5px;font-size:9px}.warning-block b{background:var(--black);color:var(--paper);padding:4px}.warning-block p{grid-column:2;margin:0}
.telemetry{background:var(--black);color:var(--paper);padding:50px 5vw}.telemetry-head{display:flex;justify-content:space-between;border-bottom:1px solid #4c4d47;padding-bottom:12px;font-size:10px}.telemetry-head p{margin:0}.telemetry-head span{color:var(--lime)}.meters{display:grid;grid-template-columns:repeat(3,1fr)}.meters article{padding:40px 30px 25px 0;border-right:1px solid #4c4d47;margin-right:30px}.meters article:last-child{border:0}.meters span,.meters small{display:block;font-size:9px;letter-spacing:1px}.meters strong{font:900 clamp(65px,8vw,130px)/1 "Space Grotesk";letter-spacing:-.07em}.meters i{font-style:normal;color:var(--lime);font-size:12px;margin-left:7px}.meter{height:8px;border:1px solid #696a64;margin:15px 0}.meter b{display:block;width:var(--level);height:100%;background:var(--lime);animation:load 1.4s ease-out}@keyframes load{from{width:0}}
.rules{background:var(--lime);padding:80px 5vw 100px;border-bottom:var(--rule)}.rules ol{list-style:none;padding:50px 0 0;margin:0;display:grid;grid-template-columns:repeat(4,1fr)}.rules li{padding:20px;border-left:2px solid;min-height:250px;position:relative}.rules li>span{font-size:10px}.rules h3{font:900 clamp(28px,3vw,48px)/.9 "Space Grotesk";letter-spacing:-.05em;margin:65px 0 12px}.rules p{font-size:11px;line-height:1.5;max-width:230px}
.ranks{padding:90px 5vw 110px}.rank-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:50px;border:var(--rule)}.rank-grid article{padding:20px;min-height:320px;border-right:var(--rule);display:flex;flex-direction:column}.rank-grid article:last-child{border:0}.rank-grid article>span,.rank-grid article>b{font-size:9px;letter-spacing:1px}.rank-grid h3{font:900 clamp(28px,3vw,45px)/.9 "Space Grotesk";margin:55px 0 15px;letter-spacing:-.05em}.rank-grid p{font-size:11px;line-height:1.55}.rank-grid article>b{margin-top:auto;border-top:1px solid;padding-top:10px}.rank-grid .featured{background:var(--black);color:var(--paper);transform:translateY(-14px);box-shadow:14px 14px 0 var(--lime)}.rank-grid .featured>b{color:var(--lime)}
.join{background:var(--black);color:var(--paper);padding:90px 5vw;display:grid;grid-template-columns:1fr 1.2fr 220px;align-items:end;gap:5vw;position:relative;overflow:hidden}.join h2{font:900 clamp(70px,8vw,140px)/.72 "Space Grotesk";letter-spacing:-.08em;margin:28px 0}.join h2 span{color:var(--lime)}.join-copy>p:last-child{font:500 14px/1.5 "Space Grotesk";max-width:500px}form label{display:block;font-size:9px;letter-spacing:1px;margin-bottom:10px}.input-row{display:grid;grid-template-columns:1fr auto}.input-row input{background:transparent;border:1px solid #777;color:var(--paper);font:600 14px "IBM Plex Mono";padding:18px;min-width:0;border-radius:0}.input-row input:focus{outline:2px solid var(--lime);outline-offset:2px}.input-row button{border:0;background:var(--lime);font:700 10px "IBM Plex Mono";padding:0 20px;cursor:pointer}.input-row button:hover{background:var(--paper)}.form-status{font-size:8px;color:var(--grey);letter-spacing:1px}.form-status.success{color:var(--lime)}.join-code{font:900 86px/.68 "Space Grotesk";letter-spacing:-8px;color:#2d2e29;transform:skew(-8deg)}.join-code b{color:var(--lime)}
footer{background:var(--paper);padding:28px 5vw;display:grid;grid-template-columns:1.1fr 2fr 2fr 1fr;gap:25px;align-items:start;border-top:8px solid var(--lime);font-size:7.5px;line-height:1.5;text-transform:uppercase}.footer-mark{font:900 20px "Space Grotesk"}.footer-mark span{color:var(--lime)}.legal{color:#555}
@media(max-width:980px){.site-header{grid-template-columns:240px 1fr auto}.header-stamp{display:none}.hero{min-height:720px}.hero-copy{width:55vw}.hero-art{object-position:44% center}.hero h1{font-size:clamp(68px,10vw,100px)}.manifesto{grid-template-columns:120px 1fr}.manifesto-copy{grid-column:2}.warning-block{width:45%}.rules ol,.rank-grid{grid-template-columns:repeat(2,1fr)}.rules li{border-bottom:2px solid}.rank-grid article:nth-child(2){border-right:0}.rank-grid article:nth-child(-n+2){border-bottom:2px solid}.join{grid-template-columns:1fr 1fr}.join-code{display:none}footer{grid-template-columns:1fr 2fr}.meters strong{font-size:70px}}
@media(max-width:680px){.site-header{height:72px;grid-template-columns:1fr auto}.brand{border-right:0;padding:8px 14px}.brand-mark{width:48px;height:40px;font-size:22px}.brand-name{font-size:14px}.brand-name em{font-size:21px}.site-header nav,.sound-toggle{display:none}.header-stamp{display:block;padding:18px 12px;font-size:7px;text-align:right}.hero{height:auto;min-height:820px;display:flex;align-items:flex-end}.hero-art{height:52%;top:auto;object-position:62% center}.hero:after{background:linear-gradient(180deg,var(--black) 0 44%,rgba(9,10,8,.1) 68%,rgba(9,10,8,.2))}.hero-copy{width:100%;height:100%;padding:45px 20px 0;position:absolute;top:0}.hero h1{font-size:76px}.hero-deck{font-size:14px;max-width:94%;margin-top:28px}.hero-actions{grid-template-columns:1fr;margin-top:18px;width:100%}.button.primary,.button.secondary{width:100%;min-width:0}.hero-index{width:210px;padding:10px 14px}.hero-index>span{font-size:30px}.ticker{height:40px}.manifesto{display:block;padding:70px 20px 110px}.manifesto-main{margin-top:45px}.manifesto h2{font-size:48px}.manifesto-copy{margin-top:35px}.warning-block{left:20px;right:20px;width:auto}.telemetry{padding:40px 20px}.meters{display:block}.meters article{border-right:0;border-bottom:1px solid #4c4d47;margin:0;padding:30px 0}.rules{padding:65px 20px}.rules ol{grid-template-columns:1fr}.rules li{min-height:190px;padding:18px 0}.rules h3{margin-top:35px}.ranks{padding:65px 20px}.rank-grid{grid-template-columns:1fr}.rank-grid article{border-right:0!important;border-bottom:2px solid!important;min-height:250px}.rank-grid article:last-child{border-bottom:0!important}.rank-grid .featured{transform:none;box-shadow:8px 8px 0 var(--lime)}.join{display:block;padding:70px 20px}.join h2{font-size:80px}.join form{margin-top:55px}.input-row{grid-template-columns:1fr}.input-row button{min-height:55px}.join-code{display:none}footer{grid-template-columns:1fr;padding:25px 20px;gap:12px}.footer-mark{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker-track,.meter b{animation:none}}

/* MIDNIGHT ARMORY // cobalt-cyan revision */
body{background:var(--black);color:var(--paper)}
.site-header{background:rgba(5,7,11,.96);color:var(--paper);border-bottom-color:#29374b}
.brand{border-right-color:#29374b}.brand-mark{background:var(--paper);color:var(--black)}
.brand-name em{color:var(--paper)}.header-stamp b{color:var(--lime)}
nav{border-left-color:#29374b}nav a{border-right-color:#29374b}nav a:hover,nav a:focus-visible{background:var(--lime);color:var(--black)}
.sound-toggle{background:var(--panel);border-left:1px solid #29374b}
.hero{border-bottom-color:#29374b}.hero:after{background:linear-gradient(90deg,rgba(5,7,11,.46) 0 35%,transparent 59%)}
.manifesto{background:var(--navy);border-bottom-color:#29374b}.manifesto h2 span{color:transparent;-webkit-text-stroke:1.5px var(--lime)}
.manifesto-copy p{border-color:#394963}.warning-block{border-color:var(--lime)}.warning-block b{background:var(--lime);color:var(--black)}
.telemetry{background:#03050a}.telemetry-head,.meters article{border-color:#26344a}
.rules{background:#091525;color:var(--paper);border-bottom-color:#29374b}.rules li{border-color:#2d95b7}.rules .section-label{color:var(--paper)}
.ranks{background:#080c13}.rank-grid{border-color:#29374b}.rank-grid article{background:#0d1420;border-color:#29374b}.rank-grid .featured{background:#121f34;box-shadow:14px 14px 0 #156683}
.join{background:#020409}.join-code{color:#162033}
footer{background:#07101b;color:var(--paper);border-top-color:var(--lime)}.footer-mark span{color:var(--lime)}.legal{color:#91a0b2}
::selection{background:var(--lime);color:var(--black)}
@media(max-width:680px){.hero:after{background:linear-gradient(180deg,var(--black) 0 44%,rgba(5,7,11,.15) 68%,rgba(5,7,11,.35))}.rank-grid .featured{box-shadow:8px 8px 0 #156683}}

/* REPUBLIC SIGNAL SYSTEM // transformed industrial print language */
.site-header:after{content:"SECTOR 00 / FOMO CONTROL";position:absolute;right:12px;bottom:-18px;color:var(--lime);font-size:7px;letter-spacing:1.4px;writing-mode:vertical-rl}
nav .x-link{background:var(--lime);color:var(--black);min-width:150px;padding-inline:16px}
nav .x-link:hover,nav .x-link:focus-visible{background:var(--paper);color:var(--black)}
.hero-copy:before{content:"SU/001  //  ENTRY VECTOR";display:block;width:max-content;border-left:32px solid var(--red);padding:3px 8px;margin-bottom:18px;color:#91a0b2;font-size:7px;letter-spacing:1.5px}
.hero h1{position:relative}.hero h1:after{content:"NO ALPHA / ONLY VELOCITY";position:absolute;left:102%;bottom:8%;width:135px;border-top:1px solid var(--lime);padding-top:6px;color:var(--paper);font:600 7px/1.4 "IBM Plex Mono";letter-spacing:1px;transform:rotate(-90deg);transform-origin:left bottom}
.section-index{position:relative}.section-index:after{content:"◼ ◻ ◼";color:var(--lime);margin-left:12px;font-size:8px;letter-spacing:4px}
.manifesto:after,.rules:after,.ranks:after{content:"SUZUKI UZIS / INTERNAL BROADCAST";position:absolute;right:3vw;top:30px;color:#52647d;font-size:7px;letter-spacing:1.5px;writing-mode:vertical-rl}
.manifesto,.rules,.ranks{position:relative}
.telemetry-head:before{content:"SYSTEM STATUS";background:var(--red);color:var(--paper);padding:4px 8px;margin-right:14px}
.rules li:nth-child(even){transform:translateY(22px)}
.rank-grid article:nth-child(odd){clip-path:polygon(0 0,100% 0,100% 94%,94% 100%,0 100%)}
.footer-social{display:grid;gap:7px;border-left:1px solid #29374b;padding-left:14px}.footer-social span{color:#718198}.footer-social a{color:var(--lime);font-weight:700;font-size:9px}.footer-social a:hover{text-decoration:underline}
footer{grid-template-columns:1fr 1.35fr 1.8fr 1.8fr 1fr}
@media(max-width:1100px){nav .x-link{min-width:120px;font-size:9px}.hero h1:after{display:none}}
@media(max-width:680px){.hero-copy:before{border-left-width:20px;margin-bottom:12px}.manifesto:after,.rules:after,.ranks:after{display:none}.rules li:nth-child(even){transform:none}.rank-grid article:nth-child(odd){clip-path:none}.footer-social{border-left:0;border-top:1px solid #29374b;padding:12px 0 0}footer{grid-template-columns:1fr}}