/* Gold shimmer — buttons */
  .gold-shimmer{
    position:relative;
    background-image:linear-gradient(110deg,#C98E3D 0%,#E8B864 25%,#F6C576 45%,#FCE6B4 50%,#F6C576 55%,#E8B864 75%,#C98E3D 100%);
    background-size:250% 100%;
    background-position:100% 0;
    animation:goldShimmerBtn 6s ease-in-out infinite;
    overflow:hidden;
    isolation:isolate;
    color:#1F1A15;
  }
  .gold-shimmer::after{
    content:"";
    position:absolute;inset:0;
    background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);
    transform:translateX(-120%);
    animation:goldShimmerSweep 4.5s ease-in-out infinite;
    pointer-events:none;
    mix-blend-mode:screen;
  }
  @keyframes goldShimmerBtn{
    0%,100%{background-position:100% 0}
    50%{background-position:0 0}
  }
  @keyframes goldShimmerSweep{
    0%{transform:translateX(-120%)}
    60%,100%{transform:translateX(120%)}
  }
  /* Gold shimmer — text */
  .gold-shimmer-text{
    background-image:linear-gradient(110deg,#8A6A2F 0%,#C79F52 22%,#F6E3B4 44%,#FFF6DF 50%,#F6C576 58%,#C79F52 78%,#8A6A2F 100%);
    background-size:250% 100%;
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
    -webkit-text-fill-color:transparent;
    animation:goldShimmerBtn 6s ease-in-out infinite;
  }
  /* Editorial hero headline — soft ink w/ gradient shading */
  .ink-shaded{
    background-image:linear-gradient(180deg,#2a2530 0%,#3a3441 45%,#5a4f5f 100%);
    -webkit-background-clip:text;
    background-clip:text;
    color:#2a2530;
  }
  /* Nested inline-block words break background-clip on the parent —
     re-apply the gradient per word so text is always visible. */
  .ink-shaded .word{
    background-image:linear-gradient(180deg,#2a2530 0%,#3a3441 45%,#5a4f5f 100%);
    -webkit-background-clip:text;
    background-clip:text;
    color:#2a2530;
  }
  /* Keep "Made in America." as one balanced line under the ink lines */
  .hl-gold{display:inline-block;font-size:.74em;line-height:1.12;padding-bottom:.06em}
  @media(max-width:420px){.hl-gold{font-size:.68em}}
  .ink-shaded .word.gold-shimmer-text{
    background-image:linear-gradient(105deg,#8A6A2F 0%,#C79F52 24%,#F6E3B4 46%,#FFF6DF 52%,#F6C576 62%,#C79F52 80%,#8A6A2F 100%);
    background-size:250% 100%;
    color:transparent;
    -webkit-text-fill-color:transparent;
  }
  /* Nav CTA — pill with soft glow */
  .nav-cta{
    box-shadow:0 .5rem 1.75rem rgba(246,197,118,.35), inset 0 0 0 1px rgba(255,255,255,.35);
    transition: box-shadow .3s ease, transform .3s ease;
  }
  .nav-cta:hover{
    box-shadow:0 .9rem 2.4rem rgba(246,197,118,.5), inset 0 0 0 1px rgba(255,255,255,.5);
    transform: translateY(-1px);
  }
  .nav-cta .cta-dot{
    width:.42rem;height:.42rem;border-radius:9999px;background:#fff;
    box-shadow:0 0 0 4px rgba(255,255,255,.28);
    animation: ctaPulse 2.2s ease-in-out infinite;
  }
  @keyframes ctaPulse{
    0%,100%{opacity:.85; box-shadow:0 0 0 4px rgba(255,255,255,.22)}
    50%{opacity:1; box-shadow:0 0 0 7px rgba(255,255,255,.05)}
  }
  /* Premium liquid-metal CTA — logo gold with warm cream text and shimmer sweep */
  .skeuomorphic-btn{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:0.5rem;
    border-radius:30px;
    padding:0.85rem 2rem;
    min-height:50px;
    font-family:'Inter',ui-sans-serif,system-ui,sans-serif;
    font-size:0.9375rem;
    font-weight:600;
    letter-spacing:0.01em;
    color:#FFFDE5;
    text-shadow:0 -1px 0 rgba(178,140,2,0.85);
    background:linear-gradient(180deg, #F6C576 0%, #C9A33D 52%, #C58E3A 100%);
    border:1px solid rgba(145,113,0,0.85);
    overflow:hidden;
    isolation:isolate;
    cursor:pointer;
    transition:transform 0.25s cubic-bezier(0.1,0.4,0.2,1), box-shadow 0.25s cubic-bezier(0.1,0.4,0.2,1), filter 0.25s ease;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,0.55),
      inset 0 -2px 0 rgba(0,0,0,0.08),
      0 6px 18px -4px rgba(246,197,118,0.45),
      0 2px 4px rgba(31,26,21,0.12);
  }
  .skeuomorphic-btn::before{
    content:"";
    position:absolute;
    inset:2px;
    border-radius:28px;
    background:linear-gradient(180deg, rgba(255,253,221,0.55) 0%, rgba(133,104,7,0.18) 55%, rgba(255,241,179,0.35) 100%);
    pointer-events:none;
    z-index:-1;
  }
  .skeuomorphic-btn::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(115deg, transparent 20%, rgba(255,255,255,0.55) 45%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.55) 55%, transparent 80%);
    transform:translateX(-120%);
    animation:skeuomorphicShimmer 3s ease-in-out infinite;
    pointer-events:none;
  }
  @keyframes skeuomorphicShimmer{
    0%{transform:translateX(-120%)}
    60%,100%{transform:translateX(120%)}
  }
  .skeuomorphic-btn:hover{
    filter:brightness(1.05);
    transform:translateY(-2px);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,0.65),
      inset 0 -2px 0 rgba(0,0,0,0.06),
      0 12px 28px -8px rgba(246,197,118,0.55),
      0 4px 8px rgba(31,26,21,0.14);
  }
  .skeuomorphic-btn:focus-visible{
    outline:none;
    box-shadow:0 0 0 3px rgba(246,197,118,0.45), 0 12px 28px -8px rgba(246,197,118,0.55);
  }
  .skeuomorphic-btn:active{
    transform:translateY(0) scale(0.98);
    filter:brightness(0.95);
    box-shadow:
      inset 0 2px 4px rgba(0,0,0,0.15),
      0 2px 4px rgba(31,26,21,0.1);
  }
  .skeuomorphic-btn .cta-dot{
    width:0.42rem;height:0.42rem;border-radius:9999px;background:#FFFDE5;
    box-shadow:0 0 0 4px rgba(255,253,229,0.25);
    animation: ctaPulse 2.2s ease-in-out infinite;
  }
  .skeuomorphic-btn iconify-icon{
    color:#FFFDE5;
    transition:transform 0.25s ease;
  }
  .skeuomorphic-btn:hover iconify-icon{
    transform:translateX(3px);
  }
  /* Lighter champagne gold variant for secondary emphasis */
  .skeuomorphic-btn-light{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:0.5rem;
    border-radius:30px;
    padding:0.85rem 2rem;
    min-height:50px;
    font-family:'Inter',ui-sans-serif,system-ui,sans-serif;
    font-size:0.9375rem;
    font-weight:600;
    letter-spacing:0.01em;
    color:#5A4515;
    text-shadow:0 1px 0 rgba(255,255,255,0.45);
    background:linear-gradient(180deg, #F9E3A9 0%, #EBCB7E 52%, #DDBA62 100%);
    border:1px solid rgba(168,135,50,0.65);
    overflow:hidden;
    isolation:isolate;
    cursor:pointer;
    transition:transform 0.25s cubic-bezier(0.1,0.4,0.2,1), box-shadow 0.25s cubic-bezier(0.1,0.4,0.2,1), filter 0.25s ease;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,0.65),
      inset 0 -2px 0 rgba(0,0,0,0.06),
      0 6px 18px -4px rgba(237,201,120,0.4),
      0 2px 4px rgba(31,26,21,0.1);
  }
  .skeuomorphic-btn-light::before{
    content:"";
    position:absolute;
    inset:2px;
    border-radius:28px;
    background:linear-gradient(180deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.15) 55%, rgba(255,248,210,0.35) 100%);
    pointer-events:none;
    z-index:-1;
  }
  .skeuomorphic-btn-light::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(115deg, transparent 20%, rgba(255,255,255,0.65) 45%, rgba(255,255,255,0.95) 50%, rgba(255,255,255,0.65) 55%, transparent 80%);
    transform:translateX(-120%);
    animation:skeuomorphicShimmer 3s ease-in-out infinite;
    pointer-events:none;
  }
  .skeuomorphic-btn-light:hover{
    filter:brightness(1.04);
    transform:translateY(-2px);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,0.75),
      inset 0 -2px 0 rgba(0,0,0,0.04),
      0 12px 28px -8px rgba(237,201,120,0.5),
      0 4px 8px rgba(31,26,21,0.12);
  }
  .skeuomorphic-btn-light:focus-visible{
    outline:none;
    box-shadow:0 0 0 3px rgba(237,201,120,0.4), 0 12px 28px -8px rgba(237,201,120,0.5);
  }
  .skeuomorphic-btn-light:active{
    transform:translateY(0) scale(0.98);
    filter:brightness(0.97);
    box-shadow:
      inset 0 2px 4px rgba(0,0,0,0.12),
      0 2px 4px rgba(31,26,21,0.08);
  }
  .skeuomorphic-btn-light iconify-icon{
    color:#5A4515;
    transition:transform 0.25s ease;
  }
  .skeuomorphic-btn-light:hover iconify-icon{
    transform:translateX(3px);
  }

  /* Secondary liquid-glass CTA — translucent, frosted, subtle shimmer */
  .skeuomorphic-btn-secondary{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:0.5rem;
    border-radius:30px;
    padding:0.85rem 2rem;
    min-height:50px;
    font-family:'Inter',ui-sans-serif,system-ui,sans-serif;
    font-size:0.9375rem;
    font-weight:600;
    letter-spacing:0.01em;
    color:#1F1A15;
    background:linear-gradient(180deg, rgba(255,255,255,0.55) 0%, rgba(255,255,255,0.25) 100%);
    border:1px solid rgba(255,255,255,0.55);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
    overflow:hidden;
    cursor:pointer;
    transition:transform 0.25s cubic-bezier(0.1,0.4,0.2,1), box-shadow 0.25s cubic-bezier(0.1,0.4,0.2,1), color 0.2s ease;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,0.7),
      0 4px 12px rgba(0,0,0,0.06);
  }
  .skeuomorphic-btn-secondary::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(115deg, transparent 25%, rgba(255,255,255,0.4) 48%, rgba(255,255,255,0.65) 50%, rgba(255,255,255,0.4) 52%, transparent 75%);
    transform:translateX(-120%);
    transition:transform 0.6s ease;
    pointer-events:none;
  }
  .skeuomorphic-btn-secondary:hover{
    color:#7A6446;
    transform:translateY(-2px);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,0.85),
      0 8px 20px rgba(0,0,0,0.08);
  }
  .skeuomorphic-btn-secondary:hover::after{
    transform:translateX(120%);
  }
  .skeuomorphic-btn-secondary:focus-visible{
    outline:none;
    box-shadow:0 0 0 3px rgba(184,160,126,0.35), 0 8px 20px rgba(0,0,0,0.08);
  }
  .skeuomorphic-btn-secondary:active{
    transform:translateY(0) scale(0.98);
  }
  .skeuomorphic-btn-secondary .cta-dot{
    width:0.42rem;height:0.42rem;border-radius:9999px;background:#B8A07E;
    transition:background 0.2s ease;
  }
  .skeuomorphic-btn-secondary:hover .cta-dot{
    background:#F6C576;
  }
  .skeuomorphic-btn-secondary iconify-icon{
    transition:transform 0.25s ease;
  }
  .skeuomorphic-btn-secondary:hover iconify-icon{
    transform:translateX(3px);
  }

  /* Hero trust row — subtle, editorial, not button-like */
  .hero-trust-row{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    gap:.35rem .9rem;
    font-family:'Inter',ui-sans-serif,system-ui,sans-serif;
    font-size:11px;
    font-weight:500;
    letter-spacing:.2em;
    text-transform:uppercase;
    color:#6b6572;
  }
  .hero-trust-item{
    display:inline-flex;
    align-items:center;
    gap:.55rem;
    flex-shrink:0;
  }
  .hero-trust-icon{
    color:#B8A07E;
    font-size:1.05rem;
  }
  .hero-trust-separator{
    color:#d8cfc0;
    font-weight:300;
    user-select:none;
  }
  @media(min-width:640px){
    .hero-trust-row{ gap:.5rem 1.1rem; font-size:11.5px; letter-spacing:.22em; }
    .hero-trust-icon{ font-size:1.1rem; }
  }
  /* Localized hero headline variants */
  .hl-lang{display:none}
  .hl-en{display:inline}
  html[data-oem-lang="es"] .hl-en,
  html[data-oem-lang="zh"] .hl-en{display:none}
  html[data-oem-lang="es"] .hl-es{display:inline}
  html[data-oem-lang="zh"] .hl-zh{display:inline;letter-spacing:-.01em;font-weight:300}
  html[data-oem-lang="zh"] h1{line-height:1.18}
  html[data-oem-lang="zh"] .hero-stat-label,
  html[data-oem-lang="zh"] .hero-trust-row{letter-spacing:.06em}
  /* Hero proof strip beneath the film */
  .hero-stat{
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;
    text-align:center;
    padding:1rem .75rem;
    border-radius:var(--r-lg,20px);
    border:1px solid rgba(184,160,126,.22);
    background:linear-gradient(180deg,#fffdf9,#f9f4ea);
    box-shadow:0 1px 2px rgba(30,27,36,.04), 0 .9rem 2rem -1rem rgba(30,27,36,.18);
    transition:transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s;
  }
  .hero-stat:hover{ transform:translateY(-3px); box-shadow:0 2px 4px rgba(30,27,36,.05), 0 1.4rem 2.6rem -1rem rgba(30,27,36,.22); }
  .hero-stat-num{
    font-family:'Manrope',ui-sans-serif,system-ui,sans-serif;
    font-weight:600;font-size:1.35rem;line-height:1;letter-spacing:-.01em;color:#1e1b24;
  }
  .hero-stat-label{
    font-size:10px;line-height:1.4;text-transform:uppercase;letter-spacing:.16em;color:rgba(30,27,36,.5);
  }
  @media(min-width:640px){ .hero-stat-num{ font-size:1.7rem; } .hero-stat-label{ font-size:11px; } }
  @media (prefers-reduced-motion:reduce){ .hero-stat{ transition:none } }

  /* Brand cards — larger logos + richer interactions */
  .brand-card {
    cursor: pointer;
    transition: transform .55s cubic-bezier(.2,.7,.2,1), box-shadow .55s cubic-bezier(.2,.7,.2,1), border-color .55s ease;
  }
  .brand-card .brand-logo {
    max-height: clamp(8.5rem, 14vw, 13rem);
    width: auto;
    max-width: min(22rem, 88%);
    object-fit: contain;
    transition: transform .7s cubic-bezier(.2,.7,.2,1), filter .55s ease;
  }
  .brand-card:hover .brand-logo {
    transform: scale(1.08);
  }
  .brand-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 2.5rem 6rem -1.25rem rgba(143,120,87,.32), 0 1rem 2rem -0.5rem rgba(31,26,21,.12);
    border-color: rgba(184,160,126,.7);
  }
  .brand-card .chip {
    transition: transform .45s ease, background-color .45s ease;
  }
  .brand-card:hover .chip {
    transform: translateY(-2px);
    background-color: rgba(255,255,255,.95);
  }
  .brand-card .card-link {
    transition: color .3s ease, gap .3s ease;
  }
  .brand-card:hover .card-link {
    color: #7A6446;
    gap: 0.75rem;
  }
  .brand-card:focus-within {
    outline: 2px solid #8F7857;
    outline-offset: 3px;
  }
  .brand-card a[href]:focus-visible { outline: none; }
  @media (prefers-reduced-motion: reduce) {
    .brand-card, .brand-card .brand-logo, .brand-card .card-media, .brand-card .chip, .brand-card .card-link { transition: none !important; }
    .brand-card:hover { transform: none; }
    .brand-card:hover .brand-logo { transform: none; }
  }


  /* Prevent horizontal scroll from absolute decorative items.
     Use overflow-x:clip on the scrolling ancestors so position:sticky keeps working. */
  html, body { overflow-x: clip; }
  body { max-width:100vw; }
  @media (prefers-reduced-motion: reduce){
    .gold-shimmer,.gold-shimmer::after,.gold-shimmer-text,.nav-cta .cta-dot,.skeuomorphic-btn::after{animation:none}
  }

  /* ============ Home unification layer ============ */
  /* Unified section padding (vertical + horizontal) */
  main > section,
  main > header {
    padding-left: clamp(24px, 5vw, 64px) !important;
    padding-right: clamp(24px, 5vw, 64px) !important;
  }
  main > section {
    padding-top: clamp(96px, 12vw, 160px) !important;
    padding-bottom: clamp(96px, 12vw, 160px) !important;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
  }
  /* Trust bar is a thin strip — keep it compact */
  main > section#trust-bar {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  /* Hero keeps top breathing room after header */
  main > section#home {
    padding-top: clamp(48px, 8vw, 96px) !important;
  }
  /* CTA card section trimmed bottom */
  main > section#launch {
    padding-bottom: clamp(64px, 8vw, 96px) !important;
  }

  /* Unified heading rhythm */
  main h2 {
    font-family: 'Manrope', ui-sans-serif, system-ui, sans-serif !important;
    font-weight: 500 !important;
    letter-spacing: -0.01em;
    line-height: 1.05;
    text-wrap: balance;
  }
  main p { text-wrap: pretty; }

  /* Consistent eyebrow (bracketed labels already exist) */
  main .eyebrow,
  main [class*="eyebrow"] {
    font-family: 'Inter', 'Inter', sans-serif;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.24em;
    text-transform: uppercase;
  }

  /* Grid gap normalization */
  main > section { gap: clamp(24px, 3vw, 32px); }

  /* Card radii */
  .reveal-card, article[class*="reveal-card"] { border-radius: 2px; }
  #ways article.reveal-card,
  #ways article[class*="reveal-card"] { border-radius: var(--r-2xl, 32px); }
  #features article.reveal-card,
  #features article[class*="reveal-card"] { border-radius: var(--r-2xl, 32px); }



  /* ============ Agency polish layer ============ */
  html { scroll-behavior: smooth; }
  /* Section rhythm, tightened to a 4px-based scale */
  main > section {
    padding-top: clamp(96px, 10vw, 144px) !important;
    padding-bottom: clamp(96px, 10vw, 144px) !important;
  }
  /* Header aligned to the same optical grid as sections */
  main > header {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
  }
  /* Modular type scale (base 16 / ratio 1.25) + balance */
  main h1 { text-wrap: balance; letter-spacing: -0.03em; }
  main h3 {
    font-family: 'Inter', 'Inter', sans-serif;
    font-weight: 500;
    letter-spacing: -0.01em;
    line-height: 1.25;
    text-wrap: balance;
  }
  main h4, main h5 {
    font-family: 'Inter', 'Inter', sans-serif;
    font-weight: 500;
    letter-spacing: -0.005em;
    text-wrap: balance;
  }
  main p { line-height: 1.65; max-width: 68ch; }
  main li { line-height: 1.6; }

  /* Unified interactive polish */
  a, button, [role="button"] {
    transition: color .25s ease, background-color .25s ease, border-color .25s ease,
                box-shadow .25s ease, transform .25s ease, opacity .25s ease;
  }
  a:focus-visible, button:focus-visible, [role="button"]:focus-visible,
  input:focus-visible, textarea:focus-visible, select:focus-visible {
    outline: 2px solid #8F7857;
    outline-offset: 3px;
    border-radius: 9999px;
  }
  /* Comfortable touch targets on small screens */
  @media (max-width: 640px) {
    a[class*="rounded-full"], button { min-height: 44px; }
  }

  /* Motion: fade + rise reveals */
  .polish-reveal { opacity: 0; transform: translateY(16px); }
  .polish-reveal.is-in {
    opacity: 1; transform: none;
    transition: opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1);
  }
  @media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    .polish-reveal, .polish-reveal.is-in { opacity: 1 !important; transform: none !important; transition: none !important; }
  }
