:root{--bg:#0b0b0b;--fg:#f3f3f3;--muted:#b1b1b1;--gold:#a8a8a8;--line:#7d7d7d2b}
body{background:#0b0b0b}header{background:linear-gradient(#0b0b0bed,#0b0b0b66);border-bottom-color:#a8a8a838}
.brand{font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-.8px}.mark{font-family:monospace;font-size:21px!important;letter-spacing:-2px;font-weight:700;padding:10px 7px;border:1px solid #a8a8a8;color:#a8a8a8;box-shadow:inset 0 0 18px #a8a8a816,0 0 22px #a8a8a812}.brand-small{font-family:monospace;color:#c4c4c4;letter-spacing:5px}
.eyebrow,.feature-number,.scene-caption,.hero-bottom,.market-tags,.feature-note{font-family:monospace}.eyebrow{font-size:14px;letter-spacing:2px}.eyebrow:before{content:'// ';opacity:.6}
#scene{background:radial-gradient(ellipse at 76% 50%,#262626 0,transparent 57%)}
#matrix-rain{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.47;mask-image:linear-gradient(90deg,transparent 25%,#000 70%)}
.hero-shade{z-index:1;background:linear-gradient(90deg,#0b0b0bfa 0%,#0b0b0bbd 30%,transparent 73%),linear-gradient(0deg,#0b0b0b,transparent 25%)}
.hero:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:1;opacity:.13;background:repeating-linear-gradient(0deg,transparent 0 3px,#777777 4px,transparent 5px)}
.hero-copy{z-index:2}.hero-bottom,.scene-caption{z-index:3}.scene-caption{color:#c0c0c0}.intro{color:#cccccc}
h1{font-weight:700;letter-spacing:-4px}h2{font-weight:600}h2 span{color:#a1a1a1}em{color:#a8a8a8}
.glitch{position:relative;display:inline-block;text-shadow:0 0 35px #a8a8a838}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;inset:0;pointer-events:none;opacity:0}.glitch:before{color:#aaaaaa;animation:glitch-top 8s infinite;clip-path:inset(12% 0 65% 0)}.glitch:after{color:#c9c9c9;animation:glitch-bottom 8s infinite;clip-path:inset(62% 0 10% 0)}
@keyframes glitch-top{0%,88%,94%,100%{opacity:0;transform:none}89%,91%{opacity:.85;transform:translateX(-5px)}90%,92%{opacity:.6;transform:translateX(4px)}}
@keyframes glitch-bottom{0%,88%,94%,100%{opacity:0;transform:none}89%,91%{opacity:.7;transform:translateX(5px)}90%,92%{opacity:.7;transform:translateX(-3px)}}
.motion-paused .glitch:before,.motion-paused .glitch:after{animation:none;opacity:0}
.button{border-radius:2px;box-shadow:0 0 28px #a8a8a818;color:#f5f5f5}.button:hover{background:#606060;box-shadow:0 0 35px #a8a8a835}.button.small{background:#24242480}.hero-bottom button{color:#dadada;border-color:#a8a8a845}
.section{position:relative}.section:before{content:'';position:absolute;top:-1px;left:6%;width:65px;height:2px;background:#a8a8a8;box-shadow:0 0 14px #a8a8a855}
.features{gap:14px;border:0}.features article{border:1px solid #a8a8a830;background:linear-gradient(145deg,#1d1d1d,#101010);position:relative}.features article+article{border-left:1px solid #a8a8a830}.features article:before{content:'+';position:absolute;top:5px;right:14px;color:#a8a8a8;font-family:monospace;font-size:22px}.features article:hover{border-color:#a8a8a870}.feature-number{color:#c0c0c0}.market-tags span{border-color:#a8a8a840;color:#d3d3d3}
.example-grid>a{border:1px solid #a8a8a830;background:#151515}.example-grid>a:hover{border-color:#a8a8a8}.example-grid img{filter:none}.example-grid h3{color:#f3f3f3}.join{background:radial-gradient(ellipse at 50% 100%,#262626,transparent 70%)}footer{background:#080808}
@media(max-width:600px){h1{font-size:52px;letter-spacing:-2.5px}.eyebrow{font-size:12px}.mark{font-size:17px!important;padding:9px 6px}.brand{font-size:19px}.brand-small{letter-spacing:3.5px}.button.small{font-size:12px}.hero-shade{background:linear-gradient(180deg,#0b0b0bf5 0,#0b0b0bc9 38%,transparent 72%,#0b0b0b 100%)}#matrix-rain{mask-image:linear-gradient(180deg,transparent 15%,#000 70%);opacity:.35}.features article+article{border-top:1px solid #a8a8a830}.scene-caption{font-size:11px}.hero-bottom{font-size:9px}}
@media(prefers-reduced-motion:reduce){.glitch:before,.glitch:after{animation:none!important;opacity:0}}

/* Deeper WebGL layers carry the motion. */
#matrix-rain{opacity:.18}.scene-caption{right:7%;bottom:15%}.features article{box-shadow:0 18px 35px #0006,inset 0 1px #c3c3c312}.example-grid>a{box-shadow:0 20px 50px #0007}

/* Cut wordmark: bold italic geometry with one narrow diagonal incision. */
header .brand{padding-right:8px}header .wordmark{display:block;transform:skewX(-8deg)}
header .wordmark-name{display:block;font-family:Manrope,sans-serif;font-size:28px;font-weight:800;letter-spacing:-1.6px;line-height:1.08;text-transform:uppercase;background:linear-gradient(110deg,#ebebeb 10%,#acacac 56%,#787878);background-clip:text;-webkit-background-clip:text;color:transparent;mask-image:linear-gradient(174deg,#000 0 47%,transparent 47% 51%,#000 51% 100%)}
header .brand-small{font-family:monospace;font-size:10px;letter-spacing:7px;margin:7px 0 0 3px;color:#b2b2b2;font-weight:600}
.button:not(.small){background:linear-gradient(110deg,#acacac,#898989);border-color:#7b7b7b}.button:not(.small):hover{background:linear-gradient(110deg,#c3c3c3,#aaaaaa)}
em{background:linear-gradient(100deg,#b7b7b7,#888888);background-clip:text;-webkit-background-clip:text;color:transparent}.glitch:before{color:#aaaaaa}.glitch:after{color:#bdbdbd}
@media(max-width:600px){header .wordmark-name{font-size:23px;letter-spacing:-1.4px}header .brand-small{font-size:9px;letter-spacing:5px}.button.small{padding:10px;gap:9px}}

/* Forest-green actions with readable light labels. */
.button:not(.small){background:linear-gradient(110deg,#4e4e4e,#636363);border-color:#878787;color:#f5f5f5}.button:not(.small):hover{background:linear-gradient(110deg,#5f5f5f,#727272)}

header .wordmark .glitch{display:block}header .wordmark .glitch:before,header .wordmark .glitch:after{background:none;-webkit-text-fill-color:currentColor}header .wordmark .glitch:before{color:#cbcbcb}header .wordmark .glitch:after{color:#808080}

/* Smoky monochrome surfaces, with gold reserved for the digital rain. */
:root{--bg:#0c0c0e;--fg:#f4f4f5;--muted:#aaaab0;--gold:#dddde0;--line:#ffffff24}
body{background:#0c0c0e}#scene{background:radial-gradient(ellipse at 76% 48%,#434348 0,#232326 34%,transparent 68%)}
header{background:linear-gradient(#101012ed,#10101266)}.hero-shade{background:linear-gradient(90deg,#0c0c0efa 0%,#0c0c0ebd 30%,transparent 73%),linear-gradient(0deg,#0c0c0e,transparent 25%)}
header .wordmark-name{background-image:linear-gradient(110deg,#fff 10%,#d3d3d6 56%,#85858b)}header .brand-small{color:#b4b4bb}header .wordmark .glitch:before{color:#fff}header .wordmark .glitch:after{color:#aaaab0}
em{background-image:linear-gradient(100deg,#f6f6f8,#a2a2aa)}.glitch:before{color:#f5f5f8}.glitch:after{color:#b8b8c0}
.button:not(.small){background:linear-gradient(110deg,#eeeef0,#b7b7bd);color:#151518;border-color:#d0d0d5}.button:not(.small):hover{background:linear-gradient(110deg,#fff,#d1d1d6)}
.features article{background:linear-gradient(145deg,#252529,#101013)}.example-grid>a{background:#151518}.join{background:radial-gradient(ellipse at 50% 100%,#303034,transparent 70%)}footer{background:#08080a}
#matrix-rain{opacity:.3}
@media(max-width:600px){.hero-shade{background:linear-gradient(180deg,#0c0c0ef5 0,#0c0c0ec9 38%,transparent 72%,#0c0c0e 100%)}#matrix-rain{opacity:.3}}