:root{
  --bg:#040A06; --card:#09150E; --primary:#028249; --green:#10B981;
  --pink:#DB2777; --pink-light:#F472B6; --text:#F8FAFC; --muted:#CBD5E1;
  --border:rgba(255,255,255,0.06); --radius:1rem;
  --font-heading:'Manrope',sans-serif; --font-body:'Inter',sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--muted);font-family:var(--font-body);font-size:18px;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}
::selection{background:rgba(16,185,129,0.3);color:#fff}
::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:10px}
a{color:inherit;text-decoration:none}
img{max-width:100%}
h1,h2,h3,h4{font-family:var(--font-heading);color:var(--text);font-weight:800;letter-spacing:-0.03em;line-height:1.05}
.container{max-width:1200px;margin:0 auto;padding:0 24px}
.center{text-align:center}
.muted{color:#94a3b8}
.gradient-emerald{background:linear-gradient(180deg,#F8FAFC,#10B981 120%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.gradient-text{background:linear-gradient(135deg,#10B981,#F472B6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.glass{background:rgba(9,21,14,0.6);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border)}
.glass-strong{background:rgba(9,21,14,0.85);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,0.06)}
.grid-overlay{background-image:linear-gradient(rgba(16,185,129,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(16,185,129,0.04) 1px,transparent 1px);background-size:64px 64px}
.radial-glow{background:radial-gradient(circle,rgba(2,130,73,0.18),transparent 60%)}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:14px 28px;font-family:var(--font-heading);font-weight:700;font-size:15px;cursor:pointer;border:none;transition:all .3s;min-height:44px}
.btn-primary{background:var(--primary);color:#fff;box-shadow:0 10px 30px rgba(2,130,73,0.3)}
.btn-primary:hover{background:var(--green);box-shadow:0 10px 30px rgba(16,185,129,0.4);transform:translateY(-2px)}
.btn-ghost{background:rgba(9,21,14,0.6);backdrop-filter:blur(16px);border:1px solid var(--border);color:var(--text)}
.btn-ghost:hover{border-color:rgba(16,185,129,0.4);color:var(--green)}
.btn.large{padding:18px 40px;font-size:17px}

/* Navbar */
/* Navbar */
.navbar{
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:100;
    padding:20px 0;
    transition:all .4s;
}

.navbar.scrolled{
    background:rgba(9,21,14,.85);
    backdrop-filter:blur(24px);
    padding:12px 0;
    box-shadow:0 10px 30px rgba(0,0,0,.4);
}

.nav-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
}

/* Logo */
.logo{
    display:flex;
    align-items:center;
    text-decoration:none;
    flex:0 0 auto;
  
}

.logo img{
    height:40px !important;
    width:auto !important;
    display:block !important;
    max-width:none !important;
    max-height:40px !important;
}

.logo:hover .logo-img{
    transform:scale(1.03);
}
/* Links */
.nav-links{
    display:flex;
    align-items:center;
    gap:32px;
}

.nav-links a{
    font-size:14px;
    font-weight:500;
    color:var(--muted);
    transition:color .3s;
}

.nav-links a:hover,
.nav-links a.active{
    color:var(--green);
}

.nav-cta{
    color:#fff!important;
}

.nav-cta:hover{
    color:#fff;
}

/* Mobile Menu */
.menu-toggle{
    display:none;
    flex-direction:column;
    gap:5px;
    background:none;
    border:none;
    cursor:pointer;
    padding:8px;
}

.menu-toggle span{
    width:24px;
    height:2px;
    background:var(--text);
    transition:.3s;
}

.menu-toggle.open span:nth-child(1){
    transform:translateY(7px) rotate(45deg);
}

.menu-toggle.open span:nth-child(2){
    opacity:0;
}

.menu-toggle.open span:nth-child(3){
    transform:translateY(-7px) rotate(-45deg);
}

/* Hero */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden}
.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,rgba(2,130,73,0.15),transparent 70%);opacity:1}
.grid-overlay{position:absolute;inset:0;opacity:0.6}
.radial-glow{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:600px;height:600px;pointer-events:none}
.radar{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}
.radar span{position:absolute;left:50%;top:50%;width:200px;height:200px;margin:-100px;border-radius:50%;border:1px solid rgba(16,185,129,0.2);animation:radar 4s ease-out infinite}
.radar span:nth-child(2){animation-delay:1.3s}
.radar span:nth-child(3){animation-delay:2.6s}
@keyframes radar{0%{transform:scale(0.3);opacity:0.6}100%{transform:scale(2.5);opacity:0}}
.hero-content{position:relative;z-index:2;text-align:center;max-width:900px;margin:0 auto;padding:120px 24px 80px}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(9,21,14,0.6);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:999px;padding:8px 16px;margin-bottom:32px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;color:var(--muted)}
.hero-title{font-size:clamp(2.75rem,7vw,6rem);letter-spacing:-0.04em;line-height:0.95}
.hero-sub{margin-top:32px;font-size:clamp(1.1rem,2vw,1.25rem);color:var(--muted);max-width:640px;margin-left:auto;margin-right:auto}
.hero-ctas{margin-top:48px;display:flex;flex-wrap:wrap;gap:16px;justify-content:center}
.hero-stats{margin-top:80px;display:flex;justify-content:center;gap:64px;flex-wrap:wrap; flex-wrap:nowrap;}
.stat-value{font-family:var(--font-heading);font-size:clamp(2rem,4vw,2.5rem);font-weight:800}
.stat-label{font-size:13px;color:#94a3b8;text-transform:uppercase;letter-spacing:0.05em}
.scroll-indicator{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);font-size:11px;text-transform:uppercase;letter-spacing:0.2em;color:#64748b}

/* Page hero (inner pages) */
.page-hero{position:relative;padding:160px 0 48px;overflow:hidden}
.page-hero .grid-overlay{position:absolute;inset:0;opacity:0.2}
.page-hero .radial-glow{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);width:500px;height:500px;pointer-events:none;opacity:0.7}
.page-hero .section-head{max-width:760px;margin:0 auto}

