body{font-family:'Hind Siliguri',sans-serif}
    .fade-in-up,
    [data-scroll]{
      opacity:0;
      transform:translate3d(0,32px,0);
      transition:transform .9s cubic-bezier(.22,1,.36,1),opacity .9s cubic-bezier(.22,1,.36,1);
      will-change:transform,opacity;
    }
    .fade-in-up.is-visible,
    [data-scroll].is-visible{opacity:1;transform:translate3d(0,0,0)}
    .fade-in-up.is-visible{animation:fadeInUp .9s ease-out .05s both}
    @keyframes fadeInUp{
      from{opacity:0;transform:translate3d(0,24px,0)}
      to{opacity:1;transform:translate3d(0,0,0)}
    }
    [data-scroll="fade-left"]{transform:translate3d(-48px,0,0)}
    [data-scroll="fade-right"]{transform:translate3d(48px,0,0)}
    [data-scroll="fade-up"]{transform:translate3d(0,48px,0)}
    [data-scroll="zoom-in"]{transform:scale(.9);opacity:0}
    [data-scroll="zoom-in"].is-visible{transform:scale(1);opacity:1}
    [data-scroll="blur-in"]{transform:none;filter:blur(12px);opacity:0}
    [data-scroll="blur-in"].is-visible{transform:none;filter:blur(0);opacity:1}
    [data-parallax]{will-change:transform}
    @media (prefers-reduced-motion:reduce){
      .fade-in-up,
      [data-scroll]{opacity:1!important;transform:none!important;transition:none!important;animation:none!important}
      .fade-in-up.is-visible{animation:none!important}
      [data-parallax]{transform:none!important}
    }
    .price-slash{position:relative;display:inline-flex;align-items:center;justify-content:center}
    .price-slash::after{
      content:"";
      position:absolute;
      left:-0.35rem;
      right:-0.35rem;
      height:2px;
      background:linear-gradient(90deg,#f87171,#ec4899);
      transform:rotate(-8deg) scaleX(0);
      transform-origin:left center;
      animation:slashIn .6s cubic-bezier(.4,.12,.2,1) .25s forwards;
    }
    @keyframes slashIn{
      from{transform:rotate(-8deg) scaleX(0)}
      to{transform:rotate(-8deg) scaleX(1)}
    }
    .hero-static{position:relative;display:flex;align-items:center;justify-content:center;min-height:90vh;background-image:url('../assets/images/products/hero-size-phone-version-clean-pastel.png');background-size:cover;background-position:center;overflow:hidden}
    .hero-static::after{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(to top,rgba(15,23,42,0.88) 0%,rgba(15,23,42,0.7) 30%,rgba(15,23,42,0.45) 60%,rgba(15,23,42,0.18) 80%,transparent 100%);
    }
    .hero-static::before{
      content:"";
      position:absolute;
      inset-x:0;
      bottom:-1px;
      height:140px;
      background:linear-gradient(to top,rgba(255,255,255,0.6),rgba(255,255,255,0));
      mix-blend-mode:screen;
      pointer-events:none;
    }
    .sticky-cta{
      position:fixed;
      left:50%;
      right:auto;
      bottom:calc(env(safe-area-inset-bottom,0px) + 12px);
      z-index:60;
      width:min(92%,420px);
      transform:translateX(-50%);
      transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .5s cubic-bezier(.22,1,.36,1);
      opacity:1;
    }
    .sticky-cta.is-hidden{
      opacity:0;
      transform:translate3d(-50%,calc(100% + 28px),0);
      pointer-events:none;
    }
    .sticky-cta__inner{
      margin:0 auto;
      width:100%;
      max-width:1100px;
      display:flex;
      flex-wrap:wrap;
      align-items:center;
      justify-content:space-between;
      gap:0.9rem;
      padding:0.95rem 1.25rem;
      background:rgba(250, 245, 242, 0.92);
      border:1px solid rgba(120,113,108,0.3);
      border-radius:1rem;
      box-shadow:0 25px 55px rgba(15,23,42,0.18);
      backdrop-filter:blur(16px);
    }
    .sticky-cta__details{
      display:flex;
      align-items:center;
      gap:0.75rem;
      flex:1 1 auto;
      min-width:0;
    }
    .sticky-cta__inner .product-image{
      display:flex;
      flex-shrink:0;
    }
    .sticky-cta__inner .product-image img{
      width:56px;
      height:56px;
      border-radius:0.9rem;
      object-fit:cover;
      box-shadow:0 8px 20px rgba(15,23,42,0.2);
    }
    .sticky-cta__copy{
      flex:1 1 auto;
      text-align:left;
      color:#1f2937;
      min-width:0;
    }
    .sticky-cta__title{
      font-size:1rem;
      font-weight:700;
      color:#111827;
    }
    .sticky-cta__pricing{
      margin-top:.35rem;
      display:flex;
      gap:.85rem;
      align-items:baseline;
      justify-content:center;
      font-size:.9rem;
    }
    .sticky-cta__pricing .old{
      color:#6b7280;
    }
    .sticky-cta__pricing .old del{
      opacity:.8;
    }
    .sticky-cta__pricing .new{
      font-size:1.15rem;
      font-weight:700;
      color:#db2777;
    }
    .sticky-cta__cta{
      flex-shrink:0;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:.5rem;
      background:#ec4899;
      color:#fff;
      font-weight:700;
      font-size:.95rem;
      padding:.8rem 1.75rem;
      border-radius:.85rem;
      box-shadow:0 15px 32px rgba(236,72,153,0.35);
      transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
    }
    .sticky-cta__cta:hover{
      background:#db2777;
      transform:translateY(-2px);
      box-shadow:0 20px 45px rgba(236,72,153,0.45);
    }
    .sticky-cta__cta:focus-visible{
      outline:2px solid rgba(236,72,153,0.75);
      outline-offset:2px;
    }
    body.has-sticky-bar{
      padding-bottom:120px;
    }
    @media(min-width:640px){
      .sticky-cta{width:min(92%,680px);bottom:18px}
      .sticky-cta.is-hidden{transform:translate3d(-50%,calc(100% + 32px),0)}
      .sticky-cta__inner{
        padding:1rem 1.75rem;
      }
      .sticky-cta__inner .product-image img{
        width:64px;
        height:64px;
        border-radius:0.95rem;
      }
      .sticky-cta__copy{text-align:left}
      .sticky-cta__pricing{justify-content:flex-start;font-size:1rem}
      .sticky-cta__pricing .new{font-size:1.35rem}
      body.has-sticky-bar{padding-bottom:120px}
    }
    @media(min-width:1024px){
      .sticky-cta__inner{gap:1.5rem}
      .sticky-cta__title{font-size:1.1rem}
    }
    @media(min-width:640px){
      .hero-static{background-image:url('../assets/images/products/hero-size-pc-version-clean-pastel.png')}
    }
  </style>