/* Basar Optimization US — homepage */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
       RESET & ROOT
    ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
    :root{
      --bg:#FAFAFA;
      --bg-card:#FFFFFF;
      --bg-card2:#F5F3F0;
      --border:#E3DED8;
      --text:#0C0C0A;
      --text2:#6A6560;
      --text3:#9E9890;
      --text-light:#888680;
      --text-grey:#6A6560;
      --text-mid:#9E9890;
      --btn:#0C0C0A;
      --btn-t:#FFFFFF;
      --dark:#0C0C0A;
      --green:#22C55E;
      --green-t:#16A34A;
      --brand-blue:#216FFD;
      --brand-blue-t:#1C5DDA;
      --red:#F7253B;
      --star:#F59E0B;
      --fh:'Plus Jakarta Sans',sans-serif;
      --fb:'DM Sans',sans-serif;
      --max:1180px;
      --r:14px;
      --rlg:22px;
      --rp:100px;
    }
    body{background:var(--bg);color:var(--text);font-family:var(--fb);font-size:16px;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}
    .container{max-width:var(--max);margin:0 auto;padding:0 32px}
    img{display:block;max-width:100%}
    a{text-decoration:none}

    /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
       SHARED ATOMS
    ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    /* two-tone section headings */
    .section-heading{font-family:var(--fh);font-weight:800;font-size:clamp(32px,3.8vw,52px);line-height:1.08;letter-spacing:-1.5px}
    .text-light{color:var(--text-light)}
    .text-light-grey{color:var(--text-grey)}
    .text-dark{color:var(--text)}
    .text-white{color:#fff}

    /* badge styles — matching live site */
    .badge-red{display:inline-block;background:var(--red);color:#fff;font-family:var(--fh);font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:5px 12px;border-radius:var(--rp);margin-bottom:14px}
    .badge-outline-red{display:inline-block;border:1.5px solid var(--red);color:var(--red);font-family:var(--fh);font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:5px 12px;border-radius:var(--rp);margin-bottom:14px}
    .badge-outline-dark{display:inline-block;border:1.5px solid var(--border);color:var(--text-grey);font-family:var(--fh);font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:5px 12px;border-radius:var(--rp);margin-bottom:14px}
    .badge-mission{display:inline-block;border:1.5px solid var(--border);color:var(--text-grey);font-family:var(--fh);font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:5px 12px;border-radius:var(--rp);margin-bottom:14px}

    /* availability pills */
    .availability-badge{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--brand-blue);border-radius:var(--rp);padding:5px 13px;font-family:var(--fh);font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--brand-blue-t)}
    .availability-badge .dot,.dot-green{width:7px;height:7px;border-radius:50%;background:var(--brand-blue);flex-shrink:0;display:inline-block;animation:dot-pulse 2.2s ease-in-out infinite}
    .availability-badge-small{display:inline-flex;align-items:center;gap:7px;border:1.5px solid var(--brand-blue);border-radius:var(--rp);padding:5px 12px;font-family:var(--fh);font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--brand-blue-t)}
    @keyframes dot-pulse{0%,100%{transform:scale(1);opacity:1;box-shadow:0 0 0 0 rgba(33,111,253,.55)}50%{transform:scale(1.28);opacity:1;box-shadow:0 0 0 10px rgba(33,111,253,0)}}

    /* buttons */
    .btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--dark);color:#fff;font-family:var(--fh);font-size:14px;font-weight:700;padding:13px 24px;border-radius:var(--rp);border:none;cursor:pointer;transition:opacity .15s}
    .btn-primary:hover{opacity:.82}
    .btn-secondary{display:inline-flex;align-items:center;gap:8px;background:var(--bg-card);color:var(--text);font-family:var(--fh);font-size:14px;font-weight:600;padding:12px 20px;border-radius:var(--rp);border:1px solid var(--border);cursor:pointer}
    .btn-secondary:hover{background:var(--bg-card2)}
    .btn-view-all{display:inline-flex;align-items:center;gap:6px;font-family:var(--fh);font-size:14px;font-weight:600;color:var(--text);border:1.5px solid var(--border);padding:10px 18px;border-radius:var(--rp);background:transparent}
    .btn-footer-cta{display:inline-flex;align-items:center;gap:10px;background:#fff;color:var(--dark);font-family:var(--fh);font-size:15px;font-weight:700;padding:13px 24px 13px 10px;border-radius:var(--rp)}
    .btn-footer-cta .nav-btn-status-dot{width:32px;height:32px}
    .btn-footer-cta .nav-btn-status-dot::before{width:11px}
    .btn-avatar{width:32px;height:32px;border-radius:50%;background:var(--bg-card2);object-fit:cover;border:2px solid var(--border)}
    .video-btn{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--text);font-family:var(--fh);font-size:13px;font-weight:600;border:1.5px solid var(--border);padding:9px 16px;border-radius:var(--rp);margin-bottom:12px}

    /* section header pattern */
    .section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:48px;gap:32px}
    .title-wrapper{display:flex;flex-direction:column;align-items:flex-start}
    .desc-wrapper{max-width:280px;font-size:14px;color:var(--text-grey);line-height:1.7;padding-top:48px}

    /* new section marker */
    .new-marker{display:inline-flex;align-items:center;gap:6px;background:rgba(255,71,58,.08);border:1px solid rgba(255,71,58,.25);border-radius:var(--rp);padding:3px 10px;font-size:9px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--red);margin-bottom:8px}

    /* stars */
    .stars,.stars-yellow{color:var(--star);letter-spacing:1px;font-size:14px}

    /* overlapping avatars */
    .avatars-overlap,.avatars-group{display:flex}
    .avatars-overlap img,.avatars-group img{width:28px;height:28px;border-radius:50%;border:2px solid var(--bg);margin-right:-8px;object-fit:cover;background:var(--bg-card2)}
    .avatars-group img{width:32px;height:32px;border:2px solid #fff}

    /* huge stat text */
    .huge-text{font-family:var(--fh);font-weight:800;font-size:72px;letter-spacing:-3px;line-height:1;color:var(--text)}
    .huge-text-white{font-family:var(--fh);font-weight:800;font-size:64px;letter-spacing:-3px;line-height:1;color:#fff}
    .huge-symbol{font-size:36px;font-weight:700;color:var(--text)}
    .huge-symbol-dark{font-size:28px;font-weight:700;color:rgba(255,255,255,.5)}

    /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
       HEADER / NAV
    ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    /* HOME — TRUST STRIP (strategy Phase 7 step 2) */
    .home-trust{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg-card);padding:16px 0}
    .home-trust-marquee-window{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 4%,#000 96%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 4%,#000 96%,transparent 100%)}
    .home-trust-marquee-track{display:flex;align-items:center;width:max-content;animation:home-trust-marquee 34s linear infinite;will-change:transform}
    .home-trust:hover .home-trust-marquee-track{animation-play-state:paused}
    .home-trust-inner{display:flex;align-items:center;gap:14px;padding:0 20px;flex:0 0 auto}
    .home-trust-item{font-family:var(--fh);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-grey);white-space:nowrap}
    .home-trust-sep{width:4px;height:4px;border-radius:50%;background:var(--border);flex-shrink:0}
    @keyframes home-trust-marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

    .site-header{position:fixed;top:0;left:0;right:0;z-index:200;background:rgba(250,250,250,.92);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}
    .site-header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:var(--max);margin:0 auto;padding:0 24px;height:60px}
    .logo-container{display:flex;align-items:center;gap:0;color:inherit}
    .logo-img{display:block;width:auto;height:36px;object-fit:contain}
    .logo-icon{width:32px;height:32px;background:var(--dark);border-radius:9px;display:flex;align-items:center;justify-content:center}
    .logo-text{font-family:var(--fh);font-weight:800;font-size:15px;color:var(--text)}
    .nav-toggle{display:none;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);padding:8px 12px;font-family:var(--fh);font-size:12px;font-weight:600}
    .site-nav .nav-list{display:flex;flex-wrap:wrap;list-style:none;gap:2px;margin:0;padding:0;align-items:center}
    .site-nav a,.nav-dropdown-btn{font-family:var(--fh);font-size:13px;font-weight:500;color:var(--text-grey);padding:7px 12px;border-radius:var(--rp);border:none;background:transparent;cursor:pointer}
    .site-nav a:hover,.nav-dropdown-btn:hover{color:var(--text)}
    .nav-dropdown{position:relative}
    .nav-dropdown-menu{display:none;position:absolute;top:100%;left:0;min-width:220px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);padding:8px 0;box-shadow:0 12px 40px rgba(0,0,0,.08);z-index:300;list-style:none;margin:0}
    .nav-dropdown-menu a{display:block;padding:10px 16px}
    .nav-dropdown.is-open .nav-dropdown-menu{display:block}
    @media(min-width:961px){
      .nav-dropdown:hover .nav-dropdown-menu{display:block}
    }
    .nav-btn,.nav-btn-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#fff;color:var(--dark);border:1px solid var(--border);border-radius:999px;padding:10px 18px;font-family:var(--fh);font-size:13px;font-weight:700;cursor:pointer;flex-shrink:0;white-space:nowrap;line-height:1.2;transition:background .15s,border-color .15s}
    .nav-btn-cta:hover{background:var(--bg-card2);border-color:#d7d2cb}
    .nav-btn-status-dot{
      position:relative;
      width:24px;
      height:24px;
      border-radius:50%;
      flex-shrink:0;
      background:rgba(33,111,253,.22);
      border:1px solid rgba(33,111,253,.65);
      display:flex;
      align-items:center;
      justify-content:center;
      box-shadow:none;
      transition:background .2s ease,border-color .2s ease;
    }
    .nav-btn-status-dot::before{
      content:"";
      width:10px;
      height:9px;
      border:1.8px solid var(--brand-blue);
      border-radius:2px;
      box-sizing:border-box;
      background:
        radial-gradient(circle at 2px 2px,var(--brand-blue) 1px,transparent 1.1px),
        radial-gradient(circle at 8px 2px,var(--brand-blue) 1px,transparent 1.1px);
    }
    .nav-btn-status-dot::after{
      content:"";
      position:absolute;
      width:10px;
      height:1.8px;
      background:var(--brand-blue);
      transform:translateY(-2px);
    }
    .nav-cta-label--compact{display:none}
    .nav-links-center{display:flex;gap:2px;list-style:none;position:absolute;left:50%;transform:translateX(-50%)}
    .nav-links-center a{font-family:var(--fh);font-size:13px;font-weight:500;color:var(--text-grey);padding:7px 12px;border-radius:var(--rp)}
    .nav-links-center a:hover{color:var(--text)}
    @media(max-width:960px){
      .nav-toggle{display:block;flex-shrink:0}
      .site-nav{position:fixed;top:60px;left:0;right:0;background:var(--bg-card);border-bottom:1px solid var(--border);padding:16px;display:none;max-height:calc(100vh - 60px);overflow:auto}
      .site-nav.is-open{display:block}
      .site-nav .nav-list{flex-direction:column;align-items:flex-start}
      .nav-dropdown-menu{position:static;box-shadow:none;border:none;padding-left:0}
      .nav-dropdown:hover .nav-dropdown-menu{display:none}
      .nav-dropdown.is-open .nav-dropdown-menu{display:block}
      .site-header-inner{gap:10px;padding:0 14px 0 16px}
      .logo-container{min-width:0;flex:1}
      .logo-img{height:32px}
      .nav-btn-cta .nav-btn-status-dot{display:none}
      .nav-btn-cta{padding:9px 14px;font-size:12px;font-weight:700}
    }
    @media(max-width:520px){
      .nav-cta-label--full{display:none}
      .nav-cta-label--compact{display:inline}
      .nav-btn-cta{padding:10px 16px;font-size:13px}
    }

    /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
       HERO SECTION
    ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    .home-hero{padding-top:60px;min-height:100vh;display:flex;align-items:center}
    .home-hero .availability-badge{border-color:var(--border);color:var(--text-grey)}
    .home-hero-container{max-width:var(--max);margin:0 auto;padding:60px 32px;display:grid;grid-template-columns:1fr minmax(280px,0.95fr);gap:48px 40px;align-items:start}
    .home-hero-content{display:flex;flex-direction:column;align-items:flex-start;gap:24px}
    .home-hero-title{font-family:var(--fh);font-weight:800;font-size:clamp(45px,5.45vw,77px);line-height:1.0;letter-spacing:-3px;color:var(--text)}
    .home-hero-red-chart-icon{display:inline;vertical-align:middle;margin:0 6px;width:70px;height:70px;border-radius:16px;background:var(--red);padding:14px;box-shadow:0 0 0 10px rgba(247,37,59,.15),0 4px 24px rgba(247,37,59,.3)}
    /* actual inline SVG icon box matching the live site */
    .home-hero-icon-box{display:inline-flex;align-items:center;justify-content:center;width:.70em;height:.70em;background:var(--red);border-radius:.17em;vertical-align:middle;margin:0 .05em;position:relative;z-index:0;box-shadow:0 2px 12px rgba(247,37,59,.14),0 0 40px 18px rgba(247,37,59,.07),0 0 72px 32px rgba(247,37,59,.04);animation:home-hero-icon-float 2.75s ease-in-out infinite alternate}
    .home-hero-icon-box::before{content:"";position:absolute;inset:-0.35em;border-radius:50%;background:radial-gradient(ellipse 85% 90% at 50% 50%,rgba(247,37,59,.22) 0%,rgba(247,37,59,.08) 38%,rgba(247,37,59,.03) 58%,transparent 78%);z-index:-1;filter:blur(18px);pointer-events:none;opacity:.95}
    .home-hero-icon-box svg{position:relative;z-index:1;width:55%;height:55%}
    @keyframes home-hero-icon-float{0%{transform:translateY(0)}100%{transform:translateY(-8px)}}
    .home-hero-subtitle{font-size:17px;color:var(--text-grey);line-height:1.7;max-width:400px}
    .home-hero-actions{display:flex;align-items:center;gap:12px}
    .home-hero-trust{display:flex;align-items:center;gap:24px}
    .home-hero-trust-box{display:flex;flex-direction:column;gap:6px}
    .home-hero-trust-label{font-size:9px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:var(--text-mid)}

    /* hero right — strategy call pitch card */
    .home-hero-visual{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;min-height:0;padding-top:8px}
    .home-hero-pitch-card{background:var(--bg-card);border:1px solid var(--border);border-radius:28px;padding:18px;max-width:420px;width:100%;box-shadow:0 14px 48px rgba(0,0,0,.07);display:flex;flex-direction:column;gap:14px}
    .home-hero-pitch-head{background:var(--dark);border-radius:16px;padding:16px 18px;display:flex;flex-direction:column;gap:8px}
    .home-hero-pitch-num{display:block;font-family:var(--fh);font-size:clamp(46px,6.2vw,64px);font-weight:800;line-height:.9;letter-spacing:-2px;color:#fff}
    .home-hero-pitch-lede{margin:0;font-size:13px;line-height:1.45;color:rgba(255,255,255,.66)}
    .home-hero-pitch-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
    .home-hero-pitch-list li{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--text-grey);line-height:1.4}
    .home-hero-pitch-check{flex-shrink:0;width:20px;height:20px;border-radius:50%;background:var(--dark);display:flex;align-items:center;justify-content:center;margin-top:1px}
    .home-hero-pitch-check svg{width:10px;height:10px}
    .home-hero-pitch-cta{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:12px 18px;border-radius:999px;border:none;background:var(--dark);color:#fff;font-family:var(--fh);font-size:14px;font-weight:700;cursor:pointer;transition:opacity .2s ease,transform .2s ease}
    .home-hero-pitch-cta:hover{opacity:.94;transform:translateY(-2px)}
    .home-hero-calendar-mini{max-width:420px;width:100%;margin-top:28px}
    .home-hero-calendar-mini-window{height:318px;overflow:hidden;border-radius:22px;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 8%,#000 92%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 8%,#000 92%,transparent 100%)}
    .home-hero-calendar-mini-track{display:flex;flex-direction:column;gap:10px;animation:home-hero-mini-marquee 15s linear infinite;will-change:transform}
    .home-hero-calendar-mini-window:hover .home-hero-calendar-mini-track{animation-play-state:paused}
    @keyframes home-hero-mini-marquee{0%{transform:translateY(0)}100%{transform:translateY(-50%)}}
    .hero-mini-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:13px 16px;box-shadow:0 8px 22px rgba(0,0,0,.05),0 0 0 1px rgba(0,0,0,.03)}
    .hero-mini-head{display:flex;justify-content:space-between;font-family:var(--fh);font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-mid);margin-bottom:8px}
    .hero-mini-card p{font-family:var(--fh);font-size:13px;font-weight:700;color:var(--text);line-height:1.3}
    .hero-mini-card > span{display:block;margin-top:4px;font-size:11px;color:var(--text-grey)}
    .hero-mini-a{margin-left:34px}
    .hero-mini-b{margin-left:0}
    .hero-mini-c{margin-left:50px}
    .hero-mini-d{margin-left:18px}
    @media(max-width:900px){
      .home-hero-container{grid-template-columns:1fr;padding-top:32px;padding-bottom:48px}
      .home-hero{min-height:auto}
      .home-hero-visual{align-items:stretch;padding-top:0}
      .home-hero-pitch-card{max-width:none;margin-top:8px}
      .home-hero-calendar-mini{max-width:none}
      .home-hero-calendar-mini{margin-top:16px}
      .home-hero-calendar-mini-window{height:232px}
      .hero-mini-a,.hero-mini-b,.hero-mini-c,.hero-mini-d{margin-left:0}
    }

    /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
       MISSION — BENTO GRID
    ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    .home-mission{padding:88px 0}
    .home-mission-header{display:flex;justify-content:space-between;align-items:flex-start;gap:32px;margin-bottom:40px}
    .home-mission-title-wrapper{display:flex;flex-direction:column;flex:1}
    .home-mission-heading{font-family:var(--fh);font-weight:800;font-size:clamp(32px,3.6vw,50px);line-height:1.1;letter-spacing:-1.5px;margin-top:6px}
    .home-mission-desc{max-width:280px;margin-left:auto;padding-top:48px;font-size:14px;color:var(--text-grey);line-height:1.7}
    @media(max-width:900px){
      .home-mission-header{flex-direction:column;gap:16px}
      .home-mission-desc{max-width:none;margin-left:0;padding-top:0}
    }

    /* bento grid — exactly matching live site 3-col layout */
    .bento-grid{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:16px;align-items:start}
    .bento-col{display:flex;flex-direction:column;gap:16px}
    .bento-card{border-radius:var(--rlg);padding:28px;position:relative;overflow:hidden}
    .card-small{min-height:140px;display:flex;flex-direction:column;justify-content:flex-end;gap:12px}
    .home-mission .bento-card.card-tall{min-height:240px;height:auto;display:flex;flex-direction:column;justify-content:space-between;background:var(--bg-card);border:1px solid var(--border)}
    .card-partners{background:var(--bg-card);border:1px solid var(--border)}
    .card-clients-snippet{background:var(--bg-card);border:1px solid var(--border);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:120px;padding:24px 28px}
    .clients-snippet-inner{display:flex;flex-direction:column;gap:6px}
    .clients-snippet-num{font-size:clamp(44px,4.5vw,56px);letter-spacing:-2px;line-height:1}
    .clients-snippet-label{margin-top:0;text-transform:none;letter-spacing:0;font-size:13px}
    .card-dark{background:var(--dark);min-height:400px;display:flex;flex-direction:column;gap:14px}
    .card-label{font-family:var(--fh);font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-mid)}
    .card-p{font-size:13px;color:var(--text-grey);line-height:1.65}
    .card-bottom{display:flex;flex-direction:column;gap:4px}
    .subtext{font-size:12px;color:var(--text-grey);margin-top:4px}
    .dark-p{font-size:12px;color:rgba(255,255,255,.45);line-height:1.5;text-transform:uppercase;letter-spacing:.1em}
    .reviews-rotator{position:relative;flex:1;overflow:hidden}
    .review-slide{position:absolute;inset:0;display:flex;flex-direction:column;gap:10px;opacity:0;transform:translateY(-16px);animation:home-review-vertical 40s infinite cubic-bezier(.42,0,.18,1)}
    .review-head{display:flex;flex-direction:column;gap:2px}
    .review-head strong{font-family:var(--fh);font-size:16px;font-weight:700;color:#fff;line-height:1.2}
    .review-head span{font-size:11px;color:rgba(255,255,255,.55)}
    .review-stars{color:var(--star);letter-spacing:.08em}
    .review-slide p{font-size:14px;line-height:1.55;color:rgba(255,255,255,.78)}
    .review-slide:nth-child(1){animation-delay:0s}
    .review-slide:nth-child(2){animation-delay:5s}
    .review-slide:nth-child(3){animation-delay:10s}
    .review-slide:nth-child(4){animation-delay:15s}
    .review-slide:nth-child(5){animation-delay:20s}
    .review-slide:nth-child(6){animation-delay:25s}
    .review-slide:nth-child(7){animation-delay:30s}
    .review-slide:nth-child(8){animation-delay:35s}
    @keyframes home-review-vertical{
      0%{opacity:0;transform:translateY(-16px)}
      2%{opacity:1;transform:translateY(0)}
      9.5%{opacity:1;transform:translateY(0)}
      12.5%{opacity:0;transform:translateY(16px)}
      100%{opacity:0;transform:translateY(16px)}
    }
    .dark-bottom{display:flex;align-items:flex-end;justify-content:space-between;margin-top:auto}
    .rating-info{display:flex;flex-direction:column;gap:4px;align-items:flex-end}
    .trusted-text{font-size:9px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:rgba(255,255,255,.4);text-align:right}
    .bg-arrow{position:absolute;top:20px;right:20px;width:80px;height:80px;opacity:.04}

    /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
       TESTIMONIALS — 3-COL LAYOUT
    ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    .home-client-success{padding:88px 0}
    .home-client-success-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:start}
    .testi-col{display:flex;flex-direction:column;gap:14px}
    .testi-card{border-radius:var(--rlg);padding:30px;position:relative;overflow:hidden}
    .dark-card{background:var(--dark)}
    .light-card{background:var(--bg-card);border:1px solid var(--border)}
    .inner-shadow-card{box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}
    .full-height{min-height:380px;display:flex;flex-direction:column;justify-content:space-between}
    .flex-grow{flex:1;display:flex;flex-direction:column;justify-content:space-between;min-height:160px}
    .avail-card{min-height:90px;display:flex;align-items:center;justify-content:flex-start;padding:20px 24px}
    .quote-mark{font-family:serif;font-size:64px;line-height:1;color:rgba(255,255,255,.3);margin-bottom:8px}
    .quote-mark.text-black{color:rgba(0,0,0,.12)}
    .quote-text-white{font-family:var(--fh);font-size:20px;font-weight:700;line-height:1.35;color:#fff}
    .quote-text-dark{font-family:var(--fh);font-size:18px;font-weight:700;line-height:1.35;color:var(--text)}
    .client-footer{display:flex;flex-direction:column;gap:12px;margin-top:auto}
    .client-profile{display:flex;align-items:center;gap:12px}
    .client-profile.bottom-align{margin-top:auto;padding-top:16px}
    .client-profile img{width:36px;height:36px;border-radius:50%;object-fit:cover;background:var(--bg-card2)}
    .client-details h4{font-family:var(--fh);font-size:13px;font-weight:700;color:inherit}
    .client-details p{font-size:12px;color:var(--text-grey)}
    .dark-card .client-details h4{color:#fff}
    .dark-card .client-details p{color:rgba(255,255,255,.5)}
    .orange-cursor-float{width:36px;height:36px;position:absolute;bottom:24px;right:24px;opacity:.9}
.home-client-success-grid .testi-col:nth-child(2) .light-card.flex-grow{min-height:380px}
.home-client-success-grid .testi-col-with-btn .light-card.flex-grow{min-height:322px}
.google-ads-tips-card{display:flex;flex-direction:column;justify-content:flex-start;gap:12px;border-color:rgba(247,37,59,.35);box-shadow:0 18px 42px rgba(0,0,0,.08)}
.google-ads-tips-kicker{margin-bottom:0}
.google-ads-tips-card .quote-text-dark{margin:0;font-size:16px;line-height:1.45;flex:1}
.js-google-ads-tip{transition:opacity .26s ease,transform .26s ease}
.google-ads-tips-card.is-tip-fading .js-google-ads-tip{opacity:0;transform:translateY(8px)}
@media (prefers-reduced-motion:reduce){
  .js-google-ads-tip{transition:none}
}
.js-sync-review-text,.js-sync-review-name,.js-sync-review-meta,.js-sync-review-stars,.js-sync-review-avatar{transition:opacity .26s ease,transform .26s ease}
.js-sync-review-card.is-review-fading .js-sync-review-text,
.js-sync-review-card.is-review-fading .js-sync-review-name,
.js-sync-review-card.is-review-fading .js-sync-review-meta,
.js-sync-review-card.is-review-fading .js-sync-review-stars,
.js-sync-review-card.is-review-fading .js-sync-review-avatar{opacity:0;transform:translateY(8px)}
@media (prefers-reduced-motion:reduce){
  .js-sync-review-text,.js-sync-review-name,.js-sync-review-meta,.js-sync-review-stars,.js-sync-review-avatar{transition:none}
}

    /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
       RESULTS — BENTO WITH CENTER FOCUS
    ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    .home-results{padding:88px 0}
    .results-bento{position:relative;display:grid;grid-template-columns:1.05fr 1.15fr 1.15fr 1.05fr;grid-template-areas:"leftTop topRow topRow rightTop" "leftMid . . rightMid" "leftBottom bottomRow bottomRow rightMid";gap:16px;margin-top:48px}
    .results-tile{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--rlg);padding:28px 24px 24px;min-height:162px;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:10px}
    .results-tile > *{margin:0}
    .results-tile::before{content:"";position:absolute;inset:-40% -10% auto auto;width:180px;height:180px;background:radial-gradient(circle,rgba(0,0,0,.04) 0%,rgba(0,0,0,0) 70%);pointer-events:none}
    .results-tile h3{font-family:var(--fh);font-size:30px;font-weight:800;line-height:1.12;color:var(--text);letter-spacing:-.8px}
    .results-tile p{font-size:14px;line-height:1.52;color:var(--text-grey)}
    .results-kicker{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-mid);margin-bottom:2px;min-height:18px}
    .results-big{font-family:var(--fh);font-size:46px;font-weight:800;line-height:1.02;color:var(--text);letter-spacing:-1.6px}
    .results-muted{margin-top:0!important;color:var(--text-grey)!important}
    .tile-left-top{grid-area:leftTop}
    .tile-top-row{grid-area:topRow}
    .tile-top-center-left{background:var(--bg-card)}
    .tile-top-center-right{grid-area:topCenterRight;background:var(--bg-card);padding-bottom:50px;overflow:visible}
    .tile-right-top{grid-area:rightTop;justify-content:flex-start}
    .tile-left-mid{grid-area:leftMid;justify-content:flex-start}
    .tile-right-mid{grid-area:rightMid}
    .tile-left-bottom{grid-area:leftBottom}
    .tile-bottom-row{grid-area:bottomRow}
    .tile-left-top,.tile-top-center-left,.tile-top-center-right,.tile-right-top{padding-top:28px}
    .tile-left-mid,.tile-left-bottom,.tile-right-mid,.tile-bottom-center-left,.tile-bottom-center-right{padding-top:28px}
    .tile-left-bottom .results-cta{margin-top:auto}
    .results-chip-list{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
    .results-chip-list li{font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;padding:6px 10px;border-radius:999px;background:var(--bg-card2);border:1px solid var(--border);color:var(--text)}
    .results-cta{margin-top:16px;display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 20px;border-radius:999px;background:var(--text);color:#fff;font-family:var(--fh);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;transition:transform .2s ease}
    .results-cta:hover{transform:translateY(-2px)}
    .results-row-wrap{display:flex;gap:16px;align-items:stretch}
    .results-bento .tile-top-center-left,.results-bento .tile-top-center-right,.results-bento .tile-bottom-center-left,.results-bento .tile-bottom-center-right{padding:24px 30px;min-height:186px}
    .results-tile{z-index:2}
    .results-bento .tile-top-center-left{flex:1.22}
    .results-bento .tile-top-center-right{flex:.78;margin-bottom:-104px;z-index:2}
    .results-bento .tile-bottom-center-left{flex:.82;margin-top:-104px;z-index:2}
    .results-bento .tile-bottom-center-right{flex:1.18}
    /* Results bento: scroll-driven text (JS adds #home-results.results-parallax-enabled) */
    .results-tile--parallax .results-tile-parallax-inner{display:flex;flex-direction:column;gap:10px;flex:1;min-height:0;position:relative;z-index:1;overflow:hidden}
    #home-results.results-parallax-enabled .results-tile--parallax .results-tile-parallax-inner{opacity:0;transform:translateY(32px);transition:opacity .72s cubic-bezier(.22,1,.36,1),transform .72s cubic-bezier(.22,1,.36,1);will-change:transform,opacity}
    #home-results.results-parallax-enabled .results-tile--parallax .results-tile-parallax-inner.is-parallax-in{opacity:1;transform:translateY(0)}
    /* Exit: scrub upward — text slides toward top edge and clips under border (JS sets --exit-shift); stays visible, does not fade out */
    #home-results.results-parallax-enabled .results-tile--parallax .results-tile-parallax-inner.is-parallax-in.is-parallax-exit-scrub{opacity:1;transform:translateY(var(--exit-shift, 0px));transition:opacity .72s cubic-bezier(.22,1,.36,1),transform 0s linear}
    @media (prefers-reduced-motion:reduce){
      #home-results.results-parallax-enabled .results-tile--parallax .results-tile-parallax-inner,
      #home-results.results-parallax-enabled .results-tile--parallax .results-tile-parallax-inner.is-parallax-in,
      #home-results.results-parallax-enabled .results-tile--parallax .results-tile-parallax-inner.is-parallax-exit-scrub{opacity:1!important;transform:none!important;transition:none!important}
    }
.js-results-left-slide{transition:opacity .38s ease,transform .38s cubic-bezier(.42,0,.18,1)}
.js-results-left-rotator.is-left-slide-out .js-results-left-slide{opacity:0;transform:translateX(28px)}
.js-results-left-rotator.is-left-slide-in .js-results-left-slide{opacity:0;transform:translateX(-28px)}
    @media(max-width:1100px){
      .results-bento{grid-template-columns:1fr 1fr;grid-template-areas:"topRow topRow" "leftTop rightTop" "leftMid rightMid" "bottomRow bottomRow" "leftBottom leftBottom"}
      .results-bento .tile-top-center-left,.results-bento .tile-top-center-right,.results-bento .tile-bottom-center-left,.results-bento .tile-bottom-center-right{padding-left:24px;padding-right:24px}
      .results-row-wrap{gap:14px}
      .results-bento .tile-top-center-right,.results-bento .tile-bottom-center-left{margin:0}
    }
    @media(max-width:700px){
      .results-bento{grid-template-columns:1fr;grid-template-areas:"topRow" "leftTop" "rightTop" "leftMid" "rightMid" "bottomRow" "leftBottom";gap:14px}
      .results-tile{padding:20px}
      .results-tile h3{font-size:24px}
      .results-big{font-size:42px}
      .results-row-wrap{flex-direction:column;gap:14px}
    }
@media (prefers-reduced-motion:reduce){
  .js-results-left-slide{transition:none}
}

    /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
       SERVICES — DARK BG + ACCORDION
    ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    .home-services{padding:88px 0;background:var(--dark)}
    .services-header{color:#fff}
    .services-header .desc-wrapper p{color:rgba(255,255,255,.45)}
    .accordion{display:flex;flex-direction:column;gap:0;border-top:1px solid rgba(255,255,255,.1)}
    .accordion-item{border-bottom:1px solid rgba(255,255,255,.1)}
    .accordion-header{display:flex;align-items:center;justify-content:space-between;padding:22px 0;cursor:pointer}
    .accordion-title-group{display:flex;align-items:center;gap:20px}
    .acc-num{font-family:var(--fh);font-size:12px;font-weight:700;letter-spacing:1.5px;color:rgba(255,255,255,.3)}
    .acc-title{font-family:var(--fh);font-size:20px;font-weight:700;color:#fff}
    .acc-icon{width:32px;height:32px;border-radius:50%;border:1.5px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}
    .icon-close{display:none}
    .icon-open{display:block}
    .accordion-item.active .icon-close{display:block}
    .accordion-item.active .icon-open{display:none}
    /* Services accordion: slightly darker/muted red for dark section */
    .accordion-item.active .acc-title{color:#DC2626}
    .accordion-item.active .acc-icon{border-color:rgba(220,38,38,.35);color:#DC2626}

    /* Muted pill treatment for dark sections (Services + Process) */
    .home-services .badge-outline-red{
      border-color:rgba(220,38,38,.45);
      color:rgba(220,38,38,.78);
    }
    .accordion-content{max-height:0;overflow:hidden;transition:max-height .35s ease}
    .accordion-item.active .accordion-content{max-height:200px}
    .acc-content-inner{display:flex;align-items:center;gap:24px;padding-bottom:24px}
    .acc-img{width:120px;height:80px;border-radius:var(--r);object-fit:cover;background:rgba(255,255,255,.08);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:10px;color:rgba(255,255,255,.2)}
    .acc-desc{font-size:14px;color:rgba(255,255,255,.55);line-height:1.65;flex:1}
    .acc-meta{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.25);flex-shrink:0}
    .home-services .acc-link{color:rgba(255,255,255,.85);font-weight:600;text-decoration:underline}
    .home-services .acc-link:hover{color:#fff}

    /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
       TESTIMONIALS CAROUSEL
    ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    .home-testimonials{padding:88px 0}
    .home-testimonials .carousel-marquee-window{overflow:hidden;margin:0 -32px;padding:4px 0 12px;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 4%,#000 96%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 4%,#000 96%,transparent 100%)}
    .home-testimonials .carousel-track{display:flex;flex-direction:row;flex-wrap:nowrap;gap:16px;width:max-content;will-change:transform;animation:testimonial-marquee 42s linear infinite}
    .home-testimonials .carousel-marquee-window:hover .carousel-track{animation-play-state:paused}
    @keyframes testimonial-marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
    .home-testimonials .carousel-card{flex:0 0 auto;width:min(320px,calc(100vw - 80px));max-width:320px;min-height:200px}
    .carousel-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--rlg);padding:28px;display:flex;flex-direction:column;gap:14px;min-width:220px}
    .quote-icon{font-family:serif;font-size:48px;line-height:1;color:rgba(0,0,0,.1);margin-bottom:-8px}
    .carousel-quote{font-size:14px;color:var(--text);line-height:1.7;flex:1}
    .carousel-author{display:flex;align-items:center;gap:10px;margin-top:auto}
    .author-img{width:32px;height:32px;border-radius:50%;object-fit:cover;background:var(--bg-card2);border:1px solid var(--border);flex-shrink:0}
    .author-info h4{font-family:var(--fh);font-size:13px;font-weight:700}
    .author-info p{font-size:11px;color:var(--text-grey)}

    /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
       PRICING — 3-CARD WITH ICON BOXES
    ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    .home-pricing{padding:88px 0}
    .pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:0;align-items:start}
    .pricing-card{border-radius:var(--rlg);padding:32px;display:flex;flex-direction:column;gap:20px;position:relative;overflow:hidden}
    .light-theme{background:var(--bg-card);border:1px solid var(--border)}
    .dark-theme{background:var(--dark)}
    .pricing-icon-box{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
    .bg-light-green{background:rgba(46,204,113,.12)}
    .bg-light-yellow{background:rgba(241,196,15,.12)}
    .bg-dark-red{background:rgba(255,71,58,.15)}
    .pricing-icon{width:22px;height:22px}
    .pricing-header{display:flex;flex-direction:column;gap:6px}
    .plan-name{font-family:var(--fh);font-size:20px;font-weight:800}
    .plan-price{font-family:var(--fh);font-size:42px;font-weight:800;letter-spacing:-2px;line-height:1;color:var(--text)}
    .dark-theme .plan-price{color:#fff}
    .plan-desc{font-size:13px;color:var(--text-grey);line-height:1.65}
    .dark-theme .plan-desc{color:rgba(255,255,255,.5)}
    .feature-list{list-style:none;display:flex;flex-direction:column;gap:10px}
    .feature-list li{font-size:13px;color:var(--text-grey);display:flex;gap:10px;align-items:flex-start}
    .feature-list li::before{content:'✓';color:var(--text-mid);font-weight:700;flex-shrink:0}
    .list-white li{color:rgba(255,255,255,.65)}
    .list-white li::before{color:rgba(255,255,255,.3)}
    .pricing-footer{display:flex;flex-direction:column;gap:14px;margin-top:auto;padding-top:8px;border-top:1px solid var(--border)}
    .dark-theme .pricing-footer{border-top-color:rgba(255,255,255,.1)}
    .ideal-for{font-size:9px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--text-mid)}
    .text-dark-grey{color:rgba(255,255,255,.3)}
    .btn-pricing{display:inline-flex;align-items:center;gap:8px;font-family:var(--fh);font-size:13px;font-weight:700;padding:11px 18px;border-radius:var(--rp);cursor:pointer;border:none}
    .btn-black{background:var(--dark);color:#fff}
    .btn-white{background:#fff;color:var(--dark)}
    .pricing-cursor{position:absolute;top:20px;right:20px;width:28px;height:28px;opacity:.7}
    .relative-card{overflow:visible}

    /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
       TEAM — PHOTO BG CARDS
    ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    .home-team{padding:88px 0}
    .team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:0}
    .team-card{border-radius:var(--rlg);position:relative;overflow:hidden;height:340px;background:#1C1C1A;background-size:cover;background-position:center top}
    .team-card-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5}
    .team-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.88) 0%,rgba(0,0,0,.3) 50%,transparent 100%)}
    .team-info{position:absolute;bottom:0;left:0;right:0;padding:22px;display:flex;flex-direction:column;gap:8px;z-index:2}
    .team-name{font-family:var(--fh);font-size:17px;font-weight:800;color:#fff}
    .team-role{font-size:12px;color:rgba(255,255,255,.6)}
    .team-tags{display:flex;flex-direction:column;gap:5px;margin-top:4px}
    .team-tag{font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,.4)}

    /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
       BLOG SECTION
    ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    .home-blog{padding:88px 0}
    .blog-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:44px}
    .btn-wrapper{display:flex;align-items:flex-end;padding-bottom:8px}
    .blog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
    .blog-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--rlg);overflow:hidden;display:flex;flex-direction:column}
    .blog-image-wrapper{position:relative;aspect-ratio:16/10;background:#1C1C1A;overflow:hidden}
    .blog-image{width:100%;height:100%;object-fit:cover}
    .blog-img-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#1C1C1A 0%,#2A2A28 100%);display:flex;align-items:center;justify-content:center;font-size:10px;color:rgba(255,255,255,.2);letter-spacing:1px;text-transform:uppercase}
    .blog-tag{position:absolute;top:12px;left:12px;background:rgba(255,255,255,.9);backdrop-filter:blur(4px);color:var(--text);font-size:8px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:4px 10px;border-radius:var(--rp)}
    .blog-content{padding:18px 20px 14px;display:flex;flex-direction:column;gap:7px;flex:1}
    .blog-title{font-family:var(--fh);font-size:14px;font-weight:700;line-height:1.45;color:var(--text)}
    .blog-excerpt{font-size:12px;color:var(--text-grey);line-height:1.6;margin-top:2px}
    .blog-author{display:flex;align-items:center;gap:8px;padding:12px 20px 16px}
    .blog-author img{width:22px;height:22px;border-radius:50%;object-fit:cover;background:var(--bg-card2)}
    .author-name{font-size:12px;color:var(--text-grey);font-weight:500}

    /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
       ★ NEW: PROCESS (dark bg)
    ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    .home-process{padding:88px 0;background:var(--dark)}
    .home-process .badge-outline-red{border-color:rgba(220,38,38,.45);color:rgba(220,38,38,.78)}
    .home-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:48px}
    .proc-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:var(--rlg);padding:28px;position:relative;overflow:hidden}
    .proc-bg-num{position:absolute;top:10px;right:14px;font-family:var(--fh);font-size:56px;font-weight:800;color:rgba(255,255,255,.05);line-height:1;pointer-events:none}
    .proc-icon{font-size:26px;margin-bottom:14px;color:rgba(255,255,255,.68)}
    .proc-icon svg{width:24px;height:24px;display:block}
    .proc-t{font-family:var(--fh);font-size:15px;font-weight:800;color:#fff;margin-bottom:8px}
    .proc-d{font-size:13px;color:rgba(255,255,255,.45);line-height:1.65}

    /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
       ★ NEW: WHY US
    ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    .home-why{padding:88px 0}
    .why-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;margin-top:0}
    .why-list{display:flex;flex-direction:column;gap:22px}
    .why-row{display:flex;gap:14px;align-items:flex-start}
    .ck{width:28px;height:28px;border-radius:50%;background:var(--dark);flex-shrink:0;margin-top:2px;display:flex;align-items:center;justify-content:center}
    .ck svg{width:12px;height:12px;stroke:#fff;stroke-width:2.8;fill:none}
    .wt strong{display:block;font-family:var(--fh);font-size:14px;font-weight:800;margin-bottom:3px}
    .wt p{font-size:13px;color:var(--text-grey);line-height:1.65}
    .perf-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--rlg);overflow:hidden}
    .perf-hdr{padding:17px 22px;border-bottom:1px solid var(--border)}
    .perf-hl{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-mid)}
    .perf-r{display:flex;justify-content:space-between;align-items:center;padding:14px 22px;border-bottom:1px solid var(--border)}
    .perf-r:last-child{border-bottom:none}
    .perf-l{font-size:13px;color:var(--text-grey)}
    .perf-v{font-family:var(--fh);font-size:17px;font-weight:800}

    /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
       ★ NEW: FAQ
    ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    .home-faq{padding:88px 0}
    .faq-layout{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start;margin-top:48px}
    .faq-item{border-bottom:1px solid var(--border)}
    .faq-q{padding:18px 0;display:flex;justify-content:space-between;align-items:center;gap:12px;font-family:var(--fh);font-size:14px;font-weight:700;cursor:pointer}
    .faq-icon{width:26px;height:26px;border-radius:50%;flex-shrink:0;background:var(--bg-card2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--text-grey)}
    .faq-a{padding:0 0 18px;font-size:13px;color:var(--text-grey);line-height:1.75;display:none}
    .faq-a.open{display:block}
    .faq-side{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--rlg);padding:28px;display:flex;flex-direction:column;gap:16px;position:sticky;top:76px}
    .faq-callout{background:var(--dark);border-radius:var(--r);padding:24px;display:flex;flex-direction:column;gap:8px}
    .faq-num{font-family:var(--fh);font-size:52px;font-weight:800;color:#fff;line-height:1}
    .faq-ct{font-size:13px;color:rgba(255,255,255,.5);line-height:1.65}
    .faq-checks{display:flex;flex-direction:column;gap:11px}
    .faq-cr{display:flex;gap:11px;align-items:center}
    .faq-cd{width:18px;height:18px;border-radius:50%;background:var(--dark);flex-shrink:0;display:flex;align-items:center;justify-content:center}
    .faq-cd svg{width:9px;height:9px;stroke:#fff;stroke-width:3;fill:none}
    .faq-cr span{font-size:13px;color:var(--text-grey)}

    /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
       FOOTER — DARK BG
    ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    .site-footer{background:var(--dark);padding:80px 0 40px}
    .footer-cta{display:flex;flex-direction:column;align-items:center;text-align:center;gap:22px;padding-bottom:60px;border-bottom:1px solid rgba(255,255,255,.1)}
    .footer-badge{display:inline-flex;align-items:center;gap:7px;border:1.5px solid var(--brand-blue);border-radius:var(--rp);padding:5px 13px;font-family:var(--fh);font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--brand-blue-t)}
    .footer-heading{font-family:var(--fh);font-weight:800;font-size:clamp(40px,5vw,64px);line-height:1.05;letter-spacing:-2px}
    .footer-desc{font-size:14px;color:rgba(255,255,255,.45);line-height:1.7;max-width:380px}
    .footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:32px}
    .copyright{font-size:12px;color:rgba(255,255,255,.3)}
    .footer-nav{display:flex;gap:24px;list-style:none}
    .footer-nav a{font-size:13px;color:rgba(255,255,255,.4)}
    .footer-nav a:hover{color:#fff}

    /* ——— Injected footer layout ——— */
    .site-footer-inner{padding-top:48px;padding-bottom:32px}
    .footer-tagline,.footer-location{font-size:14px;color:rgba(255,255,255,.55);text-align:center;max-width:520px;margin:0 auto 8px}
    .footer-location{margin-bottom:32px}
    .site-footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.1)}
    .footer-col-title{font-family:var(--fh);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.35);margin-bottom:14px}
    .footer-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
    .footer-links a,.footer-link-btn{color:rgba(255,255,255,.55);font-size:14px;text-align:left;background:none;border:none;padding:0;cursor:pointer;font:inherit}
    .footer-links a:hover,.footer-link-btn:hover{color:#fff}
    .footer-legal{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:24px;font-size:12px;color:rgba(255,255,255,.35)}
    .footer-legal a{color:rgba(255,255,255,.45)}
    .footer-legal a:hover{color:#fff}
    @media(max-width:768px){.site-footer-grid{grid-template-columns:1fr}}

    /* Homepage bottom CTA (outside injected footer) */
    section.home-cta{background:var(--dark);padding:72px 0 88px;text-align:center;border-top:1px solid rgba(255,255,255,.08)}
    section.home-cta .footer-heading{color:#fff}
    section.home-cta .btn-footer-cta{border:none}

    main#main{padding-top:0}
    body:not(.home-page) main{padding-top:60px}

    /* Email popup */
    .email-popup{position:fixed;inset:0;z-index:400;display:flex;align-items:center;justify-content:center;padding:24px}
    .email-popup[hidden]{display:none!important}
    .email-popup-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.45)}
    .email-popup-panel{position:relative;z-index:1;width:100%;max-width:400px;background:var(--bg-card);border-radius:var(--rlg);padding:28px;box-shadow:0 24px 80px rgba(0,0,0,.2)}
    .email-popup-close{position:absolute;top:12px;right:14px;width:36px;height:36px;border:none;background:var(--bg-card2);border-radius:50%;font-size:22px;line-height:1;cursor:pointer}
    .email-popup-title{font-family:var(--fh);font-size:20px;font-weight:800;margin-bottom:8px}
    .email-popup-desc{font-size:13px;color:var(--text-grey);margin-bottom:20px;line-height:1.6}
    .email-popup-label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;margin-bottom:14px}
    .email-popup-input{padding:10px 12px;border:1px solid var(--border);border-radius:var(--r);font:inherit}
    #preferred-date.email-popup-input{
      padding-right:44px;
      background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23181818' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E");
      background-repeat:no-repeat;
      background-position:right 14px center;
      background-size:18px 18px;
    }
    .email-popup-submit{width:100%;justify-content:center;margin-top:8px}
    body.email-popup-open{overflow:hidden}

    /* Inner page hero pattern */
    .page-hero{padding:48px 0 56px;border-bottom:1px solid var(--border)}
    .page-hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
    .page-hero-label{font-family:var(--fh);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text3);margin-bottom:10px}
    .page-hero h1{font-family:var(--fh);font-weight:800;font-size:clamp(32px,4vw,48px);line-height:1.08;letter-spacing:-1px;margin-bottom:14px}
    .page-hero-stat{font-family:var(--fh);font-size:28px;font-weight:800;margin-bottom:16px}
    .page-hero-img{border-radius:var(--rlg);width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border:1px solid var(--border)}
    .page-block{padding:64px 0}
    .page-block h2{font-family:var(--fh);font-size:clamp(26px,3vw,36px);font-weight:800;margin-bottom:20px}
    .checklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
    .checklist li{padding-left:28px;position:relative;font-size:15px;color:var(--text2)}
    .checklist li::before{content:"✓";position:absolute;left:0;color:var(--green-t);font-weight:700}
    .steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:24px}
    .step-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--rlg);padding:22px}
    .step-num{font-family:var(--fh);font-size:12px;font-weight:700;color:var(--text3);margin-bottom:8px}
    .step-title{font-family:var(--fh);font-weight:700;margin-bottom:6px}
    .results-row{display:flex;flex-wrap:wrap;gap:16px;margin-top:20px}
    .result-pill{background:var(--bg-card2);border:1px solid var(--border);border-radius:var(--rp);padding:12px 18px;font-family:var(--fh);font-weight:700;font-size:14px}
    .service-faq,.page-faq{padding:56px 0 72px}
    .bottom-cta{background:var(--dark);color:#fff;padding:56px 0;text-align:center;border-radius:0}
    .bottom-cta p{opacity:.75;max-width:480px;margin:12px auto 20px;font-size:15px}
    @media(max-width:900px){.page-hero-inner{grid-template-columns:1fr}}

    /* About */
    .about-story p,.about-location p{font-size:16px;color:var(--text2);max-width:720px;margin-bottom:16px}
    .about-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:32px 0}
    .about-stat{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--rlg);padding:20px;text-align:center}
    .about-stat strong{display:block;font-family:var(--fh);font-size:22px;font-weight:800}
    .about-values{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
    .about-value{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--rlg);padding:22px}
    .about-team-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:24px}
    @media(max-width:768px){.about-stats{grid-template-columns:1fr 1fr}.about-values{grid-template-columns:1fr}}

    /* Contact */
    .contact-form{max-width:560px;margin:0 auto}
    .contact-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;margin-bottom:16px}
    .contact-form input,.contact-form select,.contact-form textarea{padding:12px 14px;border:1px solid var(--border);border-radius:var(--r);font:inherit}
    .contact-form textarea{min-height:140px;resize:vertical}
    .contact-trust{font-size:14px;color:var(--text2);margin-top:24px;line-height:1.8}

    /* Services hub */
    .services-hub-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:24px}
    .services-hub-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--rlg);padding:28px;display:flex;flex-direction:column;gap:10px;color:inherit;text-decoration:none;transition:border-color .15s,box-shadow .15s}
    .services-hub-card:hover{border-color:var(--text-mid);box-shadow:0 8px 30px rgba(0,0,0,.06)}
    .services-hub-card h2{font-family:var(--fh);font-size:20px;font-weight:800}
    .services-hub-card span:last-child{margin-top:auto;font-weight:700;font-size:14px;color:var(--text)}
    @media(max-width:768px){.services-hub-grid{grid-template-columns:1fr}}

    @media(prefers-reduced-motion:reduce){
      .availability-badge .dot,.dot-green{animation:none}
      .home-hero-icon-box{animation:none!important}
      .home-trust-marquee-track{animation:none!important}
      .home-hero-calendar-mini-track{animation:none!important}
      .home-testimonials .carousel-track{animation:none!important}
      .review-slide{animation:none!important;opacity:0;transform:none}
      .review-slide:first-child{opacity:1}
    }
