@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{--green:#b6ff4c;--black:#080a08;--muted:#a0a79c;--border:#2b3028}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:#f5f7ef;font-family:'DM Sans',sans-serif;overflow-x:hidden}h1,h2,h3,.logo{font-family:'Space Grotesk',sans-serif}a{color:inherit;text-decoration:none}.nav{height:88px;max-width:1440px;margin:auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5}.logo{font-size:27px;font-weight:700;letter-spacing:-1.5px;display:flex;align-items:center;gap:9px}.mark{background:var(--green);color:#111;border-radius:9px;width:37px;height:37px;display:grid;place-items:center;font-size:26px}.dot{color:var(--green);margin-left:-9px}.nav nav{display:flex;gap:37px;color:#c2c8be;font-size:14px}.nav nav a:hover{color:var(--green)}.navcta{border:1px solid #525a4d;border-radius:30px;padding:13px 21px;font-size:13px}.menu{display:none}.hero{min-height:690px;max-width:1440px;margin:auto;padding:95px 5% 80px;position:relative;display:grid;grid-template-columns:1.05fr 1fr;align-items:center}.hero-copy{z-index:2}.eyebrow,.kicker{font-size:11px;letter-spacing:2.5px;font-weight:700;color:var(--green)}.live{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:10px;box-shadow:0 0 15px var(--green)}h1{font-size:clamp(54px,6.5vw,104px);line-height:1.04;letter-spacing:-6px;margin:27px 0}h1 em{font-style:normal;color:var(--green)}.outline{-webkit-text-stroke:1px #e4e9de;color:transparent}.hero-copy>p{max-width:510px;color:#a7afa4;font-size:17px;line-height:1.8}.actions{display:flex;align-items:center;gap:30px;margin-top:32px}.primary{background:var(--green);color:#10160b;padding:18px 24px;border-radius:7px;border:0;font-weight:700;cursor:pointer;display:inline-flex;gap:25px;align-items:center}.primary:hover{background:#d0ff92}.secondary{font-size:14px;color:#e2e6dc}.stats{display:flex;gap:48px;margin-top:77px}.stats div{display:flex;flex-direction:column;gap:6px}.stats strong{font:700 28px 'Space Grotesk'}.stats small{font-size:10px;letter-spacing:1.5px;color:#879184}.hero-art{position:absolute;right:0;top:20px;width:57%;height:690px;pointer-events:none}#scene{width:100%;height:100%;display:block}.float-tag{position:absolute;font-size:11px;letter-spacing:1.5px;background:#161b15;border:1px solid #36442c;padding:13px 18px;border-radius:5px;color:var(--green)}.tag1{top:22%;right:9%}.tag2{bottom:17%;left:13%}.scrollhint{position:absolute;bottom:26px;right:5%;font-size:10px;letter-spacing:2px;color:#808a7e}.scrollhint span{color:var(--green);margin-left:15px}.ticker{background:var(--green);color:#10170b;overflow:hidden;padding:20px 0;white-space:nowrap;font:700 17px 'Space Grotesk';letter-spacing:2px}.ticker div{width:max-content;animation:marquee 28s linear infinite}.ticker b{padding:0 35px}@keyframes marquee{to{transform:translateX(-45%)}}.section{max-width:1440px;margin:auto;padding:125px 5%}.section-head{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:55px}.section-head>p{max-width:350px;color:var(--muted);line-height:1.8}.section h2{font-size:clamp(42px,5vw,76px);line-height:1.08;letter-spacing:-3.5px;margin:23px 0}.section h2 span{color:var(--green)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{border:1px solid var(--border);border-radius:14px;padding:32px;min-height:410px;display:flex;flex-direction:column;background:#101410;transition:transform .3s,border-color .3s}.service-card:hover{transform:translateY(-8px);border-color:var(--green)}.service-card.featured{background:#b6ff4c;color:#0c1309}.service-no{font-size:11px;letter-spacing:2px;color:#899486}.featured .service-no{color:#455e2a}.service-icon{font-size:70px;margin:35px 0 12px;color:var(--green);line-height:1}.featured .service-icon{color:#1d3210}.service-card h3{font-size:27px;letter-spacing:-1px;margin:5px 0}.service-card p{font-size:14px;line-height:1.8;color:#a4afa0}.featured p{color:#39532b}.tags{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 26px}.tags span{border:1px solid #3b4835;border-radius:20px;padding:7px 11px;font-size:10px}.featured .tags span{border-color:#7aa83e}.service-card>a{margin-top:auto;font-size:13px;font-weight:700}.work{padding-top:65px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.project-visual{height:400px;border-radius:12px;display:grid;place-items:center;overflow:hidden;position:relative}.visual-one{background:radial-gradient(circle at 70% 25%,#496b25,#162818 60%,#101610)}.visual-two{background:radial-gradient(circle at 30% 40%,#547c32,#142d22 65%,#0c1c19)}.browser{width:78%;height:260px;border:1px solid #93ae7c;border-radius:12px;background:#0d140f;box-shadow:30px 35px 50px #050c0866;transform:perspective(700px) rotateY(-12deg) rotateX(8deg)}.browser-bar{padding:12px;border-bottom:1px solid #33492c;color:var(--green);font-size:9px}.browser-bar span{margin-left:25px;color:#82987c}.browser-content{padding:28px;position:relative}.browser-content span{font-size:9px;letter-spacing:3px;color:var(--green)}.browser-content strong{display:block;font:700 47px 'Space Grotesk';letter-spacing:-3px;margin-top:16px}.orb-small{position:absolute;right:12%;top:28%;width:110px;height:110px;border-radius:35%;background:radial-gradient(circle at 30% 30%,#ecffbd,#80c733 40%,#1c3b12 75%);box-shadow:0 0 45px #aaff5590;transform:rotate(25deg)}.phone{width:210px;height:340px;border:7px solid #18251b;border-radius:35px;background:linear-gradient(145deg,#baff5b,#4c902d);padding:40px 20px 20px;color:#0c220d;box-shadow:25px 25px 60px #07100b99;transform:rotate(10deg)}.notch{position:absolute;top:10px;left:calc(50% - 30px);background:#122015;width:60px;height:14px;border-radius:20px}.phone small{font-size:8px;letter-spacing:1.5px}.phone strong{display:block;font:700 25px 'Space Grotesk';line-height:1.1;margin-top:18px}.phone-circle{height:110px;width:110px;border-radius:50%;border:1px solid #1c471c;display:grid;place-items:center;font-size:85px;margin:18px auto}.phone-pill{background:#0c220d;color:var(--green);padding:10px;text-align:center;border-radius:25px;font-size:11px}.project-info{display:flex;justify-content:space-between;align-items:center;padding:18px 2px}.project-info h3{font-size:22px;margin:0}.project-info p,.disclaimer{color:#929d8d;font-size:13px}.project-info>span{font-size:28px;color:var(--green)}.disclaimer{margin-top:15px}.process{border-top:1px solid var(--border)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:65px}.steps>div{border-top:1px solid #55664a;padding-top:24px}.steps span{color:var(--green);font-size:13px}.steps h3{font-size:25px;margin:35px 0 12px}.steps p{color:var(--muted);line-height:1.7;font-size:14px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid var(--border)}.contact>div>p{color:var(--muted);line-height:1.8;max-width:450px}.contact-note{color:var(--green);font-size:13px;margin-top:55px}.contact form{background:#121712;padding:35px;border:1px solid var(--border);border-radius:12px}.contact label{display:block;font-size:12px;margin-bottom:20px;color:#d8e0d1}.contact input,.contact textarea,.contact select{display:block;width:100%;margin-top:10px;background:#090e09;border:1px solid #35402e;color:#f5fff0;border-radius:6px;padding:14px;font:inherit;outline:none}.contact textarea{height:115px;resize:vertical}.contact input:focus,.contact textarea:focus{border-color:var(--green)}.honey{display:none}#formStatus{font-size:13px;color:var(--green)}footer{border-top:1px solid var(--border);padding:40px 5%;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#8e9989;font-size:12px}footer .logo{color:white}footer p{font-size:13px}@media(max-width:900px){.nav nav,.navcta{display:none}.menu{display:block;background:none;color:var(--green);border:0;font-size:26px}.nav nav.open{display:flex;position:absolute;top:80px;left:0;right:0;background:#111a10;flex-direction:column;padding:25px}.hero{display:block;padding-top:85px;min-height:800px}.hero-art{width:100%;top:240px;height:560px;opacity:.65}.hero-copy{position:relative}.hero-copy>p{max-width:440px}.stats{margin-top:270px}.service-grid{grid-template-columns:1fr}.service-card{min-height:350px}.section-head{display:block}.work-grid,.contact{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}h1{letter-spacing:-3px}.scrollhint{display:none}}@media(max-width:540px){.hero{padding-top:55px;min-height:770px}.hero-art{top:250px;height:470px}.stats{margin-top:235px;gap:22px}.stats strong{font-size:22px}.stats small{font-size:8px}.section{padding:80px 6%}.section h2{letter-spacing:-2px}.steps{grid-template-columns:1fr}.project-visual{height:310px}.browser{width:85%}.browser-content strong{font-size:35px}.contact form{padding:22px}footer{flex-direction:column;align-items:start}}

/* V2 immersive product showcase */
.showcase{padding-top:85px}.showcase-intro{color:#a7b5a0;max-width:620px;line-height:1.8}.device-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:48px}.device-panel{overflow:hidden;border:1px solid #33432b;border-radius:22px;background:linear-gradient(155deg,#172319,#0b100c 75%)}.device-canvas{height:430px;background:radial-gradient(ellipse at 50% 52%,#2d5124 0%,#132315 42%,#0a100b 78%);position:relative}.device-canvas:before{content:'INTERACTIVE 3D • DRAG YOUR VIEW';position:absolute;top:22px;left:25px;font-size:10px;letter-spacing:2px;color:#b6ff4c;opacity:.8}.device-canvas canvas{display:block;width:100%;height:100%;touch-action:pan-y}.device-info{padding:30px 34px 38px}.device-info>span{color:#b6ff4c;font-size:11px;letter-spacing:2px}.device-info h3{font-size:31px;letter-spacing:-1px;margin:14px 0}.device-info p{color:#a9b5a4;line-height:1.7;font-size:14px;max-width:420px}.device-info a{display:inline-block;margin-top:12px;color:#b6ff4c;font-size:14px;font-weight:700}.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:translateY(0)}@media(max-width:850px){.device-grid{grid-template-columns:1fr}.device-canvas{height:350px}}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}
