*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{background:var(--bg-base);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.7;overflow-x:clip;-webkit-font-smoothing:antialiased;position:relative;min-height:100vh}
    a{color:inherit;text-decoration:none}
    img{max-width:100%;display:block}
    ::-webkit-scrollbar{width:8px}
    ::-webkit-scrollbar-track{background:#0a0f2c}
    ::-webkit-scrollbar-thumb{background:#2c6a54;border-radius:0}

    :root{
      /* Burgundy & Copper — executive editorial palette */
      --bg-base:   #FAF9F5;
      --bg-deep:   #e4d8bf;
      --bg-mid:    #d8c9ab;
      --bg-light:  #cab995;
      --cta:       #2c6a54;
      --cta-hover: #2c6a54;
      --copper:    #c0654a;
      --copper-dk: #c0654a;
      --gold:      #a68a4a;
      --gold-lt:   #c9ab5a;
      --olive:     #4d6530;
      --olive-dk:  #3a4f24;
      /* Glass surfaces — subtle violet-tinted darks on cream */
      --surface:        rgba(0,0,0,0.05);
      --surface-hover:  rgba(0,0,0,0.09);
      --surface-strong: rgba(0,0,0,0.12);
      --glass-border:   rgba(42,33,56,0.12);
      --glass-border-strong: rgba(42,33,56,0.22);
      /* Accents — violet/magenta/amber */
      --accent:       #1a1414;
      --accent-bright:#2c6a54;
      --accent-deep:  #1a1414;
      --violet-deep:  #2c6a54;
      --magenta:      #c0654a;
      --pink:         #c0654a;
      --rose:         #f43f5e;
      --amber:        #a68a4a;
      --gold:         #c0654a;
      --green:        #4d6530;
      --red:          #c0654a;
      /* Legacy aliases */
      --bg:       var(--bg-base);
      --bg2:      var(--bg-deep);
      --bg3:      var(--bg-mid);
      --bg4:      var(--bg-light);
      --border:   var(--glass-border);
      --border2:  var(--glass-border-strong);
      --accent2:  var(--accent-bright);
      --accent-glow: rgba(0,0,0,0.15);
      /* Text — warm ink black on ivory */
      --text:       #1a1414;
      --text2:      rgba(26,20,20,0.72);
      --text3:      rgba(26,20,20,0.52);
      /* Geometry — no round corners */
      --radius:    0;
      --radius-sm: 0;
      --radius-lg: 0;
      /* 3D realistic shadow system */
      --shadow-sm: 0 2px 8px rgba(0,0,0,.18), 0 1px 2px rgba(0,0,0,.07);
      --shadow:    0 10px 30px rgba(0,0,0,.08), 0 4px 10px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.08);
      --shadow-lg: 0 30px 70px rgba(0,0,0,.45), 0 12px 28px rgba(0,0,0,.1), inset 0 1px 0 rgba(255,255,255,.1);
      --shadow-3d: 0 40px 80px rgba(0,0,0,.5), 0 15px 35px rgba(0,0,0,.12), 0 6px 12px rgba(0,0,0,.08), inset 0 1px 0 rgba(255,255,255,.12);
      --glow-violet: 0 0 40px rgba(0,0,0,.12), 0 0 80px rgba(0,0,0,.15);
      --glow-pink: 0 0 40px rgba(192,101,74,.35);
      --glow-amber: 0 0 30px rgba(192,101,74,.3);
      --font-head: 'Plus Jakarta Sans', sans-serif;
      --font-body: 'Inter', sans-serif;
    }

    /* ══════ BACKGROUND — solid dark ══════ */
    body::before{content:'';position:fixed;inset:0;background:#FAF9F5;z-index:-2;pointer-events:none}
    body::after{content:'';position:fixed;inset:0;background-image:radial-gradient(circle,rgba(0,0,0,.05) 1px,transparent 1px);background-size:40px 40px;z-index:-1;pointer-events:none;opacity:.6}
    /* Orbs removed — no gradients */
    .bg-orb{display:none}

    /* ══════ ANNOUNCEMENT BAR ══════ */

/* Navbar, announcement-bar, auth-dropdown, hamburger styles removed —
   now provided by includes/header.php (shared with other public pages). */

    /* Hero is now single-column — embedded side panels removed, shared public-left/right-rail used instead */
    .hero-section{display:block;padding:24px 28px 0;position:relative;max-width:900px;margin:0 auto}
    /* Flow streams — animated data flow between panels */
    @keyframes flowDown{0%{transform:translateY(-20px)}100%{transform:translateY(0)}}
    @keyframes flowUp{0%{transform:translateY(0)}100%{transform:translateY(-20px)}}
    /* LEFT PANEL — solid dark glass */
    .hero-left-panel{background:rgba(255,250,240,.6);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border:1px solid rgba(0,0,0,.12);border-left:none;border-right:none;border-radius:0;padding:32px 40px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;gap:20px}
    .hero-content-wrap{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
    /* Staggered reveal animations */
    .hero-content-wrap > *{animation:heroReveal .8s cubic-bezier(.22,1,.36,1) backwards}
    .hero-content-wrap > .hero-eyebrow{animation-delay:.05s}
    .hero-content-wrap > .hero-title{animation-delay:.18s}
    .hero-content-wrap > .hero-desc{animation-delay:.32s}
    .hero-content-wrap > .hero-btns{animation-delay:.46s}
    .hero-content-wrap > .hero-trust{animation-delay:.6s}
    @keyframes heroReveal{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
    /* RIGHT PANEL — solid dark glass */
    /* Hero text — realistic 3D typography */
    /* Award-style eyebrow badge */
    .hero-eyebrow{
      display:inline-flex;align-items:center;justify-content:center;gap:10px;
      color:#FFF7F1;
      font-size:0.78rem;font-weight:900;text-transform:uppercase;letter-spacing:2.6px;
      margin:0 auto 22px;width:fit-content;
      padding:10px 28px 10px 28px;border-radius:999px;
      background:linear-gradient(135deg,#c0654a 0%,#c0654a 22%,#c0654a 50%,#c0654a 75%,#c0654a 100%);
      background-size:200% 200%;
      animation:eyebrowGoldShift 6s ease-in-out infinite;
      border:1.5px solid rgba(192,101,74,.65);
      position:relative;overflow:hidden;
      text-align:center;
      box-shadow:
        0 0 22px rgba(192,101,74,.5),
        0 0 44px rgba(192,101,74,.32),
        0 10px 24px rgba(192,101,74,.38),
        0 3px 8px rgba(0,0,0,.12),
        inset 0 2px 4px rgba(255,255,255,.55),
        inset 0 -2px 3px rgba(120,55,30,.5),
        inset 1px 0 2px rgba(255,255,255,.35),
        inset -1px 0 2px rgba(120,55,30,.4);
      text-shadow:0 1px 2px rgba(120,55,30,.85);
    }
    /* Pulsing dot before text */
    .hero-eyebrow::before{
      content:'';position:absolute;top:0;bottom:0;left:-40%;width:35%;
      background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.5) 50%,transparent 100%);
      transform:skewX(-22deg);animation:eyebrowShine 5s ease-in-out infinite;pointer-events:none;
    }
    .hero-eyebrow-dot{
      display:inline-block;width:7px;height:7px;border-radius:50%;
      background:#FFFFFF;
      box-shadow:0 0 0 2px rgba(255,255,255,.35),0 0 12px rgba(255,255,255,.85),inset 0 -1px 2px rgba(192,101,74,.4);
      animation:eyebrowDotPulse 1.6s ease-in-out infinite;
      flex-shrink:0;position:relative;z-index:2;
    }
    @keyframes eyebrowDotPulse{
      0%,100%{transform:scale(1);box-shadow:0 0 0 2px rgba(255,255,255,.35),0 0 12px rgba(255,255,255,.85),inset 0 -1px 2px rgba(192,101,74,.4)}
      50%{transform:scale(1.25);box-shadow:0 0 0 4px rgba(255,255,255,.18),0 0 20px rgba(255,255,255,1),inset 0 -1px 2px rgba(192,101,74,.4)}
    }
    .hero-eyebrow:hover{
      transform:translateY(-2px) scale(1.03);
      box-shadow:
        0 0 30px rgba(192,101,74,.7),
        0 0 56px rgba(192,101,74,.45),
        0 16px 34px rgba(192,101,74,.5),
        0 6px 14px rgba(0,0,0,.18),
        inset 0 2px 4px rgba(255,255,255,.6),
        inset 0 -2px 3px rgba(120,55,30,.55);
    }
    @keyframes eyebrowGoldShift{
      0%,100%{background-position:0% 50%}
      50%{background-position:100% 50%}
    }
    /* Shine sweep across the badge */
    .hero-eyebrow::before{content:'';position:absolute;top:0;bottom:0;left:-40%;width:35%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.5) 50%,transparent 100%);transform:skewX(-22deg);animation:eyebrowShine 5s ease-in-out infinite;pointer-events:none}
    @keyframes eyebrowShine{0%,45%{left:-40%}70%,100%{left:140%}}
    /* Double-dot accent on right end */
    .hero-eyebrow::after{display:none}
    .hero-eyebrow-icon{display:none}
    .hero-eyebrow-txt{
      position:relative;z-index:1;padding-right:14px;
      color:#FFFFFF;
      -webkit-text-fill-color:#FFFFFF;
      text-shadow:
        0 1px 2px rgba(80,30,10,.95),
        0 2px 4px rgba(120,55,30,.7),
        0 0 1px rgba(120,55,30,1);
      font-weight:900;
    }
    .hero-eyebrow{transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s}
    @keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
    /* Editorial magazine-style title */
    .hero-title{font-family:var(--font-head);font-size:clamp(2.5rem,3.8vw,3.6rem);font-weight:800;line-height:1.05;letter-spacing:-1.6px;color:#1a1414;margin-bottom:26px;position:relative}
    /* 3D letterpress accent with glow pulse */
    /* Stamped block treatment — editorial block accent */
    .hero-title-accent{color:#FAF9F5;font-weight:900;letter-spacing:-1px;display:inline-block;position:relative;background:#2c6a54;padding:2px 22px 6px 22px;margin-top:6px;transform:rotate(-.8deg);box-shadow:0 12px 30px rgba(26,20,20,.35),0 4px 10px rgba(26,20,20,.2),inset 0 -3px 0 rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.08);animation:stampIn 1s cubic-bezier(.34,1.4,.64,1) .4s backwards}
    /* Copper accent bar on left edge */
    .hero-title-accent::before{content:'';position:absolute;left:-10px;top:3px;bottom:3px;width:6px;background:#c0654a;box-shadow:0 6px 16px rgba(192,101,74,.4)}
    @keyframes stampIn{0%{opacity:0;transform:rotate(3deg) scale(.85)}100%{opacity:1;transform:rotate(-.8deg) scale(1)}}
    @keyframes titleGlow{0%,100%{filter:drop-shadow(0 4px 18px rgba(192,101,74,.2))}50%{filter:drop-shadow(0 6px 28px rgba(192,101,74,.45))}}
    /* Small copper dot ornament after the stamp */
    .hero-title-accent::after{content:'';position:absolute;right:-14px;top:50%;transform:translateY(-50%);width:8px;height:8px;background:#c0654a;box-shadow:0 3px 8px rgba(192,101,74,.5)}
    .hero-desc{color:rgba(0,0,0,.75);font-size:1rem;line-height:1.7;max-width:460px;margin:0 auto 26px;font-weight:400;letter-spacing:.1px;padding-top:18px;position:relative}
    .hero-desc::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:48px;height:2px;background:#c0654a;box-shadow:0 2px 6px rgba(192,101,74,.4)}
    .hero-btns{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:20px;justify-content:center}
    .hbtn{padding:10px 20px;border-radius:10px;font-size:0.82rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);font-family:var(--font-body);display:inline-flex;align-items:center;gap:7px;letter-spacing:-.1px;position:relative;overflow:hidden}
    /* 3D icon orbs inside hero buttons */
    .hbtn-icon{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;transform:perspective(120px) rotateX(8deg) rotateY(-6deg);transition:transform .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(0,0,0,.07)}
    .hbtn-icon svg{width:14px;height:14px;position:relative;z-index:1;filter:drop-shadow(0 1px 1px rgba(0,0,0,.08))}
    .hbtn-icon::before{content:'';position:absolute;top:2px;left:5px;width:9px;height:6px;border-radius:50%;background:radial-gradient(ellipse,rgba(255,255,255,.55),rgba(255,255,255,0) 70%);pointer-events:none}
    .hbtn:hover .hbtn-icon{transform:perspective(120px) rotateX(0) rotateY(0) scale(1.08)}
    /* Dark orb (on outline button) */
    .hbtn-icon-dark{background:radial-gradient(circle at 30% 25%,#3d2e26,#2c6a54 60%,#2c6a54 100%);color:#FAF9F5;box-shadow:0 5px 12px rgba(0,0,0,.12),inset 0 2px 0 rgba(255,255,255,.18),inset 0 -2px 0 rgba(0,0,0,.12)}
    /* Light orb (on burgundy button) */
    .hbtn-icon-light{background:radial-gradient(circle at 30% 25%,#fffbf2,#e8e0d1 60%,#c7bba0 100%);color:#2c6a54;box-shadow:0 5px 12px rgba(0,0,0,.08),inset 0 2px 0 rgba(255,255,255,.7),inset 0 -2px 0 rgba(0,0,0,.18)}
    .hbtn-arrow{display:inline-block;transition:transform .25s;font-weight:800}
    .hbtn-primary:hover .hbtn-arrow{transform:translateX(4px)}
    .hbtn-primary{color:#FAF9F5;background:linear-gradient(180deg,#2c6a54 0%,#2c6a54 60%,#2c6a54 100%);border:1px solid #2c6a54;border-radius:10px;box-shadow:0 6px 14px rgba(44,106,84,.35),0 2px 4px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(0,0,0,.15);text-shadow:0 1px 2px rgba(0,0,0,.35)}
    .hbtn-primary:hover{
      color:#FFF7F1;
      border-color:#c0654a;
      box-shadow:
        0 0 0 2px rgba(192,101,74,.4),
        0 0 22px rgba(192,101,74,.65),
        0 0 44px rgba(192,101,74,.4),
        0 12px 26px rgba(192,101,74,.5),
        0 4px 8px rgba(0,0,0,.12),
        inset 0 1px 0 rgba(255,255,255,.28),
        inset 0 -1px 0 rgba(0,0,0,.2);
      transform:translateY(-2px) scale(1.02);
    }
    .hbtn-outline{background:rgba(0,0,0,.04);color:var(--text);border:1px solid rgba(0,0,0,.08);backdrop-filter:blur(10px);box-shadow:0 4px 12px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.4)}
    .hbtn-outline:hover{
      background:linear-gradient(180deg,#fff7f1 0%,#fff0e4 100%);
      color:#c0654a;
      border-color:#c0654a;
      transform:translateY(-2px) scale(1.02);
      box-shadow:
        0 0 0 2px rgba(192,101,74,.35),
        0 0 22px rgba(192,101,74,.55),
        0 0 44px rgba(192,101,74,.35),
        0 10px 22px rgba(192,101,74,.4),
        0 3px 6px rgba(0,0,0,.08),
        inset 0 1px 0 rgba(255,255,255,.6);
    }
    /* Coral glow ring on hover for both CTA variants */
    .hbtn-primary,.hbtn-outline{transition:all .3s cubic-bezier(.4,0,.2,1)}
    .hero-trust{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:0;justify-content:center}
    .trust-item{background:rgba(77,101,48,.12);border:1px solid rgba(77,101,48,.3);color:#4d6530;padding:6px 14px;border-radius:0;font-size:0.74rem;font-weight:600;display:inline-flex;align-items:center;gap:4px;box-shadow:0 4px 12px rgba(77,101,48,.12),inset 0 1px 0 rgba(255,255,255,.08)}
    /* Tenders wrap — 3D glass card */
    .hr-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;background:rgba(192,101,74,.08);border-bottom:2px solid #c0654a;flex-shrink:0;gap:12px;position:relative;overflow:hidden}
    .hr-header::before{content:'';position:absolute;top:0;right:0;width:60px;height:100%;background:rgba(192,101,74,.06);clip-path:polygon(40% 0,100% 0,100% 100%,0 100%);pointer-events:none}
    .hr-header-left{display:flex;align-items:center;gap:11px;min-width:0;position:relative;z-index:1}
    .hr-header-icon{width:42px;height:42px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#2c6a54 0%,#2c6a54 35%,#2c6a54 65%,#2c6a54 100%);border:1px solid rgba(44,106,84,.4);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fffbf2;box-shadow:0 10px 22px rgba(44,106,84,.5),0 3px 8px rgba(0,0,0,.1),inset 0 3px 5px rgba(255,255,255,.45),inset 0 -3px 5px rgba(44,106,84,.35),inset 2px 2px 4px rgba(255,255,255,.25);transform:perspective(260px) rotateX(10deg) rotateY(-10deg);transition:transform .35s cubic-bezier(.4,0,.2,1)}
    .hr-header-icon svg{width:18px;height:18px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.25))}
    .hr-header:hover .hr-header-icon{transform:perspective(260px) rotateX(0) rotateY(0) scale(1.06)}
    .hr-title-group{display:flex;flex-direction:column;min-width:0}
    .hr-title-main{font-family:var(--font-head);font-size:1rem;font-weight:800;color:var(--text);letter-spacing:-.3px;line-height:1.1}
    .hr-subtitle{display:inline-flex;align-items:center;gap:6px;font-size:0.65rem;color:#c0654a;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;margin-top:4px;text-shadow:0 1px 0 rgba(255,255,255,.4)}
    /* Tiny 3D round live dot indicator */
    .hr-live-mini,.vap-live-mini{display:inline-block;width:9px;height:9px;background:#4d6530;border-radius:50%;flex-shrink:0;animation:blink 1.5s infinite;box-shadow:0 0 0 3px rgba(77,101,48,.18),0 2px 4px rgba(0,0,0,.08),0 0 10px rgba(77,101,48,.65),inset 0 1px 1px rgba(255,255,255,.45),inset 0 -1px 1px rgba(0,0,0,.08);position:relative}
    /* Small View All button replacing LIVE pill */
    .hr-view-all,.vap-view-all{display:inline-flex;align-items:center;gap:5px;color:#c0654a;font-size:0.62rem;font-weight:800;text-transform:uppercase;letter-spacing:1.2px;padding:6px 10px;background:rgba(255,250,240,.7);border:1px solid #c0654a;transition:all .2s;box-shadow:0 3px 8px rgba(192,101,74,.15),inset 0 1px 0 rgba(255,255,255,.5);flex-shrink:0;z-index:1;position:relative;white-space:nowrap;text-decoration:none}
    .hr-view-all:hover,.vap-view-all:hover{background:#c0654a;color:#fff;transform:translateY(-1px);box-shadow:0 6px 14px rgba(192,101,74,.3),inset 0 1px 0 rgba(255,255,255,.25)}
    .live-dot-anim{width:6px;height:6px;background:#4d6530;border-radius:0;animation:blink 1.5s infinite;flex-shrink:0;box-shadow:0 0 10px rgba(77,101,48,.8)}
    .tender-count-lbl{color:rgba(0,0,0,.5);font-size:0.78rem;font-weight:500}
    .scroll-box{flex:1;min-height:0;overflow:hidden;position:relative}
    .scroll-box::before,.scroll-box::after{display:none}
    .scroll-track{display:flex;flex-direction:column;animation:scrollUp 22s linear infinite}
    @keyframes scrollUp{0%{transform:translateY(0)}100%{transform:translateY(-50%)}}
    .htcard{padding:10px 14px 10px 12px;border-bottom:1px solid rgba(0,0,0,.1);background:rgba(255,255,255,.3);transition:all .22s;cursor:default;position:relative;border-left:3px solid transparent}
    .htcard:nth-child(even){background:rgba(26,20,20,.03)}
    .htcard:hover{background:rgba(255,255,255,.55);border-left-color:#c0654a;transform:translateX(2px)}
    .htcard:nth-child(even):hover{background:rgba(26,20,20,.06);border-left-color:#c0654a}
    .htcard-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}
    .htcard-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}
    .htc-left{flex:1;min-width:0}
    .htc-type{background:#c0654a;border:1px solid rgba(0,0,0,.15);color:#fff;padding:3px 10px;border-radius:0;font-size:0.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.6px;box-shadow:0 3px 8px rgba(192,101,74,.4),0 1px 2px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(0,0,0,.07)}
    .htc-time{color:rgba(26,20,20,.45);font-size:0.68rem;font-weight:500}
    /* Deadline countdown pill — urgency-based colors */
    .htc-deadline{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-size:0.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:rgba(77,101,48,.12);border:1px solid rgba(77,101,48,.3);color:#4d6530;box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
    .htc-deadline svg{width:10px;height:10px;flex-shrink:0}
    .htc-deadline.soon{background:rgba(192,101,74,.12);border-color:rgba(192,101,74,.35);color:#c0654a}
    .htc-deadline.urgent{background:#2c6a54;border-color:rgba(0,0,0,.07);color:#fff;animation:pulseDeadline 1.8s infinite;box-shadow:0 3px 8px rgba(44,106,84,.35),inset 0 1px 0 rgba(255,255,255,.25)}
    @keyframes pulseDeadline{0%,100%{opacity:1}50%{opacity:.75}}
    .htc-loc{font-size:0.88rem;font-weight:700;color:var(--text);margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.1px}
    .htc-meta{color:rgba(26,20,20,.6);font-size:0.74rem;display:flex;gap:6px;font-weight:500}
    .htc-bid{display:inline-block;color:#FAF9F5;background:linear-gradient(180deg,#2c6a54 0%,#2c6a54 60%,#2c6a54 100%);padding:4px 10px;border-radius:10px;font-size:0.68rem;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);border:1px solid #2c6a54;cursor:pointer;box-shadow:0 6px 14px rgba(44,106,84,.35),0 2px 4px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(0,0,0,.15);text-shadow:0 1px 2px rgba(0,0,0,.35);white-space:nowrap;flex-shrink:0}
    .htc-bid:hover{color:#FAF9F5;transform:translateY(-1px);box-shadow:0 10px 20px rgba(44,106,84,.45),0 3px 6px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(0,0,0,.18)}
    /* Quick FAQs block inside tenders panel */
    .hr-faqs{padding:14px 16px;border-top:1px solid rgba(0,0,0,.08);display:flex;flex-direction:column;gap:8px;flex-shrink:0;background:rgba(192,101,74,.03)}
    .hr-faqs-title{font-size:0.6rem;font-weight:800;color:#c0654a;text-transform:uppercase;letter-spacing:1.5px;padding-bottom:6px;border-bottom:1px solid rgba(192,101,74,.2);display:flex;align-items:center;gap:6px}
    .hr-faqs-title::before{content:'';width:6px;height:6px;background:#c0654a;display:inline-block;box-shadow:0 0 6px rgba(192,101,74,.4)}
    .hr-faq-item{display:flex;flex-direction:column;gap:3px;padding:5px 0 7px;border-bottom:1px dashed rgba(0,0,0,.08)}
    .hr-faq-item:last-child{border-bottom:none}
    .hr-faq-q{font-size:0.72rem;font-weight:700;color:#1a1414;letter-spacing:-.1px;display:flex;align-items:flex-start;gap:5px;line-height:1.3}
    .hr-faq-q::before{content:'Q.';color:#c0654a;font-weight:900;font-size:0.66rem;flex-shrink:0;margin-top:1px}
    .hr-faq-a{font-size:0.67rem;color:rgba(26,20,20,.65);line-height:1.5;padding-left:16px;font-weight:400}
    .view-all-link{display:block;text-align:center;padding:12px;color:#2c6a54;font-size:0.82rem;font-weight:600;border-top:1px solid rgba(0,0,0,.08);transition:all .2s;background:rgba(0,0,0,.04)}
    .view-all-link:hover{background:rgba(0,0,0,.12);color:var(--text)}
    /* Vendor Ad Panel — dark glass */
    .vap-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;background:rgba(192,101,74,.08);border-bottom:2px solid #c0654a;flex-shrink:0;gap:12px;position:relative;overflow:hidden}
    .vap-header::before{content:'';position:absolute;top:0;right:0;width:60px;height:100%;background:rgba(192,101,74,.06);clip-path:polygon(40% 0,100% 0,100% 100%,0 100%);pointer-events:none}
    .vap-header-left{display:flex;align-items:center;gap:11px;min-width:0}
    .vap-header-icon{width:42px;height:42px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#2c6a54 0%,#2c6a54 35%,#2c6a54 65%,#2c6a54 100%);border:1px solid rgba(44,106,84,.4);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;color:#fffbf2;box-shadow:0 10px 22px rgba(44,106,84,.5),0 3px 8px rgba(0,0,0,.1),inset 0 3px 5px rgba(255,255,255,.45),inset 0 -3px 5px rgba(44,106,84,.35),inset 2px 2px 4px rgba(255,255,255,.25);transform:perspective(260px) rotateX(10deg) rotateY(-10deg);transition:transform .35s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}
    .vap-header:hover .vap-header-icon{transform:perspective(260px) rotateX(0) rotateY(0) scale(1.06);box-shadow:0 12px 24px rgba(44,106,84,.5),0 4px 10px rgba(0,0,0,.08),inset 0 2px 0 rgba(255,255,255,.32)}
    .vap-title-group{display:flex;flex-direction:column;min-width:0}
    .vap-title{font-family:var(--font-head);font-size:1rem;font-weight:800;color:var(--text);letter-spacing:-.3px;line-height:1.1}
    .vap-subtitle{display:inline-flex;align-items:center;gap:6px;font-size:0.65rem;color:#c0654a;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;margin-top:4px;text-shadow:0 1px 0 rgba(255,255,255,.4)}
    .vap-live-dot{width:5px;height:5px;background:#fff;border-radius:0;animation:blink 1.5s infinite;flex-shrink:0;box-shadow:0 0 6px rgba(255,255,255,.8)}
    /* Vendor scroll */
    .vap-slides-wrap{flex:1;min-height:0;overflow:hidden;position:relative}
    .vap-slides-wrap::before,.vap-slides-wrap::after{display:none}
    .vap-track{display:flex;flex-direction:column}
    @keyframes vendorScroll{0%{transform:translateY(0)}100%{transform:translateY(-50%)}}
    /* 3D Premium Ad Card */
    .vap-slide{padding:18px 16px 14px;border:1px solid rgba(0,0,0,.1);border-top:3px solid #c0654a;background:rgba(255,250,240,.88);display:flex;flex-direction:column;gap:9px;flex-shrink:0;transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;margin:0 8px 10px;box-shadow:0 10px 24px rgba(0,0,0,.1),0 3px 8px rgba(0,0,0,.06),inset 0 1px 0 rgba(255,255,255,.85),inset 0 -2px 0 rgba(192,101,74,.08)}
    /* Subtle "FEATURED" micro-label in bottom-left */
    .vap-slide::after{content:'★ FEATURED';position:absolute;bottom:16px;left:14px;font-size:0.52rem;font-weight:800;letter-spacing:1.3px;color:rgba(192,101,74,.6);text-transform:uppercase;pointer-events:none}
    /* Hover: subtle 3D tilt + elevation */
    .vap-slide:hover{transform:translateY(-4px);border-color:rgba(192,101,74,.4);border-top-color:#2c6a54;box-shadow:0 24px 44px rgba(192,101,74,.18),0 8px 16px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,1),inset 0 -2px 0 rgba(192,101,74,.2);z-index:2;background:rgba(255,250,240,1)}
    /* Quick-view eye icon top-right */
    .vap-eye{position:absolute;top:14px;right:14px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:rgba(26,20,20,.55);background:rgba(255,250,240,.7);border:1px solid rgba(0,0,0,.12);box-shadow:0 3px 8px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.7);transition:all .25s;cursor:pointer;z-index:2}
    .vap-eye svg{width:14px;height:14px}
    .vap-eye:hover{color:#fff;background:#c0654a;border-color:#c0654a;transform:scale(1.1);box-shadow:0 6px 14px rgba(192,101,74,.4),inset 0 1px 0 rgba(255,255,255,.25)}
    .vap-slide:hover{background:rgba(0,0,0,.04)}
    .vap-slide-head{display:flex;align-items:center;gap:11px}
    .vap-avatar-wrap{position:relative;flex-shrink:0}
    .vap-avatar{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-head);font-size:0.95rem;font-weight:800;color:#fff;box-shadow:0 8px 20px rgba(0,0,0,.12),0 2px 6px rgba(0,0,0,.07),inset 0 2px 0 rgba(255,255,255,.28),inset 0 -2px 0 rgba(0,0,0,.08);transition:transform .3s}
    .vap-slide:hover .vap-avatar{transform:scale(1.06)}
    .vap-psara-badge{position:absolute;bottom:-2px;right:-2px;width:20px;height:20px;background:#4d6530;border-radius:50%;border:2px solid rgba(255,250,240,1);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 3px 8px rgba(77,101,48,.55),inset 0 1px 0 rgba(255,255,255,.3)}
    .vap-psara-badge svg{width:10px;height:10px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.1))}
    .vap-info{flex:1;min-width:0}
    .vap-name{font-family:var(--font-head);font-size:0.9rem;font-weight:700;color:var(--text);letter-spacing:-.1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .vap-city{color:rgba(0,0,0,.5);font-size:0.72rem}
    .vap-psara{display:inline-flex;align-items:center;gap:4px;background:rgba(77,101,48,.15);border:1px solid rgba(77,101,48,.3);color:#4d6530;padding:3px 10px;border-radius:0;font-size:0.67rem;font-weight:600;width:fit-content;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
    .vap-services{display:flex;flex-wrap:wrap;gap:6px}
    /* 3D raised service tag — like labeled file tabs */
    .vap-stag{display:inline-flex;align-items:center;gap:5px;background:rgba(255,250,240,1);border:1px solid rgba(192,101,74,.3);color:#1a1414;padding:4px 11px 5px 9px;font-size:0.66rem;font-weight:700;letter-spacing:.3px;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 10px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06),inset 0 1px 0 rgba(255,255,255,.9),inset 0 -2px 0 rgba(192,101,74,.12);cursor:default;transform:translateY(0)}
    /* Copper bullet dot prefix */
    .vap-stag::before{content:'';width:4px;height:4px;background:#c0654a;display:inline-block;flex-shrink:0;box-shadow:0 1px 2px rgba(192,101,74,.5),inset 0 1px 0 rgba(255,255,255,.25)}
    .vap-stag:hover{transform:translateY(-2px);border-color:#c0654a;color:#2c6a54;box-shadow:0 8px 18px rgba(192,101,74,.22),0 2px 4px rgba(192,101,74,.15),inset 0 1px 0 rgba(255,255,255,1),inset 0 -2px 0 rgba(192,101,74,.25)}
    .vap-stag:hover::before{background:#2c6a54;box-shadow:0 1px 3px rgba(44,106,84,.5)}
    .vap-contact-btn{display:inline-block;color:#FAF9F5;background:linear-gradient(180deg,#2c6a54 0%,#2c6a54 60%,#2c6a54 100%);padding:4px 10px;border-radius:10px;font-size:0.68rem;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);border:1px solid #2c6a54;box-shadow:0 6px 14px rgba(44,106,84,.35),0 2px 4px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(0,0,0,.15);text-shadow:0 1px 2px rgba(0,0,0,.35);white-space:nowrap;align-self:flex-end;letter-spacing:.2px}
    .vap-contact-btn:hover{color:#FAF9F5;transform:translateY(-1px);box-shadow:0 10px 20px rgba(44,106,84,.45),0 3px 6px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(0,0,0,.18)}
    .vap-footer{display:block;text-align:center;padding:14px;border-top:1px solid rgba(0,0,0,.08);color:#2c6a54;font-size:0.82rem;font-weight:600;transition:all .2s;flex-shrink:0;background:rgba(0,0,0,.04)}
    .vap-footer:hover{background:rgba(0,0,0,.12);color:var(--text)}
    /* How It Works embedded in hero */
    .hero-steps-row{margin-top:0;border-top:1px solid rgba(0,0,0,.1);padding-top:24px;position:relative;z-index:1;display:flex;flex-direction:column;gap:20px}
    .steps-eyebrow{color:#2c6a54;font-size:0.67rem;text-transform:uppercase;letter-spacing:2.8px;font-weight:700;font-family:var(--font-body)}
    /* Flow group (per-role section) */
    .flow-group{display:flex;flex-direction:column;gap:10px}
    .flow-group-label{display:inline-flex;align-items:center;gap:8px;font-size:0.68rem;font-weight:800;text-transform:uppercase;letter-spacing:1.6px;color:#1a1414;padding:5px 12px 5px 10px;background:rgba(192,101,74,.08);border-left:3px solid #c0654a;width:fit-content}
    .flow-group-num{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:#c0654a;color:#fff;font-size:0.6rem;font-weight:900;letter-spacing:0}
    .hero-steps-cards{display:flex;align-items:stretch;gap:12px}
    /* Animated flow arrow */
    .flow-arrow{color:#c0654a;animation:flowPulseArrow 2s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(192,101,74,.25))}
    .hero-steps-cards .flow-arrow:nth-of-type(4){animation-delay:.6s}
    @keyframes flowPulseArrow{0%,100%{opacity:.35;transform:translateX(0)}50%{opacity:1;transform:translateX(5px)}}
    /* Vendor CTA — bold bar */
    .vendor-cta{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 28px;color:#FAF9F5;background:linear-gradient(180deg,#2c6a54 0%,#2c6a54 60%,#2c6a54 100%);text-transform:uppercase;letter-spacing:1.2px;font-weight:800;font-size:0.88rem;border:1px solid #2c6a54;border-radius:10px;box-shadow:0 6px 14px rgba(44,106,84,.35),0 2px 4px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(0,0,0,.15);text-shadow:0 1px 2px rgba(0,0,0,.35);transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;margin-top:8px;font-family:var(--font-body)}
    .vendor-cta svg{width:18px;height:18px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));flex-shrink:0;position:relative;z-index:1}
    .vendor-cta-txt{position:relative;z-index:1}
    .vendor-cta-arrow{position:relative;z-index:1;transition:transform .3s;font-size:1.1rem}
    .vendor-cta-pulse{position:absolute;top:0;left:-100%;width:100%;height:100%;background:#c0654a;animation:ctaShine 3s ease-in-out infinite;pointer-events:none}
    @keyframes ctaShine{0%,100%{left:-100%}50%{left:100%}}
    .vendor-cta:hover{color:#FAF9F5;transform:translateY(-1px);box-shadow:0 10px 20px rgba(44,106,84,.45),0 3px 6px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(0,0,0,.18)}
    .vendor-cta:hover .vendor-cta-arrow{transform:translateX(6px)}
    .vendor-cta:hover .vendor-cta-pulse{display:none}
    /* Secondary Contact CTA — outline style */
    .contact-cta{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 24px;background:rgba(255,250,240,.5);color:#2c6a54;font-weight:700;font-size:0.78rem;text-transform:uppercase;letter-spacing:1.2px;transition:all .25s cubic-bezier(.4,0,.2,1);border:1px solid rgba(192,101,74,.4);box-shadow:0 4px 12px rgba(192,101,74,.1),inset 0 1px 0 rgba(255,255,255,.7);margin-top:2px;font-family:var(--font-body);text-decoration:none}
    .contact-cta svg{width:16px;height:16px;flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(44,106,84,.25))}
    .contact-cta-txt{white-space:nowrap}
    .contact-cta-arrow{display:inline-block;transition:transform .25s;font-size:1rem}
    .contact-cta:hover{background:#c0654a;color:#fff;border-color:#c0654a;transform:translateY(-2px);box-shadow:0 10px 22px rgba(192,101,74,.35),0 3px 8px rgba(192,101,74,.2),inset 0 1px 0 rgba(255,255,255,.25)}
    .contact-cta:hover .contact-cta-arrow{transform:translateX(5px)}
    /* Compact step cards for hero flows */
    .hero-steps-row .pstep{padding:14px 14px;transition:all .35s cubic-bezier(.4,0,.2,1)}
    .hero-steps-row .pstep-icon{width:38px;height:38px;font-size:1.1rem;margin-bottom:10px;border-radius:0;box-shadow:0 10px 22px rgba(0,0,0,.1),0 3px 6px rgba(0,0,0,.07),inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(0,0,0,.07)}
    .hero-steps-row .pstep-icon svg{width:18px;height:18px}
    .hero-steps-row .pstep-num{font-size:1.6rem;top:10px;right:12px}
    .hero-steps-row .pstep h3{font-size:0.82rem;margin-bottom:4px;letter-spacing:-.1px}
    .hero-steps-row .pstep p{font-size:0.72rem;line-height:1.5}
    .hero-steps-row .pstep-arrow{font-size:1.3rem;transition:all .3s}
    /* Interactive chain: hover a card → next arrow pulses faster & glows, next card pre-lights */
    .hero-steps-cards:hover .flow-arrow{animation-duration:.9s}
    .hero-steps-row .pstep:hover{transform:translateY(-8px) scale(1.02);border-color:#c0654a;box-shadow:0 28px 48px rgba(192,101,74,.18),0 10px 18px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.2);z-index:2}
    .hero-steps-row .pstep:hover + .pstep-arrow{color:#2c6a54;transform:scale(1.4) translateX(3px);animation-duration:.5s;filter:drop-shadow(0 3px 8px rgba(192,101,74,.4))}
    .hero-steps-row .pstep:hover + .pstep-arrow + .pstep{transform:translateY(-4px);border-color:rgba(192,101,74,.4)}
    /* Dashed rail line connecting the cards */
    .hero-steps-cards{position:relative}
    .hero-steps-cards::before{content:'';position:absolute;left:20px;right:20px;top:32px;height:2px;background-image:none;z-index:0;opacity:.4;transition:opacity .3s;pointer-events:none}
    .hero-steps-cards:hover::before{opacity:1}
    @media(max-width:1200px){
    }
    @media(max-width:1100px){
      .hero-steps-cards{flex-direction:column;gap:12px}
      .hero-steps-row .pstep-arrow{transform:rotate(90deg)}
    }
    /* 860-1024 ~ small desktop + tablet landscape + "Request Desktop Site" in mobile browsers:
       Keep side panels visible but shrink columns slightly so 3-col still fits */
    @media(max-width:1024px) and (min-width:861px){
      .hero-left-panel{padding:30px 22px}
    }
    @media(max-width:860px){
      /* Stack 3-col layout vertically: Main hero → Live Tenders → Vendor Ad */
      .hero-left-panel{padding:30px 22px;order:1}
      /* Make scroll tracks scroll horizontally on mobile so they fit vertically */
      .scroll-box{max-height:360px}
      .vap-slides-wrap{max-height:360px}
    }
    @media(max-width:768px){
      .hero-section{padding:14px 12px;gap:14px}
      .hero-left-panel{padding:24px 18px}
      .scroll-box,.vap-slides-wrap{max-height:320px}
      /* Header bars inside the panels shrink */
      .hr-header,.vap-header{padding:10px 14px}
      .hr-title-main,.vap-title{font-size:.85rem}
    }
    @media(max-width:480px){
      .scroll-box,.vap-slides-wrap{max-height:280px}
    }

    /* ══════ PROCESS (standalone, if needed) ══════ */
    .process-sec{padding:96px 28px;position:relative}
    .sec-wrap{max-width:1280px;margin:0 auto;position:relative;z-index:1}
    .sec-head{margin-bottom:52px}
    .sec-head.center{text-align:center}
    .sec-head.center .sec-sub{margin:0 auto}
    .sec-eyebrow{color:var(--accent-bright);font-size:0.7rem;text-transform:uppercase;letter-spacing:2.8px;font-weight:700;margin-bottom:10px;font-family:var(--font-body)}
    .sec-title{font-family:var(--font-head);font-size:clamp(1.65rem,2.8vw,2.2rem);font-weight:800;letter-spacing:-.3px;color:var(--text);margin-bottom:10px}
    .sec-sub{color:rgba(0,0,0,.65);font-size:0.93rem;max-width:500px;line-height:1.75;font-weight:400}
    .process-steps{display:flex;align-items:center;gap:20px}
    /* Glass step cards — 3D realistic */
    .pstep{flex:1;background:rgba(0,0,0,.045);border:1px solid rgba(0,0,0,.1);border-radius:0;padding:30px 24px;position:relative;transition:all .35s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(14px);box-shadow:0 20px 40px rgba(0,0,0,.08),0 6px 14px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.1);overflow:hidden}
    .pstep:hover{transform:translateY(-10px);border-color:rgba(0,0,0,.08);background:rgba(0,0,0,.07);box-shadow:0 32px 64px rgba(0,0,0,.4),0 10px 20px rgba(0,0,0,.07),inset 0 1px 0 rgba(255,255,255,.15)}
    .pstep-num{position:absolute;top:16px;right:20px;font-family:var(--font-head);font-size:3.2rem;font-weight:900;color:rgba(0,0,0,.06);line-height:1;z-index:0}
    /* 3D Realistic Icon */
    .pstep-icon{width:68px;height:68px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:22px;border:1px solid rgba(44,106,84,.4);box-shadow:0 10px 22px rgba(44,106,84,.5),0 3px 8px rgba(0,0,0,.1),inset 0 3px 5px rgba(255,255,255,.45),inset 0 -3px 5px rgba(44,106,84,.35),inset 2px 2px 4px rgba(255,255,255,.25);transform:perspective(260px) rotateX(10deg) rotateY(-10deg);transition:transform .35s cubic-bezier(.4,0,.2,1);position:relative;z-index:1;color:#fffbf2}
    .pstep-icon svg{width:30px;height:30px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.25))}
    .hero-steps-row .pstep-icon svg{width:24px;height:24px}
    .hbtn svg,.auth-item-icon svg,.vap-header-icon svg,.trust-item svg,.mchoice-icn svg,.modal-icon svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}
    .hbtn svg{width:18px;height:18px}
    .auth-item-icon svg,.mchoice-icn svg{width:18px;height:18px;color:#fff}
    .vap-header-icon svg{width:18px;height:18px;color:#fff}
    .trust-item svg{width:13px;height:13px}
    .modal-icon svg{width:40px;height:40px}
    .icn-pin{width:13px;height:13px;vertical-align:-2px;margin-right:5px;color:#c0654a;filter:drop-shadow(0 1px 2px rgba(192,101,74,.4));display:inline-block}
    .icn-guard{width:13px;height:13px;vertical-align:-2px;margin-right:5px;color:rgba(26,20,20,.55);filter:drop-shadow(0 1px 1px rgba(0,0,0,.07));display:inline-block}
    .vap-city .icn-pin{color:#c0654a;width:12px;height:12px}
    .pstep:hover .pstep-icon{transform:perspective(260px) rotateX(0) rotateY(0) scale(1.06);box-shadow:0 28px 56px rgba(0,0,0,.55),0 10px 20px rgba(0,0,0,.08),inset 0 2px 0 rgba(255,255,255,.4),inset 0 -3px 0 rgba(0,0,0,.1)}
    .pstep h3{font-family:var(--font-head);font-size:1.12rem;font-weight:700;margin-bottom:10px;color:var(--text);letter-spacing:-.2px;position:relative;z-index:1}
    .pstep p{color:rgba(0,0,0,.62);font-size:0.87rem;line-height:1.72;position:relative;z-index:1}
    /* Arrow connector */
    .pstep-arrow{color:rgba(0,0,0,.08);font-size:2rem;flex-shrink:0;display:flex;align-items:center;filter:drop-shadow(0 2px 8px rgba(0,0,0,.1))}
    @media(max-width:768px){
      .process-steps{flex-direction:column;gap:16px}
      .pstep-arrow{transform:rotate(90deg)}
    }

    /* ══════ ABOUT INLINE (in hero middle) ══════ */
    .about-inline{display:flex;flex-direction:column;gap:12px;padding:16px 0;border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1);margin:0}
    .about-inline-head{text-align:center}
    .about-inline-eyebrow{display:inline-flex;align-items:center;gap:10px;color:#c0654a;font-size:0.62rem;font-weight:800;letter-spacing:2.8px;text-transform:uppercase;margin-bottom:10px;justify-content:center}
    .about-inline-bar{width:24px;height:2px;background:#c0654a;display:inline-block;box-shadow:0 2px 4px rgba(192,101,74,.3)}
    .about-inline-title{font-family:var(--font-head);font-size:1.3rem;font-weight:800;line-height:1.2;letter-spacing:-.6px;color:#1a1414}
    .about-inline-em{color:#c0654a;font-weight:900;position:relative;display:inline-block}
    .about-inline-em::after{content:'';position:absolute;left:0;right:0;bottom:2px;height:5px;background:rgba(192,101,74,.18);z-index:-1}
    /* 3 feature cards horizontally */
    .about-inline-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
    .about-inline-card{display:flex;flex-direction:column;gap:6px;padding:14px 12px;background:rgba(255,250,240,.7);border:1px solid rgba(0,0,0,.1);box-shadow:0 4px 12px rgba(0,0,0,.06),inset 0 1px 0 rgba(255,255,255,.7);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;text-align:left}
    .about-inline-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:#c0654a;transform:scaleY(0);transform-origin:top;transition:transform .35s ease}
    .about-inline-card:hover{transform:translateY(-3px);border-color:rgba(192,101,74,.3);box-shadow:0 12px 24px rgba(192,101,74,.15),inset 0 1px 0 rgba(255,255,255,.8)}
    .about-inline-card:hover::before{transform:scaleY(1)}
    .about-inline-num{
      width:36px;height:36px;border-radius:50%;
      display:flex;align-items:center;justify-content:center;
      font-family:var(--font-head);font-size:.78rem;font-weight:900;
      color:#fffbf2;flex-shrink:0;letter-spacing:-.3px;margin-bottom:6px;
      transform:perspective(180px) rotateX(10deg) rotateY(-10deg);
      transition:transform .35s cubic-bezier(.4,0,.2,1);
      text-shadow:0 1px 2px rgba(0,0,0,.3);
    }
    .about-inline-card:hover .about-inline-num{transform:perspective(180px) rotateX(0) rotateY(0) scale(1.08)}
    /* Emerald orbs */
    .about-inline-num-1, .about-inline-num-3{
      background:radial-gradient(circle at 30% 25%,#2c6a54 0%,#2c6a54 35%,#2c6a54 65%,#2c6a54 100%);
      border:1px solid rgba(44,106,84,.4);
      box-shadow:
        0 10px 22px rgba(44,106,84,.5),
        0 3px 8px rgba(0,0,0,.1),
        inset 0 3px 5px rgba(255,255,255,.45),
        inset 0 -3px 5px rgba(44,106,84,.35),
        inset 2px 2px 4px rgba(255,255,255,.25);
    }
    /* Coral orb */
    .about-inline-num-2{
      background:radial-gradient(circle at 30% 25%,#f5c8a8 0%,#c0654a 35%,#c0654a 65%,#c0654a 100%);
      border:1px solid rgba(192,101,74,.4);
      box-shadow:
        0 10px 22px rgba(192,101,74,.5),
        0 3px 8px rgba(0,0,0,.1),
        inset 0 3px 5px rgba(255,255,255,.5),
        inset 0 -3px 5px rgba(192,101,74,.35),
        inset 2px 2px 4px rgba(255,255,255,.3);
    }
    .about-inline-card h4{font-family:var(--font-head);font-size:0.82rem;font-weight:800;color:#1a1414;letter-spacing:-.1px;line-height:1.2}
    .about-inline-card p{color:rgba(26,20,20,.62);font-size:0.7rem;line-height:1.5;font-weight:400}
    /* Stats strip */
    .about-inline-stats{display:flex;align-items:center;justify-content:center;gap:18px;padding-top:4px}
    .about-inline-stat{display:flex;flex-direction:column;align-items:center;text-align:center}
    .about-inline-stat strong{font-family:var(--font-head);font-size:1.2rem;font-weight:900;color:#1a1414;line-height:1;letter-spacing:-.4px}
    .about-inline-stat span{font-size:0.6rem;color:rgba(26,20,20,.5);text-transform:uppercase;letter-spacing:1.2px;font-weight:700;margin-top:3px}
    .about-inline-stat-sep{width:1px;height:28px;background:rgba(0,0,0,.15)}
    @media(max-width:1024px){
      .about-inline-cards{grid-template-columns:1fr}
    }

    /* ══════ FOOTER — dark glass ══════ */
    .site-footer{background:rgba(255,250,240,.5);border-top:1px solid rgba(0,0,0,.08);padding:48px 32px 28px;margin-top:24px;font-family:var(--font-body);position:relative}
    .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.6fr;gap:48px;margin-bottom:48px}
    .footer-brand p{color:rgba(0,0,0,.55);font-size:0.86rem;line-height:1.75;margin-bottom:16px}
    .made-india{display:inline-flex;align-items:center;gap:7px;background:rgba(192,101,74,.12);border:1px solid rgba(192,101,74,.28);color:#c0654a;padding:6px 14px;border-radius:0;font-size:0.78rem;font-weight:600;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
    .footer-col h5{font-family:var(--font-body);font-size:0.68rem;text-transform:uppercase;letter-spacing:2.5px;color:rgba(0,0,0,.45);margin-bottom:16px;font-weight:700}
    .footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px}
    .footer-col ul a{color:rgba(0,0,0,.65);font-size:0.86rem;transition:all .18s}
    .footer-col ul a:hover{color:var(--text);padding-left:4px}
    .footer-news{display:flex;flex-direction:column;gap:14px}
    .fn-item{display:flex;flex-direction:column;gap:5px}
    .fn-badge{display:inline-block;background:rgba(0,0,0,.15);border:1px solid rgba(0,0,0,.1);color:#2c6a54;padding:2px 10px;border-radius:0;font-size:0.67rem;font-weight:700;width:fit-content;text-transform:uppercase}
    .fn-badge.green{background:rgba(77,101,48,.15);border-color:rgba(77,101,48,.3);color:#4d6530}
    .fn-item p{color:rgba(0,0,0,.6);font-size:0.82rem;line-height:1.55}
    .footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:28px;border-top:1px solid rgba(0,0,0,.08);flex-wrap:wrap;gap:12px}
    .footer-bottom p{color:rgba(0,0,0,.45);font-size:0.8rem}
    .footer-legal{display:flex;gap:20px}
    .footer-legal a{color:rgba(0,0,0,.45);font-size:0.8rem;transition:color .15s}
    .footer-legal a:hover{color:var(--text)}
    @media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr}}
    @media(max-width:540px){.footer-grid{grid-template-columns:1fr;gap:28px}}

    /* ══════ STATUS STORY VIEWER ══════ */
    .status-modal{position:fixed;inset:0;z-index:2000;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.92);backdrop-filter:blur(16px)}
    .status-modal.open{display:flex;animation:fadeIn .25s ease}
    .status-box{width:420px;max-width:100%;height:82vh;max-height:720px;background:#2c6a54;border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 40px 80px rgba(0,0,0,.7);animation:slideUp .35s ease}
    .status-progress{position:absolute;top:10px;left:12px;right:12px;height:3px;background:rgba(255,255,255,.2);z-index:3;overflow:hidden}
    .status-progress-bar{height:100%;background:#fff;width:0;box-shadow:0 0 6px rgba(255,255,255,.5)}
    .status-modal.open .status-progress-bar{animation:statusProgressFill 6s linear forwards}
    @keyframes statusProgressFill{from{width:0}to{width:100%}}
    .status-header{display:flex;align-items:center;gap:12px;padding:22px 16px 12px;position:relative;z-index:2}
    .status-avatar{width:40px;height:40px;border-radius:50%;background:#c0654a;color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-head);font-weight:900;font-size:1.05rem;box-shadow:0 4px 10px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.25),inset 0 -1px 0 rgba(0,0,0,.08)}
    .status-meta{flex:1;display:flex;flex-direction:column}
    .status-meta strong{color:#fff;font-size:0.92rem;font-weight:800;letter-spacing:-.1px}
    .status-meta small{color:rgba(255,255,255,.6);font-size:0.7rem;margin-top:1px}
    .status-close{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.85);cursor:pointer;font-size:0.95rem;padding:5px 10px;border-radius:0;transition:all .15s}
    .status-close:hover{background:#c0654a;border-color:#c0654a;color:#fff}
    .status-body{flex:1;display:flex;align-items:center;justify-content:center;padding:20px;position:relative}
    .status-card{background:rgba(255,250,240,.05);border:1px solid rgba(192,101,74,.4);border-top:3px solid #c0654a;padding:32px 28px;width:100%;color:#fff;text-align:center;position:relative}
    .status-card-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:#c0654a;color:#fff;padding:3px 12px;font-size:0.6rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;box-shadow:0 4px 10px rgba(192,101,74,.4)}
    .status-card h3{font-family:var(--font-head);font-size:1.4rem;font-weight:800;color:#fff;margin:14px 0 12px;letter-spacing:-.3px;line-height:1.2}
    .status-card p{color:rgba(255,255,255,.75);font-size:0.92rem;line-height:1.6;margin-bottom:24px}
    .status-card-cta{color:#c0654a;font-size:0.72rem;font-weight:800;text-transform:uppercase;letter-spacing:1.4px}

    /* ══════ BID MODAL — 3D glass ══════ */
    .modal-bg{position:fixed;inset:0;z-index:500;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(5,8,22,.75);backdrop-filter:blur(12px)}
    .modal-bg.open{display:flex;animation:fadeIn .25s ease}
    @keyframes fadeIn{from{opacity:0}to{opacity:1}}
    .modal-box{background:rgba(255,250,240,.95);backdrop-filter:blur(24px);border:1px solid rgba(0,0,0,.14);border-radius:0;padding:32px;max-width:460px;width:100%;box-shadow:0 40px 80px rgba(0,0,0,.6),0 15px 35px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.1);animation:slideUp .3s ease}
    @keyframes slideUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}
    .modal-close{float:right;background:rgba(0,0,0,.06);border:1px solid rgba(0,0,0,.1);color:rgba(0,0,0,.6);cursor:pointer;font-size:0.95rem;line-height:1;padding:6px 10px;border-radius:0;transition:all .15s}
    .modal-close:hover{color:var(--text);background:rgba(0,0,0,.12)}
    .modal-icon{font-size:2.4rem;margin-bottom:12px;filter:drop-shadow(0 6px 14px rgba(0,0,0,.4))}
    .modal-h{font-family:var(--font-head);font-size:1.25rem;font-weight:700;letter-spacing:-.3px;color:var(--text);margin-bottom:8px}
    .modal-p{color:rgba(0,0,0,.68);font-size:0.89rem;margin-bottom:22px;line-height:1.65}
    .modal-choices{display:flex;flex-direction:column;gap:10px}
    .mchoice{display:flex;align-items:center;gap:14px;padding:16px 18px;background:rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.1);border-radius:0;transition:all .22s;cursor:pointer}
    .mchoice:hover{border-color:rgba(0,0,0,.4);background:rgba(0,0,0,.08);transform:translateX(4px)}
    .mchoice-icn{width:42px;height:42px;border-radius:0;display:flex;align-items:center;justify-content:center;font-size:1.15rem;flex-shrink:0;box-shadow:0 6px 14px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.15)}
    .mchoice-icn.a{background:rgba(0,0,0,.07);border:1px solid rgba(0,0,0,.1)}
    .mchoice-icn.b{background:rgba(77,101,48,.2);border:1px solid rgba(77,101,48,.3)}
    .mchoice-t{font-size:0.9rem;font-weight:600;color:var(--text);margin-bottom:3px}
    .mchoice-s{font-size:0.76rem;color:rgba(0,0,0,.55)}
    .mchoice-arr{margin-left:auto;color:rgba(0,0,0,.45);font-size:1.05rem}
    .mchoice:hover .mchoice-arr{color:#2c6a54}
    .modal-foot{text-align:center;font-size:0.75rem;color:rgba(0,0,0,.45);margin-top:16px}

/* ── Video section styles ── */
      .hp-vid-sec{margin-top:30px;padding:26px 26px 22px;background:linear-gradient(135deg,#fffbf2 0%,#FAF9F5 100%);border:1px solid rgba(44,106,84,.12);border-left:4px solid #2c6a54;box-shadow:0 8px 22px rgba(44,106,84,.06);position:relative;overflow:hidden}
      .hp-vid-sec::after{content:'';position:absolute;top:-60px;left:-60px;width:220px;height:220px;background:radial-gradient(circle,rgba(44,106,84,.06),transparent 70%);pointer-events:none}
      .hp-vid-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;position:relative;z-index:1;flex-wrap:wrap}
      .hp-vid-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:'Plus Jakarta Sans',sans-serif;font-size:.6rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#2c6a54;margin-bottom:8px}
      .hp-vid-bar{display:inline-block;width:28px;height:2px;background:#2c6a54}
      .hp-vid-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.5rem;font-weight:900;color:#2c6a54;letter-spacing:-.55px;line-height:1.1;margin:0 0 5px}
      .hp-vid-title em{font-style:italic;color:#c0654a}
      .hp-vid-sub{color:rgba(26,20,20,.65);font-size:.85rem;margin:0;line-height:1.5}
      .hp-vid-nav{display:flex;gap:6px;flex-shrink:0}
      .hp-vid-arrow{width:34px;height:34px;background:#fff;border:1px solid rgba(44,106,84,.2);color:#2c6a54;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s;border-radius:0}
      .hp-vid-arrow:hover{background:#2c6a54;color:#fff;border-color:#2c6a54;transform:translateY(-1px)}
      .hp-vid-arrow svg{width:14px;height:14px}

      .hp-vid-viewport{position:relative;z-index:1;overflow:hidden;margin:0 -2px}
      .hp-vid-track{display:flex;gap:12px;padding:2px;scroll-snap-type:x mandatory;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none}
      .hp-vid-track::-webkit-scrollbar{display:none}
      .hp-vid-card{flex:0 0 280px;scroll-snap-align:start;background:#fff;border:1px solid rgba(0,0,0,.08);display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:all .22s;overflow:hidden}
      .hp-vid-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(44,106,84,.12);border-color:#c0654a}
      .hp-vid-card:hover .hp-vid-play{transform:scale(1.1);box-shadow:0 8px 20px rgba(192,101,74,.45)}

      .hp-vid-thumb{position:relative;aspect-ratio:16/10;overflow:hidden;display:flex;align-items:center;justify-content:center}
      .hp-vid-thumb::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.18),transparent 60%);pointer-events:none}
      .hp-vid-bg-icon{position:absolute;bottom:-14px;right:-14px;width:90px;height:90px;color:rgba(255,255,255,.12);pointer-events:none}
      .hp-vid-bg-icon[data-lucide]{width:90px !important;height:90px !important}
      .hp-vid-play{position:relative;width:52px;height:52px;background:rgba(255,255,255,.95);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#c0654a;box-shadow:0 6px 16px rgba(0,0,0,.25);transition:all .25s;z-index:1}
      .hp-vid-play svg{width:20px;height:20px;margin-left:3px}
      .hp-vid-num{position:absolute;top:10px;left:12px;font-family:'Plus Jakarta Sans',sans-serif;font-size:.68rem;font-weight:900;letter-spacing:1.5px;color:rgba(255,255,255,.8);z-index:1}
      .hp-vid-meta{position:absolute;bottom:10px;left:12px;padding:2px 8px;background:rgba(0,0,0,.3);backdrop-filter:blur(8px);color:#fff;font-family:'Inter',sans-serif;font-size:.65rem;font-weight:700;letter-spacing:.3px;z-index:1;border-radius:2px}

      .hp-vid-body{padding:14px 16px;display:flex;flex-direction:column;gap:6px;flex:1}
      .hp-vid-name{font-family:'Plus Jakarta Sans',sans-serif;font-size:.96rem;font-weight:800;color:#2c6a54;margin:0;line-height:1.25;letter-spacing:-.2px}
      .hp-vid-body p{font-size:.76rem;color:rgba(26,20,20,.65);margin:0;line-height:1.5;flex:1}
      .hp-vid-watch{display:inline-flex;align-items:center;gap:5px;font-family:'Plus Jakarta Sans',sans-serif;font-size:.66rem;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:#c0654a;margin-top:4px}
      .hp-vid-watch svg{width:11px;height:11px;transition:transform .2s}
      .hp-vid-card:hover .hp-vid-watch svg{transform:translateX(3px)}

      .hp-vid-dots{display:flex;justify-content:center;gap:5px;margin-top:14px;position:relative;z-index:1}
      .hp-vid-dot{width:6px;height:6px;background:rgba(44,106,84,.25);border-radius:50%;cursor:pointer;transition:all .2s;border:none;padding:0}
      .hp-vid-dot.active{background:#c0654a;width:18px;border-radius:3px}

/* ── Pricing inline styles ── */
  /* Inline compact pricing inside content column */
  .hp-pr-inline{margin-top:30px;padding:28px 26px;background:linear-gradient(135deg,#FAF9F5 0%,#f4ede0 100%);border:1px solid rgba(44,106,84,.12);border-left:4px solid #c0654a;box-shadow:0 8px 22px rgba(44,106,84,.06);position:relative;overflow:hidden}
  .hp-pr-inline::after{content:'';position:absolute;top:-60px;right:-60px;width:200px;height:200px;background:radial-gradient(circle,rgba(192,101,74,.08),transparent 70%);pointer-events:none}
  .hp-pr-head{margin-bottom:22px;position:relative;z-index:1}
  .hp-pr-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:'Plus Jakarta Sans',sans-serif;font-size:.6rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#c0654a;margin-bottom:8px}
  .hp-pr-bar{display:inline-block;width:28px;height:2px;background:#c0654a}
  .hp-pr-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.55rem;font-weight:900;color:#2c6a54;letter-spacing:-.6px;line-height:1.1;margin:0 0 6px}
  .hp-pr-title em{font-style:italic;color:#c0654a}
  .hp-pr-sub{color:rgba(26,20,20,.65);font-size:.88rem;margin:0;line-height:1.5}

  .hp-pr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;position:relative;z-index:1}
  @media(max-width:820px){.hp-pr-grid{grid-template-columns:1fr}}

  .hp-pr-col{position:relative;background:#fff;border:1px solid rgba(0,0,0,.08);padding:16px 16px;display:flex;flex-direction:column;transition:all .25s}
  .hp-pr-col:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(44,106,84,.1)}
  .hp-pr-col.featured{border:1.5px solid #c0654a;background:linear-gradient(180deg,rgba(192,101,74,.05),#fff)}
  .hp-pr-ribbon{position:absolute;top:-9px;left:50%;transform:translateX(-50%);padding:3px 10px;background:#c0654a;color:#fff;font-family:'Plus Jakarta Sans',sans-serif;font-size:.54rem;font-weight:800;letter-spacing:1.3px;text-transform:uppercase;white-space:nowrap;box-shadow:0 3px 8px rgba(192,101,74,.35)}

  .hp-pr-col-head{display:flex;gap:9px;align-items:flex-start;padding-bottom:10px;border-bottom:1px dashed rgba(0,0,0,.1);margin-bottom:10px}
  .hp-pr-icon{width:34px;height:34px;flex-shrink:0;background:linear-gradient(135deg,#2c6a54,#2c6a54);color:#FAF9F5;display:flex;align-items:center;justify-content:center;border-radius:8px;box-shadow:0 3px 8px rgba(44,106,84,.25)}
  .hp-pr-icon.coral{background:linear-gradient(135deg,#c0654a,#c0654a);box-shadow:0 3px 8px rgba(192,101,74,.3)}
  .hp-pr-icon svg{width:16px;height:16px}
  .hp-pr-role{font-family:'Plus Jakarta Sans',sans-serif;font-size:.54rem;font-weight:800;letter-spacing:1.3px;text-transform:uppercase;color:#c0654a;margin-bottom:2px}
  .hp-pr-price-row{display:flex;align-items:baseline;gap:4px;flex-wrap:wrap}
  .hp-pr-big{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.2rem;font-weight:900;color:#2c6a54;line-height:1;letter-spacing:-.3px}
  .hp-pr-per{font-size:.64rem;font-weight:600;color:rgba(26,20,20,.55)}

  .hp-pr-list{list-style:none;margin:0 0 12px;padding:0;flex:1;display:flex;flex-direction:column;gap:5px}
  .hp-pr-list li{display:flex;align-items:flex-start;gap:6px;font-size:.74rem;color:#1a1414;line-height:1.4}
  .hp-pr-list li i{width:12px;height:12px;flex-shrink:0;margin-top:3px;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230d5944' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6 9 17l-5-5'/></svg>")}
  .hp-pr-list strong{color:#2c6a54;font-weight:700}

  .hp-pr-cta{display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;color:#FAF9F5;background:linear-gradient(180deg,#2c6a54 0%,#2c6a54 60%,#2c6a54 100%);border:1px solid #2c6a54;border-radius:10px;font-family:'Plus Jakarta Sans',sans-serif;font-size:.66rem;font-weight:800;letter-spacing:.7px;text-transform:uppercase;text-decoration:none;box-shadow:0 6px 14px rgba(44,106,84,.35),0 2px 4px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(0,0,0,.15);text-shadow:0 1px 2px rgba(0,0,0,.35);transition:all .25s cubic-bezier(.4,0,.2,1)}
  .hp-pr-cta:hover{color:#FAF9F5;transform:translateY(-1px);box-shadow:0 10px 20px rgba(44,106,84,.45),0 3px 6px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(0,0,0,.18)}
  .hp-pr-cta.coral{background:linear-gradient(180deg,#c0654a 0%,#c0654a 60%,#c0654a 100%);border:1px solid #c0654a;box-shadow:0 6px 14px rgba(192,101,74,.35),0 2px 4px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(0,0,0,.15)}
  .hp-pr-cta.coral:hover{box-shadow:0 10px 20px rgba(192,101,74,.45),0 3px 6px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(0,0,0,.18)}

  .hp-pr-foot{text-align:center;position:relative;z-index:1}
  .hp-pr-detail{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;color:#2c6a54;font-family:'Plus Jakarta Sans',sans-serif;font-size:.66rem;font-weight:800;letter-spacing:.7px;text-transform:uppercase;text-decoration:none;border-bottom:2px dashed rgba(44,106,84,.35);transition:all .2s}
  .hp-pr-detail:hover{color:#c0654a;border-bottom-color:#c0654a}

  /* ══════════════════════════════════════════════════════════════════
     MOBILE RESPONSIVE — comprehensive overrides for < 1024 / < 768 / < 480
     ══════════════════════════════════════════════════════════════════ */
  html,body{overflow-x:clip;max-width:100vw}
  *{box-sizing:border-box}
  img,video,iframe{max-width:100%;height:auto}

  @media(max-width:1024px){
    /* Hero panels stacking is handled by the earlier rule (line ~493) — don't hide here */
    .process-sec{padding:64px 18px}
    .about-inline{padding:14px 0}
    .about-inline-cards{grid-template-columns:1fr}
    .site-footer{padding:40px 18px 24px}
  }

  @media(max-width:768px){
    /* Navbar */

    /* Hero */
    .hero-section{padding:12px 12px 0;gap:16px}
    .hero-left-panel{padding:22px 16px}
    .hero-eyebrow{
      font-size:.5rem !important;
      letter-spacing:1.4px !important;
      padding:5px 14px !important;
      gap:6px !important;
      margin-bottom:14px !important;
      max-width:calc(100% - 24px);
      white-space:normal;
      line-height:1.25;
    }
    /* Hero CTAs (.hero-btns) — keep BOTH buttons on one line, compact */
    .hero-btns{
      flex-direction:row !important;
      flex-wrap:nowrap !important;
      gap:8px !important;
      justify-content:center !important;
      align-items:stretch !important;
      margin-bottom:14px !important;
    }
    .hero-btns .hbtn,
    .hero-btns a.hbtn,
    .hero-btns .hbtn-primary,
    .hero-btns .hbtn-outline{
      flex:1 1 0 !important;
      min-width:0 !important;
      padding:8px 10px !important;
      font-size:.66rem !important;
      letter-spacing:.3px !important;
      line-height:1.15 !important;
      gap:6px !important;
      white-space:normal !important;
      text-align:center !important;
    }
    .hero-btns .hbtn-icon{
      width:22px !important;height:22px !important;flex-shrink:0;
    }
    .hero-btns .hbtn-icon svg{width:12px !important;height:12px !important}
    .hero-btns .hbtn-arrow{display:none !important}
    .hero-eyebrow-dot{width:5px !important;height:5px !important}
    .hero-eyebrow-txt{padding-right:0 !important;font-size:.5rem !important;letter-spacing:1.4px !important}
  }
  @media(max-width:480px){
    .hero-eyebrow{
      font-size:.46rem !important;
      letter-spacing:1.2px !important;
      padding:4px 12px !important;
      gap:5px !important;
    }
    .hero-eyebrow-dot{width:4px !important;height:4px !important}
    .hero-eyebrow-txt{font-size:.46rem !important;letter-spacing:1.2px !important}

    /* Tighter still on small phones */
    .hero-btns{gap:6px !important}
    .hero-btns .hbtn,
    .hero-btns a.hbtn{
      padding:7px 8px !important;
      font-size:.6rem !important;
      letter-spacing:.2px !important;
      gap:5px !important;
    }
    .hero-btns .hbtn-icon{width:20px !important;height:20px !important}
    .hero-btns .hbtn-icon svg{width:11px !important;height:11px !important}
  }

  /* ── How It Works (Clients / Agencies flow) — mobile polish ─── */
  @media(max-width:640px){
    .hero-steps-row{padding:0 4px}
    .steps-eyebrow{font-size:.6rem !important;letter-spacing:1.4px !important;margin-bottom:14px !important}
    .flow-group{margin-bottom:18px}
    .flow-group-label{
      font-size:.58rem !important;
      letter-spacing:1.3px !important;
      padding:4px 10px 4px 8px !important;
      gap:6px !important;
      margin-bottom:10px;
    }
    .flow-group-num{
      width:16px !important;height:16px !important;
      font-size:.55rem !important;
    }
    /* Stack cards vertically with a vertical arrow chip between them */
    .hero-steps-cards{
      display:flex !important;
      flex-direction:column !important;
      gap:8px !important;
    }
    .hero-steps-cards .pstep,
    .hero-steps-row .pstep{
      padding:14px 16px !important;
      background:#FFFEFA !important;
      border:1px solid rgba(44,106,84,.14) !important;
      border-left:3px solid #c0654a !important;
      box-shadow:0 2px 6px rgba(44,106,84,.06) !important;
    }
    .hero-steps-row .pstep-icon{
      width:38px !important;height:38px !important;
      margin-bottom:10px !important;
      border-radius:0 !important;
    }
    .hero-steps-row .pstep-icon svg{width:18px !important;height:18px !important}
    .hero-steps-row .pstep-num{
      font-size:1.55rem !important;
      top:10px !important;right:14px !important;
      color:rgba(44,106,84,.18) !important;
    }
    .hero-steps-row .pstep h3{
      font-size:.95rem !important;
      margin-bottom:4px !important;
      letter-spacing:-.1px !important;
    }
    .hero-steps-row .pstep p{
      font-size:.78rem !important;
      line-height:1.45 !important;
      color:rgba(26,20,20,.62) !important;
    }
    /* Arrow between cards — vertical orientation, compact */
    .pstep-arrow.flow-arrow{
      transform:rotate(90deg);
      align-self:center;
      font-size:1rem !important;
      color:#c0654a !important;
      margin:0 !important;
      padding:0 !important;
      opacity:.7;
    }

    /* Vendor + Contact CTAs — full-width pills, single row */
    .vendor-cta,.contact-cta{
      width:100% !important;
      padding:10px 14px !important;
      font-size:.74rem !important;
      letter-spacing:.4px !important;
      gap:8px !important;
      margin-top:14px !important;
    }
    .vendor-cta-txt,.contact-cta-txt{font-size:.74rem !important}
    .vendor-cta svg,.contact-cta svg{width:14px !important;height:14px !important}
    .vendor-cta-arrow,.contact-cta-arrow{font-size:.85rem !important}
  }
  @media(max-width:420px){
    .hero-steps-row .pstep{padding:12px 14px !important}
    .hero-steps-row .pstep h3{font-size:.88rem !important}
    .hero-steps-row .pstep p{font-size:.72rem !important}
    .hero-steps-row .pstep-num{font-size:1.35rem !important;top:8px !important;right:12px !important}
    .hero-steps-row .pstep-icon{width:34px !important;height:34px !important;margin-bottom:8px !important}
    .hero-steps-row .pstep-icon svg{width:16px !important;height:16px !important}
  }
  @media(max-width:768px){
    /* fallback aliases — keep original media block below working */
    .hero-eyebrow.legacy-only{font-size:.56rem;letter-spacing:1.8px}
    .hero-headline,.hero-title{font-size:clamp(1.65rem,7vw,2.4rem) !important;line-height:1.1}
    .hero-desc{font-size:.9rem;line-height:1.55;padding-top:14px}
    .hero-ctas,.hero-cta-row{flex-direction:column;align-items:stretch;gap:10px}
    .hero-ctas .hbtn,.hero-cta-row .hbtn,.hero-ctas a,.hero-cta-row a{width:100%;justify-content:center}
    .trust-bar,.hero-trust{flex-wrap:wrap;gap:6px;justify-content:center}
    .trust-item{font-size:.7rem;padding:5px 10px}

    /* Section padding */
    .process-sec,.choose-sec,.home-sec{padding:48px 14px}
    .sec-head{margin-bottom:28px}
    .sec-title{font-size:clamp(1.3rem,5vw,1.8rem) !important}
    .sec-sub{font-size:.86rem}
    .process-steps{flex-direction:column;gap:14px}
    .pstep{padding:22px 18px}
    .pstep-arrow{transform:rotate(90deg);font-size:1.4rem;margin:-4px auto}

    /* About inline (in hero middle) */
    .about-inline-title{font-size:1.1rem}
    .about-inline-cards{gap:8px}
    .about-inline-card{padding:12px 10px}
    .about-inline-stats{gap:10px;flex-wrap:wrap;justify-content:space-around}
    .about-inline-stat strong{font-size:1rem}

    /* Video section */
    .hp-vid-sec{padding:18px 14px;margin-top:20px}
    .hp-vid-head{flex-direction:column;align-items:stretch;gap:10px}
    .hp-vid-title{font-size:1.15rem}
    .hp-vid-sub{font-size:.78rem}
    .hp-vid-nav{justify-content:flex-start}
    .hp-vid-card{flex:0 0 82%;min-width:82%}
    .hp-vid-name{font-size:.88rem}

    /* Pricing inline */
    .hp-pr-inline{padding:20px 16px;margin-top:20px}
    .hp-pr-title{font-size:1.2rem}
    .hp-pr-sub{font-size:.82rem}
    .hp-pr-grid{grid-template-columns:1fr !important;gap:14px}
    .hp-pr-col{padding:18px 16px}

    /* Footer */
    .site-footer{padding:32px 14px 20px}
    .footer-grid{grid-template-columns:1fr !important;gap:24px;margin-bottom:28px}
    .footer-col ul{gap:8px}
    .footer-bottom{flex-direction:column;gap:8px;text-align:center;align-items:center}
    .footer-legal{flex-wrap:wrap;justify-content:center}

    /* Modal */
    .modal-box{padding:22px;max-width:calc(100vw - 24px)}
    .status-box{width:100%;height:100vh;max-height:100vh}
  }

  @media(max-width:480px){
    .hero-section{padding:8px 8px 0}
    .hero-left-panel{padding:18px 12px}
    .hero-headline,.hero-title{font-size:1.55rem !important}
    .hero-desc{font-size:.84rem}
    .process-sec,.choose-sec,.home-sec,.site-footer{padding-left:10px;padding-right:10px}
    .pstep{padding:18px 14px}
    .about-inline-title{font-size:1rem}
    .hp-vid-card{flex:0 0 86%;min-width:86%}
    .hp-pr-big{font-size:1.05rem}
    .hp-vid-title{font-size:1.05rem}
    .hp-pr-title{font-size:1.1rem}
    .status-modal{padding:0}
  }

/* ═════════════════════════════════════════════════════════════════
   AGGRESSIVE MOBILE RESET for ≤768px — fix hero alignment / overflow.
   These run AFTER all other rules so they win the cascade.
   ═════════════════════════════════════════════════════════════════ */
@media (max-width:768px){
  body, html { overflow-x: clip; max-width: 100vw; }
  .gd-public-shell {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
  .gd-public-shell > * {
    max-width: 100% !important;
    box-sizing: border-box;
  }
  .hero-section {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 18px 14px 0 !important;
    display: block !important;
    grid-template-columns: none !important;
  }
  .hero-left-panel {
    max-width: 100% !important;
    width: 100% !important;
    padding: 24px 18px !important;
    border: 1px solid rgba(0,0,0,.1) !important;
    border-left: 3px solid #c0654a !important;
    box-sizing: border-box;
  }
  .hero-headline, .hero-title {
    font-size: clamp(1.5rem, 6.5vw, 2.1rem) !important;
    line-height: 1.15 !important;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
  .hero-desc { font-size: .92rem !important; line-height: 1.55 !important; padding-top: 14px !important; }
  .hero-ctas, .hero-cta-row {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
    width: 100% !important;
  }
  .hero-ctas .hbtn, .hero-cta-row .hbtn,
  .hero-ctas a, .hero-cta-row a { width: 100% !important; justify-content: center !important; }
  .trust-bar, .hero-trust { flex-wrap: wrap !important; gap: 6px !important; justify-content: center !important; }
  /* All other home sections — full width, no horizontal overflow */
  .process-sec, .choose-sec, .home-sec,
  .hp-vid-sec, .hp-pr-inline, .about-inline,
  .site-footer {
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box;
  }
}

/* ════════════════════════════════════════════════════════════════
   How-It-Works section — flat editorial polish
   ════════════════════════════════════════════════════════════════ */

/* Section eyebrow */
.steps-eyebrow{
  color:#2c6a54 !important;
  font-family:'Plus Jakarta Sans',sans-serif !important;
  font-weight:900 !important;
  font-size:.78rem !important;
  letter-spacing:2.4px !important;
  text-transform:uppercase !important;
  display:inline-flex;align-items:center;gap:10px;
  margin-bottom:18px;
}
.steps-eyebrow::before{
  display:none;
}

/* Group label (FOR CLIENTS / FOR AGENCIES) — flat, cleaner */
.flow-group-label{
  background:rgba(44,106,84,.06) !important;
  border-left:3px solid #2c6a54 !important;
  color:#2c6a54 !important;
  font-family:'Plus Jakarta Sans',sans-serif !important;
  font-weight:900 !important;
  font-size:.74rem !important;
  letter-spacing:1.6px !important;
  padding:7px 14px 7px 12px !important;
  text-transform:uppercase !important;
  margin-bottom:14px;
}
.flow-group-num{
  background:#c0654a !important;
  color:#fff !important;
  padding:2px 6px;
  font-size:.62rem;
  font-weight:900;
  letter-spacing:.6px;
  margin-right:4px;
}

/* Step cards — clean editorial */
.hero-steps-row .pstep{
  background:#fff !important;
  border:1px solid rgba(44,106,84,.12) !important;
  padding:18px 18px !important;
  position:relative;
  box-shadow:0 2px 6px rgba(44,106,84,.04) !important;
  transition:all .25s cubic-bezier(.4,0,.2,1) !important;
}
.hero-steps-row .pstep:hover{
  transform:translateY(-3px);
  border-color:rgba(192,101,74,.4) !important;
  box-shadow:0 10px 22px rgba(44,106,84,.1),0 0 0 1px rgba(192,101,74,.18) !important;
}
.hero-steps-row .pstep h3{
  font-family:'Plus Jakarta Sans',sans-serif;
  font-size:1.05rem;
  font-weight:800;
  color:#1a1414;
  margin:6px 0 6px;
  letter-spacing:-.2px;
}
.hero-steps-row .pstep p{
  font-size:.86rem;
  color:rgba(26,20,20,.65);
  line-height:1.5;
  margin:0;
}
.pstep-num{
  position:absolute;top:14px;right:16px;
  font-family:'Plus Jakarta Sans',sans-serif;
  font-size:.78rem;font-weight:900;
  color:rgba(44,106,84,.18);
  letter-spacing:.5px;
}

/* Step icons — flat squares with brand color */
.hero-steps-row .pstep-icon{
  width:44px !important;height:44px !important;
  background:#2c6a54 !important;
  color:#FAF9F5 !important;
  display:flex;align-items:center;justify-content:center;
  margin-bottom:12px !important;
  box-shadow:0 3px 8px rgba(44,106,84,.18) !important;
  transition:transform .25s ease;
}
.hero-steps-row .pstep:hover .pstep-icon{
  transform:scale(1.06);
}
.hero-steps-row .pstep-icon svg{width:20px !important;height:20px !important;color:#FAF9F5 !important;filter:none !important;stroke-width:2.2 !important}

/* Flow arrow */
.flow-arrow{
  color:#c0654a !important;
  font-size:1.4rem !important;
  font-weight:800;
  filter:none !important;
}

/* ── PRIMARY CTA: forest green solid ── */
.vendor-cta{
  display:flex !important;align-items:center;justify-content:center;
  gap:12px;
  padding:16px 28px !important;
  background:#2c6a54 !important;
  color:#FAF9F5 !important;
  border:1px solid #2c6a54 !important;
  font-family:'Plus Jakarta Sans',sans-serif !important;
  font-size:.86rem !important;font-weight:900 !important;
  letter-spacing:1.2px !important;text-transform:uppercase !important;
  text-decoration:none;
  box-shadow:0 4px 12px rgba(44,106,84,.25) !important;
  transition:all .25s cubic-bezier(.4,0,.2,1) !important;
  margin-top:14px;text-shadow:0 1px 2px rgba(0,0,0,.3);
}
.vendor-cta::before, .vendor-cta-pulse{display:none !important}
.vendor-cta:hover{
  background:#2c6a54 !important;
  border-color:#c0654a !important;
  transform:translateY(-2px);
  box-shadow:0 0 0 2px rgba(192,101,74,.4),0 12px 24px rgba(44,106,84,.32),0 4px 8px rgba(0,0,0,.1) !important;
}
.vendor-cta svg{width:18px;height:18px;flex-shrink:0}
.vendor-cta-arrow{font-size:1.1rem;transition:transform .25s}
.vendor-cta:hover .vendor-cta-arrow{transform:translateX(6px)}

/* ── SECONDARY CTA: cream + coral border, clearly distinct ── */
.contact-cta{
  display:flex !important;align-items:center;justify-content:center;
  gap:10px;
  padding:14px 24px !important;
  background:#FFFEFA !important;
  color:#2c6a54 !important;
  border:1.5px solid rgba(44,106,84,.25) !important;
  font-family:'Plus Jakarta Sans',sans-serif !important;
  font-size:.78rem !important;font-weight:800 !important;
  letter-spacing:1.2px !important;text-transform:uppercase !important;
  text-decoration:none;
  box-shadow:0 2px 6px rgba(44,106,84,.06) !important;
  transition:all .25s cubic-bezier(.4,0,.2,1) !important;
  margin-top:10px;
}
.contact-cta:hover{
  background:#fff5ec !important;
  color:#c0654a !important;
  border-color:#c0654a !important;
  transform:translateY(-2px);
  box-shadow:0 8px 18px rgba(192,101,74,.18) !important;
}
.contact-cta svg{width:15px;height:15px;flex-shrink:0;filter:none !important}
.contact-cta-arrow{transition:transform .25s;font-size:1rem}
.contact-cta:hover .contact-cta-arrow{transform:translateX(5px)}

/* ════════════════════════════════════════════════════════════════
   STRONG OVERRIDE for vendor-cta / contact-cta — beat any earlier rule
   Higher specificity selectors using compound + ID-level weight.
   ════════════════════════════════════════════════════════════════ */
a.vendor-cta,
.hero-steps-row a.vendor-cta,
#how-it-works a.vendor-cta {
  background: #2c6a54 !important;
  background-image: none !important;
  color: #FAF9F5 !important;
  border: 1px solid #2c6a54 !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.3);
  box-shadow: 0 4px 12px rgba(44,106,84,.25) !important;
  padding: 17px 30px !important;
  font-weight: 900 !important;
}
a.vendor-cta:hover,
.hero-steps-row a.vendor-cta:hover,
#how-it-works a.vendor-cta:hover {
  background: #2c6a54 !important;
  background-image: none !important;
  border-color: #c0654a !important;
  transform: translateY(-2px);
  box-shadow:
    0 0 0 2px rgba(192,101,74,.4),
    0 12px 24px rgba(44,106,84,.32),
    0 4px 8px rgba(0,0,0,.1) !important;
}

a.contact-cta,
.hero-steps-row a.contact-cta,
#how-it-works a.contact-cta {
  background: #FFFEFA !important;
  background-image: none !important;
  color: #2c6a54 !important;
  border: 1.5px solid rgba(44,106,84,.25) !important;
  text-shadow: none !important;
  box-shadow: 0 2px 6px rgba(44,106,84,.06) !important;
  padding: 14px 26px !important;
  font-weight: 800 !important;
}
a.contact-cta:hover,
.hero-steps-row a.contact-cta:hover,
#how-it-works a.contact-cta:hover {
  background: #fff5ec !important;
  background-image: none !important;
  color: #c0654a !important;
  border-color: #c0654a !important;
  transform: translateY(-2px);
  box-shadow: 0 8px 18px rgba(192,101,74,.18) !important;
}

/* SVG icons inside both CTAs — ensure correct color inheritance */
a.vendor-cta svg { color: #FAF9F5 !important; stroke: #FAF9F5 !important; }
a.contact-cta svg { color: #2c6a54 !important; stroke: #2c6a54 !important; }
a.contact-cta:hover svg { color: #c0654a !important; stroke: #c0654a !important; }

/* ── Force sharp corners on hero CTAs (override original 10px radius) ── */
a.vendor-cta,
a.contact-cta,
.hero-steps-row a.vendor-cta,
.hero-steps-row a.contact-cta,
#how-it-works a.vendor-cta,
#how-it-works a.contact-cta {
  border-radius: 0 !important;
}

/* ════════════════════════════════════════════════════════════════
   Vendor CTA — UNIQUE HOVER: coral diagonal swipe fill from left
   ════════════════════════════════════════════════════════════════ */
a.vendor-cta {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate;
  letter-spacing: 1.2px !important;
  transition: letter-spacing .35s cubic-bezier(.4,0,.2,1),
              transform .35s cubic-bezier(.4,0,.2,1),
              box-shadow .35s cubic-bezier(.4,0,.2,1),
              border-color .35s cubic-bezier(.4,0,.2,1) !important;
}
/* Layer 1: solid coral block that slides diagonally from left */
a.vendor-cta::before {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 0;
  height: 100%;
  background: #c0654a;
  z-index: -1;
  transform: skewX(-22deg) translateX(-20px);
  transform-origin: left center;
  transition: width .55s cubic-bezier(.65,0,.35,1);
  display: block !important;
}
/* Layer 2: bright shine streak that travels across */
a.vendor-cta::after {
  content: '';
  position: absolute;
  top: 0; bottom: 0;
  left: -50%;
  width: 30%;
  background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,.32) 50%, transparent 100%);
  transform: skewX(-22deg);
  transition: left .8s cubic-bezier(.65,0,.35,1);
  pointer-events: none;
  z-index: 1;
}

/* HOVER STATE */
a.vendor-cta:hover,
.hero-steps-row a.vendor-cta:hover,
#how-it-works a.vendor-cta:hover {
  background: #2c6a54 !important;        /* base stays forest */
  color: #FAF9F5 !important;
  border-color: #c0654a !important;
  letter-spacing: 1.8px !important;
  transform: translateY(-3px) !important;
  box-shadow:
    0 0 0 2px rgba(192,101,74,.5),
    0 16px 30px rgba(192,101,74,.35),
    0 6px 12px rgba(44,106,84,.32),
    0 2px 6px rgba(0,0,0,.1) !important;
}
/* Coral block slides to fill the entire button */
a.vendor-cta:hover::before {
  width: calc(100% + 40px);
}
/* Shine streak swooshes across */
a.vendor-cta:hover::after {
  left: 130%;
}
/* Icon rotates + arrow flies */
a.vendor-cta:hover svg:first-of-type {
  transform: rotate(-8deg) scale(1.1);
  transition: transform .35s cubic-bezier(.34,1.56,.64,1);
}
a.vendor-cta svg:first-of-type {
  transition: transform .25s ease;
}
a.vendor-cta:hover .vendor-cta-arrow {
  transform: translateX(10px) !important;
  letter-spacing: normal;
  color: #FFF7F1;
  text-shadow: 0 0 12px rgba(255,247,241,.6);
}

/* ════════════════════════════════════════════════════════════════
   Hero eyebrow — GOLDEN editorial badge
   ════════════════════════════════════════════════════════════════ */
.hero-eyebrow,
.hero-content-wrap .hero-eyebrow {
  background: #C8A442 !important;
  background-image: none !important;
  border: 1.5px solid #8E7220 !important;
  color: #FFFAEA !important;
  box-shadow:
    0 0 0 2px rgba(200,164,66,.18),
    0 4px 12px rgba(142,114,32,.32),
    0 1px 3px rgba(0,0,0,.1) !important;
  text-shadow: 0 1px 2px rgba(80,55,10,.65) !important;
}
.hero-eyebrow-dot {
  background: #FFFAEA !important;
  box-shadow:
    0 0 0 2px rgba(255,250,234,.4),
    0 0 12px rgba(255,250,234,.85),
    inset 0 -1px 2px rgba(142,114,32,.4) !important;
}
.hero-eyebrow-txt {
  color: #FFFAEA !important;
  -webkit-text-fill-color: #FFFAEA !important;
  text-shadow:
    0 1px 2px rgba(80,55,10,.85),
    0 0 1px rgba(80,55,10,1) !important;
}
@keyframes eyebrowDotPulse {
  0%,100% { transform:scale(1); box-shadow:0 0 0 2px rgba(255,250,234,.4),0 0 12px rgba(255,250,234,.85),inset 0 -1px 2px rgba(142,114,32,.4); }
  50%     { transform:scale(1.25); box-shadow:0 0 0 4px rgba(255,250,234,.22),0 0 20px rgba(255,250,234,1),inset 0 -1px 2px rgba(142,114,32,.4); }
}
.hero-eyebrow:hover,
.hero-content-wrap .hero-eyebrow:hover {
  background: #D4B250 !important;
  border-color: #B89234 !important;
  transform: translateY(-2px) scale(1.03);
  box-shadow:
    0 0 0 2px rgba(212,178,80,.3),
    0 8px 22px rgba(142,114,32,.45),
    0 2px 6px rgba(0,0,0,.12) !important;
}

/* ════════════════════════════════════════════════════════════════
   Hero eyebrow — GLOSSY POLISHED GOLD with shine sweep
   ════════════════════════════════════════════════════════════════ */
.hero-content-wrap .hero-eyebrow,
.hero-eyebrow {
  background: linear-gradient(180deg,
    #FFE89A 0%,
    #E8C763 18%,
    #C8A442 50%,
    #A88528 80%,
    #C8A442 100%) !important;
  background-image: linear-gradient(180deg,
    #FFE89A 0%,
    #E8C763 18%,
    #C8A442 50%,
    #A88528 80%,
    #C8A442 100%) !important;
  border: 1.5px solid #8E7220 !important;
  color: #4A3608 !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow:
    0 0 0 1px rgba(255,232,154,.5),
    0 0 18px rgba(232,199,99,.6),
    0 0 36px rgba(200,164,66,.35),
    0 6px 16px rgba(142,114,32,.45),
    0 2px 4px rgba(0,0,0,.12),
    inset 0 1.5px 0 rgba(255,250,234,.85),
    inset 0 -1.5px 0 rgba(80,55,10,.35),
    inset 1px 0 1px rgba(255,250,234,.4),
    inset -1px 0 1px rgba(80,55,10,.25) !important;
  text-shadow:
    0 1px 1px rgba(255,250,234,.55),
    0 -1px 0 rgba(80,55,10,.3) !important;
}
.hero-content-wrap .hero-eyebrow::before,
.hero-eyebrow::before {
  display: block !important;
  content: '';
  position: absolute;
  top: 0; bottom: 0;
  left: -40%;
  width: 35%;
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(255,255,255,.55) 45%,
    rgba(255,255,255,.85) 50%,
    rgba(255,255,255,.55) 55%,
    transparent 100%) !important;
  background-image: linear-gradient(90deg,
    transparent 0%,
    rgba(255,255,255,.55) 45%,
    rgba(255,255,255,.85) 50%,
    rgba(255,255,255,.55) 55%,
    transparent 100%) !important;
  transform: skewX(-22deg);
  animation: eyebrowGoldShine 4s ease-in-out infinite;
  pointer-events: none;
  z-index: 0;
}
@keyframes eyebrowGoldShine {
  0%, 50%   { left: -40%; }
  85%, 100% { left: 130%; }
}

/* Top highlight — glassy reflective curve */
.hero-content-wrap .hero-eyebrow::after,
.hero-eyebrow::after {
  display: block !important;
  content: '';
  position: absolute;
  top: 1px; left: 6px; right: 6px;
  height: 45%;
  background: linear-gradient(180deg,
    rgba(255,255,255,.55) 0%,
    rgba(255,255,255,.18) 60%,
    transparent 100%) !important;
  background-image: linear-gradient(180deg,
    rgba(255,255,255,.55) 0%,
    rgba(255,255,255,.18) 60%,
    transparent 100%) !important;
  border-radius: inherit;
  pointer-events: none;
  z-index: 0;
}

/* Pulsing diamond dot — bright + glowy */
.hero-eyebrow-dot {
  background: radial-gradient(circle at 30% 30%, #FFFCF0 0%, #FFE89A 50%, #C8A442 100%) !important;
  background-image: radial-gradient(circle at 30% 30%, #FFFCF0 0%, #FFE89A 50%, #C8A442 100%) !important;
  box-shadow:
    0 0 0 2px rgba(255,250,234,.5),
    0 0 14px rgba(255,232,154,.95),
    0 0 28px rgba(255,232,154,.55),
    inset 0 -1px 2px rgba(142,114,32,.4) !important;
}

/* Text — slight metallic engraved look */
.hero-eyebrow-txt {
  color: #2D1F02 !important;
  -webkit-text-fill-color: #2D1F02 !important;
  text-shadow:
    0 1px 0 rgba(255,250,234,.7),
    0 -1px 0 rgba(80,55,10,.35),
    0 0 1px rgba(45,31,2,.6) !important;
  position: relative;
  z-index: 2;
}

.hero-content-wrap .hero-eyebrow:hover,
.hero-eyebrow:hover {
  border-color: #B89234 !important;
  transform: translateY(-2px) scale(1.03);
  box-shadow:
    0 0 0 2px rgba(255,232,154,.55),
    0 0 26px rgba(232,199,99,.75),
    0 0 52px rgba(200,164,66,.45),
    0 12px 26px rgba(142,114,32,.5),
    0 4px 8px rgba(0,0,0,.14),
    inset 0 1.5px 0 rgba(255,250,234,.95),
    inset 0 -1.5px 0 rgba(80,55,10,.4) !important;
}