:root{--ink:#171916;--night:#111310;--night-2:#191c17;--paper:#efeee7;--muted:#9ba39b;--muted-dark:#687069;--line:rgba(255,255,255,.16);--line-dark:rgba(23,25,22,.17);--lime:#d8ef52;--amber:#efb45e;--coral:#e4845a;--green:#75d69a;--shell:1180px;--display:'Space Grotesk',sans-serif;--body:'Manrope',sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--night);color:#f5f6ef;font-family:var(--body);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{width:min(calc(100% - 64px),var(--shell));margin-inline:auto}.skip-link{position:absolute;left:-9999px;top:10px;background:#fff;color:#000;padding:8px}.skip-link:focus{left:12px;z-index:100}.header{position:fixed;z-index:50;top:0;left:0;width:100%;background:rgba(17,19,16,.83);border-bottom:1px solid transparent;backdrop-filter:blur(18px)}.header-inner{height:80px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;font:500 .85rem var(--display);letter-spacing:-.025em}.brand img{object-fit:contain}.brand b{font-weight:500;color:var(--muted)}.nav{display:flex;align-items:center;gap:30px;color:#aab2a9;font-size:.75rem}.nav a{transition:color .2s ease}.nav a:hover,.nav a:focus-visible{color:#fff}.nav-button{padding:11px 16px;border:1px solid var(--line);border-radius:999px;color:#fff}.nav-button span,.button span,.contact-link span{color:var(--lime);margin-left:8px}.menu-toggle{display:none;background:transparent;border:1px solid var(--line);border-radius:99px;color:#fff;padding:8px 12px}
.hero{position:relative;overflow:hidden;padding:145px 0 0;background:var(--night)}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 22%,rgba(216,239,82,.12),transparent 28%),radial-gradient(circle at 10% 75%,rgba(228,132,90,.1),transparent 27%)}.hero-layout{position:relative;z-index:1;display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:65px;min-height:645px}.hero-copy{padding-bottom:30px}.eyebrow{display:flex;align-items:center;gap:10px;margin:0;color:var(--lime);font:500 .66rem var(--mono);letter-spacing:.1em;text-transform:uppercase}.eyebrow.dark{color:var(--coral)}.eyebrow i,.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(117,214,154,.1)}h1,h2,h3{font-family:var(--display);letter-spacing:-.065em;line-height:1.01}h1{font-size:clamp(3.6rem,6.8vw,7.2rem);font-weight:600;margin:28px 0;max-width:700px}h1 em,h2 em{color:var(--lime);font-style:normal}.hero-text{max-width:560px;color:#b1bab1;font-size:1.05rem;line-height:1.72}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:36px}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;border:1px solid transparent;border-radius:999px;padding:14px 20px;font-size:.78rem;font-weight:800;transition:transform .2s ease,background .2s ease,border-color .2s ease}.button:hover{transform:translateY(-2px)}.button-lime{background:var(--lime);color:#171916}.button-lime:hover{background:#e8fa72}.under-link{font-size:.78rem;color:#fff}.under-link span{margin-left:12px;color:var(--lime)}.hero-note{display:flex;align-items:center;gap:10px;margin-top:64px;color:#768077;font:500 .62rem var(--mono);text-transform:uppercase}.hero-note b{font-weight:400;color:#c3c9bf}.note-rule{height:1px;width:45px;background:var(--line)}.hero-image{position:relative;min-height:540px;align-self:stretch;display:flex;align-items:center}.hero-image:after{content:"";position:absolute;inset:8% -6% 4% 7%;border:1px solid rgba(216,239,82,.28);transform:rotate(-3deg);pointer-events:none}.hero-image img{position:relative;z-index:1;width:100%;height:100%;max-height:600px;object-fit:cover;object-position:center;border-radius:2px;filter:saturate(.85);box-shadow:18px 24px 0 rgba(216,239,82,.11)}.image-tag{position:absolute;z-index:2;bottom:18%;left:-30px;display:flex;gap:13px;align-items:center;padding:12px 14px;background:var(--lime);color:#171916;font:500 .6rem var(--mono);letter-spacing:.06em;box-shadow:8px 8px 0 rgba(17,19,16,.45)}.image-tag strong{font-size:1rem}.proof-rail{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);padding-bottom:26px}.proof-rail span{padding:18px 18px 0 0;color:#778178;font:500 .62rem var(--mono);line-height:1.5}.proof-rail span+span{border-left:1px solid var(--line);padding-left:18px}.proof-rail b{display:block;color:#edf1e9;font:600 1.7rem var(--display);letter-spacing:-.06em}
.intro{padding:140px 0;background:var(--paper);color:var(--ink)}.intro-layout{display:grid;grid-template-columns:25% 1fr;gap:55px}.intro h2{max-width:800px;font-size:clamp(3rem,5.8vw,6.2rem);margin:0 0 25px}.intro h2 em{color:var(--coral)}.intro p:not(.eyebrow){max-width:610px;color:var(--muted-dark);font-size:1.05rem;line-height:1.78;margin:0}
.sectors{padding:135px 0;background:#f8f7f0;color:var(--ink)}.sectors-head{margin-bottom:70px}.sectors-head h2{max-width:800px}.sectors-head h2 em{color:var(--coral)}.sectors-head>p{color:var(--muted-dark)}.sector-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.sector-card{position:relative;min-height:440px;overflow:hidden;background:var(--night);color:#fff;isolation:isolate}.sector-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease,filter .5s ease;z-index:-2}.sector-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(17,19,16,.94),rgba(17,19,16,.03) 72%)}.sector-card:hover img{transform:scale(1.05);filter:saturate(1.12)}.sector-card>div{position:absolute;inset:auto 18px 20px}.sector-card span{font:500 .58rem var(--mono);letter-spacing:.07em;color:var(--lime)}.sector-card h3{font-size:1.7rem;line-height:1.02;margin:13px 0 9px}.sector-card p{margin:0;color:#c2c8bd;font-size:.74rem;line-height:1.55}
.section{padding:135px 0}.solutions{background:var(--night-2)}.section-head{display:grid;grid-template-columns:1fr .58fr;gap:60px;align-items:end}.section-head h2,.work-head h2{font-size:clamp(3rem,5.8vw,6rem);margin:24px 0 0}.section-head>p,.work-head>p{color:#8e998f;line-height:1.75;font-size:.9rem;max-width:370px;margin:0 0 7px}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:76px;background:var(--line)}.solution-card{min-height:365px;padding:26px;display:flex;flex-direction:column;align-items:flex-start}.solution-card h3{font-size:2rem;margin:auto 0 15px}.solution-card p{font-size:.82rem;line-height:1.72;margin:0 0 27px;max-width:330px}.solution-card a{font-size:.72rem;font-weight:800}.solution-card a span{margin-left:8px}.card-index{font:500 .63rem var(--mono)}.solution-card.dark{background:#20261f}.solution-card.dark p{color:#a6b0a5}.solution-card.dark a{color:var(--lime)}.solution-card.lime{background:var(--lime);color:var(--ink)}.solution-card.lime p{color:#526033}.solution-card.lime a{color:#425022}.solution-card.paper{background:#e5e3d8;color:var(--ink)}.solution-card.paper p{color:#687066}.solution-card.paper a{color:#af5c3b}
.systems{padding:140px 0;background:var(--paper);color:var(--ink)}.systems-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center}.systems h2{font-size:clamp(3rem,5vw,5.5rem);margin:25px 0}.systems h2 em{color:var(--coral)}.systems-copy>p:not(.eyebrow){color:#687067;max-width:460px;line-height:1.76}.systems-list{margin-top:45px;border-top:1px solid var(--line-dark)}.systems-list div{display:grid;grid-template-columns:40px 1fr;gap:14px;padding:17px 0;border-bottom:1px solid var(--line-dark);font-size:.78rem}.systems-list strong{color:var(--coral);font:500 .65rem var(--mono)}.systems-list span{color:#687067}.systems-list b{display:block;color:var(--ink);margin-bottom:3px}.systems-photo{position:relative}.systems-photo img{display:block;width:100%;aspect-ratio:1.25;object-fit:cover;filter:saturate(.8)}.photo-caption{position:absolute;right:-22px;bottom:25px;padding:14px;background:var(--ink);color:#aab3a9;font:500 .58rem var(--mono);line-height:1.5;letter-spacing:.07em}.photo-caption b{color:var(--lime);font-weight:500}
.work{background:#e7e6de;color:var(--ink)}.work-head{margin-bottom:70px}.work-head>p{color:#687067}.work-head h2 em{color:var(--coral)}.case-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.case-card{position:relative;min-height:330px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;color:#fff;background-size:cover;background-position:center;isolation:isolate;transition:transform .25s ease}.case-card:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(0,0,0,.82),rgba(0,0,0,.08) 68%)}.case-card:hover{transform:translateY(-7px)}.case-card>span,.case-card small{font:500 .62rem var(--mono);letter-spacing:.08em}.case-card strong{font:500 1.65rem var(--display);line-height:1;letter-spacing:-.055em}.case-card small{color:var(--lime)}.case-barber{background-image:url('/assets/hero-conversion.png')}.case-kine{background-image:linear-gradient(135deg,#a8d1c8,#385c5e)}.case-pizza{background-image:linear-gradient(135deg,#d68a50,#522d20)}.case-build{background-image:linear-gradient(135deg,#797c71,#252923)}
.process{background:var(--night)}.process-layout{display:grid;grid-template-columns:.8fr 1fr;gap:100px}.process h2{font-size:clamp(3rem,5.5vw,5.7rem);margin:25px 0}.process-steps>div{display:grid;grid-template-columns:50px 1fr;gap:15px;padding:25px 0;border-top:1px solid var(--line)}.process-steps>div:last-child{border-bottom:1px solid var(--line)}.process-steps span{color:var(--lime);font:500 .65rem var(--mono)}.process-steps h3{font-size:1.35rem;margin:0 0 8px}.process-steps p{color:#909b90;font-size:.84rem;line-height:1.7;margin:0;max-width:470px}
.contact{padding:135px 0;background:var(--lime);color:var(--ink)}.contact-layout{display:grid;grid-template-columns:.9fr 1fr;gap:100px}.contact h2{font-size:clamp(3rem,5.4vw,5.7rem);margin:25px 0}.contact h2 em{color:#48716a}.contact>div>p:not(.eyebrow){max-width:470px;color:#59634d;line-height:1.75}.contact-link{display:inline-flex;margin-top:24px;padding-bottom:8px;border-bottom:1px solid currentColor;font-size:.78rem;font-weight:800}.contact-link span{color:#426662}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:22px 16px}.contact-form label{display:grid;gap:8px;font:500 .63rem var(--mono);letter-spacing:.06em;text-transform:uppercase}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:0;border-bottom:1px solid rgba(23,25,22,.3);border-radius:0;background:transparent;color:var(--ink);outline:0;padding:11px 0;font:500 .9rem var(--body);letter-spacing:0;text-transform:none}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#777e69}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#47736c}.wide{grid-column:1/-1}.contact-form .button{justify-self:start;margin-top:3px;border:0}.form-message{font-size:.72rem;color:#3e6a65;margin:0}
.footer{background:#0c0e0b;padding:45px 0 20px;color:#899489}.footer-main{display:grid;grid-template-columns:1.2fr 1.2fr 1fr;gap:30px;align-items:start}.footer-main p{font-size:.74rem;line-height:1.7;margin:4px 0}.footer-nav{display:flex;justify-content:flex-end;gap:23px;font-size:.73rem}.footer-nav a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:42px;padding-top:17px;font:500 .61rem var(--mono)}
@media(max-width:950px){.shell{width:min(calc(100% - 44px),var(--shell))}.menu-toggle{display:block}.nav{display:none;position:absolute;top:80px;left:22px;right:22px;padding:18px;flex-direction:column;align-items:stretch;background:#1b211a;border:1px solid var(--line);border-radius:12px}.nav.is-open{display:flex}.nav-button{text-align:center}.hero-layout,.systems-layout,.process-layout,.contact-layout{grid-template-columns:1fr;gap:50px}.hero{padding-top:125px}.hero-image{min-height:480px;max-width:700px}.section-head,.intro-layout{grid-template-columns:1fr;gap:25px}.solution-grid{margin-top:55px}.sector-grid{grid-template-columns:repeat(2,1fr)}.case-grid{grid-template-columns:repeat(2,1fr)}.footer-main{grid-template-columns:1fr 1fr}.footer-nav{justify-content:flex-start;grid-column:1/-1}}
@media(max-width:620px){.shell{width:calc(100% - 32px)}.header-inner{height:68px}.nav{top:68px;left:16px;right:16px}.brand{font-size:.76rem}.brand img{width:36px;height:36px}.hero{padding-top:105px}.hero-layout{min-height:0}.hero h1{font-size:clamp(3.1rem,14vw,5rem)}.hero-text{font-size:.95rem}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.hero-note{margin-top:45px;flex-wrap:wrap}.hero-note .note-rule{display:none}.hero-note b{width:100%;padding-left:17px}.hero-image{min-height:290px;margin-top:10px}.hero-image:after{inset:5% -4% 4% 4%}.image-tag{left:8px;bottom:9%;font-size:.49rem;padding:10px;gap:7px}.proof-rail{grid-template-columns:1fr 1fr}.proof-rail span{padding:14px 10px 0 0}.proof-rail span+span{padding-left:10px}.proof-rail span:nth-child(3){border-left:0;padding-left:0}.proof-rail b{font-size:1.35rem}.intro,.section,.systems,.contact,.sectors{padding:88px 0}.intro h2,.section-head h2,.work-head h2,.systems h2,.process h2,.contact h2{font-size:clamp(2.8rem,13vw,4.2rem)}.solution-grid{grid-template-columns:1fr;margin-top:45px}.solution-card{min-height:280px;padding:22px}.sector-grid{grid-template-columns:1fr 1fr;gap:8px}.sector-card{min-height:285px}.sector-card>div{inset:auto 13px 14px}.sector-card h3{font-size:1.3rem}.sector-card p{font-size:.67rem}.systems-layout{gap:45px}.systems-photo img{aspect-ratio:1}.photo-caption{right:8px;bottom:12px}.case-grid{grid-template-columns:1fr 1fr;gap:8px}.case-card{min-height:250px;padding:15px}.case-card strong{font-size:1.25rem}.contact-form{grid-template-columns:1fr}.wide{grid-column:1}.footer-main{grid-template-columns:1fr}.footer-nav{grid-column:auto;flex-wrap:wrap;gap:16px}.footer-bottom{flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.button:hover,.case-card:hover{transform:none}}
