:root{--color-bg:#fbfdfb;--color-white:#fff;--color-text:#16231d;--color-muted:#627166;--color-green:#195e45;--color-green-dark:#0f4532;--color-border:#1c483424;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--color-text);background:var(--color-bg);font-family:var(--font-sans);font-synthesis:none;letter-spacing:0;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-bg);min-width:320px;min-height:100vh;margin:0}body,button,input,textarea,select{font-family:var(--font-sans);letter-spacing:0}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #267d5c61}img{max-width:100%}::selection{color:var(--color-white);background:var(--color-green)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.site-shell{background:linear-gradient(180deg, #ebf5ef9e 0, #fff0 420px), var(--color-bg);min-height:100vh}.site-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fafcfae0;border-bottom:1px solid #1d40311a;grid-template-columns:minmax(176px,260px) 1fr auto;align-items:center;gap:28px;width:min(1180px,100% - 40px);min-height:76px;margin:0 auto;padding:10px 0;display:grid;position:sticky;top:0}.brand{align-items:center;width:min(100%,242px);display:inline-flex}.brand img{width:100%;height:auto;display:block}.nav-links{justify-content:center;gap:clamp(16px,3vw,34px);display:flex}.nav-links a,.header-action{color:var(--color-muted);font-size:.84rem;font-weight:700;line-height:1;text-decoration:none}.nav-links a{padding:12px 0}.nav-links a:hover,.nav-links a:focus-visible{color:var(--color-green)}.header-action{min-height:42px;color:var(--color-white);background:var(--color-green);border-radius:8px;justify-self:end;align-items:center;padding:0 18px;display:inline-flex;box-shadow:0 16px 34px #0e45322e}.header-action:hover,.header-action:focus-visible{background:var(--color-green-dark)}.hero-section{grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr);align-items:center;gap:clamp(38px,6vw,76px);width:min(1180px,100% - 40px);min-height:calc(100vh - 76px);margin:0 auto;padding:clamp(54px,8vw,86px) 0 clamp(42px,5vw,64px);display:grid;position:relative}.hero-copy{z-index:2;position:relative}.hero-copy h1{max-width:760px;color:var(--color-text);margin:0;font-size:clamp(3rem,7vw,5.95rem);font-weight:800;line-height:.94}.hero-copy p{max-width:570px;color:var(--color-muted);margin:28px 0 0;font-size:clamp(1.08rem,2vw,1.32rem);line-height:1.55}.hero-concept-backdrop{z-index:1;border-radius:8px;height:clamp(500px,50vw,650px);margin:0;position:relative;overflow:hidden;box-shadow:0 28px 70px #1c28231f}.hero-concept-backdrop:after{content:none}.hero-concept-backdrop img{object-fit:cover;object-position:62% center;width:100%;height:100%;display:block}.hero-actions,.contact-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:34px;display:flex}.button{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 20px;font-size:.93rem;font-weight:800;line-height:1;text-decoration:none;transition:background .18s,border-color .18s,color .18s,transform .18s;display:inline-flex}.button:hover,.button:focus-visible{transform:translateY(-1px)}.button-primary{color:var(--color-white);background:var(--color-green);box-shadow:0 18px 38px #0e45322e}.button-primary:hover,.button-primary:focus-visible{background:var(--color-green-dark)}.button-secondary{color:var(--color-green);background:#ffffffd1;border-color:#195e452e}.button-secondary:hover,.button-secondary:focus-visible{background:var(--color-white);border-color:#195e4557}.hero-visual{min-height:clamp(500px,50vw,650px);position:relative}.hero-image,.hero-service-board{background:var(--color-white);border-radius:8px;margin:0;position:absolute;overflow:hidden;box-shadow:0 28px 70px #1c282324}.hero-image img{object-fit:cover;width:100%;height:100%;display:block}.hero-image-large{width:min(88%,640px);height:min(76%,500px);inset:0 0 auto auto}.hero-service-board{background:#195e4524;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;width:min(88%,640px);height:min(76%,500px);display:grid;inset:0 0 auto auto}.board-row{color:var(--color-text);background:linear-gradient(180deg, #ffffff8c, #f7fbf6f5), var(--color-white);flex-direction:column;justify-content:flex-end;gap:18px;padding:clamp(20px,4vw,34px);display:flex}.board-row:nth-child(2),.board-row:nth-child(3){background:linear-gradient(180deg, #ebf5ef94, #fffffff0), var(--color-white)}.board-row svg{color:var(--color-green)}.board-row span{max-width:12ch;font-size:clamp(1.15rem,2vw,1.55rem);font-weight:900;line-height:1.05}.hero-recovery-card{width:min(44%,270px);min-height:280px;color:var(--color-text);background:linear-gradient(180deg, #ffffffb3, #f7fbf6f5), var(--color-white);border:10px solid #ffffffeb;border-radius:8px;flex-direction:column;justify-content:flex-end;padding:22px;display:flex;position:absolute;bottom:36px;left:0;box-shadow:0 28px 70px #1c282324}.hero-recovery-card svg{color:var(--color-green);margin-bottom:auto}.hero-recovery-card strong,.hero-recovery-card span{display:block}.hero-recovery-card strong{margin-bottom:10px;font-size:1.15rem;line-height:1.1}.hero-recovery-card span{color:var(--color-muted);font-size:.92rem;line-height:1.45}.automation-panel{width:min(390px,100% - 86px);color:var(--color-white);background:linear-gradient(135deg,#0d392b,#1a6f52);border-radius:8px;grid-template-columns:38px minmax(0,1fr);align-items:start;gap:14px;padding:20px;display:grid;position:absolute;bottom:0;right:34px;box-shadow:0 26px 54px #0a36273d}.automation-panel svg{color:#bfd9a9;margin-top:2px}.automation-panel strong,.automation-panel span{display:block}.automation-panel strong{margin-bottom:8px;font-size:1rem;line-height:1.15}.automation-panel span{color:#ffffffc7;font-size:.9rem;line-height:1.45}.services-preview{border:1px solid var(--color-border);background:#ffffffd1;border-radius:8px;grid-template-columns:repeat(4,1fr);width:min(1180px,100% - 40px);margin:0 auto;display:grid;box-shadow:0 18px 46px #1c28230f}.services-preview a{min-height:74px;color:var(--color-text);border-right:1px solid var(--color-border);align-items:center;gap:10px;padding:0 20px;font-size:.92rem;font-weight:800;text-decoration:none;display:flex}.services-preview a:last-child{border-right:0}.services-preview svg{color:var(--color-green);flex:none}.section{width:min(1180px,100% - 40px);margin:0 auto;padding:clamp(84px,10vw,128px) 0}.section-heading{grid-template-columns:minmax(0,.72fr) minmax(260px,.6fr);align-items:end;gap:clamp(28px,6vw,72px);margin-bottom:42px;display:grid}.section-heading h2,.contact-section h2{color:var(--color-text);margin:0;font-size:clamp(2.2rem,5vw,4.2rem);font-weight:800;line-height:.98}.section-heading p,.contact-section p{color:var(--color-muted);margin:0;font-size:1.05rem;line-height:1.62}.service-layout{grid-template-columns:minmax(320px,.98fr) minmax(320px,.82fr);align-items:stretch;gap:24px;display:grid}.service-list{gap:12px;display:grid}.service-tab{width:100%;min-height:112px;color:var(--color-text);text-align:left;background:var(--color-white);border:1px solid var(--color-border);cursor:pointer;border-radius:8px;grid-template-columns:32px minmax(0,1fr);gap:16px;padding:22px;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid}.service-tab:hover,.service-tab:focus-visible,.service-tab.is-active{border-color:#195e4557;transform:translateY(-1px);box-shadow:0 18px 44px #1c282314}.service-tab.is-active{background:#f7fbf6}.service-tab svg{color:var(--color-green)}.service-tab strong,.service-tab small{display:block}.service-tab strong{margin-bottom:7px;font-size:1.06rem;line-height:1.2}.service-tab small{color:var(--color-muted);font-size:.92rem;font-weight:500;line-height:1.45}.service-detail{min-height:100%;color:var(--color-white);background:linear-gradient(145deg, #0b3b2bf5, #195e45eb), var(--color-green);border-radius:8px;flex-direction:column;justify-content:flex-end;padding:clamp(28px,4vw,46px);display:flex;box-shadow:0 28px 70px #0c3a2b2e}.service-detail>svg{color:#c1d7a4;margin-bottom:auto}.service-detail h3{margin:80px 0 16px;font-size:clamp(1.9rem,4vw,3rem);font-weight:800;line-height:1}.service-detail p{color:#ffffffc7;margin:0;font-size:1.04rem;line-height:1.62}.service-detail ul{gap:12px;margin:26px 0 0;padding:0;list-style:none;display:grid}.service-detail li{color:#ffffffe6;align-items:center;gap:10px;font-weight:700;display:flex}.service-detail li svg{color:#c1d7a4;flex:none}.process-section{width:100%;max-width:none;color:var(--color-white);box-sizing:border-box;background:linear-gradient(135deg,#072e22fa,#10503bf5),#0b3b2b;padding:clamp(84px,10vw,124px) max(20px,50vw - 590px)}.section-heading-light h2,.section-heading-light p{color:var(--color-white)}.section-heading-light p{color:#ffffffb8}.process-rail{border-top:1px solid #ffffff29;grid-template-columns:repeat(4,1fr);display:grid}.process-step{border-right:1px solid #ffffff29;min-height:310px;padding:28px 26px 0 0}.process-step:last-child{border-right:0}.process-step span{color:#c1d7a4;margin-bottom:58px;font-size:.88rem;font-weight:800;display:block}.process-step h3{margin:0 0 14px;font-size:clamp(1.5rem,3vw,2.35rem);line-height:1}.process-step p{color:#ffffffb8;max-width:245px;margin:0;line-height:1.56}.work-strip{grid-template-columns:1.05fr .92fr .92fr;gap:18px;display:grid}.work-item{background:var(--color-white);border:1px solid var(--color-border);border-radius:8px;overflow:hidden;box-shadow:0 18px 48px #1c282314}.work-visual{color:#c1d7a4;align-items:flex-end;gap:12px;width:100%;height:300px;padding:24px;display:flex}.work-visual-ewaste{background:radial-gradient(circle at 24% 22%,#c1d7a457,#0000 30%),linear-gradient(135deg,#0d392b,#1a6f52)}.work-visual-carpentry{color:#195e45;background:linear-gradient(90deg,#7f563014 1px,#0000 1px) 0 0/28px 100%,linear-gradient(#7f56301f,#ffffffd1),#f5efe6}.work-visual-digital{background:radial-gradient(circle at 22% 18%,#c1d7a438,#0000 34%),linear-gradient(135deg,#0d392b,#1a6f52)}.work-visual svg{flex:none}.work-item:first-child .work-visual{height:390px}.work-item div{padding:22px}.work-item span{color:var(--color-green);text-transform:uppercase;margin-bottom:12px;font-size:.78rem;font-weight:900;display:block}.work-item h3{color:var(--color-text);margin:0 0 10px;font-size:1.28rem;line-height:1.18}.work-item p{color:var(--color-muted);margin:0;line-height:1.55}.contact-section{background:linear-gradient(135deg, #ebf5efc7, #fffffff0), var(--color-white);border:1px solid var(--color-border);box-sizing:border-box;border-radius:8px;grid-template-columns:minmax(0,.8fr) auto;align-items:center;gap:36px;width:min(1180px,100% - 40px);margin:0 auto 28px;padding:clamp(42px,7vw,64px);display:grid}.contact-section p{max-width:710px;margin-top:18px}.contact-actions{justify-content:flex-end;margin-top:0}.site-footer{width:min(1180px,100% - 40px);color:var(--color-muted);justify-content:space-between;gap:20px;margin:0 auto;padding:24px 0 34px;font-size:.9rem;font-weight:700;display:flex}@media (width<=980px){.site-header{grid-template-columns:1fr auto;gap:16px}.nav-links{order:3;grid-area:2/1/auto/-1;justify-content:flex-start;padding-bottom:8px;overflow-x:auto}.header-action{min-height:40px;padding:0 14px}.hero-section,.service-layout,.section-heading,.contact-section{grid-template-columns:1fr}.hero-section{min-height:auto;padding-top:42px}.hero-concept-backdrop{aspect-ratio:16/9;width:100%;height:auto;margin-top:34px}.hero-copy h1{max-width:820px}.hero-visual{min-height:560px}.services-preview,.process-rail,.work-strip{grid-template-columns:repeat(2,1fr)}.services-preview a:nth-child(2){border-right:0}.services-preview a:nth-child(-n+2){border-bottom:1px solid var(--color-border)}.process-step:nth-child(2){border-right:0}.process-step:nth-child(-n+2){border-bottom:1px solid #ffffff29}.contact-actions{justify-content:flex-start}}@media (width<=660px){.site-header,.hero-section,.services-preview,.section,.contact-section,.site-footer{width:min(100% - 28px,1180px)}.site-header{grid-template-columns:1fr;min-height:0;position:relative}.brand{width:min(238px,76vw)}.header-action{justify-self:start}.nav-links{gap:20px}.hero-copy h1{font-size:clamp(2.6rem,14vw,4rem)}.hero-actions,.contact-actions{flex-direction:column;align-items:stretch}.button{box-sizing:border-box;width:100%}.hero-visual{min-height:430px}.hero-image-large{width:100%;height:345px}.hero-service-board{width:100%;height:318px}.hero-recovery-card{display:none}.automation-panel{width:min(100%,360px);padding:16px;bottom:0;right:0}.services-preview,.process-rail,.work-strip{grid-template-columns:1fr}.services-preview a,.services-preview a:nth-child(2),.process-step,.process-step:nth-child(2){border-right:0}.services-preview a:not(:last-child){border-bottom:1px solid var(--color-border)}.section{padding:74px 0}.section-heading{margin-bottom:30px}.service-tab{min-height:0;padding:18px}.service-detail h3{margin-top:56px}.process-section{padding:74px 14px}.process-step{border-bottom:1px solid #ffffff29;min-height:0;padding:24px 0}.process-step:last-child{border-bottom:0}.process-step span{margin-bottom:24px}.work-visual,.work-item:first-child .work-visual{height:280px}.contact-section{margin-bottom:16px;padding:32px 20px}.site-footer{flex-direction:column;padding-bottom:28px}}
