@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--bg:#f4f1ea;--ink:#11110f;--muted:#68655e;--line:#d6d1c7;--lime:#d9ff39;--dark:#151513;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}header{height:82px;max-width:var(--max);margin:auto;padding:0 28px;display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--line)}.logo{font:700 27px 'Space Grotesk';letter-spacing:-1.5px;margin-right:auto}.logo span{color:#9ebd00}nav{display:flex;gap:26px;font-size:14px;color:#4e4b45}nav a:hover{text-decoration:underline}.pill{border:1px solid var(--ink);border-radius:99px;padding:11px 16px;font-size:13px}.hero{max-width:var(--max);margin:auto;padding:88px 28px 70px;min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2.2px;font-weight:700;color:var(--muted);margin:0 0 22px}.hero h1,.section h2,.contact h2{font-family:'Space Grotesk';letter-spacing:-4px;line-height:.92;margin:0}.hero h1{font-size:clamp(58px,7.5vw,108px)}em{font-style:normal;background:var(--lime);padding:0 .08em}.lead{max-width:600px;color:#56534c;font-size:19px;line-height:1.55;margin:30px 0}.button{display:inline-block;background:var(--ink);color:var(--bg);padding:15px 21px;border-radius:99px;font-weight:700;font-size:14px}.link{margin-left:24px;font-size:14px;text-decoration:underline;text-underline-offset:5px}.hero-art{height:480px;background:#191916;position:relative;overflow:hidden}.grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:42px 42px;transform:perspective(500px) rotateX(55deg) scale(1.8);top:22%}.ring{position:absolute;border:1px solid rgba(217,255,57,.6);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%) rotate(25deg)}.r1{width:330px;height:330px}.r2{width:430px;height:190px;transform:translate(-50%,-50%) rotate(-32deg)}.ball{position:absolute;width:125px;height:125px;border-radius:50%;background:var(--lime);left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 80px rgba(217,255,57,.35)}.hero-art>b{position:absolute;left:25px;bottom:22px;color:white;font:700 17px 'Space Grotesk';letter-spacing:1px}.hero-art small{font:11px 'DM Sans';color:#aaa;letter-spacing:1px}.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-around;padding:16px 28px;font-size:11px;letter-spacing:2px;font-weight:700;color:#77736a}.section{max-width:var(--max);margin:auto;padding:120px 28px}.section h2{font-size:clamp(42px,5vw,70px)}.cards{margin-top:65px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.cards article{padding:28px 22px 25px 0;min-height:270px;border-right:1px solid var(--line)}.cards article+article{padding-left:22px}.cards article:last-child{border-right:0}.cards i,.steps b{font:12px 'Space Grotesk';font-style:normal;color:#888}.cards h3,.info h3,.steps h3{font:600 25px 'Space Grotesk';margin:45px 0 12px}.cards p,.info p,.steps p,.note{color:var(--muted);line-height:1.55;font-size:14px}.cards small{display:block;margin-top:28px;font-size:10px;letter-spacing:1px;color:#8b877e}.work{padding-top:40px}.split{display:flex;justify-content:space-between;align-items:end;gap:50px}.note{max-width:330px}.projects{margin-top:60px;display:grid;grid-template-columns:1.3fr .7fr;gap:20px}.projects article{background:white;border:1px solid var(--line)}.visual{height:350px;position:relative;overflow:hidden;background:#ccc}.plant{background:#b8c4a9}.auto{height:260px;background:#c8c3b8}.browser{position:absolute;left:9%;right:9%;top:12%;bottom:0;background:#f7f6f2;border:1px solid #aaa;box-shadow:0 20px 40px #0002;padding:14px}.dots{font-size:7px;color:#777;letter-spacing:3px}.lines{height:65%;margin:30px 15% 0 5%;border-top:18px solid #242420;border-bottom:7px solid #bbb;background:repeating-linear-gradient(to bottom,transparent 0 25px,#d8d4cb 26px 27px)}.dash{height:65%;margin:25px 8%;border:1px solid #bbb;background:linear-gradient(90deg,#222 0 20%,transparent 20% 100%),repeating-linear-gradient(to bottom,#eee 0 22px,#ddd 23px 24px)}.visual label{position:absolute;right:18px;bottom:16px;font:700 10px 'Space Grotesk';letter-spacing:2px}.info{padding:28px}.info small{font-size:10px;letter-spacing:1.5px;color:#777}.info h3{font-size:35px;margin:14px 0 8px}.info a{display:inline-block;margin-top:15px;font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:5px}.steps{margin-top:65px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.steps>div{padding:24px 20px 0 0;border-right:1px solid var(--line)}.steps>div+div{padding-left:20px}.steps>div:last-child{border:0}.steps h3{margin-top:38px}.contact{background:var(--dark);color:var(--bg);padding:115px max(28px,calc((100vw - 1184px)/2));display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end}.contact h2{font-size:clamp(55px,7vw,100px)}.contact .eyebrow{color:#999}.contactbox{border:1px solid #3b3b36;padding:30px}.contactbox p{color:#aaa;line-height:1.6}.lime{background:var(--lime);color:var(--dark);margin:18px 0}.contactbox small{display:block;color:#777;font-size:10px;letter-spacing:1.5px}footer{max-width:var(--max);margin:auto;padding:25px 28px;display:flex;justify-content:space-between;font-size:11px;color:#777}@media(max-width:900px){nav{display:none}.hero{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.cards article:nth-child(2){border-right:0}.projects{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.contact{grid-template-columns:1fr}}@media(max-width:560px){header{height:70px}.pill{display:none}.hero{padding:65px 20px}.hero h1{font-size:57px}.hero-art{height:330px}.ticker{flex-wrap:wrap;gap:15px;justify-content:flex-start}.section{padding:80px 20px}.cards,.steps{grid-template-columns:1fr}.cards article,.cards article+article{padding:22px 0;border-right:0;border-bottom:1px solid var(--line)}.split{display:block}.note{margin-top:25px}.projects{margin-top:40px}.visual{height:280px}.contact{padding:85px 20px}.contact h2{letter-spacing:-3px}footer{padding:20px;flex-wrap:wrap}}