:root{
  --bg:#050505;
  --panel:#0b0b0b;
  --panel2:#111;
  --text:#f3f3f1;
  --muted:#9b9b96;
  --line:#252525;
  --hard:#fff;
  --shadow:rgba(255,255,255,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
::selection{background:#fff;color:#000}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.24;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.08'/%3E%3C/svg%3E")}
.noise{position:fixed;inset:0;pointer-events:none;z-index:98;mix-blend-mode:soft-light;background:repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 3px)}
.site-header{position:fixed;top:0;left:0;right:0;z-index:50;height:76px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 30px;background:rgba(5,5,5,.78);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.1)}
.brand{display:flex;align-items:center;gap:10px;font-family:"IBM Plex Mono",monospace;font-size:14px;font-weight:600;letter-spacing:.16em}
.brand-mark{font-size:18px}.nav{display:flex;gap:26px;font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.12em}.nav a{color:#aaa;transition:.2s}.nav a:hover{color:#fff}
.ip-button{justify-self:end;background:transparent;border:1px solid #353535;padding:10px 13px;display:flex;align-items:center;gap:10px;cursor:pointer;font-family:"IBM Plex Mono",monospace;transition:.2s}.ip-button:hover{background:#fff;color:#000;border-color:#fff}.ip-button span{font-size:11px;font-weight:600;letter-spacing:.08em}.ip-button small{font-size:9px;opacity:.55}
.hero{min-height:100svh;position:relative;padding:132px 6vw 70px;display:grid;grid-template-columns:1.02fr .98fr;gap:4vw;align-items:center;isolation:isolate;border-bottom:1px solid var(--line)}
.hero:after{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 72% 42%,rgba(255,255,255,.1),transparent 27%),linear-gradient(180deg,#070707 0,#050505 65%,#070707 100%)}
.hero-grid{position:absolute;inset:0;z-index:-1;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,#000,transparent 88%)}
.hero-copy{max-width:760px;z-index:2}.eyebrow,.section-index{font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#a1a19c}.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:20px}.eyebrow span{width:32px;height:1px;background:#fff;display:block}
h1,h2,h3,p{margin:0}.hero h1,.statement h2,.section-heading h2,.progression h2,.join-inner h2{font-family:"Archivo Black",Impact,sans-serif;text-transform:uppercase;letter-spacing:-.055em;line-height:.91}.hero h1{font-size:clamp(60px,8.2vw,132px);max-width:900px}.hero h1 span,h2 span{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.78)}
.lead{margin-top:28px;max-width:610px;color:#b7b7b2;font-size:17px;line-height:1.7}.hero-actions{display:flex;gap:12px;margin-top:34px}.primary-cta,.ghost-cta{min-height:50px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.primary-cta{background:#fff;color:#050505;border:1px solid #fff;cursor:pointer;font-weight:700}.primary-cta:hover{background:#d8d8d8}.ghost-cta{border:1px solid #343434;color:#d6d6d3}.ghost-cta:hover{border-color:#fff}
.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);max-width:610px;margin-top:44px;border-top:1px solid #292929;border-bottom:1px solid #292929}.mini-stats div{padding:17px 14px 15px 0;border-right:1px solid #292929}.mini-stats div:last-child{border-right:0;padding-left:14px}.mini-stats div:nth-child(2){padding-left:14px}.mini-stats strong{display:block;font-family:"Archivo Black",sans-serif;font-size:21px}.mini-stats span{display:block;margin-top:3px;color:#7f7f7a;font-family:"IBM Plex Mono",monospace;font-size:9px;letter-spacing:.14em}
.hero-art{position:relative;justify-self:center;width:min(44vw,620px);aspect-ratio:1}.art-frame{position:absolute;inset:6%;overflow:hidden;border:1px solid #343434;box-shadow:0 30px 100px rgba(0,0,0,.6);transform:rotate(1.5deg)}.art-frame:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 90px rgba(0,0,0,.45)}.art-frame img{width:100%;height:100%;display:block;object-fit:cover;filter:grayscale(1) contrast(1.13) brightness(.84)}.frame-corner{position:absolute;width:52px;height:52px;z-index:2}.corner-tl{left:-1px;top:-1px;border-top:2px solid #fff;border-left:2px solid #fff}.corner-br{right:-1px;bottom:-1px;border-right:2px solid #fff;border-bottom:2px solid #fff}.sigil{position:absolute;font-family:serif;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.15)}.sigil-1{left:-2%;top:14%;font-size:42px;transform:rotate(-12deg)}.sigil-2{right:0;bottom:12%;font-size:44px}.sigil-3{right:10%;top:-1%;font-size:31px}.scroll-note{position:absolute;left:30px;bottom:25px;font-family:"IBM Plex Mono",monospace;font-size:9px;letter-spacing:.16em;color:#676763;writing-mode:vertical-rl}
.statement,.feature-section,.progression,.faq,.join-section{padding:120px 7vw}.statement{display:grid;grid-template-columns:.32fr 1.1fr .8fr;gap:40px;align-items:start;border-bottom:1px solid var(--line)}.statement h2{font-size:clamp(44px,6vw,88px)}.statement-copy{padding-top:42px}.statement-copy p,.section-heading>p,.progression p,.join-inner>p{color:#9d9d98;line-height:1.75;font-size:15px}.statement-copy p+p{margin-top:20px}
.feature-section{background:#080808;border-bottom:1px solid var(--line)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:50px}.section-heading h2{margin-top:15px;font-size:clamp(46px,6vw,84px)}.section-heading>p{max-width:430px;margin-bottom:8px}.feature-grid{margin-top:55px;display:grid;grid-template-columns:1.25fr .75fr;gap:12px}.feature-card{position:relative;min-height:300px;padding:28px;border:1px solid #282828;background:linear-gradient(145deg,#111,#090909);overflow:hidden}.feature-card-wide{grid-row:span 1}.feature-card:nth-child(1){min-height:390px}.feature-card:nth-child(4){min-height:390px}.feature-card:before{content:"";position:absolute;inset:auto -15% -45% auto;width:260px;height:260px;border:1px solid #292929;transform:rotate(45deg)}.feature-num{font-family:"IBM Plex Mono",monospace;font-size:10px;color:#696965;letter-spacing:.15em}.feature-icon{font-size:42px;margin-top:60px}.feature-card h3{margin-top:14px;font-family:"Archivo Black",sans-serif;text-transform:uppercase;font-size:31px;letter-spacing:-.04em}.feature-card p{margin-top:10px;max-width:520px;color:#8f8f8a;line-height:1.65}.invert{background:#ededeb;color:#060606;border-color:#ededeb}.invert p,.invert .feature-num{color:#555}.level-bars{position:absolute;right:28px;bottom:26px;display:flex;align-items:end;gap:7px;height:120px}.level-bars i{display:block;width:15px;height:var(--h);background:#111;opacity:.9}
.progression{border-bottom:1px solid var(--line)}.progression-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:7vw;margin-top:18px}.progression h2{font-size:clamp(52px,7vw,100px)}.progression p{max-width:500px;margin-top:26px}.steps{list-style:none;padding:0;margin:0;border-top:1px solid #292929}.steps li{display:grid;grid-template-columns:70px 1fr;gap:18px;padding:26px 0;border-bottom:1px solid #292929;align-items:center}.step-no{font-family:"IBM Plex Mono",monospace;color:#555;font-size:12px}.steps h3{font-family:"Archivo Black",sans-serif;text-transform:uppercase;font-size:25px;letter-spacing:-.03em}.steps p{margin-top:6px;font-size:13px;color:#7f7f7a}
.quote-strip{overflow:hidden;border-bottom:1px solid #272727;background:#fff;color:#050505}.marquee{display:flex;width:max-content;animation:marquee 22s linear infinite}.marquee span{white-space:nowrap;padding:17px 0;font-family:"Archivo Black",sans-serif;font-size:20px;letter-spacing:.03em}.marquee span+span{padding-left:28px}@keyframes marquee{to{transform:translateX(-50%)}}
.faq{border-bottom:1px solid var(--line)}.faq-heading{margin-bottom:50px}.accordion{max-width:1050px;margin-left:auto}.accordion details{border-top:1px solid #2a2a2a}.accordion details:last-child{border-bottom:1px solid #2a2a2a}.accordion summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:60px 1fr 40px;align-items:center;padding:22px 0}.accordion summary::-webkit-details-marker{display:none}.accordion summary span{font-family:"IBM Plex Mono",monospace;font-size:10px;color:#5f5f5b}.accordion summary b{font-family:"Archivo Black",sans-serif;text-transform:uppercase;font-size:24px;letter-spacing:-.03em}.accordion summary i{font-style:normal;font-size:24px;color:#73736e;transition:.2s}.accordion details[open] summary i{transform:rotate(45deg)}.accordion details p{padding:0 80px 25px;color:#8f8f89;line-height:1.6}
.join-section{position:relative;text-align:center;background:radial-gradient(circle at 50% 70%,#161616,transparent 45%),#050505}.grave-line{font-size:20px;color:#454541;letter-spacing:4vw;margin-bottom:35px}.join-inner{max-width:960px;margin:auto}.join-inner h2{font-size:clamp(50px,7.5vw,106px);margin-top:12px}.join-inner>p{max-width:620px;margin:28px auto 0}.server-box{max-width:650px;margin:42px auto 0;display:flex;align-items:center;justify-content:space-between;border:1px solid #353535;background:#090909;text-align:left;padding:18px 18px 18px 22px}.server-box small{display:block;font-family:"IBM Plex Mono",monospace;font-size:9px;letter-spacing:.16em;color:#686864}.server-box strong{font-family:"Archivo Black",sans-serif;font-size:27px}.server-box button{border:0;background:#fff;color:#000;padding:14px 19px;font-family:"IBM Plex Mono",monospace;font-size:10px;font-weight:700;letter-spacing:.12em;cursor:pointer}.contact-line{display:flex;justify-content:center;gap:35px;margin-top:22px;color:#686864;font-family:"IBM Plex Mono",monospace;font-size:9px;letter-spacing:.08em}.contact-line b{color:#aaa;font-weight:500}
footer{padding:23px 30px;border-top:1px solid #212121;display:flex;justify-content:space-between;gap:20px;color:#5f5f5b;font-family:"IBM Plex Mono",monospace;font-size:9px;letter-spacing:.1em;text-transform:uppercase}.toast{position:fixed;right:24px;bottom:24px;z-index:100;background:#fff;color:#000;padding:12px 16px;font-family:"IBM Plex Mono",monospace;font-size:10px;letter-spacing:.1em;opacity:0;transform:translateY(10px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:none}
@media (max-width:980px){.site-header{grid-template-columns:1fr auto}.nav{display:none}.hero{grid-template-columns:1fr;padding-top:120px}.hero-art{width:min(82vw,620px);margin-top:20px}.statement{grid-template-columns:1fr}.statement-copy{padding-top:0}.feature-grid,.progression-grid{grid-template-columns:1fr}.feature-card{min-height:280px}.section-heading{align-items:start;flex-direction:column}.contact-line{flex-direction:column;gap:8px}.scroll-note{display:none}}
@media (max-width:640px){.site-header{height:64px;padding:0 16px}.ip-button small{display:none}.ip-button{padding:9px}.hero{padding:105px 18px 58px}.hero h1{font-size:clamp(48px,16vw,74px)}.hero-actions{flex-direction:column;align-items:stretch}.mini-stats{grid-template-columns:1fr}.mini-stats div,.mini-stats div:nth-child(2),.mini-stats div:last-child{padding:13px 0;border-right:0;border-bottom:1px solid #292929}.mini-stats div:last-child{border-bottom:0}.hero-art{width:100%}.statement,.feature-section,.progression,.faq,.join-section{padding:80px 18px}.statement h2,.section-heading h2,.progression h2,.join-inner h2{font-size:clamp(42px,14vw,66px)}.feature-grid{display:block}.feature-card{margin-bottom:10px}.steps li{grid-template-columns:44px 1fr}.accordion summary{grid-template-columns:42px 1fr 28px}.accordion summary b{font-size:18px}.accordion details p{padding-left:42px}.server-box{flex-direction:column;align-items:stretch;gap:16px}.server-box button{width:100%}.contact-line{font-size:8px}footer{padding:18px;flex-direction:column}}
