/* NAV */
.nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:.8rem 0;background:rgba(8,9,12,.88);backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border-bottom:1px solid var(--border)}
.nav-inner{display:flex;align-items:center;justify-content:space-between}
.nav-logo{display:flex;align-items:center;gap:.6rem;font-family:'Playfair Display',serif;font-size:1.35rem;font-weight:600}
.logo-mark{width:36px;height:36px;background:linear-gradient(135deg,var(--accent),#1AA06B);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-family:'Outfit',sans-serif;font-weight:800;font-size:.8rem;transition:all .4s}
.nav-logo:hover .logo-mark{transform:rotate(-8deg) scale(1.1);box-shadow:0 0 30px var(--accent-glow)}
.nav-links{display:flex;align-items:center;gap:2rem}
.nav-links a{font-size:.88rem;font-weight:500;color:var(--text-dim);position:relative}
.nav-links a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--accent);transition:width .35s}
.nav-links a:hover{color:var(--text)}.nav-links a:hover::after,.nav-links a.active::after{width:100%}
.nav-links a.active{color:var(--accent)}
.nav-cta{padding:.6rem 1.5rem!important;background:var(--accent)!important;color:var(--bg)!important;border-radius:100px;font-weight:700!important;font-size:.82rem!important}
.nav-cta::after{display:none!important}
.nav-cta:hover{transform:translateY(-2px);box-shadow:0 8px 30px var(--accent-glow)}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:none;border:none;width:32px;height:32px;z-index:1001}
.hamburger span{width:24px;height:2px;background:var(--text);display:block;transition:all .35s ease-in-out;transform-origin:center}
.hamburger.open span:nth-child(1){transform:rotate(45deg) translateY(11px)}
.hamburger.open span:nth-child(2){opacity:0}
.hamburger.open span:nth-child(3){transform:rotate(-45deg) translateY(-11px)}
.mob{display:none;position:fixed;inset:0;background:rgba(8,9,12,.97);backdrop-filter:blur(30px);z-index:999;flex-direction:column;justify-content:center;align-items:center;gap:2.5rem}
.mob.open{display:flex}
.mob a{font-size:1.5rem;font-weight:500;opacity:0;animation:mIn .4s forwards}
.mob a:nth-child(2){animation-delay:.05s}.mob a:nth-child(3){animation-delay:.1s}.mob a:nth-child(4){animation-delay:.15s}.mob a:nth-child(5){animation-delay:.2s}.mob a:nth-child(6){animation-delay:.25s}
@keyframes mIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}

/* BTNS */
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 2rem;border-radius:100px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .4s;position:relative;overflow:hidden}
.btn-primary{background:var(--accent);color:var(--bg)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 35px var(--accent-glow)}
.btn-secondary{color:var(--text);border:1.5px solid var(--border-hover)}.btn-secondary:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}
.btn-ghost{color:var(--text-dim);border:1.5px solid var(--border);background:rgba(255,255,255,.03)}.btn-ghost:hover{border-color:var(--gold);color:var(--gold)}
.btn-sm{padding:.6rem 1.3rem;font-size:.82rem}.btn-lg{padding:1rem 2.5rem;font-size:.95rem}

/* PAGE HERO */
.page-hero{padding:9rem 0 4rem;text-align:center;position:relative;overflow:hidden}
.page-hero::before{content:'';position:absolute;top:-200px;left:50%;width:700px;height:700px;transform:translateX(-50%);background:radial-gradient(circle,rgba(46,204,139,.08),transparent 70%);border-radius:50%}
.page-hero h1{font-size:clamp(2.4rem,4.5vw,3.5rem);margin-bottom:1rem;opacity:0;animation:hIn .8s .2s forwards}
.page-hero p{color:var(--text-dim);font-size:1.1rem;max-width:640px;margin:0 auto;opacity:0;animation:hIn .8s .35s forwards}
@keyframes hIn{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}
.section{padding:6rem 0}
.section-label{display:inline-flex;align-items:center;gap:.6rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:.8rem}
.section-label::before{content:'';width:20px;height:2px;background:var(--accent)}
.section-title{font-size:clamp(2rem,4vw,3rem);margin-bottom:.8rem}
.section-desc{color:var(--text-dim);font-size:1.05rem;max-width:560px;line-height:1.8}

