:root{--ink:#0a1020;--navy:#101a32;--lime:#c8ff45;--cream:#f4f1e9;--white:#fff;--muted:#697080;--line:#dcded9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#e9e9e5;color:var(--ink);font-family:Manrope,Arial,sans-serif}.site-shell{max-width:1480px;margin:26px auto;background:var(--cream);box-shadow:0 20px 80px #0710201c;overflow:hidden}.header{height:86px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;background:#fff}.logo{display:flex;gap:11px;align-items:center;color:var(--ink);text-decoration:none;font-size:18px;font-weight:600}.logo-mark{display:grid;place-items:center;width:38px;height:38px;background:var(--ink);color:var(--lime);font-weight:800}.logo b{font-weight:800}.nav{display:flex;gap:36px}.nav a,.header a{color:var(--ink);text-decoration:none}.nav a{font-size:14px;font-weight:700}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:var(--lime);color:var(--ink);padding:18px 24px;font-size:13px;font-weight:800;text-decoration:none;border:1px solid var(--lime);transition:.25s}.button:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0002}.button-small{padding:13px 18px}.menu-button{display:none;background:none;border:0}.hero{min-height:710px;background:var(--navy);color:#fff;position:relative;display:grid;grid-template-columns:1.05fr .95fr;padding:90px 7% 60px;overflow:hidden}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(90deg,#000,transparent)}.hero-copy{z-index:2;align-self:center}.eyebrow{display:flex;align-items:center;gap:12px;text-transform:uppercase;letter-spacing:2.5px;font-size:11px;font-weight:800;margin:0 0 25px}.eyebrow span{width:28px;height:2px;background:var(--lime)}.eyebrow.dark{color:#4e5564}.hero h1,.section h2{font-size:clamp(48px,6vw,86px);line-height:.98;letter-spacing:-4px;margin:0;font-weight:800}.hero h1 em,.section h2 em,.testimonial em{font-weight:400;color:var(--lime);font-style:normal}.hero-lead{font-size:18px;line-height:1.7;color:#bbc1cf;max-width:570px;margin:32px 0}.hero-actions{display:flex;align-items:center;gap:34px}.text-link,.arrow-link{color:inherit;font-size:13px;font-weight:800;text-decoration:none}.text-link span,.arrow-link span{margin-left:10px}.hero-visual{position:relative;min-height:520px}.orbit{position:absolute;border:1px solid #ffffff24;border-radius:50%}.orbit-one{width:460px;height:460px;top:30px;left:40px}.orbit-two{width:320px;height:320px;top:100px;left:110px}.floating-card{position:absolute;z-index:2;top:105px;left:108px;width:280px;height:300px;padding:28px;background:linear-gradient(145deg,#25365d,#121a31);box-shadow:0 30px 80px #0008;transform:rotate(-7deg);display:flex;flex-direction:column;justify-content:space-between}.floating-card span{font-size:10px;letter-spacing:3px;color:var(--lime)}.floating-card strong{font-size:34px;line-height:1.08}.shape{position:absolute;background:var(--lime);z-index:3}.shape-a{width:62px;height:62px;top:55px;right:70px;border-radius:50%}.shape-b{width:76px;height:76px;bottom:92px;left:45px;clip-path:polygon(50% 0,100% 100%,0 100%)}.spark{position:absolute;right:34px;bottom:90px;color:var(--lime);font-size:55px}.metric{position:absolute;right:3px;top:230px;background:#fff;color:var(--ink);padding:18px 22px;z-index:5;display:flex;flex-direction:column}.metric strong{font-size:28px}.metric span{font-size:10px;text-transform:uppercase}.hero-footer{position:absolute;bottom:24px;left:7%;right:7%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#8e96a8}.section{padding:115px 7%}.intro{display:grid;grid-template-columns:1.1fr .9fr;gap:50px}.intro h2,.section-heading h2{font-size:clamp(42px,5vw,68px);color:var(--ink)}.intro h2 em,.section-heading h2 em{color:#7b8496}.intro-copy{align-self:end;max-width:520px}.intro-copy p,.section-heading>p{font-size:17px;line-height:1.8;color:var(--muted)}.arrow-link{display:inline-block;margin-top:18px;color:var(--ink);border-bottom:2px solid var(--lime);padding-bottom:8px}.stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);margin-top:60px;border-top:1px solid var(--line)}.stats div{padding:32px 0;display:flex;flex-direction:column;border-right:1px solid var(--line)}.stats div:last-child{border:0;padding-left:45px}.stats div:nth-child(2){padding-left:45px}.stats strong{font-size:46px}.stats span{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted)}.services{background:#fff}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:65px}.section-heading>p{max-width:420px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.service-card{padding:38px 30px;min-height:390px;border-right:1px solid var(--line);position:relative;transition:.3s}.service-card:last-child{border:0}.service-card:hover,.service-card.featured{background:var(--navy);color:#fff;transform:translateY(-8px)}.number{font-size:10px;color:#9ca1aa}.service-icon{font-size:36px;color:var(--lime);margin:65px 0 28px}.service-card h3{font-size:22px;line-height:1.3}.service-card p{font-size:13px;line-height:1.7;color:#858b98}.service-card a{color:inherit;text-decoration:none;font-size:11px;font-weight:800;position:absolute;bottom:30px}.work{background:var(--navy);color:#fff}.section-heading.light h2{color:#fff}.button-outline{background:transparent;color:#fff;border-color:#495269}.projects{display:grid;grid-template-columns:1fr 1fr;gap:50px 28px}.project-large{grid-column:1/-1}.project-image{height:420px;display:grid;place-items:center;overflow:hidden;position:relative}.project-large .project-image{height:550px}.image-one{background:linear-gradient(135deg,#d7ff61,#81b39a)}.image-two{background:linear-gradient(135deg,#f0a574,#814358)}.image-three{background:linear-gradient(135deg,#e3dfd4,#a0aebc)}.mockup-a{width:70%;height:62%;background:#101c2d;color:#fff;padding:40px;box-shadow:0 25px 50px #0004;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(-3deg)}.mockup-a b{font-size:55px}.phone{width:190px;height:350px;border:9px solid #151525;border-radius:32px;background:#f6e7df;box-shadow:0 25px 40px #0005;padding:30px 20px;color:#3d2030;display:flex;flex-direction:column}.phone strong{font-size:75px;margin-top:70px}.phone small{font-size:10px}.mockup-c{width:65%;height:65%;padding:28px;background:#f8f5ed;box-shadow:0 25px 40px #0004;display:flex;flex-direction:column;justify-content:space-between}.mockup-c strong{font-size:40px}.project-meta{display:flex;justify-content:space-between;align-items:center;padding-top:20px}.project-meta span{font-size:10px;text-transform:uppercase;color:#9ba3b3}.project-meta h3{font-size:24px;margin:5px 0}.project-meta a{width:45px;height:45px;border:1px solid #414b60;display:grid;place-items:center;color:#fff;text-decoration:none}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.steps article{padding:35px 34px 0 0;position:relative}.steps article:before{content:"";position:absolute;top:-4px;left:0;width:8px;height:8px;background:var(--lime)}.steps span{font-size:11px;color:#9ba0a9}.steps h3{font-size:24px;margin:25px 0 14px}.steps p{font-size:13px;line-height:1.7;color:var(--muted)}.testimonial{text-align:center;background:#e9e6dd}.quote-mark{font-size:90px;line-height:.6;color:var(--lime);font-weight:800}.testimonial blockquote{font-size:clamp(25px,3.2vw,43px);line-height:1.35;font-weight:700;max-width:1000px;margin:35px auto}.testimonial em{color:#748094}.person{display:flex;justify-content:center;align-items:center;gap:14px}.avatar{width:45px;height:45px;border-radius:50%;background:var(--navy);color:var(--lime);display:grid;place-items:center;font-size:11px}.person div:last-child{display:flex;flex-direction:column;text-align:left;font-size:12px}.person span{color:var(--muted)}.contact{background:var(--lime);display:grid;grid-template-columns:1.2fr .8fr;position:relative;overflow:hidden}.contact .eyebrow span{background:var(--ink)}.contact h2{font-size:clamp(45px,6vw,76px)}.contact h2 em{color:#61722c}.contact-side{align-self:end;position:relative;z-index:2}.contact-side p{font-size:17px;line-height:1.7;max-width:420px}.button-light{background:var(--ink);border-color:var(--ink);color:#fff;margin-top:20px}.contact-orb{position:absolute;right:-80px;top:-130px;width:400px;height:400px;border:1px solid #1115;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:35px;font-size:80px;font-weight:800;color:#1111}.contact-orb span{font-size:40px}footer{background:#080e1c;color:#a9afbc;padding:45px 7%;display:grid;grid-template-columns:1.2fr 1fr 1fr auto;align-items:center;gap:30px;font-size:11px}.footer-logo{color:#fff}.footer-logo .logo-mark{background:var(--lime);color:var(--ink)}footer div{display:flex;gap:20px}footer a{color:inherit;text-decoration:none}.reveal{opacity:0;transform:translateY(30px);transition:.8s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.15s}@media(max-width:900px){.site-shell{margin:0}.nav,.header>.button{display:none}.menu-button{display:flex;flex-direction:column;gap:6px}.menu-button span{width:25px;height:2px;background:var(--ink)}.hero{grid-template-columns:1fr;padding-top:75px}.hero-visual{min-height:440px}.intro,.contact{grid-template-columns:1fr}.service-grid,.steps{grid-template-columns:1fr 1fr}.service-card:nth-child(2){border-right:0}.projects{grid-template-columns:1fr}.project-large{grid-column:auto}.project-large .project-image,.project-image{height:420px}.section-heading{align-items:start;flex-direction:column;gap:25px}footer{grid-template-columns:1fr 1fr}}@media(max-width:600px){.header{padding:0 22px}.hero{padding:70px 25px 45px;min-height:900px}.hero h1,.section h2{letter-spacing:-2px}.floating-card{left:40px;width:230px}.orbit-one{left:-20px}.orbit-two{left:40px}.metric{right:-5px}.section{padding:80px 25px}.intro{gap:30px}.stats{grid-template-columns:1fr}.stats div,.stats div:nth-child(2),.stats div:last-child{padding:24px 0;border-right:0;border-bottom:1px solid var(--line)}.service-grid,.steps{grid-template-columns:1fr}.service-card{border-right:0;border-bottom:1px solid var(--line)}.project-image,.project-large .project-image{height:340px}.mockup-a b{font-size:32px}.testimonial blockquote{font-size:25px}.contact{gap:45px}footer{grid-template-columns:1fr}footer div{flex-wrap:wrap}.hero-footer{display:none}}