:root{--green:#173d2a;--green2:#2d5a39;--olive:#6f7d35;--gold:#b68a43;--blue:#4d9ab2;--ink:#14201a;--muted:#65716b;--cream:#f4f2e8;--line:rgba(20,32,26,.12);--white:#fff;--shadow:0 20px 60px rgba(18,46,31,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"DM Sans",sans-serif;background:#fbfbf8;line-height:1.65}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button{font:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--gold);font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.eyebrow:before{content:"";width:32px;height:1px;background:currentColor}.section{padding:110px 0}.section-head{max-width:740px;margin-bottom:55px}.section-head h2{font-family:Manrope,sans-serif;font-size:clamp(34px,4vw,58px);line-height:1.08;margin:14px 0 20px;letter-spacing:-.04em}.section-head p{font-size:17px;color:var(--muted);max-width:680px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border-radius:999px;font-weight:700;font-size:14px;border:1px solid transparent;transition:.3s ease}.btn-primary{background:var(--green);color:white;box-shadow:0 10px 25px rgba(23,61,42,.2)}.btn-primary:hover{transform:translateY(-2px);background:#102d1f}.btn-ghost{border-color:rgba(255,255,255,.45);color:#fff}.btn-ghost:hover{background:#fff;color:var(--green)}
header{position:fixed;z-index:50;top:0;left:0;right:0;transition:.35s;background:linear-gradient(to bottom,rgba(8,24,16,.62),transparent)}header.scrolled{background:rgba(250,250,246,.95);backdrop-filter:blur(16px);box-shadow:0 1px 0 var(--line)}.nav{height:84px;display:flex;align-items:center;justify-content:space-between}.brand{width:180px}.brand img{width:100%;height:auto}.navlinks{display:flex;gap:28px;align-items:center;color:#fff;font-size:13px;font-weight:600}.scrolled .navlinks{color:var(--ink)}.navlinks a{opacity:.9}.navlinks a:hover{opacity:1;color:var(--gold)}.nav-cta{padding:11px 17px;border-radius:999px;background:#fff;color:var(--green)!important}.scrolled .nav-cta{background:var(--green);color:#fff!important}.menu{display:none;background:none;border:0;color:#fff;font-size:27px}.scrolled .menu{color:var(--ink)}
.hero{min-height:790px;color:#fff;position:relative;display:flex;align-items:center;overflow:hidden;background:linear-gradient(100deg,rgba(9,32,21,.93),rgba(18,57,38,.62)),url('https://images.unsplash.com/photo-1500382017468-9049fed747ef?auto=format&fit=crop&w=2200&q=88') center/cover}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 30%,rgba(182,138,67,.18),transparent 35%),linear-gradient(0deg,rgba(8,26,18,.55),transparent 40%)}.hero-inner{position:relative;z-index:2;padding-top:75px}.hero h1{font-family:Manrope,sans-serif;font-size:clamp(52px,7vw,92px);line-height:.98;letter-spacing:-.055em;max-width:820px;margin:20px 0 26px}.hero h1 em{font-style:normal;color:#d4b36d}.hero p{font-size:19px;max-width:650px;color:rgba(255,255,255,.82);margin-bottom:34px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-note{margin-top:75px;display:flex;gap:50px;color:rgba(255,255,255,.72);font-size:12px;text-transform:uppercase;letter-spacing:.12em}.hero-note strong{display:block;color:#fff;font-size:14px;letter-spacing:0;margin-top:5px}
.intro{background:var(--cream)}.intro-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.intro h2{font-family:Manrope;font-size:clamp(34px,4vw,56px);line-height:1.06;letter-spacing:-.04em;margin:16px 0}.intro p{color:var(--muted);font-size:17px}.signature{margin-top:28px;color:var(--green);font-weight:800}.orbit{height:480px;border-radius:34px;position:relative;overflow:hidden;background:linear-gradient(145deg,#315e3a,#173d2a);box-shadow:var(--shadow)}.orbit:before,.orbit:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.18);border-radius:50%}.orbit:before{width:410px;height:410px;left:-80px;top:30px}.orbit:after{width:310px;height:310px;right:-60px;bottom:-20px}.orbit-center{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:145px;height:145px;border-radius:50%;background:linear-gradient(145deg,#c29a57,#83612f);display:grid;place-items:center;color:white;text-align:center;font-family:Manrope;font-weight:800;box-shadow:0 25px 50px rgba(0,0,0,.2)}.node{position:absolute;padding:12px 15px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);backdrop-filter:blur(8px);border-radius:14px;color:white;font-weight:700;font-size:13px}.n1{top:55px;left:55px}.n2{top:115px;right:45px}.n3{bottom:70px;right:70px}.n4{bottom:40px;left:60px}.n5{top:210px;left:25px}
.pillars{background:#fff}.pillar-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.pillar{position:relative;min-height:420px;border-radius:24px;overflow:hidden;color:white;padding:25px;display:flex;flex-direction:column;justify-content:flex-end;background:#1d3f2c;isolation:isolate;transition:.35s}.pillar:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.pillar:before{content:"";position:absolute;inset:0;z-index:-2;background:var(--bg) center/cover}.pillar:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 15%,rgba(5,20,13,.86) 100%)}.pillar span{font-size:12px;letter-spacing:.15em;color:#dfc487;font-weight:800}.pillar h3{font-family:Manrope;font-size:27px;margin:8px 0}.pillar p{font-size:13px;color:rgba(255,255,255,.76);margin:0}.pillars-footer{margin-top:38px;display:flex;justify-content:space-between;gap:30px;align-items:center;padding:26px 0;border-top:1px solid var(--line)}
.platform{background:#f2f5ef}.platform-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:26px;overflow:hidden}.step{background:#f8faf6;padding:35px;min-height:240px}.step b{font-size:12px;color:var(--gold);letter-spacing:.18em}.step h3{font-family:Manrope;font-size:25px;margin:38px 0 10px}.step p{font-size:14px;color:var(--muted)}
.project{background:var(--green);color:white}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.project .section-head p{color:rgba(255,255,255,.7)}.project-visual{min-height:500px;border-radius:30px;overflow:hidden;position:relative;background:url('https://images.unsplash.com/photo-1464226184884-fa280b87c399?auto=format&fit=crop&w=1600&q=88') center/cover}.project-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(20,61,42,.2),rgba(20,61,42,.78))}.project-label{position:absolute;z-index:2;left:28px;bottom:28px;right:28px;padding:25px;border-radius:20px;background:rgba(8,30,19,.62);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.16)}.project-label h3{font-family:Manrope;font-size:30px;margin:0 0 5px}.project-label p{margin:0;color:rgba(255,255,255,.7);font-size:13px}.checklist{display:grid;gap:13px;margin:28px 0}.check{display:flex;gap:12px;align-items:flex-start}.check i{width:25px;height:25px;border-radius:50%;background:rgba(212,179,109,.18);color:#d4b36d;display:grid;place-items:center;font-style:normal;font-size:12px;flex:none}.check div{font-size:15px;color:rgba(255,255,255,.78)}
.connect{background:#fff}.connect-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.contact-card{background:var(--cream);padding:34px;border-radius:25px}.contact-card h3{font-family:Manrope;font-size:27px;margin:0 0 18px}.contact-card p{color:var(--muted);font-size:14px}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.field input,.field textarea{width:100%;border:1px solid var(--line);background:#fafbf8;border-radius:13px;padding:14px 15px;outline:none;font:inherit}.field input:focus,.field textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(23,61,42,.08)}textarea{min-height:140px;resize:vertical}.form-status{grid-column:1/-1;font-size:13px;color:var(--green);display:none}
footer{background:#0c2116;color:white;padding:65px 0 25px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr .9fr;gap:45px}.footer-logo{width:190px;filter:brightness(0) invert(1);opacity:.95}.footer p{color:rgba(255,255,255,.6);font-size:13px;max-width:340px}.footer h4{margin:0 0 17px;font-size:13px;color:#d4b36d;text-transform:uppercase;letter-spacing:.12em}.footer a{display:block;color:rgba(255,255,255,.68);font-size:13px;margin:9px 0}.footer a:hover{color:#fff}.copyright{border-top:1px solid rgba(255,255,255,.1);margin-top:45px;padding-top:20px;color:rgba(255,255,255,.4);font-size:12px;display:flex;justify-content:space-between;gap:20px}
.reveal{opacity:0;transform:translateY(22px);transition:.75s ease}.reveal.visible{opacity:1;transform:none}.top{position:fixed;right:20px;bottom:20px;z-index:40;width:44px;height:44px;border:0;border-radius:50%;background:var(--gold);color:white;display:none;cursor:pointer;box-shadow:var(--shadow)}
@media(max-width:1000px){.navlinks{display:none}.menu{display:block}.brand{width:155px}.pillar-grid{grid-template-columns:repeat(2,1fr)}.platform-grid{grid-template-columns:repeat(2,1fr)}.intro-grid,.project-grid,.connect-grid{grid-template-columns:1fr}.orbit{height:420px}.footer-grid{grid-template-columns:1fr 1fr}.hero{min-height:720px}}
@media(max-width:620px){.container{width:min(100% - 28px,1180px)}.section{padding:75px 0}.nav{height:72px}.brand{width:140px}.hero h1{font-size:49px}.hero p{font-size:16px}.hero-note{gap:22px;flex-wrap:wrap;margin-top:45px}.pillar-grid,.platform-grid{grid-template-columns:1fr}.pillar{min-height:330px}.orbit{height:350px}.node{font-size:11px}.n1{left:20px}.n2{right:18px}.n3{right:18px}.n4{left:18px}.n5{left:10px}.orbit-center{width:115px;height:115px}.contact-form{grid-template-columns:1fr}.field.full{grid-column:auto}.form-status{grid-column:auto}.footer-grid{grid-template-columns:1fr}.copyright{flex-direction:column}.project-visual{min-height:390px}}

/* Premium interaction layer */
.scroll-progress{position:fixed;z-index:100;top:0;left:0;width:100%;height:3px;background:var(--gold);transform:scaleX(0);transform-origin:left center;transition:transform .08s linear}
.navlinks{transition:opacity .25s ease,transform .25s ease}
.menu{cursor:pointer}
.arrow-icon{width:8px;height:8px;border-top:1.8px solid currentColor;border-right:1.8px solid currentColor;transform:rotate(45deg);display:inline-block;margin-left:2px;transition:transform .25s ease}
.btn:hover .arrow-icon{transform:translateX(3px) rotate(45deg)}
.btn:disabled{opacity:.7;cursor:wait;transform:none!important}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.75,.25,1)}
.reveal.visible{opacity:1;transform:translateY(0)}
.pillar,.project-visual,.orbit{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(0);transition:transform .45s ease,box-shadow .35s ease}
.pillar:hover,.project-visual:hover,.orbit:hover{transition:transform .12s ease,box-shadow .35s ease}
.tilt-active{will-change:transform}
.form-status{padding:13px 15px;border-radius:12px;background:#f2f5ef}
.form-status[data-type="success"]{color:#1d5b39;background:#e9f4eb}
.form-status[data-type="error"]{color:#8b3028;background:#fbeceb}
.form-status[data-type="loading"]{color:#73591e;background:#f8f1df}
.loading-dot{display:inline-block;width:9px;height:9px;margin-left:6px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:qspin .7s linear infinite}
@keyframes qspin{to{transform:rotate(360deg)}}
@media (max-width:999px){
  .menu{display:block}
  .navlinks{display:flex;position:absolute;top:72px;left:20px;right:20px;padding:0;max-height:0;overflow:hidden;opacity:0;transform:translateY(-8px);flex-direction:column;align-items:stretch;gap:4px;background:rgba(250,250,246,.98);color:var(--ink);border-radius:18px;box-shadow:0 20px 50px rgba(0,0,0,.12);pointer-events:none}
  .navlinks.mobile-open{padding:18px;max-height:480px;opacity:1;transform:translateY(0);pointer-events:auto}
  .navlinks a{padding:11px 8px}
  .nav-cta{text-align:center}
  body.menu-open{overflow:hidden}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.pillar,.project-visual,.orbit{transform:none!important;transition:none}.scroll-progress{display:none}}