:root{
          --ift-card:#161616; --ift-card-2:#1c1c1c;
        --ift-border:rgba(255,255,255,.08); --ift-border-2:rgba(255,255,255,.06);
        --ift-text:#fff; --ift-muted:#b3b3b3; --ift-accent:#9cfe4f; --ift-accent-ink:#0d0d0f;
        --ift-radius:20px; --ift-radius-pill:999px; --ift-maxw:1290px;
        --ift-font:'Source Sans 3',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
        --ift-head:'Roboto','Source Sans 3',system-ui,sans-serif;
        --bg:#000000;
        --green:#9cfe4f;
        --green-soft:#9cfe4f;
        --text:#FFFFFF;
        --para:#BEBEBE;
        --border:rgba(255,255,255,.08);
        --card-bg:rgba(18,18,18,.85);
      }

      html{overflow-x:hidden}body{margin:0;overflow-x:hidden}

      /* ============ HEADER NAVIGATION SPACING UPDATES ============ */
      .header-navigation .primary-menu {
        display: flex;
        align-items: center;
        justify-content: space-between;
      }
      @media (min-width: 992px) {
        .header-navigation .pf-nav-menu {
          margin-left: auto;
          margin-right: 48px;
        }
        .header-navigation .main-menu > ul {
          display: flex;
          align-items: center;
          gap: 32px;
        }
      }

      .ift-section{position:relative;padding:100px 0;overflow:hidden; font-family:var(--ift-font);color:var(--ift-text);-webkit-font-smoothing:antialiased}
      .ift-wrap{width:100%;max-width:var(--ift-maxw);margin:0 auto;padding:0 24px;position:relative;z-index:2}
      .ift-h2{font-family:var(--ift-head);font-weight:800;font-size:clamp(30px,4vw,50px);line-height:1.1; letter-spacing:-.01em;color:#fff;margin:0 0 18px}
      .ift-hl{color:var(--ift-accent)} .ift-red{color:var(--ift-accent)}
      .ift-sub{font-size:clamp(15px,1.15vw,18px);line-height:1.65;color:var(--ift-muted);margin:0}
      .ift-head-center{text-align:center;max-width:820px;margin:0 auto 60px}
      .ift-head-center .ift-h2{margin-bottom:16px}
      .ift-pill{display:inline-block;font-family:var(--ift-head);font-weight:600;font-size:13px; letter-spacing:.02em;padding:8px 18px;border-radius:var(--ift-radius-pill);margin-bottom:18px}
      .ift-pill-red{color:var(--ift-accent);background:rgba(156,254,79,.12)}
      .ift-pill-orange{color:var(--ift-accent);background:rgba(156,254,79,.14)}
      .ift-btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--ift-head);font-weight:600; font-size:15px;padding:15px 28px;border-radius:var(--ift-radius-pill);border:1px solid transparent; cursor:pointer;text-decoration:none;white-space:nowrap; transition:transform .25s ease,box-shadow .25s ease,background .25s ease,color .25s ease}
      .ift-btn svg{width:18px;height:18px;transition:transform .25s ease}
      .ift-btn:hover svg{transform:translateX(4px)}
      .ift-btn-orange{background:var(--ift-accent);color:var(--ift-accent-ink);box-shadow:0 10px 26px -12px rgba(156,254,79,.7)}
      .ift-btn-orange:hover{background:#000;color:var(--ift-accent);border-color:var(--ift-accent);transform:translateY(-3px)}
      .ift-center-btn{text-align:center;margin-top:46px}
      .ift-btn-row{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}

      .ift-prof-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center}
      .ift-prof-text .ift-h2{margin-bottom:24px}
      .ift-prof-text p{color:var(--ift-muted);font-size:16px;line-height:1.75;margin:0 0 18px}
      .ift-prof-text p:last-child{margin-bottom:0}
      .ift-prof-media{position:relative}
      .ift-prof-img{position:relative;border-radius:var(--ift-radius);overflow:hidden;aspect-ratio:4/3.4; border:1px solid var(--ift-border);box-shadow:0 30px 60px -30px rgba(0,0,0,.8)}
      .ift-prof-img img{width:100%;height:100%;object-fit:cover;display:block}
      .ift-prof-img::after{content:"";position:absolute;inset:0; background:linear-gradient(160deg,transparent 55%,rgba(156,254,79,.14));pointer-events:none}
      .ift-img-fallback{background:radial-gradient(120% 120% at 70% 20%,#1c1c1c,#0d0d0d 60%,#000); display:flex;align-items:center;justify-content:center}
      .ift-img-fallback::before{content:"SEO";font-family:var(--ift-head);font-weight:800;font-size:70px; letter-spacing:.05em;color:var(--ift-accent);text-shadow:0 0 30px rgba(156,254,79,.6)}
      .ift-prof-accent{position:absolute;right:-14px;bottom:-14px;top:26px;width:42px; background:var(--ift-accent);border-radius:var(--ift-radius);z-index:-1;opacity:.9}

      .ranking-section{ width:100vw; min-width:100%; background:#181818; padding:90px 0; margin:0; position:relative; left:50%; right:50%; margin-left:-50vw; margin-right:-50vw; overflow:hidden; font-family:var(--ift-font); color:var(--ift-text); -webkit-font-smoothing:antialiased; box-sizing:border-box;}
      .ranking-content{ width:100%; max-width:1400px; margin:0 auto; padding:0 40px; position:relative; z-index:2; box-sizing:border-box;}
      @media (max-width:560px){ .ranking-content{padding:0 18px}}

      .ift-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
      .ift-prob-card{background:var(--ift-card);border:1px solid var(--ift-border-2);border-radius:var(--ift-radius); padding:30px 26px;transition:transform .3s ease,border-color .3s ease,background .3s ease}
      .ift-prob-card:hover{transform:translateY(-6px);border-color:rgba(156,254,79,.35);background:var(--ift-card-2)}
      .ift-prob-ico{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:14px; background:rgba(156,254,79,.12);color:var(--ift-accent);margin-bottom:22px}
      .ift-prob-ico svg{width:24px;height:24px}
      .ift-prob-card h3{font-family:var(--ift-head);font-weight:700;font-size:19px;line-height:1.3;margin:0 0 10px;color:#fff}
      .ift-prob-card p{color:var(--ift-muted);font-size:15px;line-height:1.6;margin:0}

      .ift-services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
      .ift-svc-card{background:var(--ift-card);border:1px solid var(--ift-border-2);border-radius:var(--ift-radius); padding:36px 32px;transition:transform .3s ease,border-color .3s ease}
      .ift-svc-card:hover{transform:translateY(-6px);border-color:rgba(156,254,79,.35)}
      .ift-svc-ico{width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:16px; background:rgba(156,254,79,.12);color:var(--ift-accent);margin-bottom:24px}
      .ift-svc-ico svg{width:28px;height:28px}
      .ift-svc-card h3{font-family:var(--ift-head);font-weight:700;font-size:22px;line-height:1.25;margin:0 0 16px;color:#fff}
      .ift-svc-card p{color:var(--ift-muted);font-size:15px;line-height:1.7;margin:0 0 14px}
      .ift-svc-card p:last-child{margin-bottom:0}

      .ift-qualify::before{content:"";position:absolute;inset:0;z-index:1; background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px), linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:64px 64px; -webkit-mask-image:radial-gradient(120% 80% at 50% 30%,#000 40%,transparent 85%); mask-image:radial-gradient(120% 80% at 50% 30%,#000 40%,transparent 85%)}
      .ift-qualify-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
      .ift-qual-card{border-radius:var(--ift-radius);padding:34px 34px 30px;border:1px solid transparent}
      .ift-qual-yes{background:linear-gradient(160deg,rgba(156,254,79,.14),rgba(156,254,79,.03));border-color:rgba(156,254,79,.28)}
      .ift-qual-no{background:linear-gradient(160deg,rgba(255,255,255,.10),rgba(255,255,255,.02));border-color:rgba(255,255,255,.18)}
      .ift-qual-head{display:flex;align-items:center;gap:14px;margin-bottom:24px}
      .ift-qual-badge{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
      .ift-qual-badge svg{width:20px;height:20px;color:#fff}
      .ift-qual-yes .ift-qual-badge{background:var(--ift-accent);color:var(--ift-accent-ink)} 
      .ift-qual-yes .ift-qual-badge svg{color:var(--ift-accent-ink)} 
      .ift-qual-no .ift-qual-badge{background:#000;border:1px solid rgba(255,255,255,.25)}
      .ift-qual-head h3{font-family:var(--ift-head);font-weight:700;font-size:22px;margin:0;color:#fff}
      .ift-qual-list{list-style:none;margin:0;padding:0}
      .ift-qual-list li{display:flex;align-items:flex-start;gap:12px;font-size:16px;line-height:1.5;color:#e6e6ea;padding:11px 0}
      .ift-qual-list li+li{border-top:1px solid rgba(255,255,255,.05)}
      .ift-qual-list li .ift-tick{width:22px;height:22px;flex-shrink:0;margin-top:1px;border-radius:50%; display:flex;align-items:center;justify-content:center}
      .ift-qual-list li .ift-tick svg{width:13px;height:13px;color:#fff}
      .ift-qual-yes .ift-tick{background:var(--ift-accent)} 
      .ift-qual-yes .ift-tick svg{color:var(--ift-accent-ink)} 
      .ift-qual-no .ift-tick{background:#000;border:1px solid rgba(255,255,255,.3)}

      .ift-carousel{ position:relative; overflow:hidden; -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 40px,#000 calc(100% - 40px),transparent 100%); mask-image:linear-gradient(90deg,transparent 0,#000 40px,#000 calc(100% - 40px),transparent 100%);}
      .ift-carousel-track{ display:flex; gap:20px; will-change:transform; transform:translate3d(0,0,0);}
      .ift-win-card{ flex:0 0 auto; background:var(--ift-card); border:1px solid var(--ift-border-2); border-radius:var(--ift-radius); padding:24px 21px; transition:transform .3s ease,border-color .3s ease;}
      .ift-win-card:hover{transform:translateY(-6px);border-color:rgba(255,255,255,.16)}
      .ift-win-ico{ width:56px;height:56px; border-radius:16px; display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:20px;}
      .ift-win-ico svg{width:24px;height:24px;stroke-width:2.2}
      .ift-win-card h3{font-family:var(--ift-head);font-weight:700;font-size:17px;margin:0 0 8px;color:#fff}
      .ift-win-card>p{color:var(--ift-muted);font-size:13.5px;line-height:1.6;margin:0 0 16px}
      .ift-win-list{list-style:none;margin:0;padding:0}
      .ift-win-list li{display:flex;align-items:center;gap:9px;font-size:12.5px;color:#d3d3d9;padding:5px 0}
      .ift-win-list li svg{width:14px;height:14px;flex-shrink:0}

      /* ---- Flat solid icon badge colors (matches "Content That Wins in the Age of AI Search" screenshot) ---- */
      .ift-c-purple .ift-win-ico{background:#3B7DDE} .ift-c-purple .ift-win-list svg{color:#3B7DDE}
      .ift-c-green .ift-win-ico{background:#1E8E5A} .ift-c-green .ift-win-list svg{color:#1E8E5A}
      .ift-c-orange .ift-win-ico{background:#E8B923} .ift-c-orange .ift-win-list svg{color:#E8B923}
      .ift-c-blue .ift-win-ico{background:#3B7DDE} .ift-c-blue .ift-win-list svg{color:#3B7DDE}
      .ift-c-pink .ift-win-ico{background:#E5573F} .ift-c-pink .ift-win-list svg{color:#E5573F}

      .ift-carousel-nav{display:flex;justify-content:center;gap:14px;margin-top:28px}
      .ift-nav-btn{ width:42px;height:42px;border-radius:50%; border:1px solid rgba(255,255,255,.18);background:transparent;color:#fff; display:flex;align-items:center;justify-content:center;cursor:pointer; transition:border-color .25s ease,color .25s ease,transform .25s ease;}
      .ift-nav-btn svg{width:18px;height:18px}
      .ift-nav-btn:hover,.ift-nav-btn:focus-visible{border-color:var(--ift-accent);color:var(--ift-accent);transform:translateY(-2px)}
      .ift-nav-btn:focus-visible{outline:2px solid var(--ift-accent);outline-offset:3px}

      .ift-float{position:fixed;right:22px;bottom:26px;z-index:999;display:flex;flex-direction:column;gap:14px}
      .ift-fab{position:relative;width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center; color:var(--ift-accent-ink);text-decoration:none;box-shadow:0 12px 26px -8px rgba(0,0,0,.6); transition:transform .25s ease;animation:ift-bob 3s ease-in-out infinite}
      .ift-fab svg{width:26px;height:26px}
      .ift-fab:hover{transform:translateY(-4px) scale(1.06)}
      .ift-fab-msg{background:var(--ift-accent)} 
      .ift-fab-wa{background:var(--ift-accent);animation-delay:.4s}
      .ift-fab::after{content:attr(data-tip);position:absolute;right:66px;background:#1b1b20;color:#fff;font-size:13px; font-family:var(--ift-head);padding:7px 12px;border-radius:8px;white-space:nowrap;border:1px solid var(--ift-border); opacity:0;transform:translateX(8px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}
      .ift-fab:hover::after{opacity:1;transform:translateX(0)}
      @keyframes ift-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
      .ift-fab-wa::before{content:"";position:absolute;inset:0;border-radius:50%; box-shadow:0 0 0 0 rgba(156,254,79,.5);animation:ift-pulse 2.2s infinite}
      @keyframes ift-pulse{0%{box-shadow:0 0 0 0 rgba(156,254,79,.5)}70%{box-shadow:0 0 0 16px rgba(156,254,79,0)}100%{box-shadow:0 0 0 0 rgba(156,254,79,0)}}
      
      .ift-backtop{position:fixed;left:22px;bottom:26px;width:50px;height:50px;border-radius:50%; border:1px solid var(--ift-border);background:var(--ift-card-2);color:var(--ift-accent); display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:999; opacity:0;visibility:hidden;transform:translateY(16px);box-shadow:0 12px 26px -10px rgba(0,0,0,.7); transition:opacity .3s ease,transform .3s ease,background .3s ease,color .3s ease}
      .ift-backtop svg{width:22px;height:22px}
      .ift-backtop.ift-show{opacity:1;visibility:visible;transform:translateY(0)}
      .ift-backtop:hover{background:var(--ift-accent);color:var(--ift-accent-ink);transform:translateY(-4px)}

      .ift-reveal{opacity:0;transform:translateY(28px); transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
      .ift-reveal.ift-in{opacity:1;transform:none}

      @media (max-width:1100px){.ift-services-grid{grid-template-columns:repeat(2,1fr)}}
      @media (max-width:992px){.ift-section{padding:80px 0}.ift-prof-grid{grid-template-columns:1fr;gap:40px} .ift-prof-media{order:-1;max-width:520px}.ift-grid-4{grid-template-columns:repeat(2,1fr)} .ranking-section{padding:70px 0}}
      @media (max-width:768px){.ift-section{padding:64px 0}.ift-head-center{margin-bottom:44px} .ift-qualify-grid{grid-template-columns:1fr}.ift-services-grid{grid-template-columns:1fr}}
      @media (max-width:560px){.ift-wrap{padding:0 18px}.ift-grid-4{grid-template-columns:1fr} .ift-btn-row{flex-direction:column;align-items:stretch}.ift-btn{justify-content:center} .ift-float{right:16px;bottom:18px}.ift-backtop{left:16px;bottom:18px}.ift-fab{width:50px;height:50px} .ranking-section{padding:56px 0}}
      @media (prefers-reduced-motion:reduce){.ift-fab,.ift-fab-wa::before{animation:none} .ift-reveal{transition:none;opacity:1;transform:none} .ift-win-card{transition:none} .ift-carousel-track{transition:none !important}}

      /* ============ HERO SECTION STYLES (UPDATED BALANCED SPACING) ============ */
      /* AFTER */
.hero-section{
  position:relative;
  min-height:80vh;
  background:var(--bg);
  padding:130px 0 80px; 
  overflow:hidden;
  font-family:'Inter', system-ui, -apple-system, sans-serif;
  color:var(--text);
  display:flex;
  align-items:center;
  isolation:isolate;
}

@media (max-width: 991.98px){ .hero-section{ min-height:auto; padding:110px 0 50px; } }
@media (max-width: 575.98px){ .hero-section{ padding:95px 0 40px; } }
      .hero-section .container{ position:relative; z-index:5; }

      .hero-bg{ position:absolute; inset:0; z-index:0; pointer-events:none; }
      .hero-grid{
        position:absolute; inset:0;
        background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
        background-size:48px 48px;
        -webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 40%, #000 40%, transparent 90%);
        mask-image:radial-gradient(ellipse 80% 60% at 50% 40%, #000 40%, transparent 90%);
      }

      .hero-orb{ position:absolute; border-radius:50%; filter:blur(90px); opacity:.45; will-change:transform; }
      .orb-1{ width:520px; height:520px; left:-140px; bottom:-120px; background:radial-gradient(circle, rgba(156,254,79,.55), transparent 70%); animation:floatBlob1 16s ease-in-out infinite; }
      .orb-2{ width:420px; height:420px; right:-100px; top:-80px; background:radial-gradient(circle, rgba(156,254,79,.4), transparent 70%); animation:floatBlob2 20s ease-in-out infinite; }
      .orb-3{ width:360px; height:360px; right:8%; bottom:-140px; background:radial-gradient(circle, rgba(156,254,79,.3), transparent 70%); animation:floatBlob3 24s ease-in-out infinite; }

      @keyframes floatBlob1{ 0%,100%{ transform:translate(0,0) scale(1); } 50%{ transform:translate(40px,-30px) scale(1.08); } }
      @keyframes floatBlob2{ 0%,100%{ transform:translate(0,0) scale(1); } 50%{ transform:translate(-35px,25px) scale(1.05); } }
      @keyframes floatBlob3{ 0%,100%{ transform:translate(0,0) scale(1); } 50%{ transform:translate(20px,20px) scale(1.1); } }

      .hero-radial-wash{
        position:absolute; inset:0;
        background:radial-gradient(600px 400px at 30% 30%, rgba(156,254,79,.07), transparent 60%), radial-gradient(500px 400px at 80% 70%, rgba(156,254,79,.06), transparent 60%);
        animation:washMove 18s ease-in-out infinite;
      }
      @keyframes washMove{ 0%,100%{ opacity:.7; } 50%{ opacity:1; } }

      .hero-lines{ position:absolute; inset:0; overflow:hidden; }
      .glow-line{ position:absolute; height:1px; width:100%; background:linear-gradient(90deg, transparent, rgba(156,254,79,.5), transparent); opacity:0; animation:lineSweep 8s linear infinite; }
      .glow-line.l1{ top:22%; animation-delay:0s; }
      .glow-line.l2{ top:58%; animation-delay:2.6s; }
      .glow-line.l3{ top:81%; animation-delay:5.2s; }
      @keyframes lineSweep{ 0%{ transform:translateX(-100%); opacity:0; } 10%{ opacity:.6; } 50%{ opacity:.6; } 90%{ opacity:0; } 100%{ transform:translateX(100%); opacity:0; } }

      .hero-particles{ position:absolute; inset:0; overflow:hidden; }
      .particle{ position:absolute; border-radius:50%; background:var(--green); box-shadow:0 0 6px 1px rgba(156,254,79,.8); opacity:.55; animation:particleDrift linear infinite; }
      @keyframes particleDrift{ 0%{ transform:translateY(0) translateX(0); opacity:0; } 10%{ opacity:.6; } 90%{ opacity:.5; } 100%{ transform:translateY(-90vh) translateX(30px); opacity:0; } }

      .hero-noise{
        position:absolute; inset:0; opacity:.035; mix-blend-mode:overlay;
        background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
        animation:noiseShift 1.2s steps(4) infinite;
      }
      @keyframes noiseShift{ 0%{ transform:translate(0,0); } 25%{ transform:translate(-2%,1%); } 50%{ transform:translate(1%,-2%); } 75%{ transform:translate(-1%,2%); } 100%{ transform:translate(0,0); } }

      .hero-parallax{ position:absolute; inset:-5%; transition:transform .25s ease-out; will-change:transform; }

      @media (prefers-reduced-motion: reduce){
        .orb-1,.orb-2,.orb-3,.hero-radial-wash,.glow-line,.particle,.hero-noise{ animation:none !important; }
        .hero-parallax{ transition:none; transform:none !important; }
      }

      /* LEFT CONTENT (EXPANDED HORIZONTAL SIZE & BALANCED TYPOGRAPHY) */
      .hero-left-content {
        padding-right: 15px;
      }
      .hero-eyebrow{ display:inline-flex; align-items:center; gap:8px; font-size:13px; font-weight:700; letter-spacing:2.5px; text-transform:uppercase; color:var(--green); margin-bottom:16px; opacity:0; animation:fadeUp .7s ease forwards; }
      .hero-eyebrow::before{ content:""; width:6px; height:6px; border-radius:50%; background:var(--green); box-shadow:0 0 8px 2px rgba(156,254,79,.7); }

      .hero-heading{ font-size:72px; font-weight:800; line-height:1.04; letter-spacing:-2px; margin-bottom:22px; opacity:0; animation:fadeUp .8s ease .1s forwards; }
      .hero-heading .accent{ color:var(--green); background:linear-gradient(90deg, var(--green), var(--green-soft)); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }

      @media (max-width: 1399.98px){ .hero-heading{ font-size:64px; letter-spacing:-1.5px; } }
      @media (max-width: 1199.98px){ .hero-heading{ font-size:54px; } }
      @media (max-width: 991.98px){ .hero-heading{ font-size:46px; } .hero-left-content { padding-right:0; margin-bottom: 24px; } }
      @media (max-width: 575.98px){ .hero-heading{ font-size:36px; letter-spacing:-.5px; } }

      .hero-desc{ font-size:17.5px; line-height:1.68; color:var(--para); max-width:680px; margin-bottom:30px; opacity:0; animation:fadeUp .8s ease .25s forwards; }

      .hero-badges{ display:flex; flex-wrap:wrap; gap:10px; margin-bottom:32px; opacity:0; animation:fadeUp .8s ease .35s forwards; }
      .hero-badge{ display:inline-flex; align-items:center; gap:6px; font-size:13px; font-weight:600; color:var(--text); padding:7px 16px; border-radius:999px; background:rgba(255,255,255,.04); border:1px solid var(--border); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); transition:transform .25s ease, border-color .25s ease, box-shadow .25s ease; }
      .hero-badge:hover{ transform:translateY(-3px); border-color:rgba(156,254,79,.4); box-shadow:0 6px 20px rgba(156,254,79,.12); }
      .hero-badge span{ color:var(--green); font-weight:800; }

      .hero-cta{ display:flex; flex-wrap:wrap; gap:16px; opacity:0; animation:fadeUp .8s ease .45s forwards; }

      .btn-neon{ background:var(--green); color:#08130A; font-weight:700; font-size:15px; padding:13px 28px; border-radius:10px; border:none; box-shadow:0 0 0 rgba(156,254,79,0); transition:transform .25s ease, box-shadow .35s ease; position:relative; overflow:hidden; text-decoration:none; display:inline-block; }
      .btn-neon:hover{ transform:translateY(-3px); box-shadow:0 10px 30px rgba(156,254,79,.35), 0 0 40px rgba(156,254,79,.25); color:#08130A; }
      .btn-neon:active{ transform:translateY(-1px); }

      .btn-outline-neon{ background:transparent; color:var(--text); font-weight:600; font-size:15px; padding:12px 26px; border-radius:10px; border:1px solid var(--border); transition:all .25s ease; text-decoration:none; display:inline-block; }
      .btn-outline-neon:hover{ border-color:rgba(156,254,79,.5); color:var(--green); background:rgba(156,254,79,.06); transform:translateY(-3px); }

      @keyframes fadeUp{ from{ opacity:0; transform:translateY(24px); } to{ opacity:1; transform:translateY(0); } }

      /* REDUCED / COMPACT FORM CARD STYLES (SHIFTED ~50px LEFT AWAY FROM RIGHT MARGIN) */
      .hero-form-wrap{ display:flex; justify-content:center; width: 100%; }
      @media (min-width: 992px) { 
        .hero-form-wrap { 
          justify-content: flex-start;
          margin-left: -10px; /* Pulls form inward toward center (~50px left relative to layout edge) */
          padding-right: 35px;
        } 
      }
      @media (min-width: 1200px) {
        .hero-form-wrap {
          margin-left: -20px;
          padding-right: 50px;
        }
      }

      .hero-card{
        width:100%;
        max-width:385px;
        background:var(--card-bg);
        border:1px solid var(--border);
        border-radius:18px;
        padding:22px 24px;
        backdrop-filter:blur(20px);
        -webkit-backdrop-filter:blur(20px);
        box-shadow: 0 20px 50px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.02) inset, 0 0 70px rgba(156,254,79,.08);
        opacity:0;
        transform:translateX(30px);
        animation:slideIn .8s ease .3s forwards;
        position:relative;
      }

      @keyframes slideIn{ to{ opacity:1; transform:translateX(0); } }

      .hero-card-label{ font-size:11px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; color:var(--green); margin-bottom:4px; display:block; }
      .hero-card-title{ font-size:18.5px; font-weight:700; color:var(--text); margin-bottom:14px; line-height:1.22; }

      .hero-form-group{ margin-bottom:11px; }
      .hero-form-label{ font-size:11.5px; font-weight:600; color:var(--text); margin-bottom:4px; display:block; }

      .hero-form-control, .hero-form-select, .hero-form-textarea{
        width:100%;
        height:38px;
        background:rgba(255,255,255,.03);
        border:1px solid var(--border);
        color:var(--text);
        font-size:13px;
        border-radius:8px;
        padding:0 12px;
        transition:border-color .25s ease, box-shadow .25s ease, background .25s ease;
      }
      .hero-form-control::placeholder, .hero-form-textarea::placeholder{ color:#767676; }
      .hero-form-control:hover, .hero-form-select:hover, .hero-form-textarea:hover{ border-color:rgba(156,254,79,.3); }
      .hero-form-control:focus, .hero-form-select:focus, .hero-form-textarea:focus{ outline:none; border-color:var(--green); background:rgba(156,254,79,.04); box-shadow:0 0 0 2px rgba(156,254,79,.15); }

      .hero-form-select{
        appearance:none; -webkit-appearance:none;
        background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 14 9' fill='none'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%239cfe4f' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        background-repeat:no-repeat; background-position:right 12px center; padding-right:32px; cursor:pointer;
      }
      .hero-form-select option{ background:#0a0a0a; color:#fff; }

      .hero-form-textarea{ resize:none; min-height:52px; height:auto; padding:8px 12px; line-height:1.3; }

      .hero-form-row{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
      @media (max-width: 380px){ .hero-form-row{ grid-template-columns:1fr; } }

      .hero-checkbox-row{ display:flex; align-items:flex-start; gap:8px; margin-bottom:12px; margin-top:4px; }
      .hero-checkbox-row input[type="checkbox"]{ width:14px; height:14px; margin-top:2px; accent-color:var(--green); background:rgba(255,255,255,.04); border:1px solid var(--border); border-radius:3px; flex-shrink:0; cursor:pointer; }
      .hero-checkbox-row label{ font-size:11px; color:var(--para); line-height:1.35; cursor:pointer; }

      .hero-submit-btn{
        width:100%;
        background:var(--green);
        color:#08130A;
        font-weight:700;
        font-size:13.5px;
        padding:11px 14px;
        border:none;
        border-radius:8px;
        transition:transform .25s ease, box-shadow .35s ease;
        position:relative;
        overflow:hidden;
        cursor:pointer;
      }
      .hero-submit-btn:hover{ transform:translateY(-2px); box-shadow:0 8px 20px rgba(156,254,79,.3); }
      .hero-submit-btn:active{ transform:translateY(0); }
      .hero-submit-btn:disabled{ opacity:.7; cursor:not-allowed; transform:none; }

      .hero-success{ display:none; text-align:center; padding:15px 0; }
      .hero-success.show{ display:block; animation:fadeUp .5s ease forwards; }
      .hero-success .check-circle{ width:46px; height:46px; border-radius:50%; background:rgba(156,254,79,.12); border:2px solid var(--green); display:flex; align-items:center; justify-content:center; margin:0 auto 12px; animation:pop .4s ease; }
      .hero-success svg{ width:22px; height:22px; }
      @keyframes pop{ 0%{ transform:scale(0); } 70%{ transform:scale(1.15); } 100%{ transform:scale(1); } }
      .hero-success h4{ color:var(--text); font-size:16px; font-weight:700; margin-bottom:4px; }
      .hero-success p{ color:var(--para); font-size:13px; margin:0; }
      .hero-form.hidden{ display:none; }

      .hero-section a:focus-visible, .hero-section button:focus-visible, .hero-section input:focus-visible, .hero-section select:focus-visible, .hero-section textarea:focus-visible{ outline:2px solid var(--green); outline-offset:2px; }


      /* Contact Icons (Email, Phone) */
      .fa-envelope { color: #EA4335 !important; } /* Gmail Red */
      .fa-phone-alt { color: #34A853 !important; } /* Phone Green */

      /* Floating Action Buttons */
      .ift-fab-msg { background-color: #007AFF !important; color: #fff !important; }
      .ift-fab-wa { background-color: #25D366 !important; color: #fff !important; }
      .ift-fab-wa::before { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5) !important; animation: ift-pulse-wa 2.2s infinite !important; }
      @keyframes ift-pulse-wa {
          0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5); }
          70% { box-shadow: 0 0 0 16px rgba(37, 211, 102, 0); }
          100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
      }

      /* Hero Badges / Success Icon */
      .hero-badge span { color: #34A853 !important; } /* Google Green Checkmarks */
      .hero-success .check-circle svg path { stroke: #25D366 !important; }
      .hero-success .check-circle { background: rgba(37, 211, 102, 0.12) !important; border-color: #25D366 !important; }

      /* Back To Top Button */
      .ift-backtop { color: #007AFF !important; }
      .ift-backtop:hover { background: #007AFF !important; color: #fff !important; border-color: #007AFF !important; }

      /* Problem Section Icons */
      .ift-prob-card:nth-child(1) .ift-prob-ico { background: rgba(16, 163, 127, 0.12) !important; color: #10A37F !important; } /* ChatGPT Teal */
      .ift-prob-card:nth-child(2) .ift-prob-ico { background: rgba(234, 67, 53, 0.12) !important; color: #EA4335 !important; } /* Red Down */
      .ift-prob-card:nth-child(3) .ift-prob-ico { background: rgba(251, 188, 5, 0.12) !important; color: #FBBC05 !important; } /* Yellow Ignored */
      .ift-prob-card:nth-child(4) .ift-prob-ico { background: rgba(66, 133, 244, 0.12) !important; color: #4285F4 !important; } /* Blue Target */

      /* Services Section Icons */
      .ift-svc-card:nth-child(1) .ift-svc-ico { background: rgba(66, 133, 244, 0.12) !important; color: #4285F4 !important; } /* Tech SEO */
      .ift-svc-card:nth-child(2) .ift-svc-ico { background: rgba(52, 168, 83, 0.12) !important; color: #34A853 !important; } /* On-Page */
      .ift-svc-card:nth-child(3) .ift-svc-ico { background: rgba(251, 188, 5, 0.12) !important; color: #FBBC05 !important; } /* Content */
      .ift-svc-card:nth-child(4) .ift-svc-ico { background: rgba(234, 67, 53, 0.12) !important; color: #EA4335 !important; } /* Local SEO */
      .ift-svc-card:nth-child(5) .ift-svc-ico { background: rgba(138, 43, 226, 0.12) !important; color: #8A2BE2 !important; } /* Authority */

      /* Qualify Section Badges */
      .ift-qual-yes .ift-qual-badge { background: #25D366 !important; color: #fff !important; border: none !important; }
      .ift-qual-yes .ift-qual-badge svg { color: #fff !important; }
      .ift-qual-yes .ift-tick { background: #25D366 !important; border: none !important; }
      .ift-qual-yes .ift-tick svg { color: #fff !important; }

      .ift-qual-no .ift-qual-badge { background: #EA4335 !important; color: #fff !important; border: none !important; }
      .ift-qual-no .ift-qual-badge svg { color: #fff !important; }
      .ift-qual-no .ift-tick { background: #EA4335 !important; border: none !important; }
      .ift-qual-no .ift-tick svg { color: #fff !important; }

      /* "What I Do" Section Icons — scoped so they don't clash with the Problem section's
         identical .ift-prob-card/.ift-prob-ico classes (nth-child is counted against the
         .ift-card-link wrapper here, not against .ift-grid-4 directly) */
      #ift-services .ift-card-link:nth-child(1) .ift-prob-ico { background: rgba(138, 43, 226, 0.12) !important; color: #8A2BE2 !important; } /* GEO/AEO – Purple */
      #ift-services .ift-card-link:nth-child(2) .ift-prob-ico { background: rgba(66, 133, 244, 0.12) !important; color: #4285F4 !important; } /* PPC – Google Blue */
      #ift-services .ift-card-link:nth-child(3) .ift-prob-ico { background: rgba(24, 119, 242, 0.12) !important; color: #1877F2 !important; } /* Social Media – Facebook Blue */
      #ift-services .ift-card-link:nth-child(4) .ift-prob-ico { background: rgba(234, 67, 53, 0.12) !important; color: #EA4335 !important; } /* Email Marketing – Gmail Red */

      /* ============ TRUSTED SECTION (MATCHING SCREENSHOT) ============ */
      .trusted-section {
        padding: 40px 0 60px;
        background: var(--bg);
        position: relative;
        z-index: 10;
      }
      .trusted-header {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        gap: 12px;
        margin-bottom: 30px;
      }
      .trusted-stars {
        display: flex;
        gap: 4px;
        color: #FBBC05;
      }
      .trusted-stars svg {
        width: 16px;
        height: 16px;
      }
      .trusted-title {
        margin: 0;
        font-size: 15px;
        font-weight: 500;
        color: #fff;
      }
      .trusted-title .ift-hl {
        color: var(--ift-accent); 
      }
      .marquee-container {
        width: 100%;
        overflow: hidden;
        position: relative;
        mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
        -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
        padding-bottom: 40px;
      }
      .marquee-track {
        display: flex;
        width: max-content;
        animation: scrollMarquee 35s linear infinite;
      }
      .marquee-container:hover .marquee-track {
        animation-play-state: paused;
      }
      .marquee-content {
        display: flex;
        gap: 16px;
        padding-right: 16px;
      }
      @keyframes scrollMarquee {
        0% { transform: translateX(0); }
        100% { transform: translateX(-50%); }
      }
      .trusted-card {
        background: #121212;
        border: 1px solid rgba(255,255,255,0.06);
        border-radius: 16px;
        padding: 8px 24px 8px 8px;
        display: flex;
        align-items: center;
        gap: 14px;
        min-width: max-content;
        transition: transform 0.3s ease, border-color 0.3s ease;
      }
      .trusted-card:hover {
        border-color: rgba(255,255,255,0.15);
        transform: translateY(-2px);
      }
      .trusted-logo-box {
        width: 44px;
        height: 44px;
        background: #fff;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 800;
        font-family: 'Inter', sans-serif;
        color: #000;
        overflow: hidden;
        flex-shrink: 0;
      }
      .trusted-logo-box img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: center;
        padding: 6px;
        display: block;
      }
      .trusted-info {
        display: flex;
        flex-direction: column;
        justify-content: center;
      }
      .trusted-info h4 {
        margin: 0 0 3px;
        font-family: var(--ift-font);
        font-weight: 600;
        font-size: 14px;
        color: #fff;
        letter-spacing: 0.2px;
      }
      .trusted-info span {
        font-size: 12px;
        color: #888;
      }

      .trusted-stats-wrap {
        border-top: 1px solid rgba(255,255,255,0.08);
        padding-top: 35px;
        max-width: 900px;
        margin: 0 auto;
      }
      .trusted-stats-row {
        display: flex;
        justify-content: space-between;
        align-items: center;
      }
      .stat-block {
        text-align: center;
        flex: 1;
      }
      .stat-block h3 {
        margin: 0 0 6px;
        font-size: 24px;
        font-weight: 700;
        color: #fff;
        letter-spacing: 0.5px;
      }
      .stat-block p {
        margin: 0;
        font-size: 12px;
        color: #888;
        font-weight: 500;
      }
      .stat-divider {
        width: 1px;
        height: 40px;
        background: rgba(255,255,255,0.12);
      }

      /* Responsive */
      @media (max-width: 768px) {
        .trusted-stats-row {
          flex-wrap: wrap;
          gap: 24px 0;
        }
        .stat-block {
          flex: 0 0 45%;
        }
        .stat-divider {
          display: none;
        }
        .stat-block:nth-child(1), .stat-block:nth-child(3) {
          border-right: 1px solid rgba(255,255,255,0.12);
        }
      }
      @media (max-width: 480px) {
        .trusted-header {
          flex-direction: column;
          gap: 8px;
          text-align: center;
        }
        .trusted-logo-box {
          width: 38px;
          height: 38px;
        }
        .trusted-logo-box img {
          padding: 5px;
        }
        .trusted-card {
          padding: 6px 18px 6px 6px;
          gap: 11px;
        }
      }

      /* ============ CLICKABLE SERVICE CARDS (scoped to #ift-services only) ============ */
      #ift-services .ift-card-link{
        display: block;
        color: inherit;
        text-decoration: none;
        border-radius: var(--ift-radius, 20px);
        outline-offset: 4px;
      }
      #ift-services .ift-card-link:hover,
      #ift-services .ift-card-link:focus,
      #ift-services .ift-card-link:active,
      #ift-services .ift-card-link:visited{
        color: inherit;
        text-decoration: none;
      }
      #ift-services .ift-card-link:focus-visible{
        outline: 2px solid var(--ift-accent, #9cfe4f);
      }
      #ift-services .ift-card-link .ift-prob-card{
        height: 100%;
        cursor: pointer;
      }