/* CSS for index_analytics_dashboard_newww.html */

*,::after,::before{box-sizing:border-box;margin:0}
    html{overflow-x:hidden}
    @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-family:Inter,'Inter Fallback',ui-sans-serif,system-ui,sans-serif;color:#04143d;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff}
    .hero-section{position:relative;overflow:hidden;padding:7rem 1.5rem 5rem}
    .hero-content{position:relative;z-index:10;max-width:56rem;margin:0 auto;text-align:center}
    .hero-blob{position:absolute;border-radius:50%;filter:blur(50px);opacity:.7;pointer-events:none;z-index:0}
    .hero-blob-1{width:500px;height:500px;background:rgba(4,107,252,.25);top:-180px;left:-120px}
    .hero-blob-2{width:400px;height:400px;background:rgba(255,153,0,.18);top:40px;right:-80px}
    .hero-blob-3{width:350px;height:350px;background:rgba(4,107,252,.18);bottom:-80px;left:30%}
    .hero-grid{position:absolute;inset: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}
    /* nav top-bar styled via Tailwind classes on the <nav> element */
    .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)}
    .reveal-d1{transition-delay:.1s}.reveal-d2{transition-delay:.2s}.reveal-d3{transition-delay:.3s}.reveal-d4{transition-delay:.4s}
    .btn-pill{border-radius:50px;display:inline-flex;align-items:center}
    .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}
    @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}
    @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}
    .anim-play .cta-hero-pulse{animation-play-state:running}
    @media(prefers-reduced-motion:reduce){.cta-hero-pulse{animation:none!important}.hero-rotate,.hero-rotate.out{animation:none!important;opacity:1!important;transform:none!important}.reveal,.reveal-left,.reveal-right{opacity:1!important;transform:none!important}.dashboard-float img,.dashboard-float>div{animation:none!important}.ad-wheel-card{transition:none!important}.section-blob,.hero-blob{opacity:0!important}}
    .faq-item:not(.active) .faq-answer>div{max-height:0;padding-top:0;padding-bottom:0}
    section[id]{scroll-margin-top:140px;content-visibility:auto;contain-intrinsic-size:auto 600px}
    .counter{font-variant-numeric:tabular-nums}

    /* Dashboard float */
    @keyframes dashboardFloat{0%,100%{transform:perspective(1200px) rotateY(-3deg) rotateX(1deg) translateY(0)}50%{transform:perspective(1200px) rotateY(-3deg) rotateX(1deg) translateY(-8px)}}
    .dashboard-float img,.dashboard-float>div{animation:dashboardFloat 4s ease-in-out infinite;animation-play-state:paused}
    .anim-play .dashboard-float img,.anim-play .dashboard-float>div{animation-play-state:running}

    /* Focus & Accessibility */
    :focus-visible{outline:2px solid #046bfc;outline-offset:2px}
    .btn-pill:focus-visible{outline-offset:3px;border-radius:50px}
    .btn-pill:active{transform:scale(.97)}

    /* Mobile overrides */
    @media(max-width:767px){
    .hero-blob{opacity:.35;filter:blur(50px)}
    .hero-blob-1{width:300px;height:300px}
    .hero-blob-2{width:250px;height:250px}
    .hero-blob-3{width:220px;height:220px}
    }

    /* Text balance for headings */
    h1,h2{text-wrap:balance}
    /* Fluid hero typography */
    #hero-heading{font-size:clamp(2rem,5vw + 0.5rem,3.5rem)}
    /* 44px minimum touch targets */
    .btn-pill,button[type="submit"]{min-height:44px}
    /* Touch action optimization */
    a,button,input,select,textarea,[role="tab"]{touch-action:manipulation}
    /* Reduced-motion: disable smooth scroll */
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}
    /* xl breakpoint: wider layouts for large screens */
    @media(min-width:1280px){.hero-content{max-width:62rem}section .max-w-4xl{max-width:58rem}section .max-w-5xl{max-width:70rem}}