:root{--green:#18b866;--dark:#06130d;--ink:#10231b;--muted:#66736d}
html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink)}
.navbar{background:rgba(3,14,9,.92);backdrop-filter:blur(14px);padding:8px 0}.brand-logo{width:47px;height:47px;object-fit:contain;margin-right:8px}.navbar-brand{font-weight:850;letter-spacing:-.04em}.nav-link{color:rgba(255,255,255,.82)!important}.nav-link:hover{color:white!important}
.hero{min-height:100vh;position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 75% 45%,rgba(38,211,126,.2),transparent 25%),linear-gradient(125deg,#04100b,#0a2116 58%,#10301f)}.hero-grid{position:absolute;inset:0;opacity:.3;background-image:linear-gradient(rgba(110,235,163,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(110,235,163,.07) 1px,transparent 1px);background-size:55px 55px}.hero-glow{position:absolute;width:480px;height:480px;border-radius:50%;right:-80px;top:25%;border:1px solid rgba(73,221,142,.18);box-shadow:0 0 0 70px rgba(73,221,142,.03),0 0 0 140px rgba(73,221,142,.02)}
.hero h1{font-size:clamp(3.4rem,8vw,7rem);font-weight:900;letter-spacing:-.065em;line-height:.92}.hero h1 span{color:#46dc8b}.hero-copy{max-width:690px;color:rgba(255,255,255,.75);font-size:1.25rem;line-height:1.7}.eyebrow{display:inline-block;color:#67df9d;font-weight:850;font-size:.78rem;letter-spacing:.13em;margin-bottom:15px}.eyebrow.green{color:#0b9550}.btn-success{background:var(--green);border-color:var(--green)}.btn-success:hover{background:#0e9b50;border-color:#0e9b50}.hero-points{display:flex;flex-wrap:wrap;gap:25px;margin-top:45px;color:rgba(255,255,255,.68);font-size:.95rem}.hero-points i{color:#4cdd8d;margin-right:7px}
.section{padding:105px 0}.section-light{background:#fff}.section-heading{max-width:800px;margin:0 auto 50px}.section-heading h2,.community-section h2,.about-section h2,.contact-box h2{font-size:clamp(2.1rem,4.5vw,3.6rem);font-weight:850;letter-spacing:-.05em;line-height:1.02}.section-heading p,.about-section p,.contact-box p{color:var(--muted);font-size:1.05rem;line-height:1.75}
.service-card{height:100%;padding:32px;border:1px solid #e3ebe6;border-radius:24px;background:#fff;transition:.2s}.service-card:hover{transform:translateY(-6px);box-shadow:0 20px 55px rgba(10,40,24,.1)}.icon-box{width:60px;height:60px;display:grid;place-items:center;border-radius:17px;background:#e8f9f0;color:#0b9951;font-size:1.55rem;margin-bottom:24px}.service-card h3{font-size:1.22rem;font-weight:850}.service-card p{color:var(--muted);line-height:1.7;min-height:92px}.service-card a{color:#0b9550;text-decoration:none;font-weight:750}
.community-section{padding:115px 0;background:linear-gradient(135deg,#06130d,#0c3924);color:#fff}.community-section h2 span{color:#4bdf8e}.community-section p{color:rgba(255,255,255,.72);font-size:1.08rem;line-height:1.8}.check-list{list-style:none;padding:0;margin:30px 0}.check-list li{margin:15px 0;color:rgba(255,255,255,.87)}.check-list i{color:#4cdf8e;margin-right:10px}
.community-visual{height:470px;border-radius:32px;position:relative;overflow:hidden;background:radial-gradient(circle at center,rgba(64,220,141,.15),transparent 25%),#092319;border:1px solid rgba(88,222,150,.18)}.community-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:85px;height:85px;border-radius:50%;display:grid;place-items:center;background:#18b866;box-shadow:0 0 55px rgba(24,184,102,.45);font-size:2.2rem}.signal{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(76,222,143,.22);border-radius:50%;aspect-ratio:1}.signal-a{width:190px}.signal-b{width:320px}.signal-c{width:450px}.pin{position:absolute;color:#50dc91;font-size:1.3rem}.pin-1{top:23%;left:20%}.pin-2{top:29%;right:17%}.pin-3{bottom:20%;left:31%}.visual-label{position:absolute;bottom:28px;left:30px;font-size:.75rem;letter-spacing:.15em;font-weight:800;color:#55dc92}
.projects-section{background:#f7faf8}.project-card{height:100%;min-height:290px;border-radius:26px;padding:32px;background:linear-gradient(145deg,#fff,#eef7f1);border:1px solid #dfeae3;position:relative;overflow:hidden}.project-card:after{content:"";position:absolute;width:180px;height:180px;border:1px solid #cfe7d8;border-radius:50%;right:-65px;top:-60px}.project-icon{width:65px;height:65px;border-radius:18px;background:#dff6e8;color:#0a9850;display:grid;place-items:center;font-size:1.7rem;margin-bottom:30px}.project-card span{font-size:.7rem;letter-spacing:.14em;font-weight:850;color:#0b9951}.project-card h3{font-size:1.45rem;font-weight:850;margin:8px 0}.project-card p{color:var(--muted);line-height:1.65}.project-line{position:absolute;left:32px;bottom:30px;width:55px;height:3px;background:#18b866;border-radius:10px}
.future-gallery{margin-top:30px;padding:24px 30px;border:1px dashed #b9d7c5;border-radius:20px;background:#eef8f2;display:flex;align-items:center;gap:18px;color:#315343}.future-gallery i{font-size:2rem;color:#0b9951}.future-gallery strong,.future-gallery span{display:block}.future-gallery span{font-size:.9rem;color:#6b7c73;margin-top:3px}
.about-section{padding:105px 0;background:#f0f5f2}.logo-card{min-height:420px;border-radius:30px;background:#06130d;display:grid;place-items:center;padding:45px}.logo-card img{width:min(100%,350px)}.mini-values{display:flex;gap:35px;flex-wrap:wrap;margin-top:35px}.mini-values div{display:flex;align-items:center;gap:10px;font-weight:800}.mini-values i{color:#0c9b52;font-size:1.35rem}
.contact-section{padding:105px 0;background:#06130d}.contact-box{background:#fff;border-radius:30px;padding:clamp(28px,5vw,62px)}.form-control,.form-select{padding:13px 15px;border-radius:12px;border-color:#dce5df}.form-control:focus,.form-select:focus{border-color:var(--green);box-shadow:0 0 0 .2rem rgba(24,184,102,.12)}.contact-note{display:flex;gap:12px;align-items:flex-start;background:#edf9f2;border-radius:15px;padding:17px;margin-top:25px;color:#3c5a4a;font-size:.92rem}.contact-note i{color:#0b9951;font-size:1.25rem}
footer{background:#03100a;color:rgba(255,255,255,.65);padding:25px 0;font-size:.9rem}.footer-logo{width:38px;height:38px;object-fit:contain;margin-right:10px}
@media(max-width:991px){.hero{min-height:800px}.hero h1{font-size:4.3rem}.community-visual{height:400px}}
@media(max-width:575px){.hero h1{font-size:3.35rem}.section,.community-section,.about-section,.contact-section{padding:75px 0}.community-visual{height:330px}.signal-c{width:310px}.signal-b{width:230px}.signal-a{width:145px}.hero-points{gap:12px;flex-direction:column}.future-gallery{align-items:flex-start}}