@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--bg:#101211;--panel:#171a18;--line:#303630;--muted:#a0aaa2;--lime:#c4f765}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:#f1f3ee;font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}header{height:92px;padding:0 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);position:relative;z-index:3}.logo{font-weight:700;letter-spacing:3px;font-size:23px;display:flex;align-items:center;gap:10px}.logo-dot{font-size:10px;align-self:flex-start;letter-spacing:0;margin-top:4px}.mark{background:var(--lime);color:var(--bg);font-size:29px;line-height:37px;width:38px;text-align:center;letter-spacing:-9px;padding-right:8px;transform:skew(-9deg)}.mark span{font-size:18px}nav{display:flex;gap:35px;align-items:center;font-size:13px}.nav-cta{border:1px solid #555e53;padding:13px 18px}.nav-cta span{color:var(--lime);margin-left:18px}.hero{position:relative;min-height:720px;padding:80px 5% 0;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;display:flex;align-items:center;gap:10px}.status{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%;box-shadow:0 0 12px #c4f76670;animation:pulse 3s infinite}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:600;letter-spacing:-2px;line-height:.95}h1{font-size:clamp(84px,8.8vw,146px);margin:28px 0}em{font-style:normal;color:var(--lime)}.intro{font-size:14px;color:var(--muted);line-height:1.9;max-width:410px}.button{border:0;display:inline-flex;align-items:center;justify-content:space-between;gap:40px;background:var(--lime);color:#12170d;padding:19px 22px;font:600 12px 'DM Sans',Arial;cursor:pointer;transition:background .2s,transform .2s}.button:hover{background:#dcffa0;transform:translateY(-3px)}.button span{font-size:21px}.text-link{font-size:12px;border:0;background:none;color:inherit;cursor:pointer}.hero-copy>.text-link{display:block;margin:24px 0 50px;color:#c4ccc2}.hero-copy>.text-link span{margin-left:20px}.hero-art{position:relative;min-height:495px;margin:0 0 30px 10px;perspective:900px}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#56674c12 1px,transparent 1px),linear-gradient(90deg,#56674c12 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse,#000 35%,transparent 72%)}.art-label{position:absolute;top:4px;left:25px;font:9px monospace;letter-spacing:2px;color:var(--muted)}.art-label span{color:var(--lime)}.cross{position:absolute;color:#6b7867;font:20px monospace}.cross-one{right:30px;top:25px}.cross-two{bottom:75px;left:30px}.orbit{position:absolute;border:1px solid #687e4f26;border-radius:50%;width:410px;height:410px;top:48px;left:50%;transform:translateX(-50%) rotateX(56deg) rotateZ(-25deg)}.orbit-two{width:480px;height:480px;top:12px;transform:translateX(-50%) rotateX(35deg) rotateY(25deg)}.part{position:absolute;width:285px;height:285px;left:50%;top:91px;margin-left:-142px;border-radius:29%;background:repeating-linear-gradient(0deg,#7d8877 0px,#7d8877 1px,#697563 1.5px,#737f6d 3px);box-shadow:1px 1px #aebaa0,2px 2px #9ca98c,3px 3px #8e9b7f,4px 4px #738266,5px 5px #65745a,6px 6px #65745a,7px 7px #65745a,8px 8px #56624c,9px 9px #56624c,10px 10px #56624c,11px 11px #46533c,12px 12px #46533c,13px 13px #46533c,14px 14px #36432c,15px 15px #36432c,16px 16px #36432c,17px 17px #283320,18px 18px #283320,35px 45px 65px #0009;transform:rotateX(32deg) rotateY(-19deg) rotateZ(-30deg);animation:float 8s ease-in-out infinite}.part-inner{position:absolute;inset:45px;border-radius:50%;border:25px solid #8c9c7c;background:#12170f;box-shadow:inset 8px 8px 15px #000,0 0 0 1px #b2c09e,6px 9px 0 #435536,9px 13px 0 #303d26}.part-hole{position:absolute;inset:91px;border:1px solid #667b51;border-radius:50%;background:radial-gradient(ellipse at 70% 80%,#394b29,#0b0e09 70%)}.part-bolt{width:22px;height:22px;background:#1a2016;box-shadow:inset 3px 4px 4px #000,0 1px #acb89b;border-radius:50%;position:absolute}.b1{left:37px;top:37px}.b2{right:37px;top:37px}.b3{left:37px;bottom:37px}.b4{right:37px;bottom:37px}.dimension{position:absolute;font:8px monospace;letter-spacing:1px;color:#b3c3a3}.d1{top:180px;right:0}.d1 span{display:block;color:#c4f76550;margin-top:10px}.d2{bottom:95px;left:18px}.d2 span{color:var(--lime);font-size:18px;margin-left:15px}.art-footer{display:flex;justify-content:space-between;position:absolute;bottom:30px;left:25px;right:25px;font:8px monospace;letter-spacing:1px;color:#86917f}.art-footer i{display:inline-block;background:var(--lime);width:4px;height:4px;margin-right:5px}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;padding:24px 0;border-top:1px solid var(--line);font:9px monospace;letter-spacing:1.5px;color:#9aa492}.ticker{overflow:hidden;background:var(--lime);color:#18200e;padding:19px 0;font:600 18px 'Barlow Condensed',sans-serif;letter-spacing:1px}.ticker>div{white-space:nowrap;width:max-content;animation:marquee 42s linear infinite}.ticker b{margin:0 35px}.section{padding:100px 5%;scroll-margin-top:20px}.section-top{display:grid;grid-template-columns:1fr 1fr;gap:20px}.section-top .eyebrow{grid-column:1/-1;color:var(--lime)}h2{font-size:clamp(48px,5.3vw,80px);margin:15px 0 40px}h2>span{color:#83907f}.section-top>p:last-child{align-self:end;justify-self:end;max-width:315px;color:var(--muted);font-size:14px;line-height:1.8;margin-bottom:44px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.service-visual{height:250px;background:#1b201b;position:relative;overflow:hidden;border:1px solid #2b342b;display:flex;align-items:center;justify-content:center}.visual-tag{position:absolute;bottom:16px;left:16px;font:8px monospace;letter-spacing:1.5px;color:#9aa491}.service-heading{display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding:25px 0 18px}.service-heading>span{font:11px monospace;color:var(--lime)}.service-heading>span:last-child{margin-left:auto;font-size:21px}h3{font-size:20px;font-weight:500;margin:0}.service>p{color:var(--muted);font-size:12px;line-height:1.9;margin:18px 0}.tags{display:flex;gap:8px;flex-wrap:wrap}.tags span{font-size:9px;padding:7px 9px;border:1px solid var(--line);color:#bdc6b8}.layer-stack{width:130px;height:115px;background:repeating-linear-gradient(0deg,#899677 0 2px,#424f35 2px 4px);transform:rotateX(30deg) rotateZ(-28deg);border-radius:18px 18px 30px 30px;box-shadow:20px 25px 25px #0008;transition:transform 1s}.layer-stack:after{content:'';position:absolute;inset:18px;border:16px solid #b6c6a0;border-radius:50%;background:#171c13;box-shadow:inset 8px 8px 0 #0009}.service:hover .layer-stack{transform:rotateX(40deg) rotateZ(-5deg) translateY(-6px)}.model-visual{background-image:linear-gradient(#899a7410 1px,transparent 1px),linear-gradient(90deg,#899a7410 1px,transparent 1px);background-size:20px 20px}.wire-cube{width:100px;height:100px;transform:rotate(-25deg) skew(10deg,10deg);border:1px solid var(--lime);position:relative;box-shadow:0 0 30px #b7e76a0c}.wire-cube:before,.wire-cube:after{content:'';position:absolute;inset:15px -15px -15px 15px;border:1px solid #c4f76580}.wire-cube:after{inset:30px -30px -30px 30px;border-color:#c4f76540}.wire-cube i{position:absolute;inset:20px;border:1px solid #c4f76580;border-radius:50%}.wood{width:220px;height:130px;background:repeating-linear-gradient(3deg,#886b46 0px,#886b46 3px,#95764e 4px,#997b53 6px);transform:rotate(-12deg);display:grid;place-content:center;color:#382b19;font:700 25px 'Barlow Condensed';letter-spacing:3px;box-shadow:8px 12px #4b3924,18px 24px 30px #0007}.laser{position:absolute;width:2px;height:130px;top:0;left:55%;background:linear-gradient(transparent,#e5f9ac);box-shadow:0 0 12px #c4f765;animation:laser 5s ease-in-out infinite}.laser:after{content:'';position:absolute;bottom:0;left:-3px;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 12px 4px #c4f765}.illustration-note{font:9px monospace;color:#778170;margin:24px 0 0}.approach{border-top:1px solid var(--line);background:#141714;display:grid;grid-template-columns:1fr 1fr;gap:10%}.approach-intro>p:not(.eyebrow){max-width:370px;color:var(--muted);font-size:14px;line-height:1.8}.approach-intro .text-link{display:inline-block;margin-top:25px;color:var(--lime)}.steps article{border-bottom:1px solid var(--line);padding:28px 0}.steps article:first-child{padding-top:0}.steps article>span{font:9px monospace;color:var(--lime);letter-spacing:1px}.steps h3{margin:15px 0 12px}.steps p{font-size:12px;color:var(--muted);line-height:1.8;max-width:400px}.contact{background:radial-gradient(ellipse at 0 0,#29312060,transparent 60%);display:grid;grid-template-columns:1.1fr 1fr;gap:6%;border-top:1px solid var(--line)}.contact h2{font-size:clamp(48px,4.7vw,72px)}.contact>div>p:last-child{font-size:13px;line-height:1.8;color:var(--muted)}form{padding-top:15px}label{display:block;font-size:11px;color:#b5bfaf;margin-bottom:20px}input,textarea,select{display:block;width:100%;border:0;border-bottom:1px solid #46503f;background:#1b201b80;border-radius:0;color:#eef2e9;padding:14px 12px;margin-top:10px;font:12px 'DM Sans',Arial}input:focus,textarea:focus,select:focus{outline:1px solid var(--lime)}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-note{color:#96a18e;font-size:10px;line-height:1.7}#form-status{color:var(--lime);font-size:12px;line-height:1.7}footer{padding:35px 5%;border-top:1px solid var(--line);display:flex;gap:30px;align-items:center;justify-content:space-between}footer .logo{font-size:18px}footer p,footer>span,footer>a:last-child{font-size:10px;color:var(--muted);margin:0}.reveal{opacity:1;transform:none}.js-ready .reveal{opacity:0;transform:translateY(25px);transition:opacity .8s,transform .8s}.js-ready .reveal.visible{opacity:1;transform:none}a:focus-visible,button:focus-visible{outline:2px solid var(--lime);outline-offset:6px}@keyframes float{0%,100%{transform:rotateX(32deg) rotateY(-19deg) rotateZ(-30deg) translateY(0)}50%{transform:rotateX(36deg) rotateY(-12deg) rotateZ(-22deg) translateY(-16px)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes laser{0%,100%{transform:translateX(-55px)}50%{transform:translateX(45px)}}@keyframes pulse{50%{opacity:.5}}@media(min-width:1500px){.hero,.section,header,footer{padding-left:max(5%,calc((100vw - 1400px)/2));padding-right:max(5%,calc((100vw - 1400px)/2))}}@media(max-width:900px){header{height:78px}nav{gap:20px}nav>a:not(.nav-cta){display:none}.hero{padding-top:50px;min-height:auto;grid-template-columns:1fr 1fr}h1{font-size:90px}.hero-art{transform:scale(.85);transform-origin:center;margin-left:-25px;margin-right:-30px}.hero-copy{z-index:1}.dimension{display:none}.services{gap:16px}.service-visual{height:210px}.service-heading{gap:8px}.service-heading h3{font-size:18px}.section{padding-top:70px;padding-bottom:70px}.contact{grid-template-columns:1fr}.contact form{max-width:650px;width:100%;margin-top:25px}}@media(max-width:600px){.logo{font-size:18px;letter-spacing:2px}.mark{width:30px;font-size:24px;line-height:31px}.nav-cta{font-size:10px;padding:11px}.nav-cta span{margin-left:6px}.hero{display:block;padding-top:40px}.hero h1{font-size:100px;margin:24px 0}.hero .eyebrow{font-size:8px;letter-spacing:1.3px}.intro{font-size:13px}.hero-copy>.text-link{margin-bottom:0}.hero-art{margin:-10px -15px -40px;height:410px;min-height:410px;transform:scale(.86)}.art-footer{bottom:0}.art-label{top:30px}.hero-bottom{font-size:7px;gap:15px;line-height:1.7}.hero-bottom a{text-align:right}.section-top{display:block}.section-top>p:last-child{max-width:100%;margin-bottom:30px}h2{font-size:58px;margin-bottom:25px}.services{grid-template-columns:1fr;gap:40px}.service-visual{height:250px}.service>p{font-size:13px}.approach{grid-template-columns:1fr;gap:45px}.contact h2{font-size:55px}.form-row{grid-template-columns:1fr;gap:0}footer{flex-wrap:wrap;gap:20px}footer p{display:none}footer>a:last-child{margin-left:auto}.ticker{padding:15px 0;font-size:16px}.section{padding-top:60px;padding-bottom:60px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-ready .reveal{opacity:1;transform:none}}
