@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--ink:#111413;--paper:#f6f6f0;--soft:#e5e8df;--line:#cbd0c8;--accent:#d9f24a;--muted:#5b635e;--radius:10px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}.skip-link{z-index:10;background:var(--accent);padding:.6rem .8rem;position:fixed;top:-3rem;left:1rem}.skip-link:focus{top:1rem}.site-header{border-bottom:1px solid var(--line);z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f6f6f0eb;justify-content:space-between;align-items:center;height:76px;padding:0 clamp(1.25rem,5vw,5rem);display:flex;position:sticky;top:0}.brand{align-items:center;display:flex}.brand img{object-fit:contain;width:86px;height:46px;display:block}.footer-brand img{width:116px;height:62px}.desktop-nav{gap:1.7rem;font-size:.76rem;font-weight:600;display:flex}.desktop-nav a{color:var(--muted)}.desktop-nav a:hover,footer a:hover{color:#37600a}.header-cta{border-bottom:1px solid var(--ink);padding-bottom:.2rem;font-size:.76rem;font-weight:800}.hero{grid-template-columns:1fr 1.05fr;align-items:center;gap:5vw;min-height:calc(100dvh - 76px);padding:clamp(3rem,8vw,8rem) clamp(1.25rem,8vw,10rem);display:grid;overflow:hidden}.eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 1.25rem;font:500 .65rem/1.3 DM Mono,monospace}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;max-width:10ch;margin-bottom:1.5rem;font-size:clamp(3.2rem,6.3vw,7rem);line-height:.98}h1 em{color:#467505;font-style:normal}.hero-text{max-width:38rem;color:var(--muted);font-size:1.02rem;line-height:1.7}.hero-actions{flex-wrap:wrap;align-items:center;gap:1.4rem;margin-top:2rem;display:flex}.button{border-radius:var(--radius);cursor:pointer;border:0;justify-content:center;align-items:center;gap:.75rem;padding:1rem 1.25rem;font:800 .77rem Manrope,sans-serif;transition:background .2s,color .2s,transform .2s;display:inline-flex}.button:active{transform:scale(.98)}.button-primary{background:var(--ink);color:#fff}.button-primary:hover{background:#3d640d}.button-dark{background:var(--ink);color:#fff}.text-link{border-bottom:1px solid;padding-bottom:.25rem;font-size:.78rem;font-weight:800}.hero-visual{aspect-ratio:1.15;background:#d7e6b1;border:1px solid #b4be99;width:min(100%,650px);margin-left:auto;position:relative;overflow:hidden}.visual-window{z-index:1;background:#111b10;border:1px solid #26351a;width:76%;height:62%;padding:1.4rem;position:absolute;top:17%;left:12%;box-shadow:20px 20px #111b1024}.window-bar{color:#abbd91;align-items:center;gap:5px;font:400 .58rem DM Mono,monospace;display:flex}.window-bar span{background:#d9f24a;border-radius:50%;width:6px;height:6px}.window-bar b{margin-left:.4rem;font-weight:400}.code-lines{gap:10px;margin-top:13%;display:grid}.code-lines i{height:5px;width:var(--width,70%);opacity:.9;background:#7db431}.code-lines i:nth-child(2){--width:42%}.code-lines i:nth-child(3){--width:82%}.code-lines i:nth-child(4){--width:55%}.code-lines i:nth-child(5){--width:68%}.output-grid{grid-template-columns:repeat(2,34px);gap:5px;display:grid;position:absolute;bottom:10%;right:9%}.output-grid b{aspect-ratio:1;background:#d9f24a;display:block}.output-grid b:nth-child(2){background:#7a9f3d}.output-grid b:nth-child(3){background:#fffde8}.output-grid b:nth-child(4){background:#a4c667}.scan-line{background:#d9f24a;height:1px;position:absolute;top:30%;left:0;right:0;box-shadow:0 0 12px #d9f24a}.signal{border:1px solid #53772d;border-radius:50%;position:absolute}.signal-one{aspect-ratio:1;width:75%;bottom:-48%;right:-42%}.signal-two{aspect-ratio:1;width:40%;top:-16%;left:-13%}.visual-caption{z-index:2;color:#30451d;text-transform:uppercase;letter-spacing:.08em;font:500 .62rem DM Mono,monospace;position:absolute;bottom:7%;left:7%}.visual-caption span{color:#6a9b24}.statement{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:clamp(4rem,9vw,9rem) clamp(1.25rem,15vw,16rem)}.statement p{letter-spacing:0;max-width:910px;margin:0;font-size:clamp(2rem,4.2vw,4.5rem);line-height:1.1}.statement strong{color:#4b7b0c;font-weight:700}.section{padding:clamp(4.5rem,10vw,10rem) clamp(1.25rem,8vw,10rem)}.section-intro{max-width:800px}h2{letter-spacing:0;margin-bottom:0;font-size:clamp(2.2rem,4.5vw,5rem);line-height:1.04}.service-list{border-top:1px solid var(--ink);margin-top:4rem}.service-card{border-bottom:1px solid var(--line);cursor:default;grid-template-columns:10% 30% 1fr;align-items:start;gap:1rem;min-height:156px;padding:1.5rem 0;display:grid;overflow:hidden}.service-card>p{color:var(--muted);font:400 .65rem DM Mono,monospace}.service-card h3{letter-spacing:0;margin:0;font-size:1.5rem}.service-card div{color:var(--muted);opacity:.56;grid-template-columns:minmax(0,1fr) auto;gap:1.5rem;max-width:560px;display:grid}.service-card div p{margin:0;font-size:.9rem;line-height:1.6}.service-card div a{color:var(--ink);white-space:nowrap;font-size:.7rem;font-weight:800}.service-card:hover h3{color:#4b7b0c}.team{background:#dce8b9;grid-template-columns:1fr 1fr;align-items:center;gap:10vw;display:grid}.team-reel{background:#293322;min-height:480px;position:relative;overflow:hidden}.workspace-collage{grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);gap:4px;height:100%;min-height:480px;display:grid;transform:rotate(-4deg)scale(1.08)}.workspace-collage div{background:#98ae70}.workspace-collage div:first-child{background:linear-gradient(135deg,#d8ed9f,#5c753c);grid-area:span 2/span 2}.workspace-collage div:nth-child(2){background:#405532}.workspace-collage div:nth-child(3){background:linear-gradient(#3d5530,#b0ce68);grid-row:span 2}.workspace-collage div:nth-child(4){background:#72924d;grid-column:span 2}.workspace-collage div:nth-child(5){background:#d8ed9f}.reel-overlay{z-index:1;color:#fff;justify-content:space-between;align-items:end;display:flex;position:absolute;inset:auto 1.2rem 1.2rem}.reel-overlay p{margin:0;font-size:clamp(1.7rem,3vw,3rem);font-weight:700;line-height:1}.reel-overlay span{text-transform:uppercase;font:400 .58rem DM Mono,monospace}.team-copy>p:not(.eyebrow),.tech-copy>p:not(.eyebrow){color:var(--muted);max-width:38rem;margin-top:1.5rem;line-height:1.7}.team-copy .button{margin-top:1rem}.technologies{grid-template-columns:1fr 1fr;align-items:center;gap:8vw;display:grid}.tech-orbit{color:#eff9c9;background:#161b17;min-height:470px;position:relative;overflow:hidden}.orbit-core{color:#111413;background:var(--accent);z-index:2;border-radius:50%;place-items:center;width:74px;height:74px;margin:-37px;font-weight:800;display:grid;position:absolute;top:50%;left:50%}.orbit-ring{border:1px solid #607450;border-radius:50%;position:absolute;top:50%;left:50%}.ring-one{width:280px;height:280px;margin:-140px}.ring-two{width:430px;height:430px;margin:-215px}.tech-orbit span{z-index:2;letter-spacing:.06em;font:500 .62rem DM Mono,monospace;position:absolute}.tech-orbit span:first-of-type{top:20%;left:10%}.tech-orbit span:nth-of-type(2){top:18%;right:10%}.tech-orbit span:nth-of-type(3){bottom:28%;right:6%}.tech-orbit span:nth-of-type(4){bottom:22%;left:13%}.tech-orbit span:nth-of-type(5){top:8%;left:42%}.tech-orbit span:nth-of-type(6){bottom:7%;left:43%}.projects{border-top:1px solid var(--line)}.project-intro{justify-content:space-between;align-items:end;max-width:none;display:flex}.project-intro .text-link{margin-bottom:.5rem}.project-grid{grid-template-columns:1.1fr .9fr;gap:1.2rem;margin-top:4rem;display:grid}.project{min-width:0}.project-tall{grid-row:span 2}.project-image{color:#fff;flex-direction:column;justify-content:space-between;min-height:320px;padding:1.35rem;transition:transform .4s;display:flex;position:relative;overflow:hidden}.project-tall .project-image{min-height:100%}.project:hover .project-image{transform:scale(.985)}.project-image span{letter-spacing:.1em;font:500 .62rem DM Mono,monospace}.project-image b{font-size:clamp(1.8rem,3vw,3.4rem);line-height:1.02}.product-screen{background:#1e4251 linear-gradient(135deg,#0000 55%,#78aabc 55%)}.product-screen b{z-index:1;position:relative}.product-screen:after{content:"";aspect-ratio:1;border:1px solid #b7d1d3;border-radius:50%;width:70%;position:absolute;top:10%;right:-12%}.campaign-screen{background:#b23925 repeating-linear-gradient(90deg,#0000 0 33px,#ffffff21 33px 34px)}.ai-screen{background-color:#405f27;background-image:radial-gradient(circle at 80% 20%,#b9dc7a 0 10%,#0000 11%),linear-gradient(120deg,#405f27 50%,#84a04c 50%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box}.project-meta{padding:1rem 0 2rem}.project-meta h3{margin:0 0 .3rem;font-size:1rem}.project-meta p{color:var(--muted);margin:0;font-size:.75rem}.contact{color:#fff;background:#111413;grid-template-columns:1fr 1fr;min-height:720px;display:grid}.contact-visual{background:#3c6605;padding:clamp(2rem,6vw,6rem);position:relative;overflow:hidden}.contact-visual p{z-index:1;font-size:clamp(2.8rem,5vw,6rem);font-weight:700;line-height:.95;position:relative}.contact-visual span{z-index:1;color:var(--accent);font-size:clamp(2.8rem,5vw,6rem);font-weight:700;position:relative}.contact-grid{opacity:.25;background-color:#0000;background-image:linear-gradient(#d9f24a 1px,#0000 1px),linear-gradient(90deg,#d9f24a 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:55px 55px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:-30%;transform:rotate(26deg)}.contact-panel{flex-direction:column;justify-content:center;padding:clamp(3rem,8vw,8rem);display:flex}.contact-panel .eyebrow{color:#b9c8b4}.contact-panel h2{max-width:640px}.contact form{gap:1rem;max-width:480px;margin-top:2.2rem;display:grid}.contact label{gap:.4rem;font-size:.7rem;font-weight:700;display:grid}.contact input,.contact textarea{color:#fff;background:0 0;border:0;border-bottom:1px solid #697368;border-radius:0;outline:0;width:100%;padding:.75rem 0;font:400 .95rem Manrope,sans-serif}.contact input:focus,.contact textarea:focus{border-color:var(--accent)}.contact .button{background:var(--accent);width:max-content;color:var(--ink);margin-top:.6rem}.contact .button:hover{background:#fff}.form-status{color:#d9f24a;min-height:1.2em;font-size:.75rem}footer{min-height:112px;color:var(--muted);justify-content:space-between;align-items:center;gap:2rem;padding:2rem clamp(1.25rem,8vw,10rem);font-size:.7rem;display:flex}footer p{margin:0}footer>a:last-child{border-bottom:1px solid var(--muted);padding-bottom:.2rem}@keyframes scan{0%,to{top:18%}50%{top:78%}}@keyframes orbit-clockwise{to{transform:rotate(360deg)}}@keyframes orbit-counterclockwise{to{transform:rotate(-360deg)}}@keyframes button-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.025)}}.scan-line{animation:4.5s ease-in-out infinite scan;top:18%}.ring-one{animation:18s linear infinite orbit-clockwise}.ring-two{animation:26s linear infinite orbit-counterclockwise}.pulse-button{animation:2.6s ease-in-out infinite button-pulse}[data-reveal]{opacity:0;transition:opacity .65s ease-out,transform .65s ease-out;transform:translateY(26px)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}[data-reveal]{opacity:1;transform:none}}@media (width<=800px){.desktop-nav{display:none}.header-cta{font-size:.68rem}.hero,.team,.technologies,.contact{grid-template-columns:1fr}.hero{gap:3rem;min-height:auto}.hero-visual{margin-left:0}.service-card{grid-template-columns:12% 1fr}.service-card div{grid-column:2;grid-template-columns:1fr}.team{gap:3rem}.team-reel,.workspace-collage{min-height:360px}.tech-orbit{min-height:380px}.project-intro{display:block}.project-intro .text-link{margin-top:1.5rem;display:inline-block}.project-grid{grid-template-columns:1fr}.project-tall .project-image{min-height:380px}.contact{min-height:auto}.contact-visual{min-height:320px}.contact-panel{padding-bottom:4rem}footer{flex-direction:column;align-items:flex-start;gap:1rem}}@media (width<=430px){.site-header{padding:0 1rem}.header-cta{display:none}.hero,.section{padding-left:1.1rem;padding-right:1.1rem}.service-card{grid-template-columns:1fr}.service-card div{grid-column:1}.hero-actions{flex-direction:column;align-items:flex-start}.hero-visual{aspect-ratio:.95}.visual-window{width:84%;left:8%}.output-grid{grid-template-columns:repeat(2,26px)}.team-copy h2{font-size:2.2rem}}