:root{color-scheme:dark;--bg:#080d0e;--text:#e8ede8;--muted:#84918e;--line:#22302e;--accent:#b0dbc6}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--text);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}.page{max-width:1920px;margin:auto;padding:0 5.5%;overflow:hidden}header{height:124px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:2}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--text);font-size:19px;letter-spacing:4px;font-weight:500}.brand svg{width:30px;height:30px;stroke:var(--accent);stroke-width:1.15;fill:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:8px}.eyebrow{font-family:"Courier New",monospace;font-size:10px;font-weight:400;letter-spacing:2px;display:flex;align-items:center;gap:14px;color:#98b3a8;margin:0 0 33px}.eyebrow span{display:block;width:21px;height:1px;background:#7d9a8f}main{position:relative;min-height:650px;height:calc(100svh - 210px);max-height:1000px}.intro{position:relative;z-index:1;padding-top:clamp(95px,15vh,180px);pointer-events:none}h1{font-weight:400;font-size:clamp(70px,7.5vw,126px);line-height:1.015;letter-spacing:-.065em;margin:0}h1 span{color:#9aa9a1}.art{position:absolute;z-index:0;width:860px;max-width:76vw;aspect-ratio:1;left:39%;top:50%;transform:translateY(-52%);pointer-events:none}.art img{position:absolute;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 14px #87f3c511)}.axis{position:absolute;inset:12%;border:1px solid #8fbca20d;border-radius:50%}.axis:before,.axis:after{content:"";position:absolute;background:#8fbca20d}.axis:before{width:1px;height:130%;left:50%;top:-15%;transform:rotate(30deg)}.axis:after{height:1px;width:130%;top:50%;left:-15%;transform:rotate(30deg)}footer{height:86px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#7f9187;font-size:11px}::selection{background:#b0dbc6;color:#080d0e}@media(min-width:1500px){.art{width:1060px;left:38%}}@media(max-width:900px){.page{padding:0 6%}header{height:100px}.brand{font-size:16px;letter-spacing:3px}.brand svg{width:25px}main{min-height:740px;height:calc(100svh - 178px)}.intro{padding-top:78px}h1{font-size:80px}.art{width:750px;max-width:none;left:20%;top:58%}.eyebrow{font-size:9px}.art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080d0e80,transparent 35%)}footer{height:78px}}@media(max-width:600px){header{height:87px}.brand{font-size:14px;letter-spacing:2.4px;gap:10px}.brand svg{width:24px;height:24px}main{min-height:690px;height:calc(100svh - 155px)}.intro{padding-top:64px}.eyebrow{font-size:8px;letter-spacing:1.3px;margin-bottom:26px;gap:10px}.eyebrow span{width:15px}h1{font-size:clamp(60px,15vw,84px)}.art{width:600px;left:50%;transform:translate(-50%,-50%);top:66%;max-width:none}.art:after{background:linear-gradient(#080d0e66,transparent 28%)}footer{height:68px;font-size:10px}}@media(prefers-reduced-motion:no-preference){.art img{animation:reveal 2.4s ease-out both}.intro{animation:reveal 1.2s ease-out both}@keyframes reveal{from{opacity:0}to{opacity:1}}}
.nav-link{color:#a4b6ae;font-size:12px;text-decoration:none;display:inline-flex;align-items:center;gap:12px;padding:12px 0}.nav-link:hover{color:var(--text)}.nav-link span{color:var(--accent);font-size:15px}.investor-page .intro{pointer-events:auto}.investor-page .art{opacity:.4}.contact-link{display:inline-flex;align-items:center;gap:24px;color:var(--accent);font-size:clamp(18px,2vw,25px);line-height:1.8;text-decoration:none;border-bottom:1px solid #638778;margin-top:42px;padding-bottom:5px}.contact-link:hover{color:var(--text);border-color:var(--text)}.contact-link span{font-size:20px}@media(max-width:600px){.nav-link{font-size:11px;gap:8px}.contact-link{margin-top:30px;gap:15px}.investor-page .art{top:66%}}

.lattice{position:absolute;inset:0;width:100%;height:100%;opacity:0}.art.lattice-ready .lattice{opacity:1}.art.lattice-ready img{visibility:hidden}



body:not(.investor-page) h1{font-size:clamp(64px,6.3vw,106px)}@media(max-width:600px){body:not(.investor-page) h1{font-size:clamp(46px,13.8vw,74px)}body:not(.investor-page) .art{top:70%}}

main{height:calc(100svh - 124px)}@media(max-width:900px){main{height:calc(100svh - 100px)}}@media(max-width:600px){main{height:calc(100svh - 87px)}}