.hero-video{transform:scale(1.06);animation:heroDrift 26s ease-in-out infinite alternate}
@keyframes heroDrift{from{transform:scale(1.06) translate3d(0,0,0)}to{transform:scale(1.12) translate3d(-1.2%,-1%,0)}}
@media (prefers-reduced-motion:reduce){.hero-video{animation:none;transform:none}}

/* --- mobile audit fixes --- */
footer a,.site-footer a{min-height:44px;display:inline-flex;align-items:center}
@media(max-width:639px){
  .eyebrow{font-size:12px!important}
  .marquee,.logo-track{animation-play-state:paused!important}
  .btn,.btn-premium,.gold-shimmer{min-height:48px!important}
}
@media(prefers-reduced-motion:reduce){.marquee{animation:none!important}.logo-track{animation-duration:90s!important}}
.drawer{height:100dvh!important}
.card-title-link,.prod-link{min-height:44px;display:inline-flex;align-items:center}


@media(max-width:767px){a[class*="min-h-[44px]"],button[class*="min-h-[44px]"]{min-height:48px!important}}
/* Mobile-first centering */
@media (max-width: 768px) {
  main section h1,
  main section h2,
  main section h3,
  main section h4,
  main section p,
  main section .eyebrow,
  main section [class*="eyebrow"],
  main section .hero-trust-row,
  main section .display,
  main section dl,
  main section dt,
  main section dd,
  main section li {
    text-align: center !important;
  }
  main section .flex:not(.logo-track):not(.marquee):not(.items-start),
  main section .grid {
    justify-content: center !important;
    justify-items: center !important;
    align-items: center !important;
  }
  main section .max-w-xl,
  main section .max-w-lg,
  main section .max-w-2xl,
  main section .max-w-3xl,
  main section .max-w-4xl,
  main section .max-w-5xl,
  main section > div:first-child {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  #home h1,
  #home h1 .word,
  .hero-headline,
  .hero-headline .word,
  h2 .word,
  .reveal-title .word,
  .reveal-title {
    text-align: center !important;
  }
  main section div:not(.logo-track):not(.marquee),
  main section article,
  main section li,
  main section dl > div {
    text-align: center !important;
  }
  main section img:not(.logo-badge):not(.w-full):not([class*="h-full"]) {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  main section .max-w-md,
  main section .max-w-sm,
  main section .max-w-prose,
  main section form {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  main section a.inline-flex,
  main section a[class*="skeuomorphic"],
  main section button {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .skeuomorphic-btn,
  .skeuomorphic-btn-secondary,
  .gold-shimmer,
  .btn-premium,
  .btn {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* Sticky, spritzy header */
.site-header{
  --hdr-bg:rgba(255,255,255,0);
  position:-webkit-sticky;
  position:sticky;
  top:0;
  z-index:40;
  background:var(--hdr-bg);
  transition:background .45s ease, box-shadow .45s ease, backdrop-filter .45s ease;
  will-change:background,box-shadow;
}
.site-headerbar{transition:padding .45s cubic-bezier(.2,.7,.2,1)}
.site-header .header-hairline{
  height:1px;width:100%;opacity:0;transform:scaleX(.4);transform-origin:center;
  background:linear-gradient(90deg,transparent,rgba(184,160,126,.65),rgba(245,233,206,.9),rgba(184,160,126,.65),transparent);
  transition:opacity .5s ease, transform .7s cubic-bezier(.2,.7,.2,1);
}
.site-header.is-stuck{
  background:rgba(255,255,255,.72);
  -webkit-backdrop-filter:saturate(1.5) blur(16px);
  backdrop-filter:saturate(1.5) blur(16px);
  box-shadow:0 .5rem 1.5rem -1rem rgba(143,120,87,.22),0 1.75rem 3.5rem -2rem rgba(30,27,36,.22);
}
.site-header.is-stuck .site-headerbar{padding-top:.85rem;padding-bottom:.85rem}
.site-header.is-stuck .header-hairline{opacity:1;transform:scaleX(1)}
.site-header.is-stuck img[alt="OEM Direct Factory"]{transform:scale(.9);transform-origin:left center}
.site-header img[alt="OEM Direct Factory"]{transition:transform .45s cubic-bezier(.2,.7,.2,1)}
/* Nav link: gold sweep underline + micro lift */
.nav-link{position:relative;display:inline-block;padding:6px 2px;color:inherit;transition:color .3s ease,transform .3s ease}
.nav-link::after{
  content:"";position:absolute;left:0;bottom:0;height:1.5px;width:100%;
  background:linear-gradient(90deg,#8F7857,#E8D6B3,#8F7857);
  transform:scaleX(0);transform-origin:right;transition:transform .45s cubic-bezier(.2,.7,.2,1);
}
.nav-link:hover{color:#7A6446;transform:translateY(-1px)}
.nav-link:hover::after{transform:scaleX(1);transform-origin:left}
.nav-link:focus-visible{outline:2px solid rgba(184,160,126,.7);outline-offset:4px;border-radius:6px}
@media (prefers-reduced-motion:reduce){
  .site-header,.site-headerbar,.nav-link,.nav-link::after,.header-hairline,.site-header img{transition:none!important}
}

/* logo-matched pairing: Manrope (logo sans) display, Inter body */
h1,h2,h3,h4,h5,.display,.brand-logo{font-family:'Manrope',ui-sans-serif,system-ui,sans-serif!important;font-style:normal!important;letter-spacing:-.02em}
h1,h2{font-weight:500!important}
h3,h4{font-weight:500!important;letter-spacing:-.02em;text-wrap:balance}
h5{font-weight:400!important}
body{font-family:'Inter',ui-sans-serif,system-ui,sans-serif}

.logo-badge{height:7rem;width:auto;object-fit:contain;opacity:1;transition:opacity .3s ease,transform .3s ease,filter .3s ease;flex:none;filter:drop-shadow(0 4px 10px rgba(31,26,21,.08))}
          .logo-badge:hover{opacity:1;transform:translateY(-3px) scale(1.04);filter:drop-shadow(0 8px 18px rgba(31,26,21,.14))}
          @media(max-width:640px){.logo-badge{height:5.25rem}}
          .logo-track {
            animation: logo-scroll 40s linear infinite;
            will-change: transform;
            padding-inline: 2rem;
          }
          #trust-bar:hover .logo-track { animation-play-state: paused; }

          .logo-word {
            flex-shrink: 0;
            font-family: 'Inter', ui-sans-serif, system-ui, sans-serif;
            font-weight: 500;
            font-size: 1.15rem;
            letter-spacing: .22em;
            color: #1e1b24;
            opacity: .55;
            transition: opacity .3s ease, color .3s ease;
            white-space: nowrap;
          }
          .logo-word:hover { opacity: 1; color: #7A6446; }
          .logo-dot {
            flex-shrink: 0;
            width: 5px; height: 5px; border-radius: 9999px;
            background: #B8A07E;
            opacity: .65;
          }
          @keyframes logo-scroll {
            from { transform: translateX(0); }
            to   { transform: translateX(-50%); }
          }


          .trust-strip {
            display: flex; flex-wrap: wrap; align-items: center; justify-content: center;
            gap: .5rem 1.25rem;
            padding-top: 1.25rem;
            border-top: 1px solid rgba(184,160,126,.22);
          }
          .trust-item {
            display: inline-flex; align-items: center; gap: .5rem;
            font-size: .72rem; font-weight: 500;
            letter-spacing: .18em; text-transform: uppercase;
            color: #4a4550;
          }
          .trust-sep {
            width: 3px; height: 3px; border-radius: 9999px; background: #B8A07E; opacity: .5;
          }
          @media (max-width: 640px) {
            .logo-word { font-size: 1rem; letter-spacing: .18em; }
            .trust-sep { display: none; }
          }

          @media (prefers-reduced-motion: reduce) {
            .logo-track { animation-duration: 90s; }
          }

#client-stories .testi-grid { height: 740px; overflow: hidden; }
          #client-stories .testi-col-wrap { width: 22rem; max-width: 100%; overflow: hidden; }
          #client-stories .testi-col {
            display: flex;
            flex-direction: column;
            gap: 1.5rem;
            will-change: transform;
          }
          #client-stories .testi-col--up { animation: testi-up 28s linear infinite; }
          #client-stories .testi-col--down { animation: testi-down 34s linear infinite; }
          #client-stories .testi-col--up-slow { animation: testi-up 40s linear infinite; }
          #client-stories .testi-card:hover ~ .testi-card { animation-play-state: running; }

          #client-stories .testi-card {
            display: flex;
            flex-direction: column;
            gap: 1.25rem;
            padding: 1.75rem;
            background: linear-gradient(180deg, #ffffff 0%, #FBF7F0 100%);
            border: 1px solid rgba(184,160,126,.18);
            border-radius: 1.25rem;
            box-shadow: 0 1px 2px rgba(30,27,36,.03), 0 18px 45px -24px rgba(143,120,87,.22);
            transition: transform .4s ease, box-shadow .4s ease, border-color .4s ease;
          }
          #client-stories .testi-card:hover {
            transform: translateY(-3px);
            border-color: rgba(184,160,126,.42);
            box-shadow: 0 1px 2px rgba(30,27,36,.04), 0 24px 60px -22px rgba(143,120,87,.34);
          }
          #client-stories .testi-quote {
            font-family: 'Inter', ui-sans-serif, system-ui, sans-serif;
            font-weight: 300;
            font-size: 1.0625rem;
            line-height: 1.6;
            color: #1e1b24;
            letter-spacing: -0.005em;
          }
          #client-stories .testi-foot {
            display: flex; align-items: center; gap: .875rem;
            padding-top: 1rem;
            border-top: 1px solid rgba(184,160,126,.2);
          }
          #client-stories .testi-foot img {
            width: 2.75rem; height: 2.75rem;
            border-radius: 9999px;
            object-fit: cover;
            border: 1px solid rgba(184,160,126,.3);
          }
          #client-stories .testi-foot > div { display: flex; flex-direction: column; line-height: 1.25; }
          #client-stories .testi-name { font-size: .9375rem; font-weight: 500; color: #1e1b24; letter-spacing: -0.01em; }
          #client-stories .testi-role { font-size: .8125rem; color: #6b6470; margin-top: 2px; }

          @keyframes testi-up {
            from { transform: translateY(0); }
            to   { transform: translateY(-50%); }
          }
          @keyframes testi-down {
            from { transform: translateY(-50%); }
            to   { transform: translateY(0); }
          }
          @media (max-width: 640px) {
            #client-stories .testi-grid { height: 620px; }
            #client-stories .testi-col-wrap { width: 20rem; }
            #client-stories .testi-card { padding: 1.35rem; }
            #client-stories .testi-quote { font-size: 1rem; }
          }
          @media (prefers-reduced-motion: reduce) {
            #client-stories .testi-col { animation: none; }
          }

#verified-reviews .review-marquee {
            overflow: hidden; width: 100%;
            -webkit-mask-image: linear-gradient(to right, transparent, black 6%, black 94%, transparent);
            mask-image: linear-gradient(to right, transparent, black 6%, black 94%, transparent);
          }
          #verified-reviews .review-track {
            display: flex; gap: 1.5rem; width: max-content; padding: .5rem 1.25rem;
            animation: review-scroll 60s linear infinite; will-change: transform;
          }
          #verified-reviews .review-marquee:hover .review-track { animation-play-state: paused; }
          #verified-reviews .review-card {
            display: flex; flex-direction: column; gap: 1.125rem;
            width: 22rem; flex: 0 0 auto; padding: 1.75rem;
            background: linear-gradient(180deg, #ffffff 0%, #FBF7F0 100%);
            border: 1px solid rgba(184,160,126,.18);
            border-radius: 1.25rem;
            box-shadow: 0 1px 2px rgba(30,27,36,.03), 0 18px 45px -24px rgba(143,120,87,.22);
            transition: transform .4s ease, box-shadow .4s ease, border-color .4s ease;
          }
          #verified-reviews .review-card:hover {
            transform: translateY(-3px);
            border-color: rgba(184,160,126,.42);
            box-shadow: 0 1px 2px rgba(30,27,36,.04), 0 24px 60px -22px rgba(143,120,87,.34);
          }
          #verified-reviews .review-stars {
            display: inline-flex; align-items: center; gap: .625rem;
            font-size: .875rem; letter-spacing: .12em; color: #B8A07E;
          }
          #verified-reviews .review-stars em {
            font-style: normal; font-size: .6875rem; font-weight: 500; letter-spacing: .16em;
            color: #7A6446; border: 1px solid rgba(184,160,126,.32);
            border-radius: 9999px; padding: .1875rem .5rem;
          }
          #verified-reviews .review-quote {
            font-family: 'Inter', ui-sans-serif, system-ui, sans-serif; font-weight: 300;
            font-size: 1.0625rem; line-height: 1.6; color: #1e1b24; letter-spacing: -0.005em;
          }
          #verified-reviews .review-foot {
            margin-top: auto; display: flex; align-items: center; gap: .875rem;
            padding-top: 1rem; border-top: 1px solid rgba(184,160,126,.2);
          }
          #verified-reviews .review-foot img {
            width: 2.75rem; height: 2.75rem; border-radius: 9999px; object-fit: cover;
            border: 1px solid rgba(184,160,126,.3);
          }
          #verified-reviews .review-foot > div { display: flex; flex-direction: column; line-height: 1.25; }
          #verified-reviews .review-name { font-size: .9375rem; font-weight: 500; color: #1e1b24; letter-spacing: -0.01em; }
          #verified-reviews .review-date { font-size: .8125rem; color: #6b6470; margin-top: 2px; }
          @keyframes review-scroll {
            from { transform: translateX(0); }
            to   { transform: translateX(-50%); }
          }
          @media (max-width: 640px) {
            #verified-reviews .review-card { width: 18.5rem; padding: 1.35rem; }
            #verified-reviews .review-quote { font-size: 1rem; }
            #verified-reviews .review-track { animation-duration: 45s; }
          }
          @media (prefers-reduced-motion: reduce) {
            #verified-reviews .review-track { animation: none; }
          }

