:root{
    --green-900:#0a3d2e;--green-700:#1a6b4a;--green-500:#27a567;
    --green-300:#5dd6a0;--accent:#f0c040;--dark:#081c14;
}
*{box-sizing:border-box;}
body{margin:0;font-family:'DM Sans',sans-serif;background:var(--dark);color:#fff;overflow-x:hidden;}

/* ─── NAVBAR (reference) ─── */
.sp-nav{
    position:fixed;top:0;left:0;right:0;z-index:1050;
    background:rgba(8,28,20,.88);backdrop-filter:blur(14px);
    border-bottom:1px solid rgba(255,255,255,.07);
}
.sp-nav-inner{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.5rem;gap:1rem;}
.sp-brand{font-family:'Bebas Neue',sans-serif;font-size:1.75rem;letter-spacing:2px;color:var(--green-300);text-decoration:none;}
.sp-brand span{color:var(--accent);}
.sp-links{display:flex;gap:1.8rem;list-style:none;margin:0;padding:0;}
.sp-links a{color:rgba(255,255,255,.72);text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s;}
.sp-links a:hover{color:var(--green-300);}
.sp-right{display:flex;align-items:center;gap:.7rem;flex-shrink:0;}
.btn-login{display:inline-flex;align-items:center;gap:.35rem;background:var(--accent);color:var(--dark)!important;font-weight:700;font-size:.85rem;padding:.42rem 1.05rem;border-radius:50px;text-decoration:none;white-space:nowrap;transition:background .2s,transform .15s;}
.btn-login:hover{background:#ffe077;transform:translateY(-1px);}
.sp-toggler{display:none;background:none;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:6px;padding:.3rem .5rem;font-size:1.25rem;cursor:pointer;line-height:1;}
.sp-drawer{overflow:hidden;max-height:0;transition:max-height .35s ease;background:rgba(8,28,20,.97);border-top:1px solid rgba(255,255,255,.06);}
.sp-drawer.open{max-height:360px;}
.sp-drawer-inner{padding:.5rem 1.5rem 1rem;}
.sp-drawer ul{list-style:none;margin:0;padding:0;}
.sp-drawer ul li a{display:block;padding:.65rem 0;color:rgba(255,255,255,.75);text-decoration:none;font-size:.95rem;font-weight:500;border-bottom:1px solid rgba(255,255,255,.07);transition:color .2s;}
.sp-drawer ul li:last-child a{border-bottom:none;}
.sp-drawer ul li a:hover{color:var(--green-300);}
@media(max-width:991.98px){.sp-links{display:none!important;}.sp-toggler{display:block;}}

/* ─── HERO ─── */
.hero-section{
    min-height:100vh;padding-top:72px;
    display:flex;align-items:center;position:relative;overflow:hidden;
}
.hero-section::before{
    content:'';position:absolute;inset:0;
    background:
            radial-gradient(ellipse 75% 65% at 72% 38%,rgba(39,165,103,.20) 0%,transparent 65%),
            radial-gradient(ellipse 50% 70% at 8% 80%,rgba(26,107,74,.28) 0%,transparent 60%),
            linear-gradient(155deg,var(--dark) 0%,var(--green-900) 100%);
    z-index:0;
}
.hero-ring{position:absolute;right:-14%;top:50%;transform:translateY(-50%);width:min(680px,90vw);height:min(680px,90vw);border-radius:50%;border:1px solid rgba(93,214,160,.10);pointer-events:none;z-index:0;}
.hero-ring::after{content:'';position:absolute;inset:10%;border-radius:50%;border:1px solid rgba(93,214,160,.07);}
.hero-content{position:relative;z-index:1;padding:3.5rem 0 4rem;}
.hero-badge{display:inline-block;border:1px solid var(--green-300);color:var(--green-300);font-size:.75rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;padding:.28rem .9rem;border-radius:50px;margin-bottom:1.1rem;animation:fadeUp .55s ease both;}
.hero-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(3rem,8vw,5.8rem);line-height:1.02;letter-spacing:2px;color:#fff;margin-bottom:1rem;animation:fadeUp .6s .08s ease both;}
.hero-title span{color:var(--green-300);}
.hero-desc{font-size:1rem;color:rgba(255,255,255,.60);line-height:1.8;max-width:460px;margin-bottom:2rem;animation:fadeUp .65s .16s ease both;}
.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;animation:fadeUp .7s .24s ease both;}
.btn-primary-sp{background:var(--green-500);color:#fff;border:none;padding:.72rem 1.75rem;border-radius:50px;font-weight:600;font-size:.92rem;text-decoration:none;transition:background .2s,transform .15s;display:inline-block;}
.btn-primary-sp:hover{background:var(--green-700);transform:translateY(-2px);color:#fff;}
.btn-outline-sp{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.30);padding:.72rem 1.75rem;border-radius:50px;font-weight:500;font-size:.92rem;text-decoration:none;transition:border-color .2s,color .2s,transform .15s;display:inline-block;}
.btn-outline-sp:hover{border-color:var(--green-300);color:var(--green-300);transform:translateY(-2px);}
.hero-img-wrap{position:relative;display:flex;justify-content:center;align-items:flex-end;animation:fadeUp .75s .12s ease both;}
.hero-img-wrap svg{width:100%;max-height:500px;filter:drop-shadow(0 28px 55px rgba(39,165,103,.28));}
.stat-card{position:absolute;background:rgba(255,255,255,.05);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.10);border-radius:14px;padding:.65rem 1rem;font-size:.78rem;color:rgba(255,255,255,.80);white-space:nowrap;}
.stat-card strong{display:block;font-size:1.35rem;font-family:'Bebas Neue',sans-serif;color:var(--green-300);letter-spacing:1px;}
.stat-card:nth-child(2){top:16%;left:-4%;}
.stat-card:nth-child(3){bottom:16%;right:1%;}

/* ─── SERVICES STRIP ─── */
.services-strip{background:rgba(255,255,255,.03);border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);padding:3.5rem 0;}
.service-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:1.8rem 1.5rem;text-align:center;transition:transform .25s,border-color .25s,background .25s;height:100%;}
.service-card:hover{transform:translateY(-6px);border-color:var(--green-500);background:rgba(39,165,103,.08);}
.service-icon{width:58px;height:58px;border-radius:50%;background:rgba(39,165,103,.15);display:flex;align-items:center;justify-content:center;margin:0 auto 1.1rem;font-size:1.5rem;color:var(--green-300);}
.service-card h6{font-weight:600;font-size:.95rem;margin-bottom:.5rem;color:#fff;}
.service-card p{font-size:.82rem;color:rgba(255,255,255,.52);margin:0;line-height:1.7;}
.section-label{font-size:.72rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--green-300);margin-bottom:.5rem;}
.section-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(2rem,5vw,3rem);letter-spacing:1.5px;color:#fff;margin-bottom:.5rem;}
.section-sub{color:rgba(255,255,255,.50);font-size:.95rem;max-width:520px;}

