@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--bg:#101310;--panel:#191e19;--ink:#f1f4ed;--muted:#9ca598;--line:#30382e;--lime:#c2f970;--font:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:6px}::selection{background:var(--lime);color:var(--bg)}.wrap{max-width:1360px;margin:auto;padding-left:64px;padding-right:64px}.nav{max-width:1488px;margin:auto;height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 64px;border-bottom:1px solid var(--line)}.wordmark{font-family:'Manrope',sans-serif;font-size:32px;font-weight:800;letter-spacing:-2px}.wordmark span{font:12px var(--font);vertical-align:top;display:inline-block;margin:9px 0 0 4px;letter-spacing:0}.nav nav{display:flex;align-items:center;gap:38px;font-size:14px}.nav nav>a:hover{color:var(--lime)}.nav-contact{border:1px solid #5c6556;padding:10px 20px;border-radius:100px}.nav-contact span{margin-left:20px}.hero{padding-top:55px}.eyebrow,.label{font-size:12px;font-weight:600;letter-spacing:1.8px}.eyebrow{display:flex;align-items:center;gap:12px}.status-dot{height:7px;width:7px;background:var(--lime);border-radius:50%}.hero-year{margin-left:auto;color:var(--muted)}.hero-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:50px;align-items:center;padding:42px 0 70px}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:'Manrope',Arial,sans-serif;line-height:1.1}h1{font-size:clamp(48px,5.25vw,76px);letter-spacing:-4px;font-weight:500}.serif{font-family:Georgia,serif;font-style:italic;font-weight:400}.accent{color:var(--lime)}.muted{color:var(--muted)}.hero-intro{max-width:480px;margin:27px 0 29px;color:#b4bdaf;line-height:1.8;font-size:16px}.button{background:var(--lime);color:var(--bg);padding:14px 22px;border:1px solid var(--lime);border-radius:5px;display:inline-flex;align-items:center;gap:42px;font-size:14px;font-weight:600;transition:transform .25s,background .25s}.button:hover{transform:translateY(-3px);background:#d8ffa2}.signal-card{border:1px solid #384031;border-radius:14px;background:radial-gradient(ellipse at 50% 60%,#29352050,transparent 70%),#171c16;transform:rotate(-2deg);box-shadow:0 25px 65px #0003;margin-top:25px}.card-label{display:flex;justify-content:space-between;padding:20px;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:1px;color:#b3c2a7}.signal-diagram{padding:30px 25px}.signal-node{display:flex;align-items:center;gap:12px;padding:14px;background:#232b20;border:1px solid #46543b;border-radius:8px;font-size:13px;font-weight:500;box-shadow:0 4px 10px #0002}.signal-node small{display:block;color:#a3b099;font-size:10px;font-weight:400}.node-web{width:68%;margin:auto}.node-gtm{width:85%;margin:auto}.node-icon{color:var(--lime);font-size:24px;line-height:1;width:26px}.signal-wire{height:38px;width:1px;background:#56644a;margin:auto;position:relative;overflow:hidden}.signal-wire i{position:absolute;top:-9px;width:3px;height:10px;left:-1px;background:var(--lime);box-shadow:0 0 10px var(--lime);animation:signal 2s infinite linear}.signal-bottom{display:flex;align-items:center;gap:10px;justify-content:center}.signal-bottom .signal-node{padding:12px 10px;gap:8px}.signal-bottom .node-icon{font-size:20px;width:auto}.flow-arrow{color:var(--lime)}.signal-footer{border-top:1px solid var(--line);padding:15px 20px;display:flex;justify-content:space-between;font-size:11px;color:#a3b099}.pulse-bars{display:flex;gap:3px;align-items:center}.pulse-bars i{width:3px;height:12px;background:var(--lime);animation:bars 1s infinite alternate}.pulse-bars i:nth-child(even){animation-delay:.5s}.hero-bottom{border-top:1px solid var(--line);padding:22px 0;display:flex;justify-content:space-between;font-size:10px;color:var(--muted);letter-spacing:1px}.work{padding-top:90px;padding-bottom:80px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:40px}h2{font-size:44px;font-weight:500;letter-spacing:-2px}.section-heading h2{margin-top:18px}.section-heading>p{font-size:14px;color:var(--muted);padding-bottom:4px}.case-feature{display:grid;grid-template-columns:1.15fr 1fr;background:var(--lime);color:var(--bg);border-radius:12px;overflow:hidden}.case-copy{padding:48px;border-right:1px solid #17210d30}.label{font-size:10px;letter-spacing:1px}.case-copy h3{font-size:38px;letter-spacing:-1.5px;font-weight:550;margin:25px 0 18px}.case-copy>p{max-width:380px;font-size:15px;color:#334823}.tags{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.tags span{padding:5px 11px;border:1px solid currentColor;border-radius:100px;font-size:11px;line-height:1.5}.text-link{display:inline-flex;align-items:center;gap:25px;border-bottom:1px solid currentColor;padding-bottom:6px;font-size:14px;font-weight:500}.text-link:hover{opacity:.75}.result-visual{padding:30px 45px 40px}.metric{display:flex;align-items:baseline;line-height:1.1;letter-spacing:-3px}.metric strong{font-size:112px;font-weight:500;letter-spacing:-8px}.metric>span{font-size:45px}.metric .metric-arrow{margin-left:auto;font-size:70px}.result-visual>p{font-size:14px;margin:4px 0 28px}.bar-row{margin-top:15px}.bar-row>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:10px}.bar-row b{font-size:15px;font-weight:500}.bar{height:12px;border-radius:2px;margin-top:6px;transform-origin:left}.before{background:#1a2513;width:100%}.after{background:#547c31;width:22.727%}.result-visual>small{display:block;font-size:10px;margin-top:20px;color:#334823}.projects{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:28px}.contact{padding-top:90px;padding-bottom:95px;text-align:center;border-top:1px solid var(--line)}.contact .eyebrow{justify-content:center}.contact h2{font-size:58px;margin:25px 0}.contact p{color:var(--muted)}.contact-links{display:flex;justify-content:center;align-items:center;gap:30px;margin:30px 0 24px}.email{display:block;font-size:14px}.phone{font-size:13px;color:var(--muted)}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;min-height:100px}footer>span{font-size:11px;color:var(--muted);letter-spacing:1px}.skip{position:absolute;top:-100px;background:var(--lime);color:var(--bg);padding:15px;z-index:20}.skip:focus{top:0}@keyframes signal{to{transform:translateY(50px)}}@keyframes bars{to{transform:scaleY(.35)}}
@media(min-width:1600px){.hero-grid{gap:90px}}@media(max-width:1050px){.wrap,.nav{padding-left:32px;padding-right:32px}.hero-grid{gap:28px}h1{font-size:56px;letter-spacing:-3px}.signal-diagram{padding:25px 15px}.signal-bottom{gap:5px}.signal-bottom .signal-node{font-size:11px}.case-copy{padding:35px}.result-visual{padding:30px}.metric strong{font-size:96px}.hero-bottom{font-size:9px}}@media(max-width:760px){.wrap,.nav{padding-left:22px;padding-right:22px}.nav{height:80px}.nav nav{gap:18px;font-size:12px}.nav nav>a:nth-child(2){display:none}.nav-contact{padding:8px 13px}.nav-contact span{margin-left:8px}.hero{padding-top:30px}.hero-year{display:none}.eyebrow{font-size:10px}.hero-grid{grid-template-columns:1fr;padding:30px 0 45px;gap:25px}h1{font-size:clamp(42px,10.5vw,67px);letter-spacing:-2.7px}.hero-intro{font-size:16px}.signal-card{max-width:450px;width:100%;margin:15px auto 0;transform:rotate(-1deg)}.signal-diagram{padding:25px}.hero-bottom>span:nth-child(2){display:none}.section-heading{display:block}.section-heading>p{margin-top:20px}.work{padding-top:60px;padding-bottom:55px}h2{font-size:34px;letter-spacing:-1.5px}.case-feature{grid-template-columns:1fr}.case-copy{padding:30px 26px;border-right:0;border-bottom:1px solid #17210d30}.case-copy h3{font-size:32px}.result-visual{padding:22px 26px 30px}.metric strong{font-size:100px}.result-visual>p{margin-bottom:20px}.projects{grid-template-columns:1fr}.contact{padding-top:60px;padding-bottom:60px}.contact h2{font-size:39px;letter-spacing:-1.8px}.contact p br{display:none}.contact-links{gap:23px}footer>span:nth-child(2){display:none}footer{min-height:80px}.signal-bottom .signal-node{font-size:13px}.card-label,.signal-footer{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}