@font-face{font-family:Oswald;src:url('TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUZiYA-b4adb32b.ttf')}@font-face{font-family:InterUI;src:url('7cHpv4kjgoGqM7E_DMs8-2e659083.ttf')}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#07100d;color:#edf6ef;font-family:InterUI,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 15% 5%,rgba(143,213,45,.24),transparent 34%),radial-gradient(circle at 88% 18%,rgba(11,132,94,.3),transparent 30%),linear-gradient(120deg,#06110d,#0e1c17 55%,#10140f);z-index:-2}.site-header{position:fixed;top:18px;left:50%;transform:translateX(-50%);width:min(1180px,calc(100% - 32px));height:70px;display:flex;align-items:center;gap:22px;padding:0 16px 0 20px;background:rgba(7,16,13,.68);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(18px);border-radius:999px;z-index:10;box-shadow:0 18px 60px rgba(0,0,0,.28)}.brand img{width:142px;display:block}.nav{margin-left:auto;display:flex;gap:8px}.nav a,.footer a{color:#dce9df;text-decoration:none}.nav a{padding:10px 14px;border-radius:999px;transition:.25s}.nav a:hover{background:rgba(255,255,255,.1)}.nav-cta,.button{border:0;text-decoration:none;border-radius:999px;padding:12px 18px;font-weight:900;color:#07100d;background:#a7e33b;box-shadow:0 10px 30px rgba(167,227,59,.2);transition:transform .25s,box-shadow .25s}.nav-cta:hover,.button:hover{transform:translateY(-2px);box-shadow:0 16px 50px rgba(167,227,59,.35)}.section{position:relative;padding:110px max(28px,calc((100vw - 1180px)/2))}.hero{min-height:100svh;display:grid;grid-template-columns:1.1fr .55fr;align-items:end;gap:36px;padding-top:150px;padding-bottom:70px}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,16,13,.9),rgba(7,16,13,.52)),url('hero.jpeg') center calc(50% + var(--parallax-y,0px))/cover;clip-path:polygon(0 0,100% 0,100% 88%,0 100%);z-index:-1}.hero-content{max-width:780px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:#a7e33b;font-weight:900;font-size:.78rem}h1,h2,h3{font-family:Oswald,InterUI,sans-serif;line-height:1.03;margin:0}h1{font-size:clamp(4rem,10vw,9.5rem);letter-spacing:-.05em;text-transform:uppercase}h2{font-size:clamp(2.7rem,5.6vw,6rem);letter-spacing:-.04em}h3{font-size:1.55rem;text-transform:uppercase}.lead,.intro p,.section-head p,.contact-copy p,.story-copy p{font-size:clamp(1.05rem,1.8vw,1.35rem);color:#d2ddd4;max-width:760px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}.button.ghost{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.22);box-shadow:none}.hero-card{align-self:end;padding:24px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.08);backdrop-filter:blur(16px);border-radius:28px}.hero-card span{display:block;color:#a7e33b;text-transform:uppercase;font-weight:900;font-size:.75rem;letter-spacing:.16em}.hero-card strong{display:block;margin-top:10px;font-size:1.15rem}.intro{background:#f7f8f4;color:#233129;text-align:center}.intro .eyebrow,.clients .eyebrow,.contact .eyebrow{color:#6cb51b}.intro p{margin-inline:auto;color:#516057}.image-strip{background:#07100d}.story-panel{min-height:84svh;display:grid;align-items:end;padding:120px max(28px,calc((100vw - 1180px)/2));position:relative;overflow:hidden;background-attachment:scroll;background-position:center calc(50% + var(--parallax-y,0px));background-size:cover}.story-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,14,10,.82),rgba(5,14,10,.12) 52%,rgba(5,14,10,.7));z-index:0}.panel-1{background-image:url('hero.jpeg')}.panel-2{background-image:linear-gradient(120deg,rgba(24,89,55,.8),rgba(163,220,47,.35)),url('hero.jpeg');background-blend-mode:multiply,normal}.panel-3{background-image:linear-gradient(120deg,rgba(9,23,19,.75),rgba(5,68,81,.45)),url('hero.jpeg');background-blend-mode:multiply,normal}.story-copy{position:relative;z-index:1;width:min(680px,100%);padding:36px;border:1px solid rgba(255,255,255,.14);border-radius:34px;background:rgba(255,255,255,.08);backdrop-filter:blur(16px);box-shadow:0 20px 80px rgba(0,0,0,.26)}.story-panel:nth-child(even){justify-items:end}.services{padding-top:120px;padding-bottom:130px}.section-head{text-align:center;margin:0 auto 64px;max-width:950px}.section-head p{margin-inline:auto}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(255,255,255,.14);border-radius:34px;overflow:hidden;background:linear-gradient(135deg,rgba(38,121,71,.78),rgba(153,216,51,.78));box-shadow:0 30px 100px rgba(0,0,0,.25)}.modern-services{grid-template-columns:repeat(4,1fr)}.service-card{position:relative;min-height:365px;padding:38px 26px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;text-align:center;border-right:1px solid rgba(255,255,255,.22);border-bottom:1px solid rgba(255,255,255,.16);overflow:hidden;cursor:pointer;transition:.4s}.service-card:nth-child(4n){border-right:0}.service-card:nth-last-child(-n+4){border-bottom:0}.service-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 26%,rgba(255,255,255,.2),transparent 40%),rgba(4,15,10,.16);opacity:0;transition:.35s}.service-card:hover,.service-card:focus{transform:translateY(-10px);background:rgba(255,255,255,.08);outline:0}.service-card:hover:before,.service-card:focus:before{opacity:1}.icon{font-family:Oswald;font-size:3.7rem;font-weight:900;margin-bottom:20px;transition:.35s}.service-card p{color:rgba(255,255,255,.84);min-height:72px}.service-detail{position:absolute;inset:auto 24px 34px;opacity:0;transform:translateY(24px);transition:.35s;color:#fff}.service-card:hover .service-detail,.service-card:focus .service-detail{opacity:1;transform:none}.service-card:hover .icon,.service-card:hover h3,.service-card:hover>p,.service-card:focus .icon,.service-card:focus h3,.service-card:focus>p{transform:translateY(-130px);opacity:.16}.clients{background:#f7f8f4;color:#1a221d}.logo-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:#dde5dd;border:1px solid #dde5dd;border-radius:28px;overflow:hidden;max-width:920px;margin:auto}.logo-grid img{width:100%;aspect-ratio:1.35/1;object-fit:contain;background:#fff;padding:22px;filter:saturate(.78);transition:.25s}.logo-grid img:hover{filter:none;transform:scale(1.03)}.contact{display:grid;grid-template-columns:.9fr 1.1fr;gap:54px;background:#fff;color:#1b251f}.contact-copy p{color:#506057}.contact-details{display:grid;gap:12px;margin-top:28px}.contact-details a{color:#294331;font-weight:900}.contact-details span{color:#657268}.contact-form{display:grid;gap:16px;padding:26px;border:1px solid #dbe5dc;border-radius:30px;background:#f8faf6;box-shadow:0 24px 80px rgba(9,24,17,.08)}label{display:grid;gap:8px;font-weight:900;color:#425046}input,textarea{width:100%;border:1px solid #cfdcd2;background:#fff;border-radius:18px;padding:15px 16px;font:inherit;outline:none}input:focus,textarea:focus{border-color:#8fcf24;box-shadow:0 0 0 4px rgba(143,207,36,.16)}.contact-form .button{justify-self:start;cursor:pointer}.footer{display:flex;justify-content:space-between;padding:30px max(28px,calc((100vw - 1180px)/2));background:#07100d;color:#aeb9b1}.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.22s}.delay-3{transition-delay:.32s}@media(max-width:1050px){.modern-services{grid-template-columns:repeat(2,1fr)}.service-card:nth-child(2n){border-right:0}.service-card:nth-child(4n){border-right:0}.service-card:nth-last-child(-n+4){border-bottom:1px solid rgba(255,255,255,.16)}.service-card:nth-last-child(-n+2){border-bottom:0}}@media(max-width:900px){.nav{display:none}.nav-cta{margin-left:auto}.hero{grid-template-columns:1fr;align-items:end}.hero-card{display:none}.service-grid,.modern-services{grid-template-columns:1fr}.service-card{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.22)!important;min-height:300px}.service-card:last-child{border-bottom:0!important}.logo-grid{grid-template-columns:repeat(3,1fr)}.contact{grid-template-columns:1fr}h1{font-size:clamp(3.5rem,17vw,6rem)}.story-panel{min-height:70svh}.story-copy{padding:26px}}@media(max-width:520px){.brand img{width:120px}.nav-cta{display:none}.site-header{height:62px}.section,.story-panel{padding-left:20px;padding-right:20px}.logo-grid{grid-template-columns:repeat(2,1fr)}.service-card:hover .icon,.service-card:hover h3,.service-card:hover>p,.service-card:focus .icon,.service-card:focus h3,.service-card:focus>p{transform:translateY(-115px)}}



