:root{ --primary:#0FA66D; --dark:#0F1115; --muted:#1C1F26; --accent:#FFD60A; --text:#E8ECEF; --subtext:#B7C0C8; --white:#FFFFFF; --radius:18px; --shadow:0 8px 24px rgba(0,0,0,.35);}
*{box-sizing:border-box} html,body{height:100%} body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(180deg,#0b0d11 0%,#0f141a 60%,#0b0d11 100%);color:var(--text);line-height:1.6}
.container{width:min(1200px,92%);margin-inline:auto} h1,h2,h3,h4{line-height:1.2;margin:0 0 .6rem} h1{font-size:clamp(2rem,3.5vw,3rem)} h2{font-size:clamp(1.4rem,2.6vw,2rem)} h3{font-size:clamp(1.1rem,1.8vw,1.3rem)} .lead{color:var(--subtext);max-width:70ch}
.site-header{position:sticky;top:0;z-index:50;background:rgba(15,17,21,.7);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.06)}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:.8rem 0;gap:1rem}
.brand{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--text);font-weight:700}
.brand-text{letter-spacing:.2px}
.brand-logo{display:inline-block;border-radius:50%;box-shadow:0 0 0 2px rgba(255,255,255,.04) inset;margin-right:.4rem;vertical-align:middle}
.nav{display:flex;align-items:center;gap:1rem} .nav a{color:var(--subtext);text-decoration:none;padding:.4rem .6rem;border-radius:.6rem} .nav a:hover{color:var(--white);background:rgba(255,255,255,.06)}
.nav .btn-cta{color:#000;background:var(--accent);font-weight:700;padding:.6rem 1rem;box-shadow:var(--shadow)} .nav-toggle{display:none;background:none;border:0;color:var(--text);font-size:1.4rem}
@media(max-width:900px){.nav{position:fixed;inset:64px 0 auto 0;background:var(--dark);padding:1rem;display:none;flex-direction:column;gap:.8rem;border-bottom:1px solid rgba(255,255,255,.06)}.nav.open{display:flex}.nav-toggle{display:inline-block}}
.hero{padding:5rem 0 3rem;background:radial-gradient(80rem 30rem at 10% -20%, rgba(15,166,109,.25), transparent 60%), radial-gradient(60rem 25rem at 90% -10%, rgba(255,214,10,.18), transparent 60%)}
.hero-inner{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:2rem} .hero-ctas{display:flex;gap:1rem;flex-wrap:wrap;margin:1rem 0}
.trust-bullets{display:flex;gap:1rem;padding:0;margin:1rem 0 0;list-style:none;color:var(--subtext);flex-wrap:wrap}
.hero-art{display:grid;place-items:center} .eye-orb{width:320px;height:320px;background:radial-gradient(circle at 50% 45%, #16202a, #0a0d12);border-radius:999px;position:relative;box-shadow:inset 0 0 40px rgba(0,0,0,.8), 0 40px 80px rgba(0,0,0,.5)}
.eye-orb .iris{position:absolute;inset:0;margin:auto;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle at 40% 40%, var(--accent), var(--primary) 35%, #081016 60%, #000 100%);animation:pulse 6s ease-in-out infinite}
.eye-orb .spark{position:absolute;width:24px;height:24px;background:var(--accent);border-radius:50%;top:85px;left:180px;filter:blur(1px);box-shadow:0 0 18px var(--accent)}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
.trustbar{border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02)} .trustbar-inner{display:grid;grid-template-columns:repeat(6,1fr);gap:.8rem;padding:.9rem 0;text-align:center;color:var(--subtext);font-weight:600}
.section-title{margin:3rem 0 1rem} .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem} .grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:1.2rem;box-shadow:0 8px 24px rgba(0,0,0,.2)}
.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem} .proof-card .stat{font-size:2rem;font-weight:800}
.lead-magnet{padding:2rem 0} .lead-inner{display:grid;grid-template-columns:1.2fr .8fr;gap:1rem;align-items:center} .lead-form{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}
.lead-form input{width:100%;padding:.8rem;border-radius:.6rem;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);color:var(--text)} .lead-form button{grid-column:1/-1}
@media(max-width:900px){.hero-inner{grid-template-columns:1fr}.lead-inner{grid-template-columns:1fr}.lead-form{grid-template-columns:1fr}.grid-3{grid-template-columns:1fr}.grid-2{grid-template-columns:1fr}}
.cta-band{margin:3rem 0;background:radial-gradient(1000px 300px at 50% -50%, rgba(15,166,109,.3), transparent), rgba(255,255,255,.02);border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}
.cta-inner{display:grid;gap:.4rem;padding:2rem 0;text-align:center}
.btn{display:inline-block;text-decoration:none;padding:.7rem 1.1rem;border-radius:.8rem;border:1px solid rgba(255,255,255,.18);color:var(--text)}
.btn:hover{transform:translateY(-1px)} .btn-cta{background:var(--accent);color:#001;border-color:#000;font-weight:800} .btn-outline{background:transparent} .btn-lg{padding:1rem 1.4rem;font-size:1.05rem}
.site-footer{margin-top:3rem;padding:2rem 0;border-top:1px solid rgba(255,255,255,.06);background:rgba(0,0,0,.25)}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:1rem} .footer-brand{display:flex;align-items:center;gap:.6rem}
.ticks{list-style:none;padding:0} .ticks li::before{content:"✔";margin-right:.5rem;color:var(--primary)} .small{font-size:.9rem} .muted{color:var(--subtext)}
.active{color:var(--white)!important;background:rgba(255,255,255,.08)}
.calendly-inline-widget{border:1px solid rgba(255,255,255,.06);border-radius:18px;background:rgba(255,255,255,.02)}