/* Sections */
.section{padding:112px 0;position:relative;overflow:hidden}
.section .grid-overlay{position:absolute;inset:0;opacity:0.2}
.section-head{max-width:700px;margin-bottom:64px}
.section-head.center{margin-left:auto;margin-right:auto;text-align:center}
.eyebrow{display:inline-block;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:0.12em;margin-bottom:16px}
.eyebrow.green{color:var(--green)}
.eyebrow.pink{color:var(--pink-light)}
.section-title{font-size:clamp(2.25rem,5vw,3.75rem);letter-spacing:-0.03em}
.section-lead{margin-top:24px;font-size:1.15rem;color:var(--muted)}
.center .section-lead{max-width:600px;margin-left:auto;margin-right:auto}

/* Grids */
.grid-3{display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}
.grid-4{display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}
.grid-2{display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}
.card{border-radius:24px;padding:32px;transition:all .5s}
.card:hover{transform:translateY(-8px);border-color:rgba(16,185,129,0.3)}
.pink-hover:hover{border-color:rgba(219,39,119,0.3)}
.card-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:16px;margin-bottom:24px;font-size:22px}
.card-icon.green{background:rgba(16,185,129,0.1);border:1px solid rgba(16,185,129,0.2)}
.card-icon.pink{background:rgba(219,39,119,0.1);border:1px solid rgba(219,39,119,0.2)}
.card-icon.small{width:44px;height:44px;margin-bottom:0;position:absolute;top:20px;left:20px}
.card h3{font-size:1.25rem;margin-bottom:12px}
.card p{color:var(--muted);font-size:0.95rem}

/* Comparison */
.comparison{border-radius:24px;padding:8px;display:flex;align-items:stretch;gap:8px;margin-top:48px}
.comp-before,.comp-after{flex:1;border-radius:16px;padding:24px}
.comp-before{background:rgba(0,0,0,0.3);border:1px solid rgba(239,68,68,0.2)}
.comp-after{background:rgba(16,185,129,0.1);border:1px solid rgba(16,185,129,0.3)}
.comp-tag{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.1em}
.comp-tag.red{color:#f87171}
.comp-tag.green{color:var(--green)}
.comp-before p,.comp-after p{font-size:0.875rem;margin-top:8px}
.comp-rank{font-family:var(--font-mono);font-size:1.5rem;margin-top:12px}
.comp-rank.green{color:var(--green)}
.comp-arrow{display:flex;align-items:center;color:var(--green);font-size:24px;padding:0 8px}

/* Services */
.services-grid{margin-top:64px}
.service-card{padding:0;overflow:hidden}
.service-img{height:176px;position:relative}
.card-body{padding:32px}
.check-list{list-style:none;margin-top:24px;display:flex;flex-direction:column;gap:12px}
.check-list li{display:flex;align-items:center;gap:12px;font-size:0.875rem;color:var(--muted);position:relative;padding-left:24px}
.check-list li::before{content:'✓';position:absolute;left:0;color:var(--green);font-weight:700}
.service-card:nth-child(2) .check-list li::before{color:var(--pink-light)}
.learn-link{display:inline-block;margin-top:20px;font-family:var(--font-heading);font-weight:700;font-size:14px;color:var(--green);transition:color .3s}
.learn-link:hover{color:var(--pink-light)}

/* Process steps */
.step-card{position:relative}
.step-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}
.step-num{font-family:var(--font-heading);font-size:48px;font-weight:800;color:rgba(16,185,129,0.12)}

/* Case studies */
.case-card{position:relative;overflow:hidden}
.case-type{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;color:#64748b}
.case-result{font-family:var(--font-heading);font-size:clamp(3rem,5vw,4rem);font-weight:800;margin-top:32px}
.case-label{font-size:0.875rem;color:var(--muted);margin-top:8px}
.case-card p{margin-top:24px}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.tags span{background:rgba(9,21,14,0.6);border:1px solid var(--border);border-radius:999px;padding:4px 12px;font-size:12px;color:var(--muted)}

/* About */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.about-text{margin-top:20px;color:var(--muted);font-size:1.1rem}
.about-quote{margin-top:24px;font-family:var(--font-heading);font-size:1.3rem;font-weight:700}
.values-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.value-card.offset{margin-top:40px}
.value-card h3{font-size:1.1rem}
.value-card p{font-size:0.875rem}

/* Final CTA */
.final-cta{text-align:center}
.final-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,rgba(2,130,73,0.15),transparent 70%)}
.final-content{position:relative;z-index:2}
.final-cta .section-lead{max-width:560px;margin:24px auto 40px}

