.nav{box-shadow:0 8px 28px rgba(7,28,36,.055)}
.brand-copy strong{font-size:17px}.brand-copy small{font-size:10px}
.mark{background:#090909;color:white;border-color:#090909;box-shadow:0 7px 18px rgba(7,28,36,.16);overflow:hidden;padding:7px}.mark img{display:block;width:100%;height:100%;object-fit:contain}
.hero{position:relative;background:radial-gradient(circle at 78% 24%,rgba(79,196,154,.2),transparent 27%),linear-gradient(125deg,#f7f9f8 48%,#dfeee9)}
.hero:before{content:"";position:absolute;inset:0;opacity:.32;pointer-events:none;background-image:linear-gradient(rgba(7,28,36,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(7,28,36,.045) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent 30%,#000)}
.hero-copy,.hero-visual{position:relative;z-index:1}
.orb{background:radial-gradient(circle at 34% 27%,#fff,rgba(79,196,154,.42) 25%,rgba(14,78,68,.24) 58%,transparent 59%);border:8px solid rgba(255,255,255,.58);box-shadow:0 45px 100px rgba(18,91,74,.26),inset 0 0 0 1px rgba(7,28,36,.08)}
.float-card{position:absolute;background:rgba(255,255,255,.94);color:var(--ink);padding:13px 16px;min-width:145px;border-left:3px solid var(--green);box-shadow:0 16px 38px rgba(7,28,36,.17);backdrop-filter:blur(8px);text-align:left}
.float-card b,.float-card small{display:block}.float-card b{font:700 10px "Manrope";letter-spacing:.14em}.float-card small{font-size:11px;color:var(--muted);margin-top:5px}.card-a{top:12%;right:-7%}.card-b{bottom:7%;right:-2%}.card-c{left:-12%;bottom:25%}
.sector-band{min-height:86px;background:#16483f;color:white;padding:20px var(--pad);display:flex;align-items:center;justify-content:center;gap:clamp(25px,5vw,80px);font:600 clamp(14px,1.3vw,18px) "Manrope";letter-spacing:.02em}.sector-band i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 6px rgba(79,196,154,.12)}
.intro{background:linear-gradient(135deg,#fff 68%,#e7f3ef)}
.area-card{background:linear-gradient(180deg,rgba(255,255,255,.045),transparent);padding:30px 28px;border-top:3px solid var(--green);transition:transform .25s,background .25s}.area-card:hover{transform:translateY(-7px);background:rgba(255,255,255,.075)}
.area-icon{width:48px;height:48px;border-radius:14px;background:rgba(79,196,154,.13);display:grid;place-items:center;border:1px solid rgba(79,196,154,.3)}
.step{background:white;margin-right:12px;padding:28px;box-shadow:0 14px 35px rgba(7,28,36,.065);border-bottom:3px solid transparent;transition:.25s}.step:hover{border-bottom-color:var(--green);transform:translateY(-5px)}
.contact{position:relative;overflow:hidden}.contact:after{content:"IC";position:absolute;right:-2vw;bottom:-10vw;font:700 25vw "Manrope";color:rgba(255,255,255,.055);letter-spacing:-.12em;pointer-events:none}.contact>div,.contact form{position:relative;z-index:1}
.honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.footer-end{display:flex;align-items:flex-end;flex-direction:column;gap:14px}.footer-end p{margin:0}.instagram{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.45);border-radius:50%;transition:.2s}.instagram:hover{color:var(--green);border-color:var(--green);transform:translateY(-2px)}.instagram svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7}.instagram .dot{fill:currentColor;stroke:none}
@media(max-width:850px){.float-card{min-width:128px;padding:10px 12px}.card-a{right:-2%}.card-c{left:-4%}.sector-band{flex-wrap:wrap;gap:15px 25px}.step{margin-right:0}.area-card{margin-bottom:18px}.footer-end{align-items:center}}
@media(max-width:520px){.brand-copy{display:flex}.brand-copy strong{font-size:13px}.brand-copy small{font-size:8px}.mark{width:38px;height:38px}.float-card{display:none}.sector-band{justify-content:flex-start}.sector-band i{width:5px;height:5px}.hero:before{display:none}}