.qm{position:fixed;inset:0;z-index:120;display:none;align-items:center;justify-content:center;padding:1rem}
.qm.is-open{display:flex}
.qm-scrim{position:absolute;inset:0;background:rgba(24,20,16,.55);backdrop-filter:blur(10px);animation:qmFade .35s ease}
.qm-panel{position:relative;width:100%;max-width:44rem;max-height:92dvh;overflow-y:auto;border-radius:1.25rem;padding:2.5rem 2.25rem 1.75rem;background:linear-gradient(160deg,#fffdfa,#faf5ec 55%,#fffdfa);box-shadow:0 3rem 7rem -1.5rem rgba(30,27,36,.45),0 0 0 1px rgba(184,160,126,.28);animation:qmRise .5s cubic-bezier(.2,.7,.2,1)}
@keyframes qmFade{from{opacity:0}to{opacity:1}}
@keyframes qmRise{from{opacity:0;transform:translateY(22px) scale(.985)}to{opacity:1;transform:none}}
.qm-x{position:absolute;top:.9rem;right:.9rem;display:inline-flex;min-height:44px;min-width:44px;align-items:center;justify-content:center;border-radius:9999px;color:#8a8189;transition:.3s}
.qm-x:hover{color:#1e1b24;background:rgba(0,0,0,.04)}
.qm-rail{display:flex;gap:.4rem;margin-bottom:1.4rem}
.qm-rail i{height:2px;flex:1;border-radius:2px;background:rgba(30,27,36,.12);transition:.45s}
.qm-rail i.on{background:linear-gradient(90deg,#B8A07E,#e2cfa9)}
.qm-eyebrow{font-size:10.5px;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:#B8A07E}
.qm-title{margin-top:.7rem;font-family:'Manrope', ui-sans-serif, system-ui, sans-serif;font-weight:500;font-size:clamp(1.9rem,4.5vw,2.6rem);line-height:1.12;letter-spacing:-.01em;color:#1e1b24}
.qm-sub{margin-top:.6rem;font-size:.875rem;font-weight:300;line-height:1.6;color:rgba(30,27,36,.6)}
.qm-step{display:none;margin-top:1.9rem;animation:qmStep .45s cubic-bezier(.2,.7,.2,1)}
.qm-step.is-active{display:block}
@keyframes qmStep{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.qm-label{font-size:11px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:rgba(30,27,36,.5)}
.qm-grid{margin-top:.9rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}
.qm-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.qm-opt{position:relative;cursor:pointer}
.qm-opt input{position:absolute;opacity:0;width:1px;height:1px}
.qm-opt span{display:flex;min-height:56px;align-items:center;gap:.6rem;border-radius:.75rem;border:1px solid rgba(30,27,36,.1);background:rgba(255,255,255,.75);padding:0 1rem;font-size:.9rem;font-weight:300;color:#1e1b24;transition:.3s}
.qm-opt-sm span{justify-content:center;min-height:52px;font-size:.85rem}
.qm-opt span iconify-icon{font-size:1.15rem;color:#B8A07E}
.qm-opt:hover span{border-color:rgba(184,160,126,.55);transform:translateY(-1px)}
.qm-opt input:focus-visible+span{outline:2px solid rgba(184,160,126,.7);outline-offset:2px}
.qm-opt input:checked+span{border-color:#B8A07E;background:linear-gradient(120deg,#fffaf1,#f6ecdb);box-shadow:0 .6rem 1.6rem -.7rem rgba(184,160,126,.6)}
.qm-fields{margin-top:1rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}
.qm-field{display:block}
.qm-field:first-child,.qm-field:nth-child(2){grid-column:span 1}
.qm-field span{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(30,27,36,.45)}
.qm-field em{font-style:normal;text-transform:none;letter-spacing:0}
.qm-field input{margin-top:.45rem;width:100%;min-height:52px;border:0;border-bottom:1px solid rgba(30,27,36,.16);background:transparent;padding:.4rem .1rem;font-size:1rem;font-weight:300;color:#1e1b24;transition:.3s}
.qm-field input::placeholder{color:rgba(30,27,36,.28)}
.qm-field input:focus{outline:none;border-color:#B8A07E}
.qm-field input[aria-invalid="true"]{border-color:#b4534b}
.qm-cal{margin-top:1rem;border-radius:1rem;border:1px solid rgba(184,160,126,.3);background:rgba(255,255,255,.7);padding:1.1rem}
.qm-cal-head{display:flex;align-items:center;justify-content:space-between}
.qm-cal-head p{font-family:'Inter', ui-sans-serif, system-ui, sans-serif;font-size:1.15rem;font-weight:400;color:#1e1b24}
.qm-nav{display:inline-flex;min-height:44px;min-width:44px;align-items:center;justify-content:center;border-radius:9999px;color:#7A6446;transition:.3s}
.qm-nav:hover{background:rgba(184,160,126,.14)}
.qm-nav[disabled]{opacity:.25;pointer-events:none}
.qm-dow,.qm-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.25rem}
.qm-dow{margin-top:.8rem}
.qm-dow span{text-align:center;font-size:10px;letter-spacing:.16em;color:rgba(30,27,36,.35)}
.qm-days{margin-top:.35rem}
.qm-day{display:flex;aspect-ratio:1;min-height:40px;align-items:center;justify-content:center;border-radius:.6rem;font-size:.85rem;font-weight:300;color:#1e1b24;transition:.25s}
.qm-day:disabled{color:rgba(30,27,36,.2)}
.qm-day.avail:hover{background:rgba(184,160,126,.16)}
.qm-day.sel{background:#1e1b24;color:#f7f1e6;box-shadow:0 .5rem 1.4rem -.5rem rgba(30,27,36,.6)}
.qm-slots{margin-top:1.3rem}
.qm-slotgrid{margin-top:.8rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));gap:.55rem}
.qm-slot{min-height:48px;border-radius:.65rem;border:1px solid rgba(30,27,36,.12);background:rgba(255,255,255,.8);font-size:.85rem;font-weight:300;color:#1e1b24;transition:.25s}
.qm-slot:hover{border-color:rgba(184,160,126,.6);transform:translateY(-1px)}
.qm-slot.sel{border-color:#B8A07E;background:linear-gradient(120deg,#fffaf1,#f6ecdb);box-shadow:0 .6rem 1.6rem -.7rem rgba(184,160,126,.6)}
.qm-tz{margin-top:.8rem;font-size:11.5px;font-weight:300;color:rgba(30,27,36,.45)}
.qm-foot{margin-top:2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid rgba(30,27,36,.08);padding-top:1.2rem}
.qm-foot[hidden]{display:none}
.qm-count{font-size:11px;letter-spacing:.2em;color:rgba(30,27,36,.4)}
.qm-btn{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:.5rem;border-radius:.7rem;padding:0 1.5rem;font-size:.8rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;transition:.35s;cursor:pointer}
.qm-btn-ghost{border:1px solid rgba(30,27,36,.16);color:#1e1b24;background:transparent}
.qm-btn-ghost:hover{background:rgba(0,0,0,.035)}
.qm-btn-main{position:relative;overflow:hidden;color:#faf6ef;background:linear-gradient(160deg,#2c2731,#1a171f);box-shadow:0 .9rem 2rem -.8rem rgba(30,27,36,.7),inset 0 1px 0 rgba(255,255,255,.12)}
.qm-btn-main::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(226,207,169,.45) 50%,transparent 65%);transform:translateX(-120%);animation:qmShimmer 3.4s ease-in-out infinite}
@keyframes qmShimmer{0%,60%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
.qm-btn-main:hover{transform:translateY(-1px)}
.qm-btn[hidden]{display:none}
.qm-done{text-align:center}
.qm-done h3{margin-top:1rem;font-family:'Manrope', ui-sans-serif, system-ui, sans-serif;font-weight:500;font-size:2rem;color:#1e1b24}
.qm-done p{margin-top:.7rem;font-size:.95rem;font-weight:300;line-height:1.65;color:rgba(30,27,36,.65)}
.qm-donesub{font-size:.85rem!important;color:rgba(30,27,36,.5)!important}
.qm-done .qm-btn{margin-top:1.6rem}
.qm-seal{display:inline-flex;height:64px;width:64px;align-items:center;justify-content:center;border-radius:9999px;background:linear-gradient(140deg,#f6ecdb,#fffaf1);color:#7A6446;font-size:2rem;box-shadow:0 1rem 2.4rem -1rem rgba(184,160,126,.8)}
@media (max-width:640px){
  .qm{padding:0}
  .qm-panel{max-height:100dvh;height:100dvh;border-radius:0;padding:2rem 1.25rem 1.25rem}
  .qm-grid,.qm-fields{grid-template-columns:1fr}
  .qm-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .qm-btn{padding:0 1.1rem;font-size:.72rem}
}
@media (prefers-reduced-motion:reduce){.qm-panel,.qm-step,.qm-scrim{animation:none!important}.qm-btn-main::after{animation:none;display:none}}

/* --- mobile-first polish (<=640px) --- */
@media (max-width:640px){
  .text-\[10px\]{font-size:11.5px!important;line-height:1.5!important}
  .text-\[11px\]{font-size:12px!important;line-height:1.55!important}
  .tracking-\[0\.32em\]{letter-spacing:.2em!important}
  .tracking-\[0\.28em\]{letter-spacing:.18em!important}
  .tracking-\[0\.26em\]{letter-spacing:.17em!important}
  p,li{text-wrap:pretty}
  h1,h2,h3{text-wrap:balance;overflow-wrap:anywhere}
  img,video,svg,table{max-width:100%}
}
@media (max-width:900px){
  footer a,nav a,header a{min-height:44px;display:inline-flex;align-items:center}
  label:has(input[type=checkbox]),label:has(input[type=radio]){min-height:44px;display:flex;align-items:center}
input,select,textarea{font-size:16px!important}
}

#fomo-stack{position:fixed;left:20px;bottom:24px;z-index:60;display:flex;flex-direction:column;gap:10px;pointer-events:none}
  .fomo-toast{position:relative;pointer-events:auto;display:flex;align-items:center;gap:14px;max-width:352px;padding:14px 16px 14px 15px;
    border-radius:18px;overflow:hidden;isolation:isolate;
    background:linear-gradient(140deg,rgba(26,22,19,.92),rgba(44,37,31,.88));
    backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);
    border:1px solid rgba(246,197,118,.28);
    box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 18px 44px rgba(12,10,8,.34),0 40px 80px rgba(12,10,8,.22);
    transform:translateY(16px) scale(.97);opacity:0;transition:transform .55s cubic-bezier(.2,.7,.2,1),opacity .45s ease}
  .fomo-toast::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;
    background:radial-gradient(120% 140% at 0% 0%,rgba(246,197,118,.16),transparent 58%)}
  .fomo-toast::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;transform-origin:left;
    background:linear-gradient(90deg,#F6C576,rgba(246,197,118,.15));animation:fomoBar 6.4s linear forwards}
  @keyframes fomoBar{from{transform:scaleX(1)}to{transform:scaleX(0)}}
  .fomo-toast.in{transform:none;opacity:1}
  .fomo-dot{position:relative;width:34px;height:34px;border-radius:50%;flex:none;
    background:radial-gradient(circle at 32% 28%,#FBE3B4,#F6C576 46%,#C79A4E);
    box-shadow:0 0 0 1px rgba(246,197,118,.4),0 0 18px rgba(246,197,118,.28),inset 0 1px 0 rgba(255,255,255,.6)}
  .fomo-dot::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:1px solid rgba(246,197,118,.45);animation:fomoPulse 2.6s infinite}
  @keyframes fomoPulse{0%{transform:scale(.9);opacity:.8}70%{transform:scale(1.35);opacity:0}100%{opacity:0}}
  .fomo-txt{font:400 13.5px/1.4 'Inter',ui-sans-serif,system-ui,sans-serif;color:rgba(247,242,233,.86)}
  .fomo-txt b{font-weight:600;color:#F7F2E9}
  .fomo-meta{display:block;margin-top:4px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#F6C576;opacity:.85}
  .fomo-x{margin-left:auto;align-self:flex-start;border:0;background:none;color:rgba(247,242,233,.45);font-size:16px;line-height:1;cursor:pointer;padding:4px;min-width:32px;min-height:32px;transition:color .25s}
  .fomo-x:hover{color:#F6C576}

  #chat-fab{position:fixed;right:20px;bottom:24px;z-index:61;display:flex;align-items:center;gap:9px;padding:12px 18px;border:0;cursor:pointer;
    border-radius:999px;background:linear-gradient(135deg,#1A1613,#2E2721);color:#F7F2E9;font:500 14px/1 'Inter',ui-sans-serif,system-ui,sans-serif;
    box-shadow:0 10px 30px rgba(26,22,19,.28);transition:transform .3s ease,box-shadow .3s ease}
  #chat-fab:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(26,22,19,.34)}
  #chat-fab .cf-ring{width:8px;height:8px;border-radius:50%;background:#B8A07E;animation:fomoPulse 2.2s infinite}
  #chat-panel{position:fixed;right:20px;bottom:88px;z-index:62;width:352px;max-width:calc(100vw - 32px);height:min(520px,70vh);
    display:none;flex-direction:column;overflow:hidden;border-radius:20px;background:rgba(255,255,255,.94);
    backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(184,160,126,.32);
    box-shadow:0 30px 80px rgba(26,22,19,.24);opacity:0;transform:translateY(12px);transition:opacity .35s ease,transform .35s cubic-bezier(.2,.7,.2,1)}
  #chat-panel.open{display:flex;opacity:1;transform:none}
  .cp-head{padding:16px 18px;border-bottom:1px solid rgba(184,160,126,.24);display:flex;align-items:center;gap:10px;background:linear-gradient(180deg,rgba(184,160,126,.10),transparent)}
  .cp-head h4{margin:0;font:500 16px/1.2 'Manrope', ui-sans-serif, system-ui, sans-serif;color:#1A1613}
  .cp-head span{display:block;font:400 11px/1.3 'Inter',ui-sans-serif,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#8A7C6C;margin-top:3px}
  .cp-close{margin-left:auto;border:0;background:none;font-size:20px;color:#8A7C6C;cursor:pointer;min-width:40px;min-height:40px}
  .cp-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px}
  .cp-msg{max-width:84%;padding:10px 13px;border-radius:14px;font:400 14px/1.45 'Inter',ui-sans-serif,system-ui,sans-serif}
  .cp-bot{align-self:flex-start;background:#F6F1E8;color:#2A241E;border:1px solid rgba(184,160,126,.22);border-bottom-left-radius:5px}
  .cp-user{align-self:flex-end;background:#1A1613;color:#F7F2E9;border-bottom-right-radius:5px}
  .cp-chips{display:flex;flex-wrap:wrap;gap:7px;padding:0 16px 10px}
  .cp-chip{border:1px solid rgba(184,160,126,.45);background:#fff;color:#3A322A;border-radius:999px;padding:8px 13px;font:400 12.5px/1 'Inter',ui-sans-serif,system-ui,sans-serif;cursor:pointer;transition:.25s}
  .cp-chip:hover{background:#B8A07E;border-color:#B8A07E;color:#fff}
  .cp-form{display:flex;gap:8px;padding:12px 14px;border-top:1px solid rgba(184,160,126,.24);background:rgba(255,255,255,.7)}
  .cp-form input{flex:1;min-height:44px;border:1px solid rgba(184,160,126,.35);border-radius:12px;padding:0 13px;font-size:16px;font-family:'Inter',ui-sans-serif,system-ui,sans-serif;color:#1A1613;background:#fff}
  .cp-form input:focus{outline:2px solid rgba(184,160,126,.5);outline-offset:1px}
  .cp-form button{min-width:44px;min-height:44px;border:0;border-radius:12px;background:#1A1613;color:#F7F2E9;cursor:pointer;padding:0 14px;font-size:14px}
  @media (max-width:767px){
    #fomo-stack{left:12px;right:12px;bottom:96px}
    .fomo-toast{max-width:none}
    #chat-fab{bottom:92px;right:12px;padding:11px 15px}
    #chat-panel{bottom:150px;right:12px;height:min(60vh,440px)}
  }
  @media (prefers-reduced-motion:reduce){
    .fomo-toast,#chat-panel,#chat-fab{transition:none}
    .fomo-dot::after,.fomo-toast::after,#chat-fab .cf-ring{animation:none}
  }
/* Trust badge marquee — always animate (slower when reduced motion is on) */
#trust-bar .logo-track { animation: logo-scroll 40s linear infinite !important; }
@media (prefers-reduced-motion: reduce) {
  #trust-bar .logo-track { animation-duration: 90s !important; }
}
@media (max-width: 639px) {
  #trust-bar .logo-track { animation-play-state: running !important; }
}
#trust-bar:hover .logo-track { animation-play-state: paused !important; }

/* How It Works — premium rounded cards */
#how-it-works article.reveal-card { border-radius: 32px !important; overflow: hidden; }

/* Alternating section rhythm + depth */
main > section:nth-child(even) {
  background-color: #ffffff;
  background-image: radial-gradient(circle at 50% 0%, rgba(184,160,126,0.06), transparent 60%);
}
main > section:nth-child(odd) {
  background-color: transparent;
}
main > section {
  position: relative;
}
main > section::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(184,160,126,0.18), transparent);
  pointer-events: none;
  z-index: 1;
}


/* ============ Headline clipping fix ============ */
/* Descenders and italic overhang were being cut by tight line-heights
   and by background-clip:text paint boxes. */
main h1,
main h1[class*="leading-"],
main .ink-shaded { line-height: 1.1 !important; }

main h2,
main h2[class*="leading-"] { line-height: 1.15 !important; }

main h3, main h4, main h5 { line-height: 1.3 !important; }

.hl-gold { line-height: 1.25; padding-bottom: .12em; }

/* Give gradient-clipped text room so glyph overhang stays painted */
.gold-shimmer-text,
.ink-shaded,
.ink-shaded .word,
[style*="background-clip:text"],
[style*="-webkit-background-clip: text"] {
  padding: .06em .1em;
  margin: -.06em -.1em;
}

/* Word-reveal spans animate on Y — never clip them */
.ink-shaded .word,
.reveal-title .word,
.word { display: inline-block; overflow: visible; }

/* Headline containers must not crop animated lines */
main h1, main h2, main h3, main .reveal-title { overflow: visible; }

/* Hero "Made in the U.S.A." — one consistent warm gold.
   The per-word shimmer animated each word on its own width, so words
   showed mismatched slices of the gradient at any instant. A single
   static vertical gold keeps every word identical and crisper. */
.ink-shaded .word.gold-shimmer-text,
.ink-shaded .hl-lang > .gold-shimmer-text{
  background-image:linear-gradient(180deg,#F0CE86 0%,#E3B964 45%,#C99A3F 100%);
  background-size:100% 100%;
  animation:none;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* Hero gold line — no dark bleed on italic overhangs.
   The h1's own dark gradient was clipped to ALL descendant glyphs, so
   wherever a gold word's box was cropped (overflow-hidden reveal
   wrappers), the dark ink showed through at letter edges. Words carry
   their own gradients, so the parent paint is unnecessary here. */
h1.ink-shaded{background-image:none;-webkit-text-fill-color:transparent;color:transparent}
.ink-shaded .hl-gold > .inline-block{overflow:visible;padding:0 .12em;margin:0 -.12em}
.ink-shaded .hl-gold .word.gold-shimmer-text{padding:.06em .18em .06em .06em;margin:-.06em -.18em -.06em -.06em;-webkit-text-fill-color:transparent;color:transparent}

/* Word-reveal masks clipped italic descenders ("from the factory floor.",
   "formulas.", "prices.", "U.S.A."). Give each mask room for glyph
   overhang; negative margins keep the visual layout unchanged. */
h1 > .inline-block.overflow-hidden,
h1 .hl-gold > .inline-block.overflow-hidden,
h1 .hl-gold .inline-block.overflow-hidden,
.reveal-title > .inline-block.overflow-hidden{
  padding:.1em .1em .2em;
  margin:-.1em -.1em -.2em;
}

/* Reserve each icon's 1em box before the (deferred) Iconify script defines the element,
   so icons popping in don't shift the hero text (CLS). */
iconify-icon:not(:defined){
  display:inline-block;
  width:1em;
  height:1em;
}