@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--bg:#101211;--panel:#191d19;--ink:#f2f3ec;--muted:#9fa79e;--lime:#c0f76c;--line:#30362f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.65 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--lime);outline-offset:6px}::selection{background:var(--lime);color:var(--bg)}.wrap{max-width:1320px;width:calc(100% - 112px);margin:auto}.header{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:8px;font:800 27px 'Manrope',sans-serif;letter-spacing:-1.4px}.brand svg{width:30px;height:30px;color:var(--lime);margin-right:4px}.brand-dot{font:12px sans-serif;align-self:flex-start;margin-top:5px;letter-spacing:0}.header nav{display:flex;gap:35px;align-items:center;font-size:13px}.header nav>a:hover{color:var(--lime)}.nav-cta{border:1px solid #596150;padding:11px 18px;border-radius:5px}.nav-cta span{padding-left:25px}.hero{display:grid;grid-template-columns:1.25fr 1fr;min-height:680px;align-items:center;gap:30px}.hero-copy{padding:66px 0 30px;position:relative;z-index:1}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:650;display:flex;gap:10px;align-items:center;color:var(--lime);margin:0 0 30px}.status-dot{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%;flex-shrink:0}.hero h1{font:500 clamp(54px,6.4vw,91px)/1.04 'Manrope',sans-serif;letter-spacing:-5px;margin:0 0 30px}.serif{font-family:Georgia,serif;font-weight:400;font-style:italic;color:var(--lime);letter-spacing:-.055em}.intro{max-width:465px;color:var(--muted);font-size:17px;line-height:1.8}.hero-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:33px}.button{display:flex;gap:25px;align-items:center;background:var(--lime);color:#17220e;font-weight:650;font-size:13px;border-radius:4px;padding:15px 20px;transition:background .2s,transform .2s}.button:hover{background:#d6ffa0;transform:translateY(-2px)}.button span{font-size:20px}.stage{color:var(--muted);font-size:10px}.stage i{display:inline-block;width:5px;height:5px;background:var(--muted);border-radius:50%;margin-right:5px}.hero-foot{display:flex;justify-content:space-between;gap:20px;color:#858e82;font:9px 'DM Sans',sans-serif;letter-spacing:1px;margin-top:74px}.hero-art{height:520px;position:relative;isolation:isolate;background:radial-gradient(ellipse at 50% 55%,#80b54324,transparent 65%);overflow:hidden}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#93ad7910 1px,transparent 1px),linear-gradient(90deg,#93ad7910 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(ellipse,#000,transparent 72%)}.gate{position:absolute;left:23%;top:19%;width:58%;height:64%;border:38px solid var(--lime);transform:rotate(-22deg) skewY(8deg);border-radius:8px;box-shadow:inset 5px 0 12px #e3ff9c55,0 0 50px #b6f56a16;background:linear-gradient(130deg,#a4d16c0d,#0006);animation:float 9s ease-in-out infinite}.gate-back{left:30%;top:15%;border-color:#405c29;box-shadow:18px 18px 0 #26391b;filter:brightness(.85)}.gate-front{border-color:#bee987 #8eb64e #547e2c #c0f76c;box-shadow:inset 10px 3px 0 #526f31,8px 10px 0 #283e1e,0 0 70px #b5f26316}.gate-core{position:absolute;left:45%;top:42%;width:38px;height:38px;background:#d3ff95;transform:rotate(45deg);box-shadow:0 0 60px #b4fb64aa}.orbit{position:absolute;left:5%;top:23%;width:90%;height:54%;border:1px solid #aed27b33;border-radius:50%;transform:rotate(-30deg);z-index:3;pointer-events:none}.orbit-two{transform:rotate(53deg);border-color:#aed27b18}.art-label{position:absolute;font-size:9px;letter-spacing:1.5px;color:#839476;z-index:4}.top{top:20px;left:25px}.bottom{bottom:22px;left:25px;line-height:1.8}.cross{position:absolute;color:#a0b18c;font:20px monospace}.c1{right:25px;top:15px}.c2{right:25px;bottom:15px}.signal-tag{position:absolute;z-index:4;right:5px;bottom:100px;padding:11px 18px;display:flex;gap:12px;align-items:center;background:#172113e8;border:1px solid #52683b;border-radius:3px;color:var(--lime);font:9px monospace;letter-spacing:1px}.discipline-bar{border-block:1px solid var(--line)}.discipline-bar>.wrap{display:flex;justify-content:space-between;align-items:center;gap:25px;min-height:85px}.discipline-bar span{font-size:9px;letter-spacing:1.5px;color:#9aa491}.discipline-bar p{display:flex;align-items:center;gap:35px;margin:0;font-size:14px}.discipline-bar b{color:var(--lime);font-size:20px;font-weight:400}.section{padding-top:108px;padding-bottom:108px}.section-heading{display:grid;grid-template-columns:1.3fr 1fr;column-gap:70px;align-items:end;margin-bottom:48px}.section-heading .eyebrow{grid-column:1/-1;margin-bottom:25px}h2{font:500 clamp(32px,3.6vw,50px)/1.15 'Manrope',sans-serif;letter-spacing:-2px;margin:0}.muted{color:#828d7d}.section-heading>p:last-child{max-width:390px;color:var(--muted);margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{border:1px solid var(--line);padding:30px 28px;background:linear-gradient(135deg,#1d221b66,#121512);border-radius:7px;transition:border-color .25s,transform .25s}.feature:hover{border-color:#697d52;transform:translateY(-4px)}.feature-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:45px;color:#87927d;font:12px monospace}.feature svg{width:38px;stroke:var(--lime);stroke-width:1.3;fill:none}.kicker{font-size:9px;letter-spacing:1.5px;color:var(--lime)}h3{font:500 25px/1.25 'Manrope',sans-serif;letter-spacing:-.8px;margin:14px 0 17px}.feature>p:not(.kicker){color:var(--muted);font-size:13px;line-height:1.85}.tags{border-top:1px solid var(--line);padding-top:23px;margin-top:27px;display:flex;gap:7px;flex-wrap:wrap}.tags span{font-size:9px;background:#242b21;border:1px solid #354030;border-radius:4px;padding:4px 8px;color:#b5c1a9}.demo-section{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.15fr;gap:90px;align-items:center}.demo-copy>p:not(.eyebrow){max-width:390px;color:var(--muted);font-size:14px}.demo-copy h2{margin-bottom:25px}.demo-note{display:flex;gap:15px;align-items:center;margin-top:28px}.demo-note>span{border:1px solid #516044;color:var(--lime);width:36px;height:36px;text-align:center;line-height:34px;border-radius:50%}.demo-note p{font-size:12px}.demo-note small{font-size:10px;color:#939d8d}.dashboard{background:#191e19;border:1px solid #394633;border-radius:9px;padding:25px;box-shadow:0 25px 80px #0003}.dash-header{display:flex;justify-content:space-between;align-items:center;font:10px monospace;letter-spacing:1px}.dash-header .status-dot{margin-right:8px}.sample{font-size:8px;border:1px solid #414c39;color:#a5b598;padding:4px 7px;border-radius:3px}.tabs{display:flex;gap:5px;margin:25px 0;background:#111610;border-radius:5px;padding:4px}.tabs button{flex:1;border:0;background:transparent;color:#9da893;border-radius:3px;font-size:11px;padding:8px 4px;cursor:pointer}.tabs button.active{background:#354529;color:#d1f6a1}.chart-heading{display:flex;justify-content:space-between;align-items:center}.chart-heading>div>span{display:block;font:8px monospace;letter-spacing:1px;color:#a0ac98}.chart-heading strong{display:block;font:500 42px 'Manrope',sans-serif;letter-spacing:-2px}.chart-heading strong span{font-size:23px;color:#7f8f75;margin-left:3px}.chart-caption{font-size:9px;color:#96a18f}.chart{width:100%;display:block;margin-top:12px;overflow:visible}.grid-lines{stroke:#344030;stroke-dasharray:3 5;stroke-width:1;fill:none}.chart-labels{display:flex;justify-content:space-between;font:9px monospace;color:#a2b195;margin:0 0 24px}.insight{display:flex;gap:12px;padding:17px 14px;background:#222e1d;border:1px solid #405632;border-radius:5px;min-height:99px}.insight-icon{color:var(--lime);font-size:21px}.insight b{font-size:11px;font-weight:550;color:#d8e8c9}.insight p{font-size:11px;color:#a4b599;margin:5px 0 0;line-height:1.6}.dash-footer{display:flex;justify-content:space-between;color:#829476;font:8px monospace;letter-spacing:1px;margin-top:20px}.approach{background:#171b16;border-block:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:65px;padding-top:20px}.steps article{border-top:1px solid #4a573f;padding-top:25px}.steps article>span{font:10px monospace;letter-spacing:1px;color:var(--lime)}.steps h3{font-size:24px;margin-top:27px}.steps p{color:var(--muted);font-size:13px}.vision-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:75px}.vision-layout p{margin:0 0 20px;color:var(--muted);font-size:15px}.vision-layout .vision-status{font-size:11px;color:#c3d2b7;display:flex;align-items:center;gap:9px;padding-top:12px}.manifesto{margin-top:65px;padding:42px;background:var(--lime);color:#1c2b13;border-radius:6px;display:grid;grid-template-columns:1fr 2fr auto;align-items:center;gap:25px}.manifesto>span{font:10px monospace;letter-spacing:1.5px}.manifesto p{font:500 39px/1.13 'Manrope',sans-serif;letter-spacing:-1.8px;margin:0}.manifesto a{font-size:45px;border:1px solid #31442266;border-radius:50%;width:74px;height:74px;display:grid;place-items:center;transition:transform .2s}.manifesto a:hover{transform:rotate(45deg)}.footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:32px}.footer .brand{font-size:21px}.footer p,.footer>span,.footer>a:last-child{color:#919c89;font-size:10px}.skip{position:fixed;top:-70px;left:20px;background:var(--lime);color:#101211;padding:10px 20px;z-index:20}.skip:focus{top:10px}@keyframes float{50%{translate:0 -12px}}@media(min-width:1500px){.hero{min-height:730px}.hero-art{height:580px}}@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.hero{grid-template-columns:1.15fr 1fr;gap:0;min-height:590px}.hero h1{letter-spacing:-3px}.hero-art{height:440px}.gate{border-width:28px}.hero-foot{margin-top:45px;font-size:8px}.hero-actions{gap:12px}.discipline-bar p{gap:18px;font-size:12px}.feature{padding:23px 20px}.tags{min-height:75px;align-content:start}.demo-section{gap:35px}.section{padding-block:80px}.section-heading{gap:25px}.steps{gap:30px}.vision-layout{gap:35px}.manifesto{grid-template-columns:1fr 2fr auto}.manifesto p{font-size:32px}}@media(max-width:720px){.wrap{width:calc(100% - 40px)}.header{height:82px}.brand{font-size:24px}.header nav{gap:15px}.header nav>a:not(.nav-cta){display:none}.nav-cta{font-size:10px;padding:8px 10px}.nav-cta span{padding-left:8px}.hero{grid-template-columns:1fr;gap:0}.hero-copy{padding-top:52px}.eyebrow{font-size:8px;letter-spacing:1.3px;margin-bottom:23px}.hero h1{font-size:62px;letter-spacing:-3px}.intro{font-size:15px;max-width:440px}.hero-actions{gap:16px}.hero-foot{margin-top:35px}.hero-art{height:375px;width:min(100%,440px);margin:0 auto 15px}.gate{left:25%;width:53%;border-width:28px}.gate-back{left:31%}.discipline-bar>.wrap{display:block;padding-block:22px}.discipline-bar p{gap:12px;font-size:10px;margin-top:13px;justify-content:space-between}.discipline-bar b{font-size:15px}.section{padding-block:63px}.section-heading{grid-template-columns:1fr;gap:22px;margin-bottom:30px}.section-heading .eyebrow{margin-bottom:0}h2{font-size:36px;letter-spacing:-1.7px}.section-heading>p:last-child{font-size:13px}.feature-grid{grid-template-columns:1fr}.feature{padding:26px}.feature-top{margin-bottom:25px}.feature h3 br{display:none}.tags{min-height:0}.demo-section{grid-template-columns:1fr;gap:30px}.dashboard{padding:20px}.demo-copy>p:not(.eyebrow){max-width:none}.steps{grid-template-columns:1fr;gap:23px}.steps article{padding-top:18px}.steps h3{margin-top:15px}.vision-layout{grid-template-columns:1fr;gap:25px}.vision-layout p{font-size:14px}.manifesto{padding:27px;grid-template-columns:1fr auto;margin-top:36px;gap:24px}.manifesto>span{grid-column:1/-1;font-size:9px}.manifesto p{font-size:30px}.manifesto a{width:52px;height:52px;font-size:32px}.footer{flex-wrap:wrap;gap:15px}.footer p{width:55%;text-align:right}.footer>span{width:60%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media(max-width:380px){.hero h1{font-size:50px}.discipline-bar p{flex-wrap:wrap;justify-content:flex-start}.brand{font-size:21px}.header nav{gap:0}.header .brand svg{width:25px}}
