@layer reset, base, components, utilities;
@layer components {
  .footer-art{position:relative;isolation:isolate;overflow:hidden}
  .footer-particles{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.4;background:radial-gradient(ellipse at center,#b7d83a08,transparent 65%)}
  .footer-particles canvas{display:block;width:100%;height:100%}
  .particle-poster{position:absolute;left:50%;top:50%;width:230px;aspect-ratio:1;transform:translate(-50%,-50%) rotate(-25deg);border:1px dotted #b7d83a88;border-radius:50%;background:radial-gradient(ellipse at 35% 30%,#b7d83a22,transparent 65%);box-shadow:inset 16px -12px 40px #b7d83a12,14px 0 35px #f1472f10}
  .particle-poster::before,.particle-poster::after{content:"";position:absolute;inset:16%;border:1px dotted #b7d83a66;border-radius:50%;transform:scaleX(.5) rotate(45deg)}
  .particle-poster::after{inset:6%;transform:scaleY(.4) rotate(-25deg);border-color:#f1472f88}
  .footer-particles.is-ready .particle-poster{display:none}
  @media(prefers-reduced-motion:reduce){.footer-particles canvas{visibility:hidden}.footer-particles.is-ready .particle-poster{display:block}}
}
@layer components {
  .hero-orbit{position:absolute;z-index:1;right:0;bottom:0;width:78%;height:45%;pointer-events:none;opacity:.65;mask-image:linear-gradient(90deg,transparent,#000 32%),linear-gradient(0deg,transparent,#000 22%,#000 75%,transparent);mask-composite:intersect}
  .hero-orbit canvas{display:block;width:100%;height:100%}
  .orbit-poster{position:absolute;inset:24% -10%;border-top:1px solid #b7d83a55;border-radius:50%;transform:rotate(-8deg);box-shadow:0 -12px 0 -11px #b7d83a44,0 -24px 0 -23px #b7d83a33,0 -36px 0 -35px #b7d83a22}
  .hero-orbit.is-ready .orbit-poster{display:none}
  @media(max-width:760px){.hero-orbit{width:100%;height:26%;bottom:0;right:0;opacity:.45}}
  @media(prefers-reduced-motion:reduce){.hero-orbit canvas{visibility:hidden}.hero-orbit.is-ready .orbit-poster{display:block}}
}
@layer utilities{.js .why .reveal-from-left{transform:translateX(-64px)}.js .why .reveal-from-right{transform:translateX(64px)}.js .why .reveal.is-visible{transform:translate(0)}}

@layer reset { *,::before,::after{box-sizing:border-box} body,h1,h2,h3,p{margin:0} button,input,textarea,select{font:inherit} }
@layer base {
  :root{--black:#101110;--ink:#f4f2e9;--red:#f1472f;--green:#b7d83a;--muted:#a4a69e;--line:#30322f;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-6:48px;--space-8:64px;--space-12:96px;--display:clamp(3rem,7vw,7.5rem);--heading:clamp(2.5rem,5vw,5.2rem)}
  html{scroll-behavior:smooth} body{background:var(--black);color:var(--ink);font:500 16px/1.45 "Roboto",Arial,sans-serif} a{color:inherit;text-decoration:none} ::selection{background:var(--green);color:var(--black)}
  :focus-visible{outline:3px solid var(--green);outline-offset:4px}.skip-link{position:fixed;top:-100%;left:16px;z-index:99;background:var(--green);color:var(--black);padding:12px}.skip-link:focus{top:16px}
}

@layer components {
  .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 28px}.contact-form select{width:100%;padding:12px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:var(--black);color:var(--ink)}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--green);outline:0}.contact-form textarea{min-height:112px}.contact-form .button{justify-self:start}
  .site-footer{display:block;padding:0 clamp(20px,7vw,112px);border-top:1px solid var(--line);background:#0b0c0b;color:var(--ink);font-size:1rem}.footer-lead{display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw;align-items:end;padding:clamp(72px,10vw,144px) 0;border-bottom:1px solid var(--line)}.footer-kicker{max-width:280px;color:var(--muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.12em}.footer-lead>a{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;font-size:clamp(2.7rem,6vw,6.5rem);font-weight:700;letter-spacing:-.07em;line-height:.9}.footer-lead>a span{flex:0 0 auto;width:clamp(56px,7vw,88px);aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:var(--green);color:var(--black);font-size:clamp(1.4rem,2.6vw,2.4rem);transition:transform .2s}.footer-lead>a:hover span{transform:rotate(45deg)}.footer-links{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:clamp(32px,7vw,112px);padding:clamp(56px,7vw,96px) 0}.footer-links h2{margin-bottom:24px;color:var(--muted);font-size:.7rem;letter-spacing:.14em;line-height:1;text-transform:uppercase}.footer-links ul{display:grid;gap:14px;margin:0;padding:0;list-style:none}.footer-links a{min-height:44px;display:flex;align-items:center;width:max-content;max-width:100%;border-bottom:1px solid transparent}.footer-links a:hover{border-color:var(--green);color:var(--green)}.footer-links a span{font-size:.8em}.footer-bottom{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);color:var(--muted);font-size:.78rem}.footer-bottom .brand{color:var(--ink)}
  @media(max-width:760px){.form-grid{grid-template-columns:1fr}.footer-lead{grid-template-columns:1fr;gap:32px}.footer-links{grid-template-columns:1fr 1fr}.footer-bottom{flex-wrap:wrap;padding:24px 0}.footer-bottom p{order:3;width:100%}}
  @media(max-width:480px){.site-footer{padding-inline:20px}.footer-lead{padding:64px 0}.footer-lead>a{align-items:center}.footer-links{grid-template-columns:1fr;padding:56px 0}.footer-bottom{align-items:flex-start;flex-direction:row}.footer-bottom p{order:3}}
  @media(prefers-reduced-motion:reduce){.footer-lead>a span{transition:none}}
}
@layer utilities { @media(max-width:480px){.site-footer .footer-links h2{font-size:.7rem}} }
@layer utilities {
  .expertise{background:#fff;color:#17202b}.expertise .eyebrow{color:#66717e}.expertise .eyebrow i{background:#2d8ce5}.expertise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:64px auto 0;max-width:1280px}.feature-card{min-height:350px;padding:44px 36px 36px;display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;border:1px solid #e4e9ee;border-radius:18px;box-shadow:0 1px 2px #17202b08}.feature-card h3{margin-top:30px;font-size:clamp(1.05rem,1.45vw,1.4rem);text-transform:uppercase;letter-spacing:-.035em;line-height:1.1}.feature-card p{margin-top:18px;color:#6e7b89;max-width:310px}.card-link{margin-top:auto;padding-top:24px;color:#2889df;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.feature-card:hover{transform:translateY(-5px);border-color:#a9ccea}.feature-card{transition:transform .2s,border-color .2s}.service-icon{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:#eef7ff;color:#2889df;font-size:2.7rem;font-weight:700;line-height:1}.code-icon{font-size:1.65rem}.expertise .section-intro{color:#17202b}
  @media(max-width:760px){.feature-card{grid-column:auto}}
}

@layer components {
  .service-page .site-header{position:absolute}.service-hero{min-height:720px;padding:clamp(140px,17vw,200px) clamp(20px,7vw,112px) 96px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:center;gap:8vw;position:relative;overflow:hidden;background:radial-gradient(circle at 82% 42%,#34432e 0,transparent 30%),var(--black)}.service-hero h1{max-width:900px}.service-hero h1 em{color:var(--green)}.service-lead{max-width:620px;margin:32px 0;color:#c8cac3;font-size:clamp(1rem,1.4vw,1.25rem)}.service-orbit{justify-self:center;width:min(34vw,420px);aspect-ratio:1;position:relative;display:grid;place-items:center;border:1px solid #66745e;border-radius:50%;animation:service-float 6s ease-in-out infinite}.service-orbit::before,.service-orbit::after{content:"";position:absolute;inset:12%;border:1px solid #4a5545;border-radius:50%}.service-orbit::after{inset:27%;background:var(--green);border:0}.visual-web>span{position:relative;z-index:1;color:#17202b;font:800 clamp(1.4rem,3vw,2.5rem)/1 monospace}.service-orbit b{position:absolute;padding:6px 9px;background:#171a16;border:1px solid #526147;color:var(--ink);font-size:.6rem;letter-spacing:.15em}.visual-web b:nth-of-type(1){top:11%;right:7%}.visual-web b:nth-of-type(2){bottom:14%;left:2%}.visual-web b:nth-of-type(3){bottom:2%;right:14%;color:var(--green)}@keyframes service-float{50%{transform:translateY(-12px) rotate(3deg)}}
  .service-solutions{background:var(--ink);color:var(--black)}.service-section-heading{display:grid;grid-template-columns:.65fr 1.35fr;gap:8vw;align-items:start}.service-section-heading h2{max-width:850px}.service-section-heading h2 em{color:var(--red)}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:72px;border-top:1px solid #b9bbb2;border-left:1px solid #b9bbb2}.solution-grid article{min-height:330px;padding:32px;display:flex;flex-direction:column;border-right:1px solid #b9bbb2;border-bottom:1px solid #b9bbb2}.solution-grid span{color:var(--red);font-size:.72rem;font-weight:800;letter-spacing:.14em}.solution-grid h3{margin-top:auto;font-size:clamp(1.5rem,2.5vw,2.3rem);line-height:1;letter-spacing:-.05em}.solution-grid p{max-width:320px;margin-top:16px;color:#62645e}
  .service-stack{background:#151714}.service-stack .service-section-heading h2 em{color:var(--green)}.stack-grid{margin-top:72px;border-top:1px solid var(--line)}.stack-grid article{display:grid;grid-template-columns:110px .65fr;gap:clamp(28px,7vw,110px);align-items:center;padding:32px 0;border-bottom:1px solid var(--line)}.stack-mark{width:72px;height:72px;display:grid;place-items:center;border-radius:50%;background:var(--green);color:#17202b;font-size:1.35rem;font-weight:800}.stack-grid h3{font-size:clamp(1.4rem,2.4vw,2.2rem);letter-spacing:-.05em}.stack-grid p{max-width:640px;margin-top:8px;color:var(--muted)}
  .visual-ai::before{inset:7%;border-style:dashed;animation:visual-spin 12s linear infinite}.visual-ai::after{inset:34%;background:var(--red);box-shadow:0 0 45px #f1472f55}.visual-ai .ai-core{z-index:2;color:white;font:800 clamp(1.3rem,3vw,2.4rem)/1 Arial,sans-serif}.visual-ai i{position:absolute;width:16px;height:16px;border-radius:50%;background:var(--green);box-shadow:0 0 18px #b7d83a88}.visual-ai i:nth-of-type(1){top:9%;left:47%}.visual-ai i:nth-of-type(2){top:27%;right:12%}.visual-ai i:nth-of-type(3){right:18%;bottom:18%}.visual-ai i:nth-of-type(4){bottom:8%;left:38%}.visual-ai i:nth-of-type(5){left:9%;bottom:31%}.visual-ai i:nth-of-type(6){left:17%;top:20%}.visual-ai b:nth-of-type(1){top:17%;right:-2%}.visual-ai b:nth-of-type(2){bottom:12%;left:-2%}
  .visual-mvp,.visual-ux,.visual-custom,.visual-saas{border-color:transparent;perspective:700px;transform-style:preserve-3d}.visual-mvp::before,.visual-mvp::after,.visual-ux::before,.visual-ux::after,.visual-custom::before,.visual-custom::after,.visual-saas::before,.visual-saas::after{display:none}.visual-mvp{animation:mvp-turn 7s ease-in-out infinite}.cube{position:absolute;width:34%;aspect-ratio:1;display:grid;place-items:center;background:#20251e;border:1px solid #708065;color:var(--green);font-size:.65rem;letter-spacing:.12em;box-shadow:16px 16px 0 #111411,16px 16px 0 1px #526147}.cube-one{left:3%;bottom:12%;transform:rotateY(24deg)}.cube-two{left:34%;bottom:33%;transform:translateZ(45px) rotateY(24deg)}.cube-three{right:1%;top:10%;background:var(--green);color:#17202b;transform:translateZ(90px) rotateY(24deg)}
  .visual-ux{animation:ux-tilt 7s ease-in-out infinite}.ui-panel{position:absolute;display:grid;gap:10%;padding:7%;background:#20251e;border:1px solid #708065;border-radius:12px;box-shadow:0 20px 45px #0008;transform:rotateY(-28deg) rotateX(12deg)}.ui-panel i{display:block;height:10px;border-radius:8px;background:#576052}.panel-one{inset:8% 28% 22% 2%}.panel-one i:first-child{height:42%;background:var(--green)}.panel-two{inset:26% 1% 6% 49%;transform:translateZ(70px) rotateY(-28deg) rotateX(12deg)}.panel-two i:first-child{height:62%;background:var(--red)}.visual-ux b{bottom:1%;right:5%}
  .visual-custom{animation:custom-float 6s ease-in-out infinite}.module{position:absolute;width:34%;aspect-ratio:1;display:grid;place-items:center;border:1px solid #67745f;background:#1c211b;color:var(--green);font:800 .72rem/1 monospace;box-shadow:0 18px 30px #0006}.module-one{top:4%;left:33%;transform:translateZ(70px)}.module-two{bottom:7%;left:5%;background:var(--red);color:white;transform:rotateY(30deg)}.module-three{right:3%;bottom:14%;transform:rotateY(-30deg)}.visual-custom>i{position:absolute;height:1px;background:#748169;transform-origin:left}.visual-custom>i:nth-of-type(1){width:42%;top:48%;left:20%;transform:rotate(33deg)}.visual-custom>i:nth-of-type(2){width:39%;top:50%;left:52%;transform:rotate(132deg)}
  .visual-saas{align-items:end;padding:17% 15%;grid-template-columns:repeat(4,1fr);gap:7%;transform:rotateX(9deg) rotateY(-12deg);animation:saas-rise 6s ease-in-out infinite}.growth-bar{width:100%;height:28%;background:#374131;border:1px solid #708065;box-shadow:8px 8px 0 #171a16}.growth-bar:nth-of-type(2){height:44%}.growth-bar:nth-of-type(3){height:65%;background:#7d982a}.growth-bar:nth-of-type(4){height:88%;background:var(--green)}.visual-saas b{top:4%;right:4%;color:var(--green)}
  @keyframes visual-spin{to{transform:rotate(360deg)}}@keyframes mvp-turn{50%{transform:rotateY(-9deg) translateY(-10px)}}@keyframes ux-tilt{50%{transform:rotateY(8deg) translateY(-8px)}}@keyframes custom-float{50%{transform:rotateY(-8deg) rotateX(5deg) translateY(-10px)}}@keyframes saas-rise{50%{transform:rotateX(9deg) rotateY(-4deg) translateY(-10px)}}
  @media(max-width:760px){.service-hero{min-height:700px;display:block;padding-top:132px}.service-orbit{position:absolute;width:280px;right:-110px;bottom:30px;opacity:.28}.service-section-heading{grid-template-columns:1fr;gap:24px}.solution-grid{grid-template-columns:1fr;margin-top:48px}.solution-grid article{min-height:240px}.stack-grid{margin-top:48px}.stack-grid article{grid-template-columns:72px 1fr;gap:20px}.stack-mark{width:60px;height:60px}}
  @media(max-width:480px){.service-hero{min-height:660px;padding:116px 20px 72px}.service-lead{margin-top:24px}.service-hero .button{width:100%}.solution-grid article{min-height:220px;padding:24px}.stack-grid article{grid-template-columns:52px 1fr}.stack-mark{width:48px;height:48px;font-size:1rem}}
  @media(prefers-reduced-motion:reduce){.service-orbit{animation:none}}
}
@layer components {
  .site-header{height:80px;padding:0 clamp(20px,4vw,64px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:absolute;z-index:5;width:100%}.brand{display:inline-flex;align-items:center;min-height:44px;flex-shrink:0}.brand img{display:block;width:220px;height:auto;max-width:100%}nav{display:flex;align-items:center;gap:clamp(16px,3vw,40px);font-size:.88rem}nav a{min-height:44px;display:grid;place-items:center}.nav-cta{border:1px solid var(--ink);border-radius:99px;padding:0 18px;gap:10px;display:flex}.nav-cta span{color:var(--green);font-size:1.2rem}.menu-button{display:none}
  .hero{min-height:100vh;padding:clamp(128px,17vw,180px) clamp(20px,7vw,112px) 32px;display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:1fr auto;position:relative;overflow:hidden;background:radial-gradient(circle at 88% 16%,#2b3928 0,transparent 28%),var(--black)}.hero-copy{position:relative;z-index:2;align-self:center}.eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);display:flex;align-items:center;gap:8px;margin-bottom:24px}.eyebrow i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--red)}h1,h2{font-size:var(--display);letter-spacing:-.07em;line-height:.9;font-weight:700}h2{font-size:var(--heading)}em{font-weight:400}.hero h1 em{color:var(--green)}.hero-text{max-width:470px;margin-top:32px;font-size:clamp(1rem,1.3vw,1.2rem);color:#d3d4cd}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:40px}.button{min-height:48px;border:0;border-radius:99px;padding:0 23px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:18px;cursor:pointer;transition:transform .2s,background .2s}.button-primary{background:var(--red);color:white}.button:hover{transform:translateY(-3px);background:#ff5d46}.text-link{border-bottom:1px solid var(--green);padding:10px 0;font-size:.9rem}.hero-stage{position:absolute;inset:0 0 0 42%;z-index:1}.hero-stage canvas{position:absolute;inset:0;width:100%;height:100%}.stage-fallback{position:absolute;inset:20% 13% 15%;border:1px solid #67715e;border-radius:50%;display:grid;place-items:center;align-content:center;gap:10px;transform:rotate(-15deg);color:var(--green);opacity:.6}.stage-fallback span{font-size:.6rem;letter-spacing:.15em}.stage-fallback strong{font-size:clamp(1.5rem,3vw,3rem);line-height:.9;text-align:center}.stage-fallback b{font-size:3rem;color:var(--red)}.system-key{position:absolute;left:12%;bottom:17%;display:grid;gap:6px;z-index:2}.system-key span{width:max-content;background:#171a16cc;border:1px solid #526147;color:var(--ink);padding:6px 9px;font-size:.6rem;letter-spacing:.12em}.system-key span:nth-child(2){margin-left:24px}.system-key span:nth-child(3){margin-left:8px;color:var(--green)}.orbit-label{position:absolute;font-size:.64rem;letter-spacing:.15em;color:var(--green);z-index:2}.label-one{top:23%;right:12%}.label-two{bottom:27%;left:17%}.hero-footer{grid-column:1/-1;display:flex;align-items:center;z-index:2;color:var(--muted)}.hero-footer p{margin-left:auto;font-size:.85rem}
  .section{padding:clamp(80px,11vw,168px) clamp(20px,7vw,112px)}.why{position:relative;isolation:isolate;overflow:hidden;background:var(--ink);color:var(--black);display:grid;grid-template-columns:1fr 1.25fr;gap:8vw}.why::before{content:"";position:absolute;inset:0;z-index:0;background:url("assets/why-emverix-background.webp") center/cover;opacity:.15}.why .section-intro,.why-list{position:relative;z-index:1}.why .eyebrow,.clients .eyebrow{color:#5e6159}.why-list{border-top:1px solid #b9bbb2}.why-list article{padding:28px 0;border-bottom:1px solid #b9bbb2}.why h3,.feature-card h3{font-size:clamp(1.4rem,2.2vw,2rem);letter-spacing:-.05em}.why p{max-width:440px;margin-top:10px;color:#5e6159}
  .expertise{background:#151714}.expertise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:64px}.feature-card{min-height:360px;padding:28px;display:flex;flex-direction:column;background:#242622;border:1px solid #3b3d38}.feature-card.red{background:var(--red);color:#1c1310}.feature-card.green{background:var(--green);color:#15200b}.feature-card h3{margin-top:auto}.feature-card p{margin-top:12px;color:inherit;opacity:.75;max-width:280px}.tech{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.tech span{border:1px solid currentColor;border-radius:99px;padding:5px 9px;font-size:.72rem}.clients{background:var(--green);color:#11190d}.client-heading{display:flex;justify-content:space-between;align-items:end}.logo-grid{margin-top:64px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #718c20;border-left:1px solid #718c20}.logo-grid span{min-height:130px;padding:24px;border-right:1px solid #718c20;border-bottom:1px solid #718c20;display:grid;place-items:center;font-size:clamp(1.1rem,2vw,1.8rem);font-weight:800;letter-spacing:-.06em}.logo-grid span:nth-child(3n+1){font-weight:400}.contact{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.contact-copy>p:last-child{max-width:400px;color:var(--muted);margin-top:28px}.contact h2 em{color:var(--red)}.contact-form{display:grid;gap:20px}.contact-form label{display:grid;gap:8px;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}input,textarea{width:100%;background:transparent;border:0;border-bottom:1px solid var(--line);padding:12px 0;color:var(--ink);border-radius:0}textarea{resize:vertical;min-height:88px}.form-status{min-height:20px;color:var(--green);font-size:.85rem}footer{padding:32px clamp(20px,7vw,112px);border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:.8rem}
}
@layer utilities { .hero-image{position:absolute;inset:0;z-index:0;overflow:hidden}.hero-image::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#101110 2%,#101110e8 37%,#10111075 62%,#10111028),linear-gradient(0deg,#101110 0%,transparent 38%)}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.8) contrast(1.05)}.client-carousel{overflow:hidden;margin-top:64px;border-block:1px solid #718c20}.logo-track{display:flex;width:max-content;animation:logo-scroll 26s linear infinite}.client-carousel:hover .logo-track,.client-carousel:focus-within .logo-track{animation-play-state:paused}.logo-mark{min-width:clamp(170px,20vw,300px);min-height:132px;padding:24px;display:grid;place-items:center;border-right:1px solid #718c20;font-size:clamp(1rem,1.8vw,1.65rem);font-weight:800;letter-spacing:-.06em}.logo-mark:nth-child(3n+1){font-weight:400;letter-spacing:-.03em}@keyframes logo-scroll{to{transform:translateX(-50%)}}.js .reveal{opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .6s ease}.js .reveal.is-visible{opacity:1;transform:translateY(0)} @media(max-width:760px){.site-header{height:68px}nav{display:none;position:absolute;top:68px;left:0;width:100%;padding:20px;background:#181a17;align-items:stretch}nav.open{display:flex;flex-direction:column}.menu-button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:none;color:var(--ink)}.menu-icon,.menu-icon::before,.menu-icon::after{display:block;width:24px;height:2px;background:currentColor;transition:transform .2s,opacity .2s;content:""}.menu-icon{position:relative}.menu-icon::before{position:absolute;transform:translateY(-7px)}.menu-icon::after{position:absolute;transform:translateY(7px)}.menu-button.open .menu-icon{background:transparent}.menu-button.open .menu-icon::before{transform:rotate(45deg)}.menu-button.open .menu-icon::after{transform:rotate(-45deg)}.hero{display:block;min-height:780px;padding-top:140px}.hero-image img{object-position:63% center}.hero-footer{position:absolute;bottom:32px;left:20px;right:20px}.hero-footer p{display:none}.hero-actions{flex-wrap:wrap}.why,.contact{grid-template-columns:1fr;gap:48px}.expertise-grid{grid-template-columns:1fr}.feature-card{min-height:280px}.client-heading{display:block}.client-carousel{margin-top:40px}.logo-mark{min-width:190px;min-height:104px;padding:12px}footer{gap:20px;flex-wrap:wrap}.contact{padding-bottom:80px}} @media(max-width:480px){.hero{min-height:720px;padding:120px 20px 28px}.hero-image::after{background:linear-gradient(180deg,#101110a8 0%,#101110e8 56%,#101110 100%)}.hero-image img{object-position:68% center}h1{font-size:clamp(3.1rem,14vw,4.4rem)}h2{font-size:clamp(2.5rem,12vw,3.7rem)}.hero-text{margin-top:24px}.hero-actions{display:grid;gap:12px;margin-top:32px}.hero-actions .button{width:100%}.text-link{width:max-content}.section{padding:72px 20px}.why,.contact{gap:40px}.feature-card{min-height:250px;padding:24px}.logo-mark{min-width:72vw}.contact-form{gap:24px}.contact-form .button{width:100%}footer{padding:28px 20px;align-items:flex-start;flex-direction:column}} @media(prefers-reduced-motion:reduce){*,::before,::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.logo-track{animation:none}} }

@layer components {
  .about{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.about .section-intro,.about-copy{position:relative;z-index:1}.about h2 em{color:var(--green)}.about-copy{display:grid;gap:24px;color:#c8cac3;font-size:clamp(1rem,1.3vw,1.18rem);font-weight:400}
  .about-laptop{position:absolute;z-index:0;top:64%;left:40%;width:clamp(220px,26vw,390px);aspect-ratio:1.35;perspective:800px;transform:translate(-50%,-48%) rotateX(5deg) rotateY(-14deg);transform-style:preserve-3d;pointer-events:none;opacity:.38;animation:laptop-float 7s ease-in-out infinite}.laptop-screen{position:absolute;inset:2% 9% 31%;display:grid;place-items:center;border:2px solid var(--green);border-radius:8px;background:#171a16;box-shadow:0 0 44px #b7d83a1f;transform:translateZ(18px)}.laptop-screen code{color:var(--green);font:700 clamp(.8rem,1.5vw,1.25rem)/1.65 monospace;letter-spacing:.3em;text-align:center}.laptop-screen strong{color:var(--red);font:inherit;letter-spacing:0}.laptop-base{position:absolute;inset:68% 0 5%;border:1px solid #f4f2e966;background:repeating-linear-gradient(90deg,#252824 0 8%,#171a16 8% 10%);clip-path:polygon(9% 0,91% 0,100% 82%,92% 100%,8% 100%,0 82%);transform-origin:top;transform:rotateX(68deg)}.about-laptop>b{position:absolute;color:var(--green);font:700 .72rem monospace;letter-spacing:.15em;animation:code-float 4s ease-in-out infinite}.about-laptop>b:nth-of-type(1){top:9%;left:-3%}.about-laptop>b:nth-of-type(2){right:-1%;top:35%;animation-delay:-1.4s}.about-laptop>b:nth-of-type(3){left:8%;bottom:4%;color:var(--red);animation-delay:-2.7s}@keyframes laptop-float{0%,100%{transform:translate(-50%,-48%) rotateX(5deg) rotateY(-14deg)}50%{transform:translate(-50%,-54%) rotateX(-2deg) rotateY(14deg)}}@keyframes code-float{50%{transform:translateY(-18px);opacity:.4}}
  .numbers{background:var(--red);color:#1c1310}.numbers .eyebrow{color:#482019}.numbers .eyebrow i{background:#1c1310}.numbers-grid{display:grid;grid-template-columns:repeat(4,1fr);margin:56px 0 0}.numbers-grid div{padding:0 28px;border-left:1px solid #9d2f21}.numbers-grid div:first-child{padding-left:0;border-left:0}.numbers-grid dt{font-size:clamp(3.5rem,7vw,7rem);font-weight:700;line-height:.9;letter-spacing:-.07em}.numbers-grid dd{max-width:180px;margin:18px 0 0;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
  @media(max-width:760px){.about{grid-template-columns:1fr;gap:48px}.about-laptop{left:80%;opacity:.22}.numbers-grid{grid-template-columns:repeat(2,1fr);gap:40px 0}.numbers-grid div:nth-child(3){padding-left:0;border-left:0}}
  @media(max-width:480px){.about{gap:40px}.numbers-grid{grid-template-columns:1fr;margin-top:40px;gap:0}.numbers-grid div,.numbers-grid div:nth-child(3){padding:28px 0;border-left:0;border-top:1px solid #9d2f21}.numbers-grid div:first-child{border-top:0}}
  @media(prefers-reduced-motion:reduce){.about-laptop,.about-laptop>b{animation:none}}
}