/* Contact */
.contact-grid{display:grid;grid-template-columns:3fr 2fr;gap:32px}
.stepper{display:flex;align-items:center;gap:12px;margin-bottom:40px}
.step-dot{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;font-size:13px;font-weight:700;background:rgba(9,21,14,0.6);border:1px solid var(--border);color:#64748b;flex-shrink:0}
.step-dot.active{background:var(--primary);color:#fff}
.step-line{flex:1;height:1px;background:#334155}
.step-line.done{background:var(--green)}
.form-step{display:none}
.form-step.active{display:block}
.form-step label{display:block;font-size:14px;font-weight:500;color:var(--muted);margin-bottom:8px;margin-top:24px}
.form-step label:first-child{margin-top:0}
.form-step input{width:100%;background:transparent;border:none;border-bottom:2px solid #334155;color:var(--text);font-family:var(--font-body);font-size:1.25rem;padding:12px 4px;outline:none;transition:border-color .3s}
.form-step input:focus{border-color:var(--green)}
.form-step input::placeholder{color:#475569}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.form-actions{display:flex;gap:12px;margin-top:32px}
.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:8px}
.choice{padding:16px;border-radius:16px;border:1px solid #334155;background:rgba(9,21,14,0.6);color:var(--muted);font-family:var(--font-body);font-weight:500;font-size:14px;cursor:pointer;transition:all .3s}
.choice:hover{border-color:rgba(16,185,129,0.4)}
.choice.selected{background:rgba(2,130,73,0.2);border-color:var(--green);color:var(--green)}
.form-success{text-align:center;padding:64px 0}
.success-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:rgba(16,185,129,0.15);border:1px solid rgba(16,185,129,0.3);color:var(--green);font-size:28px;margin:0 auto 24px}
.form-success h3{font-size:1.5rem;margin-bottom:12px}
.form-success p{max-width:400px;margin:0 auto}

.contact-side{display:flex;flex-direction:column;gap:20px}
.side-label{font-size:14px;color:var(--muted)}
.side-card{display:flex;align-items:center;gap:16px;padding:20px;border-radius:16px;transition:all .3s}
.side-card:hover{transform:translateY(-4px);border-color:rgba(16,185,129,0.3)}
.side-card strong{display:block;color:var(--text);font-size:14px}
.side-card span{font-size:14px;color:var(--muted)}
.side-card .card-icon{margin-bottom:0;width:48px;height:48px}
.guarantee{flex-direction:row;align-items:flex-start;border-color:rgba(16,185,129,0.2)}
.guarantee-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:rgba(16,185,129,0.15);color:var(--green);font-weight:700;flex-shrink:0;margin-top:2px}
.guarantee p{font-size:13px;color:var(--muted);margin-top:4px}

/* Footer */
.footer{border-top:1px solid var(--border);padding:64px 0;position:relative}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}
.footer-brand p{margin-top:20px;font-size:14px;color:var(--muted);max-width:320px}
.footer-loc{margin-top:20px;font-family:var(--font-heading);font-weight:600;font-size:14px}
.footer h4{font-size:13px;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:16px}
.footer ul{list-style:none}
.footer ul li{margin-bottom:12px}
.footer ul a{font-size:14px;color:var(--muted)}
.footer ul a:hover{color:var(--green)}
.footer-bottom{margin-top:56px;padding-top:32px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}
.footer-bottom p{font-size:12px;color:#64748b}
.footer-links{display:flex;gap:24px}
.footer-links a{font-size:12px;color:#64748b}
.footer-links a:hover{color:var(--green)}

/* Responsive */
@media(max-width:900px){
  .nav-links{display:none;position:fixed;top:0;left:0;right:0;flex-direction:column;background:rgba(9,21,14,0.97);backdrop-filter:blur(24px);padding:80px 24px 32px;gap:20px}
  .nav-links.open{display:flex}
  .menu-toggle{display:flex;z-index:101}
  .grid-3,.grid-4,.grid-2{grid-template-columns:1fr}
  .about-grid{grid-template-columns:1fr;gap:40px}
  .values-grid{grid-template-columns:1fr 1fr}
  .value-card.offset{margin-top:0}
  .contact-grid{grid-template-columns:1fr}
  .form-row{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .hero-stats{gap:32px}
  .comparison{flex-direction:column}
  .comp-arrow{transform:rotate(90deg);justify-content:center;padding:12px 0}
}
@media(max-width:500px){
  .values-grid{grid-template-columns:1fr}
  .choice-grid{grid-template-columns:1fr}
  body{font-size:16px}
}