/* ==========================================================================
   Drow Digital — AI Marketing Automation page stylesheet
   Used by: ai-marketing-automation.php (linked once in <head>; the page has
   no <style> blocks and no style="" attributes).

   Contents
     1. Page styles — tokens, nav, hero, every section, contact, footer, the
        page's responsive breakpoints (1024 → 480px), then the Services &
        Locations section
     2. Mobile readability minimums   (DD-RESPONSIVE-FIX)
     3. Service-page header           (DD-SVC-HEADER)

   Sections 2–3 are the site-wide blocks the other pages still carry inline.
   They are kept verbatim (html body … !important) and in their original
   order, so they win over the page styles exactly as before.
   ========================================================================== */


/* ==========================================================================
   1. PAGE STYLES
   ========================================================================== */

  :root {
    --primary: #2E2AFF;
    --accent:  #C8FF00;
    --accent2: #a6e600;
    --gold:    #f5a623;
    --text:    #111111;
    --muted:   #666666;
    --bg:      #f4f5ff;
    --bg2:     #f2f3ff;
    --card:    #ffffff;
    --card2:   #f8f9ff;
    --border:  rgba(46,42,255,0.1);
    --glow:    0 8px 32px rgba(46,42,255,0.15);
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    font-family:'Manrope',sans-serif;
    background:var(--bg);
    color:var(--text);
    overflow-x:hidden;
    line-height:1.6;
  }

  /* ── NAV ─────────────────────────────────── */
  nav{
    position:fixed;top:0;left:0;right:0;z-index:999;
    display:flex;align-items:center;justify-content:space-between;
    padding:16px 6%;
    background:#2e2aff60;
    backdrop-filter:blur(20px);
    border-bottom:1px solid var(--border);
    gap:16px;
    box-shadow:0 2px 20px rgba(46,42,255,0.06);
  }
  .logo{
    font-family:'Manrope',sans-serif;
    font-weight:800;font-size:1.5rem;
    background:linear-gradient(135deg,var(--bg) 20%,#fff 100%);
    -webkit-background-clip:text;-webkit-text-fill-color:transparent;
    letter-spacing:-0.5px;
    flex-shrink:0;
  }
  .nav-links{display:flex;gap:2rem;list-style:none;}
  .nav-links a{
    color:var(--bg);text-decoration:none;
    font-size:.9rem;font-weight:500;
    transition:color .3s;white-space:nowrap;
  }
  .nav-links a:hover{color:var(--accent);}
  .nav-cta{
    background:var(--accent);
    color:#000;font-weight:700;font-size:.85rem;
    padding:10px 22px;border-radius:50px;
    text-decoration:none;letter-spacing:.3px;
    transition:transform .3s,box-shadow .3s;
    white-space:nowrap;flex-shrink:0;
    box-shadow:0 4px 16px rgba(46,42,255,0.3);
  }
  .nav-cta:hover{transform:translateY(-1px);box-shadow:0 8px 28px rgba(46,42,255,0.4);}

  /* ── HAMBURGER ───────────────────────────── */
  .hamburger{
    display:none;flex-direction:column;justify-content:center;
    gap:5px;cursor:pointer;background:none;border:none;
    padding:6px;border-radius:8px;transition:background .2s;
    flex-shrink:0;
  }
  .hamburger:hover{background:rgba(46,42,255,0.06);}
  .hamburger span{
    display:block;width:22px;height:2px;
    background:var(--text);border-radius:2px;
    transition:transform .3s,opacity .3s;
  }
  .hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
  .hamburger.open span:nth-child(2){opacity:0;}
  .hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

  /* ── MOBILE DRAWER ───────────────────────── */
  .mobile-menu{
    display:none;position:fixed;top:0;left:0;right:0;bottom:0;
    background:rgba(255,255,255,0.98);backdrop-filter:blur(20px);
    z-index:998;flex-direction:column;align-items:center;justify-content:center;
    gap:8px;opacity:0;pointer-events:none;transition:opacity .3s;
  }
  .mobile-menu.open{opacity:1;pointer-events:all;}
  .mobile-menu a{
    font-family:'Manrope',sans-serif;font-size:1.3rem;font-weight:700;
    color:var(--muted);text-decoration:none;padding:14px 32px;border-radius:12px;
    transition:color .2s,background .2s;width:260px;text-align:center;
  }
  .mobile-menu a:hover{color:var(--primary);background:rgba(46,42,255,0.05);}
  .mobile-menu .mob-cta{
    margin-top:12px;
    background:var(--primary);
    color:#fff;font-size:1rem;
    box-shadow:0 4px 20px rgba(46,42,255,0.3);
  }
  .mobile-menu .mob-cta:hover{opacity:.9;background:var(--primary);color:#fff;}

  /* ── SKIP LINK — off-screen until focused with the keyboard ── */
  .skip-link{
    position:absolute;left:-9999px;top:4px;z-index:9999;
    background:var(--accent);color:#07090f;padding:8px 18px;border-radius:50px;
    font-family:'Manrope',sans-serif;font-size:14px;font-weight:700;letter-spacing:.3px;text-decoration:none;
  }
  .skip-link:focus{left:4px;}

  /* ── HERO ────────────────────────────────── */
  .hero{
    min-height:100vh;
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    text-align:center;padding:100px 6% 60px;
    position:relative;overflow:hidden;
    background:linear-gradient(140deg,#07053a 0%,#160f80 55%,#090730 100%);
  }
  .hero-bg{
    position:absolute;inset:0;
    background:var(--primary);
  }
  .grid-overlay{
    position:absolute;inset:0;
    background-image:var(--primary);
    background-size:60px 60px;
    mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,black,transparent);
  }
  .badge{
    display:inline-flex;align-items:center;gap:8px;
    background:rgba(200,255,0,0.1);
    border:1px solid rgba(200,255,0,0.28);
    color:var(--accent);font-size:.8rem;font-weight:600;
    padding:6px 16px;border-radius:50px;
    margin-bottom:28px;letter-spacing:.5px;
    animation:fadeup .8s ease both;
  }
  .badge-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:pulse 2s infinite;}
  @keyframes pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.4;transform:scale(1.5);}}
  .hero h1{
    font-family:'Manrope',sans-serif;
    font-size:clamp(2.8rem,7vw,5.5rem);
    font-weight:800;line-height:1.05;
    letter-spacing:-2px;margin-bottom:24px;
    color:#fff;
    animation:fadeup .8s .1s ease both;
  }
  .hero h1 span{
    background:linear-gradient(135deg,var(--accent) 0%,var(--accent2) 60%,#ffe566 100%);
    -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  }
  .hero p{
    font-size:1.15rem;color:rgb(238, 235, 235);max-width:580px;
    margin:0 auto 40px;font-weight:300;
    animation:fadeup .8s .2s ease both;
  }
  .hero-btns{
    display:flex;gap:16px;justify-content:center;flex-wrap:wrap;
    animation:fadeup .8s .3s ease both;
  }
  .btn-primary{
    background:var(--accent);
    color:#000;font-weight:700;padding:16px 36px;
    border-radius:50px;text-decoration:none;font-size:1rem;
    transition:transform .3s,box-shadow .3s;
    box-shadow:0 0 32px rgba(46,42,255,0.5);
  }
  .btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 52px rgba(46,42,255,0.65);}
  .btn-outline{
    border:2px solid rgb(255, 255, 255);color:#fff;
    padding:16px 36px;border-radius:50px;text-decoration:none;font-size:1rem;
    transition:border-color .3s,background .3s;
    background:transparent;
  }
  .btn-outline:hover{border-color:var(--accent);background:rgba(200,255,0,0.08);}
  .hero-stats{
    display:flex;gap:60px;justify-content:center;flex-wrap:wrap;
    margin-top:70px;padding-top:40px;
    border-top:1px solid rgba(255,255,255,32%);
    width:100%;animation:fadeup .8s .4s ease both;
  }
  .stat{text-align:center;}
  .stat-num{
    font-family:'Manrope',sans-serif;font-size:2.2rem;font-weight:800;
    background:linear-gradient(135deg,var(--accent),var(--accent2));
    -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  }
  .stat-label{font-size:.85rem;color:rgba(255,255,255,0.5);margin-top:4px;}

  /* ── SECTIONS ────────────────────────────── */
  section{padding:100px 6%;}
  .section-tag{
    display:inline-block;
    color:var(--primary);font-size:.8rem;font-weight:700;letter-spacing:2px;
    text-transform:uppercase;margin-bottom:16px;
  }
  .section-title{
    font-family:'Manrope',sans-serif;font-size:clamp(2rem,4vw,3rem);
    font-weight:800;letter-spacing:-1px;line-height:1.1;margin-bottom:20px;
    color:var(--text);
  }
  .section-sub{color:var(--muted);max-width:560px;font-size:1.05rem;font-weight:400;line-height:1.7;}
  /* Heading modifiers — light text on the brand-blue sections, brand-blue titles, centred headings */
  .section-tag.section-tag--light,
  .section-title.section-title--light,
  .section-sub.section-sub--light{color:#ffffff;}
  .section-title.section-title--brand{color:#2E2AFF;}
  .section-tag.section-tag--center{display:block;text-align:center;}
  .section-title.section-title--center{text-align:center;}
  .section-sub.section-sub--center{text-align:center;margin:0 auto;}

  /* ── ALTERNATING BACKGROUNDS ─────────────── */
  .types-bg{background:var(--bg2);}
  .helps-bg{background:var(--bg2);}
  .pricing-bg{background:var(--bg);}
  .contact-bg{background:var(--bg2);}
  section.section--brand{background:var(--primary);}

  /* ── DIRECT ANSWER — "What is AI marketing automation?" ── */
  #about-ai-marketing{background:var(--bg2);padding:80px 6%;}
  .answer-wrap{max-width:860px;margin:0 auto;}
  .answer-card{
    background:var(--card);border:1px solid var(--border);border-radius:24px;
    padding:44px 48px;margin-bottom:40px;position:relative;overflow:hidden;
  }
  .answer-card-accent{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent2),var(--gold));}
  .answer-card-label{font-size:.75rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--primary);margin-bottom:14px;}
  .answer-card-title{
    font-family:'Manrope',sans-serif;font-size:clamp(1.5rem,3vw,2.1rem);font-weight:800;
    letter-spacing:-1px;line-height:1.2;margin-bottom:20px;color:var(--text);
  }
  .answer-card-title span{color:var(--primary);}
  .answer-card-lead{font-size:1rem;color:var(--muted);line-height:1.8;margin-bottom:16px;}
  .answer-card-text{font-size:.95rem;color:var(--muted);line-height:1.75;margin-bottom:0;}
  .answer-card strong{color:var(--text);}
  .answer-stats{
    display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1px;
    background:var(--border);border-radius:16px;overflow:hidden;border:1px solid var(--border);margin-bottom:28px;
  }
  .answer-stat{background:var(--bg);padding:20px;text-align:center;}
  .answer-stat-num{font-family:'Manrope',sans-serif;font-size:1.8rem;font-weight:800;color:var(--primary);line-height:1;}
  .answer-stat-num.answer-stat-num--gold{color:var(--gold);}
  .answer-stat-label{font-size:.75rem;color:var(--muted);margin-top:5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;}
  /* Quick section links (the block is commented out in the markup for now) */
  .quick-nav{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;}
  .quick-nav-link{
    font-size:.78rem;font-weight:600;color:var(--muted);background:var(--card);border:1px solid var(--border);
    padding:7px 15px;border-radius:50px;text-decoration:none;transition:color .3s,border-color .3s;
  }
  .quick-nav-link:hover{color:var(--accent);border-color:var(--accent);}
  .quick-nav-cta{
    font-size:.78rem;font-weight:700;color:#07090f;background:linear-gradient(135deg,var(--accent),var(--accent2));
    border:1px solid transparent;padding:7px 18px;border-radius:50px;text-decoration:none;
  }

  /* ── WHAT IS ─────────────────────────────── */
  .what-grid{
    display:grid;grid-template-columns:1fr 1fr;gap:60px;
    align-items:center;
  }
  .what-visual{
    position:relative;border-radius:24px;overflow:hidden;
    background:linear-gradient(135deg,#0d0b40,#1e1a90);
    border:1px solid rgba(46,42,255,0.25);
    padding:40px;min-height:380px;
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 24px 64px rgba(46,42,255,0.18);
  }
  .orbit-container{position:relative;width:260px;height:260px;}
  .orbit-core{
    position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
    width:80px;height:80px;border-radius:50%;
    background:linear-gradient(135deg,var(--accent),var(--accent2));
    display:flex;align-items:center;justify-content:center;
    font-size:2rem;box-shadow:0 0 40px rgba(200,255,0,0.3);
  }
  .orbit-ring{
    position:absolute;top:50%;left:50%;
    border:1px solid rgb(200, 255, 0);
    border-radius:50%;transform:translate(-50%,-50%);
  }
  .ring1{width:140px;height:140px;animation:spin 8s linear infinite;}
  .ring2{width:210px;height:210px;animation:spin 14s linear infinite reverse;}
  .ring3{width:270px;height:270px;animation:spin 20s linear infinite;}
  @keyframes spin{from{transform:translate(-50%,-50%) rotate(0deg);}to{transform:translate(-50%,-50%) rotate(360deg);}}
  .orbit-dot{
    position:absolute;width:10px;height:10px;border-radius:50%;
    top:50%;left:0;transform:translate(-50%,-50%);
  }
  .d1{background:var(--accent);}
  .d2{background:var(--gold);}
  .d3{background:var(--accent2);}
  .orbit-dot.d2{top:0;left:50%;}
  .orbit-dot.d3{top:50%;left:100%;}
  .what-tags{position:absolute;bottom:24px;left:24px;right:24px;display:flex;gap:10px;flex-wrap:wrap;}
  .what-points{display:flex;flex-direction:column;gap:20px;margin-top:36px;}
  .what-point{
    display:flex;gap:16px;align-items:flex-start;
    padding:20px;background:var(--card);border-radius:12px;
    border:1px solid var(--border);
    transition:border-color .3s,box-shadow .3s;
    box-shadow:0 2px 12px rgba(0,0,0,0.04);
  }
  .what-point:hover{border-color:rgba(46,42,255,0.22);box-shadow:0 8px 28px rgba(46,42,255,0.08);}
  .point-icon{
    width:44px;height:44px;border-radius:12px;flex-shrink:0;
    background:rgba(46,42,255,0.08);
    display:flex;align-items:center;justify-content:center;font-size:1.2rem;
  }
  .point-title{font-family:'Manrope',sans-serif;font-weight:700;margin-bottom:4px;color:var(--text);}
  .point-text{font-size:.9rem;color:var(--muted);line-height:1.6;}

  /* ── TYPES ───────────────────────────────── */
  .types-grid{
    display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:60px;
  }
  .type-card{
    background:var(--card);border:1px solid var(--border);
    border-radius:16px;padding:32px;
    position:relative;overflow:hidden;
    transition:transform .3s,border-color .3s,box-shadow .3s;
    box-shadow:0 2px 16px rgba(0,0,0,0.05);
  }
  .type-card::before{
    content:'';position:absolute;inset:0;
    background:linear-gradient(135deg,rgba(46,42,255,0.04),transparent);
    opacity:0;transition:opacity .3s;
  }
  .type-card:hover{transform:translateY(-6px);border-color:rgba(46,42,255,0.22);box-shadow:0 16px 48px rgba(46,42,255,0.1);}
  .type-card:hover::before{opacity:1;}
  .type-num{
    font-family:'Manrope',sans-serif;font-size:2rem;font-weight:800;
    color:rgb(46, 42, 255);line-height:1;margin-bottom:16px;
  }
  .type-icon{font-size:2rem;margin-bottom:16px;}
  .type-card h3{font-family:'Manrope',sans-serif;font-weight:700;font-size:1.15rem;margin-bottom:10px;color:var(--text);}
  .type-card p{font-size:.9rem;color:var(--muted);line-height:1.65;}
  .type-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px;}
  .tag{
    font-size:.75rem;color:var(--text);
    background:var(--accent);
    border:1px solid rgba(46,42,255,0.14);
    padding:4px 10px;border-radius:50px;font-weight:600;
  }

  /* ── TOOLS ───────────────────────────────── */
  .tools-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:60px;flex-wrap:wrap;gap:24px;}
  .tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
  .tool-card{
    background:var(--card);border:1px solid var(--border);
    border-radius:16px;padding:28px;text-align:center;
    transition:transform .3s,border-color .3s,box-shadow .3s;
    cursor:pointer;
    box-shadow:0 2px 12px rgba(0,0,0,0.04);
  }
  .tool-card:hover{transform:translateY(-4px);border-color:rgba(46,42,255,0.22);box-shadow:0 12px 40px rgba(46,42,255,0.1);}
  .tool-icon{
    width:60px;height:60px;border-radius:16px;margin:0 auto 16px;
    display:flex;align-items:center;justify-content:center;font-size:1.6rem;
    background:rgba(46,42,255,0.07);
  }
  .tool-icon.tool-icon--strong{background:rgba(46,42,255,0.08);}
  .tool-icon.tool-icon--soft{background:rgba(46,42,255,0.06);}
  .tools-header .section-sub{max-width:340px;}
  .tool-card h3{font-family:'Manrope',sans-serif;font-weight:700;font-size:1rem;margin-bottom:8px;color:var(--text);}
  .tool-card p{font-size:.85rem;color:var(--muted);}

  /* ── HOW IT HELPS ────────────────────────── */
  .helps-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:60px;}
  .help-item{
    display:flex;gap:20px;align-items:flex-start;
    padding:28px;background:var(--card);border-radius:16px;
    border:1px solid var(--border);
    transition:border-color .3s,box-shadow .3s;
    box-shadow:0 2px 12px rgba(0,0,0,0.04);
  }
  .help-item:hover{border-color:rgba(46,42,255,0.2);box-shadow:0 8px 32px rgba(46,42,255,0.08);}
  .help-num{
    font-family:'Manrope',sans-serif;font-size:2.5rem;font-weight:800;
    color:rgb(46, 42, 255);line-height:1;flex-shrink:0;width:50px;
  }
  .help-item h3{font-family:'Manrope',sans-serif;font-weight:700;margin-bottom:8px;color:var(--text);}
  .help-item p{font-size:.9rem;color:var(--muted);line-height:1.65;}

  /* ── PROCESS ─────────────────────────────── */
  .process-steps{
    display:grid;grid-template-columns:repeat(4,1fr);gap:0;
    margin-top:60px;position:relative;
  }
  .process-steps::before{
    content:'';position:absolute;
    top:36px;left:calc(12.5% + 20px);right:calc(12.5% + 20px);
    height:2px;
    background:linear-gradient(90deg,var(--primary),#7c6fff,var(--accent2));
  }
  .process-step{text-align:center;padding:0 20px;position:relative;}
  .step-num{
    width:72px;height:72px;border-radius:50%;margin:0 auto 20px;
    background:var(--primary);
    display:flex;align-items:center;justify-content:center;
    font-family:'Manrope',sans-serif;font-weight:800;font-size:1.4rem;
    color:#fff;position:relative;z-index:1;
    box-shadow:0 8px 28px rgba(46,42,255,0.38);
  }
  .process-step h3{font-family:'Manrope',sans-serif;font-weight:700;margin-bottom:8px;color:var(--text);}
  .process-step p{font-size:.85rem;color:var(--muted);line-height:1.6;}

  /* ── REVIEWS ─────────────────────────────── */
  .reviews-grid{
    display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:60px;
  }
  .review-card{
    background:var(--card);border:1px solid var(--border);
    border-radius:16px;padding:28px;
    transition:transform .3s,border-color .3s,box-shadow .3s;
    box-shadow:0 2px 12px rgba(0,0,0,0.04);
  }
  .review-card:hover{transform:translateY(-4px);border-color:rgba(46,42,255,0.2);box-shadow:0 12px 40px rgba(46,42,255,0.1);}
  .review-stars{color:#f59e0b;font-size:1rem;margin-bottom:16px;letter-spacing:2px;}
  .review-text{font-size:.95rem;color:var(--muted);font-style:italic;line-height:1.7;margin-bottom:20px;}
  .review-author{display:flex;align-items:center;gap:12px;}
  .avatar{
    width:44px;height:44px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    font-weight:700;font-size:.9rem;color:#fff;flex-shrink:0;
  }
  .avatar--lime-green{background:linear-gradient(135deg,#c9f23a,#8edb5a);}
  .avatar--gold-coral{background:linear-gradient(135deg,#ffd166,#ff6b6b);}
  .avatar--green-coral{background:linear-gradient(135deg,#8edb5a,#ff6b6b);}
  .avatar--lime-gold{background:linear-gradient(135deg,#c9f23a,#ffd166);}
  .avatar--green-lime{background:linear-gradient(135deg,#8edb5a,#c9f23a);}
  .avatar--gold-green{background:linear-gradient(135deg,#ffd166,#8edb5a);}
  .author-name{font-family:'Manrope',sans-serif;font-weight:700;font-size:.95rem;color:var(--text);}
  .author-role{font-size:.8rem;color:var(--muted);}
  .review-badge{
    display:inline-block;margin-top:12px;
    font-size:.75rem;color:var(--primary);
    background:rgba(46,42,255,0.07);
    border:1px solid rgba(46,42,255,0.15);
    padding:3px 10px;border-radius:50px;font-weight:600;
  }

  /* ── PRICING ─────────────────────────────── */
  .pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:60px;}
  .price-card{
    background:var(--card);border:1px solid var(--border);
    border-radius:24px;padding:36px;
    position:relative;overflow:hidden;
    transition:transform .3s,box-shadow .3s;
    box-shadow:0 4px 20px rgba(0,0,0,0.05);
  }
  .price-card.featured{
    border-color:var(--primary);
    box-shadow:0 8px 48px rgba(46,42,255,0.18);
  }
  .price-card.featured::before{
    content:'Most Popular';
    position:absolute;top:20px;right:-30px;
    background:var(--primary);
    color:#fff;font-size:.7rem;font-weight:700;letter-spacing:1px;
    padding:5px 50px;transform:rotate(35deg);
  }
  .price-card:hover{transform:translateY(-4px);box-shadow:0 16px 52px rgba(46,42,255,0.14);}
  .plan-name{font-family:'Manrope',sans-serif;font-weight:800;font-size:1rem;color:var(--muted);margin-bottom:8px;letter-spacing:1.5px;}
  .plan-price{
    font-family:'Manrope',sans-serif;font-size:3rem;font-weight:800;line-height:1;
    margin-bottom:6px;color:var(--text);
  }
  .plan-price span{font-size:1.2rem;font-weight:400;color:var(--muted);}
  .plan-desc{font-size:.85rem;color:var(--muted);margin-bottom:28px;line-height:1.65;}
  .plan-features{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px;}
  .plan-features li{font-size:.9rem;display:flex;align-items:center;gap:10px;color:var(--text);}
  .plan-features li::before{
    content:'✓';color:#fff;font-weight:700;
    width:20px;height:20px;border-radius:50%;
    background:var(--primary);
    display:flex;align-items:center;justify-content:center;font-size:.78rem;flex-shrink:0;
  }
  .plan-btn{
    display:block;text-align:center;
    padding:14px;border-radius:50px;font-weight:700;font-size:.95rem;
    text-decoration:none;transition:transform .3s,box-shadow .3s;
  }
  .plan-btn.primary{
    background:var(--primary);
    color:#fff;box-shadow:0 4px 20px rgba(46,42,255,0.35);
  }
  .plan-btn.secondary{
    border:2px solid var(--border);color:var(--text);
    background:transparent;
  }
  .plan-btn:hover{transform:translateY(-2px);}
  .plan-btn.primary:hover{box-shadow:0 8px 32px rgba(46,42,255,0.42);}
  .plan-btn.secondary:hover{border-color:var(--primary);color:var(--primary);}

  /* ── FAQ ─────────────────────────────────── */
  .faq-grid{display:flex;flex-direction:column;gap:12px;margin-top:60px;max-width:800px;margin-left:auto;margin-right:auto;}
  .faq-item{
    background:var(--card);border:1px solid var(--border);
    border-radius:16px;overflow:hidden;
    box-shadow:0 2px 8px rgba(0,0,0,0.04);
    transition:border-color .3s;
  }
  .faq-item:hover{border-color:rgba(46,42,255,0.22);}
  .faq-q{
    padding:22px 28px;cursor:pointer;
    display:flex;justify-content:space-between;align-items:center;
    font-family:'Manrope',sans-serif;font-weight:700;font-size:1rem;
    color:var(--text);transition:color .3s;
  }
  .faq-q:hover{color:var(--primary);}
  .faq-icon{font-size:1.2rem;transition:transform .3s;color:var(--primary);}
  .faq-a{
    padding:0 28px;max-height:0;overflow:hidden;
    font-size:.9rem;color:var(--muted);transition:max-height .4s,padding .4s;
    line-height:1.75;
  }
  .faq-item.open .faq-icon{transform:rotate(45deg);}
  .faq-item.open .faq-a{max-height:320px;padding:0 28px 22px;}

  /* ── CONTACT ─────────────────────────────── */
  .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:60px;align-items:start;}
  .contact-info h3{font-family:'Manrope',sans-serif;font-weight:800;font-size:1.6rem;margin-bottom:16px;color:var(--text);}
  .contact-info p{color:var(--muted);margin-bottom:32px;line-height:1.7;}
  .contact-features{display:flex;flex-direction:column;gap:12px;}
  .cf{display:flex;align-items:center;gap:14px;padding:16px;background:var(--card);border-radius:12px;border:1px solid var(--border);box-shadow:0 2px 8px rgba(0,0,0,0.04);}
  .cf-icon{font-size:1.3rem;}
  .cf-text{font-size:.9rem;color:var(--text);}
  .cf-text strong{display:block;font-weight:700;margin-bottom:2px;}
    .cf-text span{color:var(--muted);font-size:.85rem;}
  .contact-form{background:var(--card);border:1px solid var(--border);border-radius:24px;padding:40px;box-shadow:0 8px 40px rgba(0,0,0,0.06);}
  .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;}
  .form-group{margin-bottom:16px;}
  .form-group label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:8px;font-weight:600;}
  .form-group input,
  .form-group textarea,
  .form-group select{
    width:100%;background:#f8f9ff;border:1.5px solid var(--border);
    border-radius:10px;padding:14px 16px;
    color:var(--text);font-family:'Manrope',sans-serif;font-size:.95rem;
    transition:border-color .3s,box-shadow .3s;outline:none;
    appearance:none;
  }
  .form-group input:focus,
  .form-group textarea:focus,
  .form-group select:focus{
    border-color:var(--primary);
    box-shadow:0 0 0 3px rgba(46,42,255,0.08);
    background:#fff;
  }
  .form-group textarea{height:120px;resize:vertical;}
  .submit-btn{
    width:100%;background:var(--primary);
    color:#fff;font-weight:700;font-size:1rem;
    padding:16px;border-radius:50px;border:none;cursor:pointer;
    font-family:'Manrope',sans-serif;letter-spacing:.3px;
    transition:transform .3s,box-shadow .3s;
    box-shadow:0 4px 24px rgba(46,42,255,0.38);
  }
  .submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 40px rgba(46,42,255,0.48);}
  .form-note{text-align:center;margin-top:12px;font-size:.8rem;color:var(--muted);}
  .form-success{display:none;text-align:center;padding:40px 20px;}
  .form-success .success-icon{font-size:3rem;margin-bottom:16px;}
  .form-success h3{font-family:'Manrope',sans-serif;font-weight:800;margin-bottom:8px;color:var(--text);}
  .form-success p{color:var(--muted);}
  .form-success .form-success-hint{color:var(--primary);font-weight:500;}

  /* ── AI SEARCH SUMMARY ───────────────────── */
  .ai-summary{background:var(--bg2);padding:52px 6%;border-top:1px solid var(--border);}
  .ai-summary-card{
    max-width:860px;margin:0 auto;background:var(--card);border:1px solid var(--border);
    border-radius:20px;padding:36px 40px;
  }
  .ai-summary-label{font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--primary);margin-bottom:20px;}
  .ai-summary-list{display:grid;gap:24px;}
  .ai-summary-q{font-family:'Manrope',sans-serif;font-size:.95rem;font-weight:700;color:var(--text);margin-bottom:8px;}
  .ai-summary-a{font-size:.88rem;color:var(--muted);line-height:1.75;}
  .ai-summary-a.ai-summary-a--small{font-size:.82rem;line-height:1.8;}
  .ai-summary strong{color:var(--text);}
  .ai-summary-divider{height:1px;background:var(--border);}

  /* ── FOOTER ────────────────────────────────*/
  footer{
    background:linear-gradient(135deg,#2E2AFF 0%,#2E2AFF 100%);
    border-top:1px solid rgba(200,255,0,0.08);
    padding:60px 6% 30px;
  }
  .footer-top{
    display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:48px;
  }
  .footer-brand .logo{font-size:1.4rem;display:inline-block;margin-bottom:16px;}
  .footer-brand p{font-size:.9rem;color:rgb(255, 255, 255);max-width:280px;line-height:1.7;}
  .footer-col h4{font-family:'Manrope',sans-serif;font-weight:700;margin-bottom:16px;font-size:.95rem;color:#fff;}
  .footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px;}
  .footer-col ul li a{color:rgb(255, 255, 255);text-decoration:none;font-size:.9rem;transition:color .3s;}
  .footer-col ul li a:hover{color:var(--accent);}
  .footer-bottom{
    border-top:1px solid rgba(255,255,255,0.1);padding-top:24px;
    display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;
  }
  .footer-bottom p{font-size:.85rem;color:rgb(255, 255, 255);}
  .footer-bottom .footer-compliance{color:var(--accent);font-size:.8rem;}
  .footer-badges{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px;}
  .footer-badges span{
    font-size:.72rem;font-weight:600;color:rgba(255,255,255,0.65);
    background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);padding:4px 10px;border-radius:50px;
  }
  .social-links{display:flex;gap:12px;margin-top:20px;}
  .social-link{
    width:36px;height:36px;border-radius:50%;
    background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.12);
    display:flex;align-items:center;justify-content:center;
    font-size:.9rem;text-decoration:none;color:rgba(255,255,255,0.6);
    transition:border-color .3s,background .3s,color .3s;
  }
  .social-link:hover{border-color:var(--accent);background:rgba(200,255,0,0.1);color:var(--accent);}

  /* ── ANIMATIONS ──────────────────────────── */
  @keyframes fadeup{
    from{opacity:0;transform:translateY(30px);}
    to{opacity:1;transform:translateY(0);}
  }
  .fade-in{opacity:0;transform:translateY(24px);transition:opacity .65s,transform .65s;}
  .fade-in.visible{opacity:1;transform:translateY(0);}

  /* ── RESPONSIVE ──────────────────────────── */
  /* 3-column pricing on narrow tablets: scale the price so the widest one
     ("Custom", about 3.9× its font size) stays inside its card instead of
     being cut off at the card edge; back to the normal 3rem from ~940px */
  @media(min-width:769px) and (max-width:1024px){
    .plan-price{font-size:min(3rem, calc((29.33vw - 88px) / 3.9));}
  }
  @media(max-width:1024px){
    .types-grid,.tools-grid{grid-template-columns:repeat(2,1fr);}
    .process-steps{grid-template-columns:repeat(2,1fr);gap:40px;}
    .process-steps::before{display:none;}
    .footer-top{grid-template-columns:1fr 1fr;}
    nav{padding:14px 4%;}
    .nav-links{gap:1.4rem;}
    .nav-links a{font-size:.82rem;}
  }
  @media(max-width:860px){
    .hamburger{display:flex;}
    .nav-links{display:none !important;}
    .nav-cta{display:none;}
    .mobile-menu{display:flex;}
    nav{padding:14px 5%;}
  }
  @media(max-width:768px){
    .what-grid,.helps-grid,.contact-grid,.pricing-grid,.reviews-grid{grid-template-columns:1fr;}
    .types-grid,.tools-grid{grid-template-columns:1fr;}
    .form-row{grid-template-columns:1fr;}
    .hero-stats{gap:20px;}
    .hero-stats .stat-num{font-size:1.7rem;}
    section{padding:70px 5%;}
    .footer-top{grid-template-columns:1fr;}
    .hero{padding:110px 5% 60px;}
    .hero h1{letter-spacing:-1px;}
    .section-title{letter-spacing:-0.5px;}
    .what-grid{grid-template-columns:1fr;gap:32px;}
    .what-visual{min-height:260px;}
    .orbit-container{width:200px;height:200px;}
    .ring3{width:210px;height:210px;}
  }
  @media(max-width:480px){
    .hero-stats{gap:12px;justify-content:space-around;}
    .hero-stats .stat-num{font-size:1.4rem;}
    .hero-stats .stat-label{font-size:.72rem;}
    section{padding:60px 4%;}
    .hero{padding:100px 4% 50px;}
    .hero p{font-size:1rem;}
    .btn-primary,.btn-outline{padding:13px 24px;font-size:.9rem;}
    .logo{font-size:1.25rem;}
    .mobile-menu a{font-size:1.1rem;padding:12px 24px;}
    .footer-top{gap:28px;}
    .nm-sloc-section{padding:60px 4%;}
  }

/* ── SERVICES & LOCATIONS ─────────────────── */
/* ── NM SLOC STYLES ── */
.nm-sloc-section{position:relative;padding:96px 6%;background:var(--bg);overflow:hidden}
.nm-sloc-section::before{content:'';position:absolute;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(46,42,255,0.04),transparent 70%);pointer-events:none;z-index:0}
.nm-sloc-section::after{content:'';position:absolute;bottom:-150px;left:-150px;width:500px;height:500px;background:radial-gradient(circle,rgba(46,42,255,0.03),transparent 70%);pointer-events:none;z-index:0}
.nm-sloc-wrap{max-width:1200px;margin:0 auto;position:relative;z-index:1}
.nm-eyebrow{font-family:'Manrope',sans-serif;font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--primary);margin-bottom:12px;display:block}
.nm-sloc-header{display:grid;grid-template-columns:1fr;gap:32px;margin-bottom:52px}
@media(min-width:900px){.nm-sloc-header{grid-template-columns:1fr 1fr;align-items:start}}
.nm-sloc-heading{font-family:'Manrope',sans-serif;font-size:clamp(1.9rem,4.5vw,3rem);font-weight:800;line-height:1.05;letter-spacing:-.03em;color:var(--text)}
.nm-sloc-lime{background:var(--primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.nm-sloc-hr p{color:var(--muted);font-size:14.5px;line-height:1.75;margin-bottom:24px}
.nm-sloc-stats{display:flex;gap:26px;flex-wrap:wrap}
.nm-stat-n{font-family:'Manrope',sans-serif;font-size:26px;font-weight:800;color:var(--text);line-height:1;letter-spacing:-.02em}
.nm-stat-n sup{color:var(--primary);font-size:.65em;font-weight:700}
.nm-stat-l{font-size:11px;color:var(--muted);margin-top:3px;letter-spacing:.04em;font-weight:600}

/* body */
.nm-sloc-body{display:grid;grid-template-columns:1fr;gap:0;border:1px solid var(--border);border-radius:20px;overflow:hidden;background:var(--card)}
@media(min-width:860px){.nm-sloc-body{grid-template-columns:220px 1fr}}

/* sidebar */
.nm-sidebar{border-right:1px solid var(--border);padding:18px 12px;display:flex;flex-direction:column;gap:5px}
.nm-sel-disp{display:flex;align-items:center;gap:10px;padding:10px 12px;margin-bottom:8px;background:rgba(46,42,255,0.05);border-radius:10px;border:1px solid rgba(46,42,255,0.12)}
.nm-sel-icon{font-size:20px;flex-shrink:0}
.nm-sel-label{display:block;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.nm-sel-name{display:block;font-family:'Manrope',sans-serif;font-size:12.5px;font-weight:700;color:var(--text);margin-top:1px}
.nm-svc-btn{display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:10px;border:1px solid transparent;background:transparent;cursor:pointer;width:100%;text-align:left;transition:all .2s;font-family:'Manrope',sans-serif}
.nm-svc-btn:hover{background:rgba(46,42,255,0.04);border-color:rgba(46,42,255,0.1)}
.nm-svc-btn.active{background:rgba(46,42,255,0.07);border-color:rgba(46,42,255,0.18)}
.nm-svc-icon{font-size:17px;flex-shrink:0}
.nm-svc-label{font-size:12.5px;font-weight:600;color:var(--muted);flex:1;transition:color .2s}
.nm-svc-btn.active .nm-svc-label,.nm-svc-btn:hover .nm-svc-label{color:var(--primary)}
.nm-svc-count{font-size:10px;font-weight:700;color:var(--muted);background:rgba(46,42,255,0.07);padding:2px 7px;border-radius:100px;font-family:'Manrope',monospace}

/* panel */
.nm-panel{padding:24px}
.nm-panel-hd{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}
.nm-panel-eyebrow{font-size:9px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.nm-panel-title{font-family:'Manrope',sans-serif;font-size:1.25rem;font-weight:800;color:var(--text);letter-spacing:-.01em}
.nm-panel-desc{font-size:13px;color:var(--muted);line-height:1.65;margin-top:6px;max-width:580px}
.nm-search{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid var(--border);border-radius:50px;padding:8px 16px;margin-top:14px;max-width:300px;transition:border-color .2s}
.nm-search:focus-within{border-color:rgba(46,42,255,0.3)}
.nm-search svg{width:13px;height:13px;stroke:var(--muted);flex-shrink:0}
.nm-search input{background:none;border:none;outline:none;font-family:'Manrope',sans-serif;font-size:12.5px;color:var(--text);width:100%}
.nm-search input::placeholder{color:var(--muted)}

/* regions */
.nm-regions{display:flex;flex-direction:column;gap:20px}
.nm-region-label{font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:9px}
.nm-locs{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:7px}
.nm-loc{display:flex;align-items:center;gap:8px;padding:9px 12px;background:transparent;border:1px solid rgba(46,42,255,0.08);border-radius:8px;font-size:12px;color:var(--muted);cursor:default;transition:all .2s}
.nm-loc:hover{border-color:rgba(46,42,255,0.25);color:var(--primary);background:rgba(46,42,255,0.04)}
.nm-no-results{display:none;text-align:center;padding:40px;color:var(--muted);font-size:12px;letter-spacing:.05em}

/* world strip */
.nm-world-strip{margin-top:20px;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}
.nm-world-title{font-family:'Manrope',sans-serif;font-size:.95rem;font-weight:700;color:var(--text);margin-bottom:4px}
.nm-world-sub{font-size:12.5px;color:var(--muted);max-width:440px;line-height:1.6}
.nm-world-btn{display:inline-flex;align-items:center;gap:6px;background:var(--primary);color:#fff;font-family:'Manrope',sans-serif;font-weight:700;font-size:13px;padding:10px 22px;border-radius:50px;text-decoration:none;white-space:nowrap;letter-spacing:.3px;transition:opacity .2s,transform .2s;box-shadow:0 4px 16px rgba(46,42,255,0.3)}
.nm-world-btn:hover{opacity:.88;transform:translateY(-1px)}


/* ==========================================================================
   2. MOBILE READABILITY MINIMUMS  (DD-RESPONSIVE-FIX)
   Mobile/tablet only (max-width: 900px); desktop is untouched.
   ========================================================================== */
/* Readability: minimum text sizes */
@media (max-width: 600px) {
  html body span.nm-eyebrow,
  html body span.nm-sel-label,
  html body div.nm-panel-eyebrow,
  html body div.nm-region-label { font-size: 11px !important; }
  html body div.nm-stat-l { font-size: 11.5px !important; }
}
@media (min-width: 601px) and (max-width: 900px) {
  html body span.nm-eyebrow,
  html body span.nm-sel-label,
  html body div.nm-panel-eyebrow,
  html body div.nm-region-label { font-size: 11px !important; }
  html body div.nm-stat-l { font-size: 11.5px !important; }
}


/* ==========================================================================
   3. SERVICE-PAGE HEADER  (DD-SVC-HEADER)
   Styles for #shHdr / #shMob; the markup and script stay in the page inside
   the DD-SVC-HEADER markers. The old header is hidden, not deleted.
   ========================================================================== */
html body .sh-hdr { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; z-index: 9000 !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 20px !important; margin: 0 !important; padding: 14px 48px !important; background: #2E2AFF !important; border: 0 !important; border-bottom: 1px solid rgba(255,255,255,.1) !important; box-shadow: none !important; font-family: 'Manrope', sans-serif !important; box-sizing: border-box !important; transition: box-shadow .3s ease !important; }
html body .sh-hdr.sh-scrolled { box-shadow: 0 6px 24px rgba(11,0,171,.25) !important; }
html body .sh-logo { display: inline-flex !important; align-items: center !important; flex-shrink: 0 !important; line-height: 0 !important; text-decoration: none !important; margin: 0 !important; padding: 0 !important; }
html body .sh-logo img { display: block !important; width: 200px !important; height: 35px !important; max-width: none !important; object-fit: contain !important; }
html body .sh-links { display: flex !important; align-items: center !important; justify-content: center !important; flex-wrap: nowrap !important; gap: 5px !important; flex: 1 1 auto !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; }
html body .sh-link { display: inline-flex !important; align-items: center !important; white-space: nowrap !important; margin: 0 !important; padding: 7px 16px !important; border-radius: 999px !important; border: 1px solid rgba(255,255,255,.2) !important; background: rgba(255,255,255,.14) !important; color: #ffffff !important; font-family: 'Manrope', sans-serif !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.4 !important; letter-spacing: 0 !important; text-transform: none !important; text-decoration: none !important; transition: background .2s, color .2s, border-color .2s !important; }
html body .sh-link:hover, html body .sh-link:focus-visible { background: rgba(255,255,255,.24) !important; border-color: rgba(200,255,0,.45) !important; color: #C8FF00 !important; outline: none !important; }
html body .sh-right { display: flex !important; align-items: center !important; gap: 12px !important; flex-shrink: 0 !important; margin: 0 !important; padding: 0 !important; }
html body .sh-cta { display: inline-flex !important; align-items: center !important; justify-content: center !important; white-space: nowrap !important; margin: 0 !important; padding: 9px 22px !important; border-radius: 999px !important; border: 1.5px solid #C8FF00 !important; background: linear-gradient(135deg, #C8FF00 0%, #9FCC00 100%) !important; color: #0f0f1a !important; font-family: 'Manrope', sans-serif !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1.4 !important; letter-spacing: 0 !important; text-transform: none !important; text-decoration: none !important; box-shadow: 0 4px 16px rgba(0,0,0,.18) !important; transition: transform .2s ease, box-shadow .2s ease !important; }
html body .sh-cta:hover, html body .sh-cta:focus-visible { transform: translateY(-1px) !important; box-shadow: 0 6px 22px rgba(200,255,0,.35) !important; color: #0f0f1a !important; outline: none !important; }
html body .sh-ham { display: none !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 5px !important; width: 44px !important; height: 44px !important; margin: 0 !important; padding: 0 !important; border-radius: 12px !important; border: 1px solid rgba(255,255,255,.35) !important; background: rgba(255,255,255,.08) !important; cursor: pointer !important; box-shadow: none !important; }
html body .sh-ham span { display: block !important; width: 20px !important; height: 2px !important; margin: 0 !important; border-radius: 2px !important; background: #ffffff !important; transition: transform .3s ease, opacity .2s ease !important; }
html body .sh-ham.sh-open span:nth-child(1) { transform: translateY(7px) rotate(45deg) !important; }
html body .sh-ham.sh-open span:nth-child(2) { opacity: 0 !important; }
html body .sh-ham.sh-open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg) !important; }
html body .sh-mob { display: none !important; position: fixed !important; left: 12px !important; right: 12px !important; top: 80px !important; z-index: 8990 !important; flex-direction: column !important; gap: 4px !important; margin: 0 !important; padding: 12px !important; max-height: calc(100vh - 100px) !important; overflow-y: auto !important; background: #ffffff !important; border: 1px solid rgba(46,42,255,.12) !important; border-radius: 16px !important; box-shadow: 0 18px 48px rgba(11,0,171,.2) !important; font-family: 'Manrope', sans-serif !important; }
html body .sh-mob.sh-open { display: flex !important; }
html body .sh-mob-link { display: block !important; margin: 0 !important; padding: 13px 16px !important; border-radius: 10px !important; background: transparent !important; color: #1e293b !important; font-family: 'Manrope', sans-serif !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.4 !important; text-align: left !important; text-decoration: none !important; }
html body .sh-mob-link:hover, html body .sh-mob-link:focus-visible { background: rgba(46,42,255,.06) !important; color: #2E2AFF !important; outline: none !important; }
html body .sh-mob-cta { display: block !important; margin: 6px 0 0 !important; padding: 14px 16px !important; border-radius: 12px !important; background: linear-gradient(135deg, #2E2AFF, #0B00AB) !important; color: #ffffff !important; font-family: 'Manrope', sans-serif !important; font-size: 15px !important; font-weight: 800 !important; line-height: 1.4 !important; text-align: center !important; text-decoration: none !important; }
html body .sh-mob-cta:hover { color: #C8FF00 !important; }
html body .sh-mob .search-box { display: flex !important; width: 100% !important; margin: 0 0 8px !important; }
html body .sh-hdr.sh-compact .sh-links { display: none !important; }
html body .sh-hdr.sh-compact .sh-ham { display: flex !important; }
html body [data-dd-old-header], html body [data-dd-old-mobile] { display: none !important; }
html { scroll-padding-top: 84px !important; }
@media (max-width: 1024px) {
html body .sh-hdr { padding: 13px 28px !important; }

}
@media (max-width: 900px) {
html body .sh-links { display: none !important; }
html body .sh-ham { display: flex !important; }

}
@media (max-width: 600px) {
html body .sh-hdr { padding: 12px 16px !important; gap: 10px !important; }
html body .sh-cta { display: none !important; }
html body .sh-mob { left: 10px !important; right: 10px !important; }

}

/* DD-ICONS spacing — keep a space between an icon and the text after it */
.review-badge > svg.dd-ico, .review-badge > .dd-flag { margin-right: .35em; }