:root{--green:#adff00;--black:#050706;--panel:#090c0a;--white:#f1f2ef;--muted:#747975;--line:#292e2a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:"DM Sans",sans-serif;overflow-x:hidden}.grain{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.shell{width:min(1240px,calc(100% - 48px));margin:auto}.top{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:3}.logo{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.logo span{width:38px;height:38px;background:var(--green);color:#081000;border-radius:10px;display:grid;place-items:center;font:700 11px "Space Mono"}.logo b{font-size:16px}.top nav{display:flex;gap:38px}.top nav a{color:#8a8f8b;text-decoration:none;font:12px "Space Mono"}.top nav a:hover{color:var(--green)}.top-cta{color:var(--green);text-decoration:none;font:700 11px "Space Mono"}.top-cta i{font-style:normal;margin-left:8px}.menu{display:none;background:none;border:0;color:white;font-size:20px}.hero{min-height:720px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:60px}.tag,.section-head>div>span,.access>div>span{color:var(--green);font:700 10px "Space Mono";letter-spacing:2px}h1,h2{font-family:"DM Sans";line-height:.93;letter-spacing:-3.5px;margin:22px 0}h1{font-size:clamp(58px,7vw,92px)}h2{font-size:clamp(44px,5vw,70px)}em{color:var(--green);font-style:normal}.hero-copy>p{max-width:540px;color:#848a85;line-height:1.7;font:14px "Space Mono"}.actions{display:flex;gap:12px;margin:36px 0 60px}.actions a{min-height:52px;display:flex;align-items:center;padding:0 22px;text-decoration:none;font:700 11px "Space Mono"}.primary{background:var(--green);color:#081000}.primary span{margin-left:24px}.ghost{border:1px solid var(--line);color:#fff}.numbers{display:flex;gap:52px;padding-top:24px;border-top:1px solid var(--line)}.numbers div{display:flex;flex-direction:column}.numbers b{font:700 23px "Space Mono"}.numbers span{font:8px "Space Mono";color:#656b66;letter-spacing:1px;margin-top:5px}.brand-visual{position:relative}.brand-visual>img{width:100%;display:block;mix-blend-mode:screen;filter:contrast(1.08);mask-image:radial-gradient(circle,#000 50%,transparent 75%)}.brand-caption{position:absolute;right:0;bottom:22px;border-right:2px solid var(--green);padding-right:15px;text-align:right}.brand-caption span{display:block;color:var(--green);font:8px "Space Mono";letter-spacing:1.5px;margin-bottom:8px}.brand-caption b{font:700 11px/1.5 "Space Mono"}.product{padding:130px 0 90px}.section-head{display:grid;grid-template-columns:1.4fr .6fr;gap:60px;align-items:end;margin-bottom:65px}.section-head h2{margin-bottom:0}.section-head>p{color:#777e78;font:12px/1.7 "Space Mono";max-width:420px}.screen{position:relative;border:1px solid #303631;border-radius:16px;overflow:hidden;background:#000;box-shadow:0 40px 90px #000}.screen img{width:100%;height:auto;display:block}.screen-label{position:absolute;top:16px;right:16px;padding:8px 10px;background:#050706dd;border:1px solid #343a35;border-radius:7px;color:var(--green);font:8px "Space Mono"}.home{transform:perspective(1200px) rotateX(2deg)}.features{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);margin-bottom:140px}.features article{min-height:340px;padding:32px;position:relative;border-right:1px solid var(--line)}.features article:last-child{border:0}.features article>span{font:10px "Space Mono";color:#606661}.icon{font-size:35px;color:var(--green);margin:65px 0 28px}.features h3{font-size:21px;margin:0 0 12px}.features p{color:#777d78;font:11px/1.7 "Space Mono"}.features .hot{background:var(--green);color:#091000}.features .hot .icon,.features .hot p,.features .hot>span{color:#172100}.showcase{padding:130px 0;background:#080a09;border-block:1px solid var(--line)}.screens-grid{display:grid;gap:36px}.library{width:88%;justify-self:end}.profile{width:78%;margin-top:-80px;z-index:2;border-color:#adff0055}.statement{min-height:700px;padding:120px 0;display:grid;grid-template-columns:.5fr 1.5fr;align-items:center;gap:110px}.side-shot{height:500px;display:flex;justify-content:center;overflow:hidden;mask-image:linear-gradient(#000 75%,transparent)}.side-shot img{height:100%;width:auto}.statement h2{font-size:clamp(43px,5.3vw,72px)}.statement p{color:#747b75;font:12px/1.8 "Space Mono";max-width:620px}.access{padding:110px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.access h2{font-size:58px}.access form label{display:block;color:#737974;font:9px "Space Mono";letter-spacing:1px;margin-bottom:12px}.access form>div{display:flex}.access input{flex:1;min-width:0;background:#0b0e0c;color:white;border:1px solid var(--line);padding:18px;outline:none}.access input:focus{border-color:var(--green)}.access button{background:var(--green);border:0;padding:0 22px;font:700 10px "Space Mono"}.access small{display:block;color:#5d635e;font:8px "Space Mono";margin-top:10px}footer{min-height:120px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#676d68;font:9px "Space Mono"}footer p{color:#808681}@media(max-width:820px){.shell{width:min(100% - 28px,1240px)}.top nav,.top-cta{display:none}.menu{display:block}.hero{grid-template-columns:1fr;padding:80px 0}.brand-visual{max-width:460px}.numbers{gap:20px;flex-wrap:wrap}.section-head{grid-template-columns:1fr}.features{grid-template-columns:1fr}.features article{border-right:0;border-bottom:1px solid var(--line)}.library,.profile{width:100%;margin-top:0}.statement{grid-template-columns:1fr;gap:20px}.side-shot{height:360px}.access{grid-template-columns:1fr;gap:20px}.access form>div{flex-direction:column}.access button{height:52px}footer{padding:35px 0;flex-direction:column;gap:18px;text-align:center}h1,h2{letter-spacing:-2px}}
