/* CSS for index_amazon_sourcer_newww.html */

/* Critical CSS - above the fold */
    @font-face{font-family:'Inter Fallback';src:local('Arial');size-adjust:107.64%;ascent-override:90%;descent-override:22.43%;line-gap-override:0%}
    body,.font-inter{font-family:'Inter','Inter Fallback',system-ui,sans-serif}
    .hero-section{background:#fff;position:relative;overflow:hidden}
    .hero-blob{position:absolute;border-radius:50%;filter:blur(100px);opacity:.7;pointer-events:none;z-index:0}
    .hero-blob-1{width:500px;height:500px;background:rgba(4,107,252,.3);top:-180px;left:-120px}
    .hero-blob-2{width:400px;height:400px;background:rgba(255,153,0,.2);top:40px;right:-80px}
    .hero-blob-3{width:350px;height:350px;background:rgba(4,107,252,.2);bottom:-80px;left:30%}
    @media(max-width:768px){.hero-blob{opacity:.35;filter:blur(120px)}.hero-blob-1{width:300px;height:300px}.hero-blob-2{width:250px;height:250px}.hero-blob-3{width:220px;height:220px}}
    .hero-content{position:relative;z-index:10}
    .hero-grid{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(4,107,252,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(4,107,252,.03) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:1}
    .section-blob{position:absolute;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:0}
    .section-blob-blue{background:rgba(4,107,252,.15)}.section-blob-orange{background:rgba(255,153,0,.12)}
    @keyframes heroTextIn{0%{opacity:0;transform:translateY(18px)}100%{opacity:1;transform:translateY(0)}}
    @keyframes heroTextOut{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-18px)}}
    .hero-rotate{display:inline-block;animation:heroTextIn .5s cubic-bezier(.16,1,.3,1) forwards}
    .hero-rotate.out{animation:heroTextOut .4s cubic-bezier(.7,0,.84,0) forwards}
    @media(prefers-reduced-motion:reduce){.hero-rotate,.hero-rotate.out{animation:none!important;opacity:1!important;transform:none!important}}
    .btn-pill{border-radius:50px}
    @keyframes ctaPulse{0%,100%{box-shadow:0 0 0 0 rgba(4,107,252,.45)}70%{box-shadow:0 0 0 10px rgba(4,107,252,0)}}
    .cta-hero-pulse{animation:ctaPulse 2s ease-in-out infinite;animation-play-state:paused}
    .cta-hero-pulse.anim-play{animation-play-state:running}
    @media(prefers-reduced-motion:reduce){.cta-hero-pulse{animation:none!important}}
    .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border-width:0}
    .reveal{opacity:0;transform:translateY(32px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
    .reveal-left{opacity:0;transform:translateX(-40px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
    .reveal-right{opacity:0;transform:translateX(40px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
    .reveal.visible,.reveal-left.visible,.reveal-right.visible{opacity:1;transform:translate(0,0)}
    section[id]{scroll-margin-top:140px}