/* ─── STATS BAR ─── */
.stats-bar{padding:4rem 0;background:linear-gradient(135deg,var(--green-900) 0%,var(--green-700) 100%);}
.stat-item{text-align:center;}
.stat-item .num{font-family:'Bebas Neue',sans-serif;font-size:clamp(2.5rem,6vw,4rem);color:#fff;letter-spacing:1px;}
.stat-item .num span{color:var(--accent);}
.stat-item p{color:rgba(255,255,255,.65);font-size:.85rem;margin:0;letter-spacing:.5px;}
.stat-divider{width:1px;background:rgba(255,255,255,.15);height:60px;margin:auto;}

/* ─── FOOTER ─── */
.sp-footer{background:var(--dark);border-top:1px solid rgba(255,255,255,.08);padding-top:4rem;}
.footer-brand{font-family:'Bebas Neue',sans-serif;font-size:2rem;letter-spacing:2px;color:var(--green-300);text-decoration:none;display:inline-block;margin-bottom:1rem;}
.footer-brand span{color:var(--accent);}
.footer-desc{color:rgba(255,255,255,.45);font-size:.88rem;line-height:1.8;margin-bottom:1.5rem;}
.footer-badge{display:inline-flex;align-items:center;gap:.4rem;background:rgba(39,165,103,.12);border:1px solid rgba(39,165,103,.25);color:var(--green-300);font-size:.75rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;padding:.28rem .75rem;border-radius:50px;}
.footer-heading{color:#fff;font-weight:600;font-size:.95rem;letter-spacing:.5px;margin-bottom:1.3rem;position:relative;padding-bottom:.7rem;}
.footer-heading::after{content:'';position:absolute;bottom:0;left:0;width:28px;height:2px;background:var(--green-500);border-radius:2px;}
.footer-contact p{display:flex;align-items:flex-start;gap:.75rem;color:rgba(255,255,255,.50);font-size:.875rem;margin-bottom:.85rem;line-height:1.5;}
.footer-contact p i{color:var(--green-300);font-size:1rem;flex-shrink:0;margin-top:2px;}
.footer-links{display:flex;flex-direction:column;gap:.1rem;}
.footer-links a{color:rgba(255,255,255,.45);font-size:.875rem;text-decoration:none;padding:.35rem 0;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;gap:.5rem;transition:color .2s,gap .2s;}
.footer-links a::before{content:'›';color:var(--green-500);font-size:1.1rem;line-height:1;}
.footer-links a:hover{color:var(--green-300);gap:.8rem;}
.footer-social{display:flex;gap:.6rem;margin-top:1.2rem;}
.footer-social a{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.15);display:inline-flex;align-items:center;justify-content:center;color:rgba(255,255,255,.55);font-size:.9rem;text-decoration:none;transition:background .2s,border-color .2s,color .2s,transform .2s;}
.footer-social a:hover{background:var(--green-500);border-color:var(--green-500);color:#fff;transform:translateY(-2px);}
.footer-newsletter{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:1.4rem;}
.footer-newsletter p{font-size:.82rem;color:rgba(255,255,255,.45);margin-bottom:1rem;}
.newsletter-input{display:flex;gap:.5rem;}
.newsletter-input input{flex:1;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:50px;padding:.5rem 1rem;color:#fff;font-size:.85rem;outline:none;transition:border-color .2s;}
.newsletter-input input::placeholder{color:rgba(255,255,255,.35);}
.newsletter-input input:focus{border-color:var(--green-500);}
.newsletter-input button{background:var(--green-500);color:#fff;border:none;border-radius:50px;padding:.5rem 1rem;font-size:.82rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s;}
.newsletter-input button:hover{background:var(--green-700);}
.footer-bottom{margin-top:3rem;border-top:1px solid rgba(255,255,255,.07);padding:1.2rem 0;}
.footer-bottom p{color:rgba(255,255,255,.30);font-size:.8rem;margin:0;}
.footer-bottom a{color:rgba(255,255,255,.50);text-decoration:none;transition:color .2s;}
.footer-bottom a:hover{color:var(--green-300);}
.footer-menu-links{display:flex;gap:1.2rem;justify-content:flex-end;flex-wrap:wrap;}
.footer-menu-links a{color:rgba(255,255,255,.35);font-size:.78rem;text-decoration:none;transition:color .2s;}
.footer-menu-links a:hover{color:var(--green-300);}

/* ─── ANIMATIONS ─── */
@keyframes fadeUp{from{opacity:0;transform:translateY(26px);}to{opacity:1;transform:translateY(0);}}

/* ─── RESPONSIVE ─── */
@media(max-width:991.98px){
    .stat-card{display:none;}
    .hero-desc{max-width:100%;}
    .stat-divider{display:none;}
}
@media(max-width:575.98px){
    .hero-title{font-size:clamp(2.8rem,14vw,3.6rem);}
    .hero-actions{flex-direction:column;}
    .btn-primary-sp,.btn-outline-sp{width:100%;text-align:center;}
    .footer-menu-links{justify-content:center;}
    .footer-bottom p{text-align:center;}
    .newsletter-input{flex-direction:column;}
    .newsletter-input button{border-radius:50px;}
}