/* TRUST BAR */
.trust-bar{background:var(--bg-card);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:1.5rem 0;text-align:center}
.trust-bar p{font-size:.9rem;font-weight:600;color:var(--text-dim);margin:0}

/* SERVICE CARDS */
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem}
.service-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;transition:all .4s;position:relative;overflow:hidden}
.service-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--accent-dim),transparent);opacity:0;transition:opacity .4s}
.service-card:hover{border-color:rgba(46,204,139,.25);transform:translateY(-4px);box-shadow:0 20px 60px rgba(0,0,0,.4)}
.service-card:hover::before{opacity:1}
.service-icon{font-size:2rem;margin-bottom:1rem;display:block}
.service-card h3{font-size:1.25rem;margin-bottom:.4rem}
.pain-solved{font-size:.78rem;color:var(--accent);font-weight:600;margin-bottom:.8rem}
.service-card p{color:var(--text-dim);font-size:.93rem;line-height:1.7;margin-bottom:1rem}
.service-tag{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;font-weight:700;background:var(--accent-dim);color:var(--accent);border:1px solid rgba(46,204,139,.2);border-radius:100px;padding:.3rem .8rem}
.ai-badge-glow{box-shadow:0 0 15px rgba(46,204,139,.1)}

/* PROCESS */
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:3rem}
.process-step{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;position:relative;overflow:hidden}
.process-num{display:block;font-size:3rem;font-family:'Playfair Display',serif;color:rgba(46,204,139,.15);font-weight:700;line-height:1;margin-bottom:.8rem}
.process-step h4{font-family:'Playfair Display',serif;font-size:1.1rem;margin-bottom:.5rem}
.process-step p{color:var(--text-dim);font-size:.9rem}

/* PRICING */
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem}
.pricing-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2.5rem;position:relative;transition:all .4s}
.pricing-card.featured{border-color:rgba(46,204,139,.3);background:linear-gradient(135deg,rgba(46,204,139,.06),var(--bg-card))}
.pricing-badge{position:absolute;top:-1px;left:50%;transform:translateX(-50%);background:var(--accent);color:var(--bg);font-size:.72rem;font-weight:700;padding:.3rem 1.2rem;border-radius:0 0 10px 10px;white-space:nowrap}
.pricing-tier{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:.8rem}
.pricing-card h3{font-size:1.5rem;margin-bottom:.4rem}
.pricing-card p{color:var(--text-dim);font-size:.9rem;margin-bottom:1.5rem}
.pricing-features{margin-bottom:2rem}
.pricing-features li{display:flex;align-items:flex-start;gap:.6rem;color:var(--text-dim);font-size:.9rem;margin-bottom:.6rem}
.pricing-features li::before{content:'✓';color:var(--accent);font-weight:700;flex-shrink:0;margin-top:.1rem}
.pricing-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px rgba(0,0,0,.4)}

/* TOOLS */
.tools-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;margin-top:2.5rem}
.tool-pill{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;text-align:center;font-size:.82rem;font-weight:600;color:var(--text-dim);transition:all .35s}
.tool-pill:hover{border-color:rgba(46,204,139,.25);color:var(--accent)}

/* STATS */
.stats{background:var(--bg-card);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:4rem 0}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}
.stat-box{text-align:center}
.stat-box h3{font-size:2.8rem;color:var(--accent);margin-bottom:.3rem}
.stat-box p{color:var(--text-dim);font-size:.9rem}

/* CTA */
.cta{background:linear-gradient(135deg,rgba(46,204,139,.08),rgba(212,168,75,.05));border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:6rem 0;text-align:center;position:relative;overflow:hidden}
.cta::before{content:'';position:absolute;top:-200px;left:50%;width:600px;height:600px;transform:translateX(-50%);background:radial-gradient(circle,rgba(46,204,139,.1),transparent 70%);border-radius:50%}

