@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:#0c131a;--surface:#121c25;--surface2:#182530;--text:#eef3f4;--muted:#9baab6;--line:#26343d;--lime:#cbf27b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}.section-wrap{max-width:1440px;margin:auto;padding-left:6%;padding-right:6%}.topbar{height:84px;padding:0 6%;max-width:1440px;margin:auto;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px}.brandmark{font-family:'Space Grotesk';font-weight:700;font-size:26px;letter-spacing:-5px;transform:skew(-9deg);display:inline-flex;align-items:center}.brandmark span{color:var(--lime)}.brandname{font-family:'Space Grotesk';font-size:15px;letter-spacing:2px}.brandname b{font-weight:700}.topbar nav{display:flex;gap:35px;align-items:center;font-size:13px;color:#bcc7ce}.topbar nav a:hover,.textlink:hover{color:var(--lime)}.navcontact{border:1px solid #53616a;padding:12px 17px;border-radius:3px;color:white!important}.navcontact span{margin-left:12px;color:var(--lime)}.mobile-menu{display:none;background:none;color:white;border:0;font-size:22px}.hero{min-height:670px;display:grid;grid-template-columns:52% 48%;padding-top:65px;padding-bottom:90px;align-items:center;gap:15px}.eyebrow,.section-label,.mini-label{font-size:11px;letter-spacing:2.2px;font-weight:700;color:var(--lime)}.live-dot,.tiny-dot{display:inline-block;width:7px;height:7px;background:var(--lime);border-radius:50%;margin-right:8px;box-shadow:0 0 12px #cbf27688}.hero h1,h2,h3{font-family:'Space Grotesk',sans-serif}.hero h1{font-size:clamp(52px,6vw,91px);letter-spacing:-5px;line-height:1.07;margin:28px 0 25px}.hero h1 em,.contact h2 em,.project-info h3 em{font-style:normal;color:var(--lime)}.hero-copy>p{font-size:18px;color:var(--muted);line-height:1.75;max-width:490px}.hero-actions{display:flex;align-items:center;gap:32px;margin-top:37px}.button{padding:17px 23px;font-weight:700;font-size:13px;border-radius:3px;display:inline-flex;align-items:center;gap:45px}.button.primary{background:var(--lime);color:#182119}.textlink{font-size:13px}.hero-foot{display:flex;gap:30px;font-size:10px;letter-spacing:2px;color:#728491;margin-top:86px}.hero-visual{height:520px;position:relative;overflow:hidden;border:1px solid #263b48;background:radial-gradient(circle at 65% 42%,#2d4751 0,#1d313c 30%,#101c26 73%);clip-path:polygon(11% 0,100% 0,100% 87%,89% 100%,0 100%,0 13%)}.visual-grid{position:absolute;inset:0;background-image:linear-gradient(#a9dae00c 1px,transparent 1px),linear-gradient(90deg,#a9dae00c 1px,transparent 1px);background-size:42px 42px;transform:perspective(500px) rotateX(42deg) scale(1.5);opacity:.7}.orb{position:absolute;border:1px solid #7fbeab23;border-radius:50%;width:480px;height:480px;top:20px;left:40px}.orb-two{width:320px;height:320px;left:115px;top:99px}.hud{position:absolute;color:#cce5e7;font-size:10px;font-weight:700;letter-spacing:1.3px;z-index:2}.hud-top{left:42px;top:45px}.hud-top strong{display:block;color:#a5b2bb;margin:10px 0 0 18px;font-weight:400}.hud-bottom{bottom:40px;left:45px;right:45px;display:flex;justify-content:space-between}.crosshair{position:absolute;color:var(--lime);font-size:32px;font-weight:200}.cross-one{top:110px;right:70px}.cross-two{bottom:90px;left:85px}.city-art{position:absolute;inset:23% 3% 17%;transform:perspective(700px) rotateX(12deg) rotateZ(-9deg)}.cityline{position:absolute;bottom:25%;width:100%;height:160px;display:flex;align-items:flex-end;gap:7px;opacity:.55}.cityline i{display:block;flex:1;height:var(--h,110px);border:1px solid #9ec6bd42;background:repeating-linear-gradient(0deg,#263c48a8 0px,#263c48a8 13px,#8eada73a 14px,#8eada73a 16px);box-shadow:5px 6px 0 #172732}.cityline i:nth-child(2n){--h:85px}.cityline i:nth-child(3n){--h:143px}.cityline.back{bottom:36%;opacity:.24;transform:scale(.86);filter:blur(1.4px)}.cityline.front{bottom:6%;opacity:.5}.site-model{position:absolute;left:33%;top:40%;width:40%;height:41%;filter:drop-shadow(10px 15px 20px #0008)}.top-face{position:absolute;top:0;left:23%;width:68%;height:52%;background:linear-gradient(135deg,#b8d8bf,#658d87);clip-path:polygon(0 28%,66% 0,100% 38%,31% 100%);border:1px solid #e2f8ca}.left-face{position:absolute;top:28%;left:23%;width:45%;height:68%;background:repeating-linear-gradient(0deg,#31595d 0 20px,#9fd1b2 21px 23px);clip-path:polygon(0 0,69% 34%,69% 100%,0 65%)}.right-face{position:absolute;top:27%;left:54%;width:37%;height:68%;background:repeating-linear-gradient(0deg,#446b6e 0 20px,#a1d1b5 21px 23px);clip-path:polygon(0 36%,100% 0,100% 66%,0 100%)}.intro{border-top:1px solid var(--line);padding-top:100px;padding-bottom:110px;display:grid;grid-template-columns:28% 72%}.intro h2{font-size:clamp(35px,4.5vw,65px);letter-spacing:-3px;line-height:1.12;margin:0}.intro h2 span{color:var(--lime)}.intro p{font-size:17px;line-height:1.9;max-width:710px;color:var(--muted)}.services,.feature,.partners{padding-top:100px;padding-bottom:110px;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:44px}.section-heading h2{font-size:clamp(35px,4.2vw,58px);margin:14px 0 0;letter-spacing:-2px}.accent{color:var(--lime)}.section-heading p{color:var(--muted);max-width:290px;line-height:1.6;font-size:14px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.service-card{min-height:330px;padding:26px 23px;background:var(--surface);border:1px solid var(--line);position:relative;transition:transform .2s,border-color .2s}.service-card:hover{transform:translateY(-5px);border-color:#829e63}.service-index{font-size:11px;color:#728690}.service-icon{font-size:43px;color:var(--lime);margin:36px 0 29px}.service-card h3{font-size:19px;margin:0 0 13px;line-height:1.3}.service-card p{font-size:13px;line-height:1.8;color:var(--muted)}.card-arrow{position:absolute;bottom:20px;right:23px;color:var(--lime)}.project-showcase{display:grid;grid-template-columns:60% 40%;background:var(--surface);border:1px solid var(--line);min-height:450px}.project-preview{position:relative;min-height:445px;overflow:hidden;background:radial-gradient(ellipse at 55% 70%,#344a4e,#16252f 65%)}.project-preview:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 46px,#95c0b110 47px 48px),repeating-linear-gradient(0deg,transparent 0 46px,#95c0b110 47px 48px);transform:perspective(600px) rotateX(55deg) scale(1.5)}.project-tag{position:absolute;left:29px;top:29px;z-index:1;font-size:10px;letter-spacing:1px;padding:10px 13px;background:#0e1922c9;border:1px solid #5b788057}.wire-city{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:skew(-8deg);color:#a6d3c3}.wire-city span{font-family:'Space Grotesk';font-size:125px;font-weight:700;letter-spacing:-12px;text-shadow:4px 8px 0 #192c31,8px 16px 0 #101f29,14px 24px 30px #000b;opacity:.75}.wire-city small{font-size:12px;letter-spacing:4px;color:#98aca8}.viewer-ui{position:absolute;bottom:28px;left:28px;display:flex;gap:20px;font-size:12px;color:#c9d8dd}.project-info{padding:60px 42px}.mini-label{font-size:10px}.project-info h3{font-size:38px;letter-spacing:-2px;line-height:1.2;margin:27px 0}.project-info p{line-height:1.8;color:var(--muted);font-size:14px}.outline-button{margin-top:28px;padding:14px 17px;border:1px solid #688076;display:inline-flex;gap:22px;font-size:13px;font-weight:700}.outline-button span{color:var(--lime)}.partner-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.partner-slot{height:145px;background:var(--surface);border:1px dashed #475965;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#788a95;font-family:'Space Grotesk';font-weight:600;letter-spacing:1.5px}.partner-slot small{font-size:10px;margin-top:10px;color:#586b78}.partner-note{font-size:12px;color:#718490;margin-top:22px}.contact{margin-top:30px;background:var(--lime);color:#101d1a;padding-top:90px;padding-bottom:90px}.contact .section-label{color:#486b35}.contact h2{font-size:clamp(39px,6vw,83px);line-height:1.08;letter-spacing:-4px;margin:29px 0 20px}.contact h2 em{color:#54752f}.contact p{font-size:17px;line-height:1.7;max-width:480px}.button.light{background:#142029;color:#f1f5ed;margin-top:18px}.contact-hint{display:block;margin-top:14px;opacity:.65;font-size:11px}.footer{min-height:142px;display:flex;align-items:center;justify-content:space-between;gap:15px}.footer>span,.footer>a:last-child{font-size:10px;letter-spacing:1.3px;color:#81919b}
@media(max-width:1050px){.service-grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.hero-visual{height:420px}.hero-foot{margin-top:55px}.project-showcase{grid-template-columns:1fr}.intro{grid-template-columns:1fr;gap:30px}.partner-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.section-wrap{padding-left:6%;padding-right:6%}.topbar{height:72px}.topbar nav{display:none;position:absolute;top:72px;left:0;right:0;background:#101a21;flex-direction:column;padding:25px;z-index:10;border-bottom:1px solid var(--line)}.topbar nav.open{display:flex}.mobile-menu{display:block}.brandname{font-size:12px}.hero{padding-top:50px;padding-bottom:58px;min-height:auto}.hero h1{letter-spacing:-3px}.hero-copy>p{font-size:15px}.hero-visual{height:350px}.hero-actions{gap:15px;flex-wrap:wrap}.hero-foot{margin-top:45px;gap:15px}.intro,.services,.feature,.partners{padding-top:70px;padding-bottom:70px}.service-grid{grid-template-columns:1fr}.service-card{min-height:265px}.service-icon{margin:20px 0}.section-heading{align-items:start;flex-direction:column}.project-preview{min-height:310px}.project-info{padding:35px 24px}.project-info h3{font-size:32px}.partner-grid{grid-template-columns:repeat(2,1fr)}.partner-slot{height:110px;font-size:12px}.contact{padding-top:65px;padding-bottom:65px}.contact h2{letter-spacing:-2px}.footer{padding-top:35px;padding-bottom:35px;flex-wrap:wrap;justify-content:start;gap:20px 35px}.footer .brand{width:100%}}