@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#101312;--surface:#191e1b;--line:#333c34;--ink:#f0f2eb;--muted:#aab3a9;--green:#b6f567;--font:'DM Sans',sans-serif;--display:'Space Grotesk',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 var(--font)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,select,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--green);outline-offset:6px}::selection{background:var(--green);color:var(--bg)}header{height:100px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:10}.brand{display:flex;align-items:center;font:700 25px var(--display);letter-spacing:-1px}.brand>span:last-child{color:var(--green)}.brand-mark{width:37px;height:37px;background:var(--green);color:var(--bg);display:grid;place-items:center;border-radius:9px;margin-right:12px;font-size:27px}nav{display:flex;gap:35px;align-items:center;font-size:14px}nav a:hover{color:var(--green)}.nav-cta{border:1px solid #68745e;border-radius:40px;padding:9px 22px}.hero{display:grid;grid-template-columns:1fr 1.08fr;min-height:720px;padding:60px 5.5% 50px;gap:20px;overflow:hidden}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:600;margin:0 0 22px}.signal-dot{display:inline-block;width:8px;height:8px;background:var(--green);border-radius:50%;margin-right:10px;box-shadow:0 0 18px #b6f56788}h1,h2,h3,p{margin-top:0}h1{font:500 clamp(65px,7.1vw,110px)/.98 var(--display);letter-spacing:-5px;margin-bottom:30px}h1 em,h2 em{font-style:normal;color:var(--green)}.hero-description{max-width:430px;color:var(--muted);font-size:18px;line-height:1.7}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;border:0;border-radius:4px;padding:16px 22px;font-weight:600;cursor:pointer;font-size:15px}.primary{background:var(--green);color:#15200f;transition:background .2s,transform .2s}.primary:hover{background:#c9ff89;transform:translateY(-3px)}.button span{font-size:23px;line-height:1}.hero-note{font-size:13px;color:var(--muted);margin:28px 0 0}.hero-visual{position:relative;min-width:0;border:1px solid var(--line);border-radius:180px 180px 8px 8px;background:radial-gradient(ellipse at 50% 50%,#263123,#111613 70%);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.visual-top{position:relative;z-index:2;padding:35px 35px 0;display:flex;justify-content:space-between;color:#b9c5b2;font:12px var(--display);letter-spacing:1px}.hero-object{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform 1.2s ease;will-change:transform}.hero-visual:hover .hero-object{transform:scale(1.045)}.object-caption{position:relative;z-index:2;margin-top:auto;padding:35px 35px 18px;background:linear-gradient(transparent,#101312dd)}.object-caption span{font-size:11px;letter-spacing:2px;color:var(--green)}.object-caption p{font:500 26px var(--display);margin:8px 0}.architecture{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:13px;border-top:1px solid var(--line);padding:20px;background:#101312f2;font-size:13px}.architecture i{height:1px;width:36px;background:var(--green)}.ticker{overflow:hidden;border-block:1px solid var(--line);padding:21px 0;color:var(--muted);font:500 15px var(--display);letter-spacing:2px;white-space:nowrap}.ticker>div{width:max-content;animation:marquee 40s linear infinite}.ticker b{color:var(--green);margin:0 40px}@keyframes marquee{to{transform:translateX(-50%)}}.section{padding:110px 5.5%}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:20px 65px;margin-bottom:55px}.section-head .eyebrow{grid-column:1/-1;margin-bottom:0}h2{font:500 clamp(38px,4.2vw,64px)/1.12 var(--display);letter-spacing:-2.5px;margin-bottom:0}.section-head h2 span{color:var(--muted)}.section-head>p:last-child{align-self:end;max-width:425px;color:var(--muted);font-size:18px;margin-bottom:0}.capabilities{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.capabilities article{padding:32px;position:relative;border-right:1px solid var(--line);transition:background .3s}.capabilities article:last-child{border:0}.capabilities article:hover{background:#1d261b}.card-number{color:var(--muted);font:13px var(--display)}.glyph{font:40px var(--display);color:var(--green);margin:42px 0 28px}h3{font:500 29px var(--display);letter-spacing:-1px;margin-bottom:15px}.capabilities p{color:var(--muted);min-height:104px}.capabilities ul{padding:0;list-style:none;margin:30px 0 45px;font-size:14px}.capabilities li{border-top:1px solid var(--line);padding:11px 0}.card-foot{font-size:11px;letter-spacing:1.8px;color:var(--green)}.system{background:#c0f479;color:#142015;display:grid;grid-template-columns:1fr 1fr;gap:80px}.system h2 em{color:#416522}.system-copy>p:not(.eyebrow){max-width:450px;margin-top:28px}.scenario-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:35px}.scenario-controls button{border:1px solid #60823e;background:transparent;border-radius:30px;padding:9px 18px;cursor:pointer;font-size:14px}.scenario-controls button.active{background:#142015;color:#d4fbb0;border-color:#142015}.system .scenario-note{font-size:12px;line-height:1.5;color:#47642c}.system-panel{background:#152119;color:var(--ink);border-radius:8px;padding:27px}.panel-label{display:flex;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:1.5px;color:#bed1b2}.flow{margin:26px 0}.flow-node{padding:16px 22px;border:1px solid #40533b;border-radius:6px;background:#203022}.flow-node span{font-size:10px;letter-spacing:1.7px;color:var(--green);display:block;margin-bottom:5px}.flow-node strong{font:500 19px var(--display)}.flow-node p{margin:4px 0 0;color:#b6c6ad;font-size:13px}.flow-track{height:30px;width:1px;background:#45613c;margin:auto;position:relative;overflow:visible}.flow-track i{position:absolute;width:5px;height:5px;background:var(--green);border-radius:50%;left:-2px;animation:packet 2s infinite}.flow-track:nth-of-type(4) i{animation-delay:1s}@keyframes packet{from{top:0;opacity:0}20%{opacity:1}to{top:27px;opacity:0}}.system-outcome{padding-top:20px;border-top:1px solid #40533b}.system-outcome span{font-size:10px;letter-spacing:1.8px;color:var(--green)}.system-outcome p{font-size:16px;margin:8px 0 0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:70px}.steps span{display:inline-block;font:40px var(--display);color:var(--green);border-bottom:1px solid var(--line);padding-bottom:25px;width:100%;margin-bottom:26px}.steps h3{font-size:24px}.steps p{color:var(--muted);font-size:15px}.manifesto{padding:95px 5.5%;background:#1b231d;position:relative;overflow:hidden;border-block:1px solid var(--line)}.statement{font:500 clamp(44px,6.8vw,96px)/1.07 var(--display);letter-spacing:-4px;max-width:800px;margin:40px 0}.statement em{font-style:normal;color:var(--muted)}.statement span{color:var(--green)}.manifesto-note{color:var(--muted);position:absolute;right:8%;bottom:105px;border-left:1px solid var(--green);padding-left:25px}.project{display:grid;grid-template-columns:1fr 1fr;gap:90px}.project>div>p:last-child{color:var(--muted);max-width:360px;margin-top:28px}.project form{display:flex;flex-direction:column;gap:10px}.project label{font-size:14px;margin-top:12px}.project textarea,.project select{width:100%;background:#1d241e;border:1px solid #46503f;padding:14px;color:var(--ink);border-radius:4px}.project textarea{resize:vertical}.project .button{margin-top:14px}.form-note{font-size:12px;color:var(--muted);margin:8px 0 0}#brief-status{font-size:14px;color:var(--green);min-height:23px;margin:0}footer{border-top:1px solid var(--line);padding:45px 5.5%;display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}footer>p{color:var(--muted);font-size:14px;margin:0}footer>div{width:100%;display:flex;justify-content:space-between;gap:25px;color:var(--muted);font-size:12px;margin-top:20px}
@media(min-width:1500px){header,.hero,.section,.manifesto,footer{padding-left:max(5.5%,calc((100vw - 1360px)/2));padding-right:max(5.5%,calc((100vw - 1360px)/2))}}@media(max-width:1000px){.hero{min-height:620px}h1{letter-spacing:-3px}.hero-visual{border-radius:120px 120px 6px 6px}.visual-top{padding:30px 20px 0;font-size:10px}.capabilities article{padding:25px 20px}.system,.project{gap:35px}.manifesto-note{position:static}.section{padding-top:75px;padding-bottom:75px}.steps{gap:22px}}@media(max-width:700px){header{height:80px;padding:0 6%}.brand{font-size:22px}.brand-mark{width:30px;height:30px;font-size:22px;margin-right:8px}nav{gap:16px}nav>a:not(.nav-cta){display:none}.nav-cta{padding:7px 15px}.hero{grid-template-columns:1fr;padding:40px 6%;gap:35px}.hero-description{font-size:17px}.hero-note{display:none}h1{font-size:clamp(65px,16vw,100px);letter-spacing:-3px}.hero-visual{min-height:490px;border-radius:150px 150px 8px 8px}.visual-top{padding:35px 27px 0}.object-caption{padding:35px 25px 18px}.object-caption p{font-size:25px}.section{padding:65px 6%}.section-head{grid-template-columns:1fr;gap:25px;margin-bottom:35px}h2{font-size:42px;letter-spacing:-2px}.section-head>p:last-child{font-size:17px}.capabilities{grid-template-columns:1fr}.capabilities article{padding:30px;border-right:0;border-bottom:1px solid var(--line)}.capabilities p{min-height:0}.glyph{margin:25px 0}.capabilities ul{margin:25px 0}.system,.project{grid-template-columns:1fr;gap:35px}.system-panel{padding:22px}.panel-label{font-size:9px}.steps{grid-template-columns:1fr 1fr;gap:28px 20px;margin-top:45px}.steps span{font-size:32px;padding-bottom:16px;margin-bottom:20px}.steps p{font-size:14px}.manifesto{padding:65px 6%}.statement{font-size:clamp(43px,10vw,68px);letter-spacing:-2px}.manifesto-note{font-size:14px}footer{padding:35px 6%}footer>div{flex-direction:column;gap:10px}.ticker{font-size:12px}.ticker b{margin:0 20px}.button{min-height:52px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-object{will-change:auto}}
.hero-object{background-image:url('assets/iot-concept.webp');background-position:82% center}
.visual-top{padding:65px 25px 0;justify-content:center;font-size:12px;text-align:center}.visual-top>span:last-child{display:none}