/* FOOTER */
.footer{background:var(--bg-card);border-top:1px solid var(--border);padding:4rem 0 2rem}
.footer-inner{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem}
.footer-brand p{color:var(--text-muted);font-size:.88rem;line-height:1.7;margin-top:.8rem;max-width:280px}
.footer-col h4{font-family:'Outfit',sans-serif;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin-bottom:1.2rem;font-weight:700}
.footer-col a{display:block;color:var(--text-dim);font-size:.88rem;margin-bottom:.7rem}
.footer-col a:hover{color:var(--accent);transform:translateX(3px)}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:2rem;border-top:1px solid var(--border);color:var(--text-muted);font-size:.82rem}
.footer-social{display:flex;gap:.6rem}
.footer-social a{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.04);border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;color:var(--text-dim);font-size:.82rem;transition:all .35s}
.footer-social a:hover{background:var(--accent-dim);border-color:rgba(46,204,139,.2);color:var(--accent);transform:translateY(-3px)}

/* REVEAL ANIMATIONS */
.rv,.rl,.rr,.rs{opacity:0;transform:translateY(30px);transition:opacity .7s,transform .7s}
.rl{transform:translateX(-30px)}.rr{transform:translateX(30px)}.rs{transform:scale(.96)}
.rv.v,.rl.v,.rr.v,.rs.v{opacity:1;transform:none}
.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}.d4{transition-delay:.4s}.d5{transition-delay:.5s}.d6{transition-delay:.6s}
.spot{position:fixed;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(46,204,139,.04),transparent 70%);pointer-events:none;z-index:0;transform:translate(-50%,-50%)}

@media(max-width:1024px){.services-grid,.pricing-grid,.standards-grid{grid-template-columns:repeat(2,1fr)}.tools-grid{grid-template-columns:repeat(4,1fr)}.process-grid{grid-template-columns:repeat(2,1fr)}.footer-inner,.stats-grid{grid-template-columns:repeat(2,1fr)}.global-reach-grid{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:768px){.container{padding:0 1.5rem}.section{padding:5rem 0}.nav-links{display:none}.hamburger{display:flex}.services-grid,.pricing-grid,.process-grid,.standards-grid,.global-reach-grid{grid-template-columns:1fr!important}.tools-grid{grid-template-columns:repeat(3,1fr)}.stats-grid{grid-template-columns:1fr 1fr}.footer-inner{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}.spot{display:none}}
@media(max-width:480px){.container{padding:0 1rem}.section{padding:3.5rem 0}.tools-grid{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:1fr}.section-title{font-size:clamp(1.7rem,6vw,2.5rem)}.global-reach-grid{grid-template-columns:1fr!important}}
.float-contact{position:fixed;bottom:2rem;right:2rem;z-index:9990;display:flex;flex-direction:column;gap:.6rem;align-items:flex-end}
.float-btn{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;cursor:pointer;transition:all .4s;border:none;box-shadow:0 8px 30px rgba(0,0,0,.3);text-decoration:none}
.float-btn-main{background:linear-gradient(135deg,var(--accent),#1AA06B);color:#fff;animation:floatPulse 3s ease-in-out infinite}
@keyframes floatPulse{0%,100%{box-shadow:0 8px 30px rgba(46,204,139,.3)}50%{box-shadow:0 8px 40px rgba(46,204,139,.6)}}
.float-btn-main:hover{transform:scale(1.1) rotate(15deg);box-shadow:0 12px 40px var(--accent-glow)}
.float-btn-secondary{width:48px;height:48px;background:var(--bg-card);border:1px solid var(--border-hover);color:var(--text);font-size:1.1rem;opacity:0;transform:translateY(10px) scale(.8);pointer-events:none;transition:all .35s}
.float-contact.open .float-btn-secondary{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}
.float-contact.open .float-btn-secondary:nth-child(1){transition-delay:.05s}
.float-contact.open .float-btn-secondary:nth-child(2){transition-delay:.1s}
.float-btn-secondary:hover{background:var(--accent-dim);border-color:rgba(46,204,139,.2);transform:scale(1.1)!important}
.float-tooltip{position:absolute;right:64px;background:rgba(8,9,12,.9);color:#e8e9ed;padding:.3rem .8rem;border-radius:6px;font-size:.8rem;white-space:nowrap;opacity:0;transition:opacity .2s;pointer-events:none}
.float-btn-secondary:hover .float-tooltip{opacity:1}

