:root{--deep:#031b15;--green:#063d2b;--green2:#0b563d;--accent:#84ad52;--light:#f2f5f1;--white:#fff;--ink:#122019;--muted:#65736d;--line:rgba(12,64,45,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--light);color:var(--ink);line-height:1.6}a{text-decoration:none;color:inherit}
.header{height:82px;padding:0 clamp(22px,5vw,74px);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;background:rgba(242,245,241,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:12px}.brand img{width:62px;height:36px;object-fit:contain}.brand span{display:grid;line-height:.95;letter-spacing:.18em}.brand strong{font-size:15px}.brand small{font-size:10px;color:var(--green);margin-top:5px}
nav{display:flex;align-items:center;gap:29px;font-size:13px;font-weight:700}nav a:hover{color:var(--green2)}.nav-button{padding:10px 15px;border:1px solid var(--green);border-radius:2px}.menu{display:none;border:0;background:transparent;font-size:24px}
.hero{min-height:calc(100vh - 82px);display:grid;grid-template-columns:1.18fr .82fr;align-items:center;gap:30px;padding:clamp(72px,8vw,120px) clamp(24px,7vw,110px);background:radial-gradient(circle at 75% 35%,#0b523b 0,#063d2b 28%,#031b15 70%);color:white;position:relative;overflow:hidden}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(90deg,#000,transparent 95%)}
.hero-copy,.hero-visual{position:relative;z-index:2}.kicker,.section-tag{text-transform:uppercase;letter-spacing:.22em;font-size:11px;font-weight:900;color:var(--accent)}
.hero h1{font-size:clamp(54px,7.4vw,112px);line-height:.92;letter-spacing:-.055em;margin:23px 0 28px;max-width:950px}.hero h1 span{color:#94bd68}
.hero-text{font-size:clamp(18px,1.8vw,23px);color:rgba(255,255,255,.76);max-width:730px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 21px;font-weight:850;border-radius:2px;transition:.22s}.button:hover{transform:translateY(-2px)}.primary{background:var(--accent);color:#092218}.ghost{border:1px solid rgba(255,255,255,.38);color:white}.trust-row{display:flex;flex-wrap:wrap;gap:22px;margin-top:54px;color:rgba(255,255,255,.56);font-size:11px;letter-spacing:.18em}
.hero-visual{height:520px;display:flex;align-items:center;justify-content:center}.logo-orbit{width:min(440px,38vw);height:min(440px,38vw);border:1px solid rgba(255,255,255,.12);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.logo-orbit:before,.logo-orbit:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(132,173,82,.16)}.logo-orbit:before{inset:35px}.logo-orbit:after{inset:75px}.logo-orbit img{width:72%;filter:brightness(0) invert(1);opacity:.78}
.signal-card{position:absolute;background:rgba(3,27,21,.78);border:1px solid rgba(255,255,255,.14);padding:14px 18px;min-width:145px;backdrop-filter:blur(12px)}.signal-card small{display:block;color:rgba(255,255,255,.52);letter-spacing:.18em;font-size:9px}.signal-card strong{color:#a8ca7e}.signal-card.one{left:2%;top:22%}.signal-card.two{right:0;bottom:20%}
.statement{padding:110px clamp(24px,10vw,160px);display:grid;grid-template-columns:.5fr 1.35fr 1fr;gap:50px;align-items:start}.statement h2,.section-head h2,.about h2,.contact h2{font-size:clamp(38px,5vw,68px);line-height:1.05;letter-spacing:-.045em;margin:0}.statement>p:last-child{font-size:19px;color:var(--muted);margin:0}
.section{padding:110px clamp(24px,7vw,110px)}.dark{background:var(--deep);color:white}.section-head{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end;margin-bottom:55px}.section-head>p{margin:0;color:var(--muted);font-size:18px}.dark .section-head>p{color:rgba(255,255,255,.62)}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.14)}.service-grid article{padding:35px 29px;background:var(--deep);min-height:290px}.service-grid article:hover{background:#06271e}.service-grid span{color:var(--accent);font-size:11px;letter-spacing:.18em}.service-grid h3{font-size:22px;margin:38px 0 14px}.service-grid p{color:rgba(255,255,255,.62);margin:0}
.industries{background:#e8ede9}.industry-list{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.industry-list div{padding:29px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;gap:22px;align-items:center;background:rgba(255,255,255,.35)}.industry-list b{color:var(--accent);font-size:11px}.industry-list span{font-size:20px;font-weight:800}
.about{padding:120px clamp(24px,9vw,140px);display:grid;grid-template-columns:.82fr 1.18fr;gap:90px;align-items:center}.about-visual{min-height:480px;background:linear-gradient(135deg,#dfe7e1,#eef2ee);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.about-visual:before{content:"";position:absolute;inset:28px;border:1px solid var(--line)}.about-visual img{width:72%}.about-copy p{font-size:18px;color:var(--muted)}.credentials{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.credentials span{border:1px solid var(--line);padding:9px 12px;font-size:12px;font-weight:800;color:var(--green)}
.platform-row{display:flex;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.14);border-left:1px solid rgba(255,255,255,.14)}.platform-row span{flex:1 1 190px;padding:24px;border-right:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14);font-size:13px;letter-spacing:.14em;color:rgba(255,255,255,.75)}
.projects{background:#f7f8f6}.project-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px}.project-grid article{background:white;border:1px solid var(--line);padding:34px;min-height:240px}.project-grid small{color:var(--accent);letter-spacing:.17em;font-weight:900}.project-grid h3{font-size:24px;line-height:1.2}.project-grid p{color:var(--muted)}.featured{display:grid;grid-template-columns:auto 1fr;gap:30px}.project-number{font-size:64px;font-weight:900;color:#dfe8e1}
.contact{padding:110px clamp(24px,9vw,140px);display:grid;grid-template-columns:1.15fr .85fr;gap:80px;background:#e5ebe6}.contact-copy p:last-child{font-size:19px;color:var(--muted);max-width:680px}.contact-panel{background:white;padding:34px;box-shadow:0 20px 60px rgba(7,39,27,.09)}.contact-panel>a:not(.button){display:block;padding:17px 0;border-bottom:1px solid var(--line)}.contact-panel small{display:block;text-transform:uppercase;letter-spacing:.15em;color:var(--muted);font-size:10px}.contact-panel strong{font-size:18px}.full{width:100%;margin-top:24px}
footer{background:#02130f;color:rgba(255,255,255,.58);padding:38px clamp(24px,7vw,110px);display:grid;grid-template-columns:1fr auto auto;gap:30px;align-items:center;font-size:12px}.footer-brand{display:flex;align-items:center;gap:12px;color:white}.footer-brand img{width:52px;filter:brightness(0) invert(1)}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:980px){nav{display:none;position:absolute;top:82px;left:0;right:0;background:var(--light);padding:25px;flex-direction:column;border-bottom:1px solid var(--line)}nav.open{display:flex}.menu{display:block}.hero{grid-template-columns:1fr}.hero-visual{position:absolute;right:-150px;bottom:-100px;opacity:.42}.statement{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr 1fr}.section-head,.about,.contact{grid-template-columns:1fr}.project-grid{grid-template-columns:1fr 1fr}.featured{grid-column:1/-1}footer{grid-template-columns:1fr}}
@media(max-width:620px){.header{height:70px}.brand img{width:50px}nav{top:70px}.hero{min-height:calc(100vh - 70px);padding-top:84px}.hero h1{font-size:50px}.hero-visual{display:none}.statement,.section,.about,.contact{padding-top:78px;padding-bottom:78px}.service-grid,.industry-list,.project-grid{grid-template-columns:1fr}.featured{grid-template-columns:1fr}.about-visual{min-height:300px}}