/* === NETMUST NATURE BACKGROUNDS — REAL PATCH === */
/* This targets the actual classes used by the approved AI makeover. */

.hero-bg{
  background:
    linear-gradient(90deg,rgba(7,16,13,.88),rgba(7,16,13,.48)),
    url('nature-mountain-dawn.jpg') center calc(50% + var(--parallax-y,0px))/cover !important;
}

.panel-1{
  background-image:
    linear-gradient(90deg,rgba(5,14,10,.62),rgba(5,14,10,.12) 52%,rgba(5,14,10,.58)),
    url('nature-forest-path.jpg') !important;
  background-blend-mode:normal !important;
}

.panel-2{
  background-image:
    linear-gradient(120deg,rgba(24,89,55,.72),rgba(163,220,47,.26)),
    url('nature-alpine-lake.jpg') !important;
  background-blend-mode:multiply,normal !important;
}

.panel-3{
  background-image:
    linear-gradient(120deg,rgba(9,23,19,.72),rgba(5,68,81,.35)),
    url('nature-river-forest.jpg') !important;
  background-blend-mode:multiply,normal !important;
}

.services{
  background:
    linear-gradient(135deg,rgba(7,16,13,.86),rgba(25,90,45,.76)),
    url('nature-misty-valley.jpg') center/cover fixed !important;
}

.service-grid{
  background:
    linear-gradient(135deg,rgba(38,121,71,.82),rgba(153,216,51,.72)),
    url('nature-misty-valley.jpg') center/cover !important;
}

.clients{
  background:
    linear-gradient(180deg,rgba(247,248,244,.94),rgba(247,248,244,.9)),
    url('nature-coastline.jpg') center/cover !important;
}

.contact{
  background:
    linear-gradient(120deg,rgba(255,255,255,.96),rgba(255,255,255,.9)),
    url('nature-coastline.jpg') center/cover !important;
}

@media(max-width:900px){
  .services{background-attachment:scroll !important;}
}