
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{background:#090909;color:#e8e8e8;font-family:Arial,Helvetica,sans-serif;line-height:1.65}
::selection{background:#fff;color:#000}.container{width:min(1100px,calc(100% - 40px));margin:auto}
header{border-bottom:1px solid #222;padding:22px 0;position:sticky;top:0;z-index:100;background:rgba(9,9,9,.94);backdrop-filter:blur(12px)}
.header-inner{display:flex;justify-content:space-between;align-items:center}.logo{font-size:25px;font-weight:900;letter-spacing:-1px}
.status{font:11px monospace;color:#777;letter-spacing:1px}.status span{color:#6cff8d}
.hero{min-height:85vh;display:flex;align-items:center;border-bottom:1px solid #222}.hero-content{padding:100px 0}
.eyebrow,.section-number,.statement-small{font:12px monospace;color:#555;letter-spacing:3px}.eyebrow{margin-bottom:25px}
h1{font-size:clamp(50px,9vw,110px);line-height:.88;letter-spacing:-6px;font-weight:900;max-width:1000px;margin-bottom:35px}
h1 span,h2 span{color:#555}.hero-description{max-width:720px;color:#999;font-size:18px}
.hero-buttons{display:flex;gap:12px;margin-top:40px;flex-wrap:wrap}
.button{border:1px solid #444;background:#eee;color:#050505;padding:14px 22px;font-weight:900;font-size:12px;letter-spacing:.5px;cursor:pointer;text-decoration:none;display:inline-block;transition:.15s}
.button:hover{background:#fff;transform:translateY(-2px)}.button.secondary{background:transparent;color:#ddd}
section{padding:120px 0;border-bottom:1px solid #222}.section-number{margin-bottom:25px}
h2{font-size:clamp(35px,6vw,70px);line-height:.95;letter-spacing:-3px;max-width:900px;margin-bottom:40px}
.text{max-width:780px;color:#aaa;font-size:18px}.text p{margin-bottom:25px}strong{color:#fff}
.terminal{margin-top:50px;background:#050505;border:1px solid #252525;font-family:monospace;padding:25px;color:#999;overflow-x:auto}
.terminal-line{margin:6px 0}.green{color:#6cff8d}.red{color:#ff6868}.white{color:#eee}
.quote{margin:50px 0;border-left:3px solid #eee;padding:10px 0 10px 30px;font-size:clamp(25px,4vw,42px);font-weight:800;line-height:1.15;color:#eee}
.files{margin-top:40px;display:grid;gap:5px;font-family:monospace}.file{background:#0d0d0d;border:1px solid #1b1b1b;padding:13px 18px;color:#777}.file:hover{color:#ddd;border-color:#444}
.statement{padding:150px 0;text-align:center}.statement h2{max-width:1000px;margin:auto;font-size:clamp(45px,8vw,95px)}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#222;margin-top:60px;border:1px solid #222}
.feature{background:#090909;padding:35px;min-height:220px}.feature-number{font:11px monospace;color:#555;margin-bottom:40px}
.feature h3{font-size:22px;margin-bottom:12px}.feature p{color:#777;font-size:14px}
.final{text-align:center;padding:160px 0 100px}.final h2{margin:0 auto 35px;font-size:clamp(50px,9vw,110px)}
.final p{color:#666;font:12px monospace}
footer{border-top:1px solid #222;padding:25px 0;color:#444;font:11px monospace;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
@media(max-width:700px){.container{width:min(100% - 28px,1100px)}header{position:relative}.status{display:none}.hero-content{padding:80px 0}h1{letter-spacing:-3px}section{padding:80px 0}.features{grid-template-columns:1fr}.statement{padding:100px 0}footer{flex-direction:column}}

body {background-color: #090909; background-image:  linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px); background-size: 40px 40px; background-position: center center;}

body::before {content: "";position: fixed;inset: 0;pointer-events: none;z-index: -1;background:radial-gradient(circle at center,transparent 0%, rgba(9,9,9,0.35) 55%,rgba(9,9,9,0.85) 100%);}
