/* index.html */
html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
}

/* ========== RESET & TOKENS ========== */body.page-index *, body.page-index *::before, body.page-index *::after{ box-sizing: border-box; margin: 0; padding: 0; }body.page-index{
      --blue:       #0057ff;
      --blue-dark:  #005A9C;
      --blue-mid:   #0070C0;
      --blue-light: #2A9DF4;
      --yellow:     #FFD54A;
      --bg-gray:    rgba(227,232,255,1);
      --text:       #64748b;
      --foreground: #161c2d;
      --muted:      #869ab8;

      --fs-xs:   clamp(0.75rem,  0.72rem + 0.15vw, 0.875rem);
      --fs-sm:   clamp(0.875rem, 0.84rem + 0.2vw,  1rem);
      --fs-base: clamp(1rem,     0.95rem + 0.25vw, 1.125rem);
      --fs-md:   clamp(1.125rem, 1.05rem + 0.4vw,  1.25rem);
      --fs-lg:   clamp(1.25rem,  1.15rem + 0.6vw,  1.5rem);
      --fs-xl:   clamp(1.5rem,   1.3rem + 0.9vw,   2rem);
      --fs-2xl:  clamp(2rem,     1.7rem + 1.2vw,   2.75rem);
      --fs-3xl:  clamp(2.5rem,   2rem + 1.8vw,     3.75rem);

      --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
      --ease-in-out:   cubic-bezier(0.77, 0, 0.18, 1);
    }html{ font-size: 100%; scroll-behavior: smooth; }body.page-index{
      font-family: 'Poppins', sans-serif;
      font-size: var(--fs-base);
      line-height: 1.6;
      color: var(--foreground);
      overflow-x: hidden;
    }body.page-index img{ max-width: 100%; height: auto; display: block; }body.page-index a{ text-decoration: none; color: inherit; transition: .3s; }body.page-index ul{ list-style: none; padding: 0; }body.page-index li{ margin-bottom: 10px; }body.page-index button{ cursor: pointer; font-family: inherit; }body.page-index h1{ font-size: var(--fs-3xl); }body.page-index h2{ font-size: var(--fs-3xl); }body.page-index h3{ font-size: var(--fs-2xl); }body.page-index h4{ font-size: var(--fs-xl); }body.page-index h5{ font-size: var(--fs-lg); }body.page-index h6{ font-size: var(--fs-md); }body.page-index .container{
      width: 90%;
      max-width: 1200px;
      margin: 0 auto;
      padding: 0 20px;
    }body.page-index .light{ color: #fff; }body.page-index .light h2, body.page-index .light h3, body.page-index .light h4, body.page-index .light h5, body.page-index .light h6{ color: #fff; }body.page-index .row{
      display: flex;
      flex-wrap: wrap;
      gap: 30px;
    }body.page-index .row.align-center{ align-items: center; }body.page-index .col-5{ flex: 0 0 calc(41.666% - 15px); max-width: calc(41.666% - 15px); }body.page-index .col-7{ flex: 0 0 calc(58.333% - 15px); max-width: calc(58.333% - 15px); }body.page-index .col-6{ flex: 0 0 calc(50% - 15px); max-width: calc(50% - 15px); }body.page-index .col-4{ flex: 0 0 calc(33.333% - 20px); max-width: calc(33.333% - 20px); }body.page-index .col-3{ flex: 0 0 calc(25% - 22.5px); max-width: calc(25% - 22.5px); }body.page-index .text-center{ text-align: center; }body.page-index .text-right{ text-align: right; }

    /* ========== PRELOADER ========== */body.page-index #preloader{
      position: fixed; inset: 0;
      background: #fff;
      z-index: 10000;
      display: flex; align-items: center; justify-content: center;
      transition: opacity .6s ease, visibility .6s ease;
    }body.page-index #preloader.done{ opacity: 0; visibility: hidden; }body.page-index #preloader-inner{
      width: 300px; height: 300px;
      background: url('image/claimit-preloader.gif') center/cover no-repeat;
    }

    /* ========== SOCIAL SIDEBAR ========== */body.page-index .social-sidebar{
      position: fixed; left: 25px; top: 50%;
      transform: translateY(-50%);
      z-index: 9999;
      display: flex; flex-direction: column; gap: 12px;
    }body.page-index .social-icon{
      width: 32px; height: 32px;
      display: flex; align-items: center; justify-content: center;
      background: #fff; color: #1e3a8a;
      border-radius: 18px; font-size: 14px;
      box-shadow: 0 10px 30px rgba(0,0,0,.12), 0 2px 8px rgba(0,0,0,.08);
      transition: all .35s var(--ease-out-expo);
    }body.page-index .social-icon:hover{
      transform: translateX(8px) scale(1.08);
      background: var(--yellow); color: #0F2E6D;
      box-shadow: 0 15px 35px rgba(255,213,74,.35), 0 5px 15px rgba(0,0,0,.12);
    }body.page-index .social-icon.facebook:hover{ background: #1877f2; color: #fff; }body.page-index .social-icon.instagram:hover{ background: linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888); color: #fff; }body.page-index .social-icon.linkedin:hover{ background: #0077b5; color: #fff; }body.page-index .social-icon.twitter:hover{ background: #000; color: #fff; }body.page-index .social-icon.youtube:hover{ background: #ff0000; color: #fff; }

    /* ========== NAVBAR ========== */body.page-index .navbar{
      position: absolute; top: 0; left: 0; right: 0;
      padding: 30px 0;
      z-index: 1000;
      transition: padding .4s ease, background .4s ease, box-shadow .4s ease;
    }body.page-index .navbar.scrolled{
      position: fixed;
      padding: 16px 0;
      background: #fff;
      box-shadow: 0 2px 20px rgba(0,0,0,.12);
    }body.page-index .navbar .container{
      display: flex; align-items: center; justify-content: space-between;
    }body.page-index .navbar-brand{
      position: relative;
      display: inline-flex;
      align-items: center;
      flex: 0 0 150px;
      width: 150px;
      min-height: 48px;
    }body.page-index .navbar-brand img{
      width: auto;
      max-width: 150px;
      display: block;
      transition: filter .3s;
      filter: drop-shadow(0 2px 10px rgba(0,0,0,.45));
    }body.page-index .navbar.scrolled .navbar-brand img{ filter: none; }body.page-index .nav-menu{ display: flex; align-items: center; gap: 8px; }body.page-index .nav-menu a{
      color: rgba(255,255,255,.9);
      font-size: .95rem; font-weight: 500;
      padding: 8px 12px; border-radius: 6px;
      transition: all .25s;
      white-space: nowrap;
    }body.page-index .nav-menu a:hover{ color: #fff; background: rgba(255,255,255,.12); }body.page-index .navbar.scrolled .nav-menu a{ color: var(--foreground); }body.page-index .navbar.scrolled .nav-menu a:hover{ color: var(--blue-dark); background: var(--bg-gray); }body.page-index .nav-btn{
      display: inline-flex; align-items: center;
      background: #fff; color: var(--blue-dark);
      font-weight: 700; font-size: .9rem;
      padding: 12px 24px; border-radius: 50px;
      transition: all .3s;
      box-shadow: 0 4px 20px rgba(0,0,0,.15);
    }body.page-index .nav-btn:hover{ transform: translateY(-2px); box-shadow: 0 8px 30px rgba(0,0,0,.2); color: var(--blue-dark); }body.page-index .navbar.scrolled .nav-btn{ background: var(--blue-dark); color: #fff; }body.page-index .nav-toggle{
      display: none; flex-direction: column; gap: 5px;
      background: none; border: none; padding: 6px;
    }body.page-index .nav-toggle span{
      display: block; width: 24px; height: 2px;
      background: #fff; border-radius: 2px;
      transition: all .35s var(--ease-out-expo);
    }body.page-index .navbar.scrolled .nav-toggle span{ background: var(--foreground); }body.page-index .nav-toggle.open span:nth-child(1){ transform: translateY(7px) rotate(45deg); }body.page-index .nav-toggle.open span:nth-child(2){ opacity: 0; transform: scaleX(0); }body.page-index .nav-toggle.open span:nth-child(3){ transform: translateY(-7px) rotate(-45deg); }

    /* ========== HERO CAROUSEL ========== */body.page-index .hero-carousel{
      position: relative; width: 100%; overflow: hidden;
    }body.page-index .hc-track{
      display: flex; width: 100%;
      transition: transform .9s var(--ease-in-out);
      will-change: transform;
    }body.page-index .hc-slide{
      position: relative; min-width: 100%; min-height: 100vh;
      display: flex; align-items: center;
      background-size: cover; background-position: center top;
      background-repeat: no-repeat; flex-shrink: 0;
    }body.page-index .hero-slide-1{ background-image: url('image/hero-1.png'); background-color: #1a0d3d; }body.page-index .hero-slide-2{ background-image: url('image/hero-2.png'); background-color: #0d2240; }body.page-index .hero-slide-3{ background-image: url('image/hero-3.png'); background-color: #0d3320; }body.page-index .hero-overlay{
      position: absolute; inset: 0;
      background: linear-gradient(105deg, rgba(10,5,30,.82) 0%, rgba(10,5,30,.55) 55%, rgba(10,5,30,.18) 100%);
      z-index: 1;
    }body.page-index .hero-content{
      position: relative; z-index: 2; width: 100%;
      padding: 80px 0 0px;
    }body.page-index .intro-text h2{
      color: #fff; font-size: clamp(2.2rem,4vw,3.8rem);
      font-weight: 600; line-height: 1.15; margin-bottom: 20px; margin-top: 50px;
      text-shadow: 0 2px 20px rgba(0,0,0,.4);
    }body.page-index .intro-text p{
      color: rgba(255,255,255,.88); font-size: 1.05rem;
      line-height: 1.7; margin-bottom: 30px; max-width: 480px;
    }body.page-index .btn-holder{ margin-top: 28px; margin-bottom: 50px; display: flex; flex-wrap: wrap; gap: 12px; }body.page-index .btn-holder img{ max-height: 50px; width: auto; }body.page-index .hero-phone{
      max-width: 75%; display: block; margin-left: auto;
      filter: drop-shadow(0 24px 48px rgba(0,0,0,.5));
      transition: filter .3s;
    }body.page-index .hc-slide .intro-text h2, body.page-index .hc-slide .intro-text p, body.page-index .hc-slide .btn-holder{
      opacity: 0;
      transform: translateY(32px);
      transition: opacity .7s var(--ease-out-expo), transform .7s var(--ease-out-expo);
    }body.page-index .hc-slide.active .intro-text h2{ opacity:1; transform: none; transition-delay: .15s; }body.page-index .hc-slide.active .intro-text p{ opacity:1; transform: none; transition-delay: .3s;  }body.page-index .hc-slide.active .btn-holder{ opacity:1; transform: none; transition-delay: .45s; }body.page-index .hc-slide .hero-phone{
      opacity: 0; transform: translateY(40px) scale(.97);
      transition: opacity .8s var(--ease-out-expo), transform .8s var(--ease-out-expo);
    }body.page-index .hc-slide.active .hero-phone{ opacity:1; transform: none; transition-delay: .25s; }body.page-index .hc-dots{
      position: absolute; bottom: 32px; left: 50%;
      transform: translateX(-50%);
      display: flex; gap: 10px; z-index: 10;
    }body.page-index .hc-dot{
      width: 10px; height: 10px; border-radius: 50%;
      background: rgba(255,255,255,.35); border: none;
      transition: background .3s, transform .3s, width .35s var(--ease-out-expo);
    }body.page-index .hc-dot.active{
      background: #fff; transform: scale(1.3);
      width: 28px; border-radius: 5px;
    }body.page-index .hc-arrow{
      position: absolute; bottom: 28px;
      width: 50px; height: 50px; border-radius: 50%;
      background: rgba(255,255,255,.12);
      border: 1.5px solid rgba(255,255,255,.3);
      color: #fff; font-size: 16px;
      display: flex; align-items: center; justify-content: center;
      z-index: 10; transition: all .3s;
    }body.page-index .hc-arrow:hover{ background: rgba(255,255,255,.26); transform: scale(1.1); }body.page-index .hc-prev{ right: 84px; }body.page-index .hc-next{ right: 28px; }body.page-index .hc-progress{
      position: absolute; bottom: 0; left: 0; height: 3px;
      background: var(--yellow); z-index: 10;
      width: 0%; transition: none;
    }body.page-index .hc-progress.running{ transition: width 10s linear; }

    /* ========== METRICS ========== */body.page-index .metrics-section{ padding: 70px 0; }body.page-index .metrics-grid{
      display: grid; grid-template-columns: repeat(4,1fr); gap: 24px;
    }body.page-index .metric-card{
      display: flex; align-items: center; gap: 18px;
      padding: 20px 24px; border-radius: 80px; color: #fff;
      transition: transform .35s var(--ease-out-expo), box-shadow .35s;
      cursor: default;
    }body.page-index .metric-card:hover{ transform: translateY(-6px); box-shadow: 0 20px 50px rgba(0,0,0,.15); }body.page-index .metric-peach{ background: linear-gradient(135deg,#f3b17d,#c35ea3); }body.page-index .metric-purple{ background: linear-gradient(135deg,#4320d6,#6a43ff); }body.page-index .metric-cyan{ background: linear-gradient(135deg,#39b7ff,#82d9c8); }body.page-index .metric-blue{ background: linear-gradient(135deg,#0059b8,#0f75c6); }body.page-index .metric-icon{
      width: 64px; height: 64px; min-width: 64px; border-radius: 50%;
      background: rgba(0,0,0,.12);
      display: flex; align-items: center; justify-content: center;
      font-size: 22px;
    }body.page-index .metric-content h4{ font-size: 34px; font-weight: 600; line-height: 1; color: #fff; }body.page-index .metric-content p{ margin: 6px 0 0; font-size: 14px; color: rgba(255,255,255,.92); }

    /* ========== WHAT IS CLAIMIT ========== */body.page-index .process-section{ padding: 100px 0; background: #f5f7ff; }body.page-index .section-header{ text-align: center; max-width: 900px; margin: 0 auto 60px; }body.page-index .section-header h4{ margin-bottom: 16px; }body.page-index .section-header p{ font-size: var(--fs-md); line-height: 1.8; color: #6d7d9b; }body.page-index .process-grid{
      display: grid; grid-template-columns: repeat(5,1fr); gap: 16px;
    }body.page-index .process-card{
      background: #fff; border-radius: 36px; padding: 28px;
      min-height: 300px; display: flex; flex-direction: column;
      box-shadow: 0 25px 60px rgba(15,23,42,.08), 0 8px 24px rgba(15,23,42,.04);
      transition: transform .35s var(--ease-out-expo), box-shadow .35s;
    }body.page-index .process-card:hover{ transform: translateY(-10px); box-shadow: 0 40px 80px rgba(15,23,42,.12); }body.page-index .process-icon{
      width: 70px; height: 70px; border-radius: 22px;
      background: #f3f5ff;
      display: flex; align-items: center; justify-content: center;
      margin-bottom: 28px;
      transition: transform .4s var(--ease-out-expo);
    }body.page-index .process-card:hover .process-icon{ transform: scale(1.1) rotate(-4deg); }body.page-index .process-icon i{ font-size: 26px; color: #2d39d1; }body.page-index .process-card h5{ font-size: 24px; margin-bottom: 14px; color: #1c2540; }body.page-index .process-card p{ font-size: 15px; line-height: 1.8; color: #7b8baa; margin: 0; }

    /* ========== WHY CLAIMIT — STEPS ========== */body.page-index .why-section{ padding: 100px 0; background: #fff; }body.page-index .why-steps{
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 0;
      margin-top: 60px;
      position: relative;
    }body.page-index .why-steps::before{
      content: '';
      position: absolute;
      top: 42px;
      left: 10%;
      right: 10%;
      height: 2px;
      background: linear-gradient(90deg, var(--blue-dark), var(--blue-light));
      z-index: 0;
    }body.page-index .why-step{
      display: flex; flex-direction: column; align-items: center;
      text-align: center; padding: 0 12px;
      position: relative; z-index: 1;
    }body.page-index .why-step-num{
      width: 84px; height: 84px; border-radius: 50%;
      background: linear-gradient(135deg, var(--blue-dark), var(--blue-light));
      color: #fff; font-size: 1.4rem; font-weight: 700;
      display: flex; align-items: center; justify-content: center;
      margin-bottom: 20px;
      box-shadow: 0 12px 30px rgba(0,87,255,.25);
      transition: transform .35s var(--ease-out-expo);
    }body.page-index .why-step:hover .why-step-num{ transform: scale(1.1); }body.page-index .why-step h6{
      font-size: .95rem; font-weight: 600; color: var(--foreground);
      margin-bottom: 8px;
    }body.page-index .why-step p{
      font-size: .82rem; color: var(--muted); line-height: 1.6; margin: 0;
    }

    /* ========== ENJOY / HOW IT WORKS FLOW ========== */body.page-index .enjoy-section{ padding: 100px 0; background: #f5f7ff; }body.page-index .enjoy-flow-grid{
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 24px;
      margin-top: 60px;
    }body.page-index .enjoy-card{
      background: #fff; border-radius: 28px; padding: 36px 28px;
      text-align: center;
      box-shadow: 0 20px 50px rgba(15,23,42,.07);
      transition: transform .35s var(--ease-out-expo), box-shadow .35s;
      position: relative; overflow: hidden;
    }body.page-index .enjoy-card::before{
      content: '';
      position: absolute; top: 0; left: 0; right: 0; height: 4px;
    }body.page-index .enjoy-card.shop::before{ background: linear-gradient(90deg,#f3b17d,#c35ea3); }body.page-index .enjoy-card.scan::before{ background: linear-gradient(90deg,#4320d6,#6a43ff); }body.page-index .enjoy-card.earn::before{ background: linear-gradient(90deg,#39b7ff,#82d9c8); }body.page-index .enjoy-card.enjoy::before{ background: linear-gradient(90deg,#0059b8,#0f75c6); }body.page-index .enjoy-card:hover{ transform: translateY(-10px); box-shadow: 0 40px 80px rgba(15,23,42,.12); }body.page-index .enjoy-card-icon{
      width: 72px; height: 72px; border-radius: 20px;
      display: flex; align-items: center; justify-content: center;
      margin: 0 auto 24px; font-size: 28px; color: #fff;
    }body.page-index .enjoy-card.shop .enjoy-card-icon{ background: linear-gradient(135deg,#f3b17d,#c35ea3); }body.page-index .enjoy-card.scan .enjoy-card-icon{ background: linear-gradient(135deg,#4320d6,#6a43ff); }body.page-index .enjoy-card.earn .enjoy-card-icon{ background: linear-gradient(135deg,#39b7ff,#82d9c8); }body.page-index .enjoy-card.enjoy .enjoy-card-icon{ background: linear-gradient(135deg,#0059b8,#0f75c6); }body.page-index .enjoy-card-label{
      font-size: .72rem; font-weight: 700; letter-spacing: 2px;
      text-transform: uppercase; color: var(--muted); margin-bottom: 10px;
    }body.page-index .enjoy-card h5{ font-size: 1.15rem; font-weight: 700; color: var(--foreground); margin-bottom: 12px; }body.page-index .enjoy-card p{ font-size: .88rem; line-height: 1.75; color: var(--muted); margin: 0; }

    /* ========== VIDEO SECTION ========== */body.page-index .video-section{
        position:relative;
        overflow:hidden;
        height:600px;
        margin: 50px 0;
    }body.page-index .video-section img{
        width:100%;
        object-fit:cover;
        display:block;
    }body.page-index .video-overlay{
        position:absolute;
        inset:0;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        gap:24px;
    }body.page-index .video-overlay h3{
        color:#fff;
        text-align:center;
        font-size:clamp(1.8rem,3vw,2.8rem);
    }body.page-index .play-btn{
        width:80px; height:80px; border-radius:50%;
        background:rgba(255,255,255,.2);
        border:2px solid rgba(255,255,255,.5);
        color:#fff; font-size:24px;
        text-decoration:none;
        display:flex; align-items:center; justify-content:center;
        position:relative; transition:.3s;
    }body.page-index .play-btn:hover{ transform:scale(1.08); background:rgba(255,255,255,.3); }body.page-index .play-btn::before, body.page-index .play-btn::after{
        content:''; position:absolute; inset:0; border-radius:50%;
        border:2px solid rgba(255,255,255,.4);
        animation:pulse-ring 1.8s infinite;
    }body.page-index .play-btn::after{ animation-delay:.8s; }
    @keyframes pulse-ring{
        from{ transform:scale(1); opacity:.7; }
        to{ transform:scale(1.8); opacity:0; }
    }body.page-index.video-modal-open{ overflow:hidden; }body.page-index .video-modal{
        position: fixed;
        inset: 0;
        background: rgba(5, 10, 20, .82);
        display: none;
        align-items: center;
        justify-content: center;
        z-index: 9999;
        padding: 20px;
    }body.page-index .video-modal.active{ display:flex; }body.page-index .video-modal-content{
        width: min(1020px, 100%);
        position: relative;
    }body.page-index .video-modal-frame{
        background: #fff;
        border-radius: 20px;
        overflow: hidden;
        box-shadow: 0 24px 80px rgba(0, 0, 0, .35);
    }body.page-index .video-modal-frame iframe{
        width: 100%;
        display: block;
        aspect-ratio: 16 / 9;
        border: 0;
    }body.page-index .video-modal-caption{
        background: rgba(255, 255, 255, .96);
        padding: 18px 20px 20px;
    }body.page-index .video-modal-caption h5{
        margin: 0 0 6px;
        font-size: 1.1rem;
        color: #101828;
    }body.page-index .video-modal-caption p{
        margin: 0;
        color: #5d6a85;
        line-height: 1.6;
        font-size: .96rem;
    }body.page-index .close-video{
        position: absolute;
        top: -46px;
        right: 0;
        width: 40px;
        height: 40px;
        border: 0;
        border-radius: 50%;
        background: rgba(255, 255, 255, .12);
        color: #fff;
        font-size: 28px;
        line-height: 1;
        cursor: pointer;
        z-index: 3;
    }

    /* iOS modal */body.page-index .ios-modal{
      position: fixed;
      inset: 0;
      display: none;
      align-items: center;
      justify-content: center;
      padding: 22px;
      background: rgba(8, 12, 24, .72);
      backdrop-filter: blur(10px);
      z-index: 10000;
    }body.page-index .ios-modal.active{ display: flex; }body.page-index .ios-modal-card{
      position: relative;
      width: min(560px, 100%);
      border-radius: 28px;
      padding: 34px 28px 28px;
      background: linear-gradient(180deg, #ffffff 0%, #f6f8ff 100%);
      box-shadow: 0 40px 100px rgba(0, 0, 0, .35);
      text-align: center;
    }body.page-index .ios-modal-badge{
      width: 74px;
      height: 74px;
      border-radius: 50%;
      margin: 0 auto 16px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 30px;
      color: #fff;
      background: linear-gradient(135deg, var(--blue-dark), var(--blue-light));
      box-shadow: 0 18px 40px rgba(0, 87, 255, .22);
    }body.page-index .ios-modal-card h3{
      color: var(--foreground);
      font-size: clamp(1.5rem, 2vw, 2rem);
      margin-bottom: 12px;
    }body.page-index .ios-modal-card p{
      color: var(--muted);
      font-size: .98rem;
      line-height: 1.7;
      margin: 0 auto 12px;
      max-width: 44ch;
    }body.page-index .ios-modal-note{
      color: var(--foreground);
      font-weight: 600;
      margin-bottom: 22px !important;
    }body.page-index .ios-modal-actions{
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      justify-content: center;
    }body.page-index .ios-btn{
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 48px;
      padding: 0 18px;
      border-radius: 999px;
      font-weight: 700;
      font-size: .92rem;
      text-decoration: none;
      border: 1px solid transparent;
      transition: transform .25s ease, box-shadow .25s ease, background .25s ease, color .25s ease;
    }body.page-index .ios-btn:hover{ transform: translateY(-2px); }body.page-index .ios-btn-primary{
      background: var(--blue-dark);
      color: #fff;
      box-shadow: 0 10px 24px rgba(0, 87, 255, .18);
    }body.page-index .ios-btn-primary:hover{ background: #004b87; }body.page-index .ios-btn-ghost{
      background: transparent;
      color: var(--foreground);
      border-color: rgba(15, 23, 42, .12);
    }body.page-index .ios-modal-close{
      position: absolute;
      top: 14px;
      right: 14px;
      width: 38px;
      height: 38px;
      border: none;
      border-radius: 50%;
      background: rgba(15, 23, 42, .06);
      color: var(--foreground);
      font-size: 24px;
      line-height: 1;
      cursor: pointer;
    }

    /* ========== BENEFIT ZONES / EARN ========== */body.page-index .gradient-blue-section{
      background: linear-gradient(135deg, var(--blue-dark) 0%, var(--blue-mid) 50%, var(--blue-light) 100%);
      padding: 80px 0;
    }body.page-index .section-text h4{ margin-bottom: 14px; }body.page-index .section-text p{ color: rgba(255,255,255,.85); font-size: 1.05rem; line-height: 1.7; }body.page-index .feature-list{ margin-top: 32px; }body.page-index .feature-list-item{
      display: flex; align-items: flex-start; gap: 18px;
      padding: 14px 0;
      transition: transform .3s;
    }body.page-index .feature-list-item:hover{ transform: translateX(6px); }body.page-index .feature-list-item + .feature-list-item{ border-top: 1px solid rgba(255,255,255,.12); }body.page-index .fl-icon{
      width: 52px; height: 52px; min-width: 52px;
      border-radius: 16px; display: flex; align-items: center; justify-content: center;
      font-size: 20px; color: #fff; flex-shrink: 0;
    }body.page-index .grd-tranquil{ background: linear-gradient(135deg,#fed192,#9946b2); }body.page-index .grd-blue{ background: linear-gradient(90deg,#491eb8,#844ffc); }body.page-index .grd-cyan{ background: linear-gradient(45deg,#2fb8ff,#9eecd9); }body.page-index .fl-body h6{ font-size: 1rem; font-weight: 600; color: #fff; margin-bottom: 4px; }body.page-index .fl-body p{ font-size: .9rem; color: rgba(255,255,255,.75); margin: 0; line-height: 1.6; }body.page-index .section-img{ text-align: center; }body.page-index .section-img img{ max-width: 46%; display: inline-block; filter: drop-shadow(0 16px 40px rgba(0,0,0,.3)); }

    /* ========== COMPARISON TABLE ========== */body.page-index .compare-section{ padding: 80px 0; background: #f5f7ff; }body.page-index .compare-table-wrap{
      margin-top: 50px; overflow-x: auto;
    }body.page-index .compare-table{
      width: 100%; border-collapse: collapse; border-radius: 20px; overflow: hidden;
      box-shadow: 0 20px 60px rgba(15,23,42,.10);
    }body.page-index .compare-table thead tr{
      background: linear-gradient(135deg, var(--blue-dark), var(--blue-light));
    }body.page-index .compare-table thead th{
      padding: 22px 30px; color: #fff; font-size: 1.05rem; font-weight: 600;
      text-align: left; width: 50%;
    }body.page-index .compare-table thead th:first-child{ border-right: 1px solid rgba(255,255,255,.15); }body.page-index .compare-table tbody tr:nth-child(even){ background: #f0f4ff; }body.page-index .compare-table tbody tr:nth-child(odd){ background: #fff; }body.page-index .compare-table tbody tr:hover{ background: #e8eeff; transition: background .2s; }body.page-index .compare-table tbody td{
      padding: 18px 30px; font-size: .92rem; color: var(--foreground);
      border-bottom: 1px solid rgba(15,23,42,.06);
    }body.page-index .compare-table tbody td:first-child{
      border-right: 1px solid rgba(15,23,42,.06);
      font-weight: 500;
    }body.page-index .compare-table tbody td i{
      color: var(--blue-dark); margin-right: 8px; font-size: .85rem;
    }

    /* ========== CLAIMIT IS DIFFERENT ========== */body.page-index .different-section{ padding: 100px 0; background: #fff; }body.page-index .different-marquee-wrap{
      overflow: hidden; margin: 48px 0;
      border-top: 1px solid rgba(15,23,42,.06);
      border-bottom: 1px solid rgba(15,23,42,.06);
      padding: 18px 0;
    }body.page-index .different-marquee{
      display: flex; gap: 60px; width: max-content;
      animation: marquee-scroll 22s linear infinite;
    }body.page-index .different-marquee:hover{ animation-play-state: paused; }
    @keyframes marquee-scroll {
      0%   { transform: translateX(0); }
      100% { transform: translateX(-50%); }
    }body.page-index .different-marquee span{
      white-space: nowrap; font-size: 1.5rem; font-weight: 700;
      color: var(--blue-dark); opacity: .12; letter-spacing: -0.5px;
    }body.page-index .different-marquee span.accent{ color: var(--blue); opacity: .22; }

    /* New layout: two-column split */body.page-index .different-split{
      display: grid;
      grid-template-rows: 0fr 0fr;
      gap: 60px;
      align-items: center;
      margin-top: 0;
      text-align: center;
    }body.page-index .different-left{ }body.page-index .different-highlight{
      font-size: clamp(1.7rem, 2.5vw, 2.4rem);
      font-weight: 700; color: var(--blue-dark);
      line-height: 1.25; margin-bottom: 20px;
    }body.page-index .different-left > p{
      font-size: 1.05rem; line-height: 1.9; color: var(--text); margin-bottom: 36px;
    }body.page-index .different-badge{
      display: inline-flex; align-items: center; gap: 10px;
      background: linear-gradient(135deg, var(--blue-dark), var(--blue-light));
      color: #fff; padding: 14px 26px; border-radius: 50px;
      font-size: .95rem; font-weight: 600;
      box-shadow: 0 12px 32px rgba(0,87,255,.25);
    }body.page-index .different-badge i{ font-size: 1rem; }body.page-index .different-right{
      display: grid; grid-template-columns: 1fr 1fr; gap: 20px;
    }body.page-index .diff-card{
      background: #f5f7ff; border-radius: 24px; padding: 28px 22px;
      position: relative; overflow: hidden;
      transition: transform .35s var(--ease-out-expo), box-shadow .35s;
      border: 1px solid rgba(15,23,42,.05);
    }body.page-index .diff-card:hover{
      transform: translateY(-8px);
      box-shadow: 0 24px 56px rgba(0,87,255,.12);
      background: #fff;
    }body.page-index .diff-card-icon{
      width: 52px; height: 52px; border-radius: 16px;
      background: linear-gradient(135deg, var(--blue-dark), var(--blue-light));
      color: #fff; font-size: 20px;
      display: flex; align-items: center; justify-content: center;
      margin-bottom: 18px;
      transition: transform .4s var(--ease-out-expo);
    }body.page-index .diff-card:hover .diff-card-icon{ transform: scale(1.1) rotate(-5deg); }body.page-index .diff-card h6{
      font-size: .95rem; font-weight: 700; color: var(--foreground);
      margin-bottom: 8px;
    }body.page-index .diff-card p{
      font-size: .82rem; color: var(--muted); line-height: 1.65; margin: 0;
    }body.page-index .diff-card.featured{
      grid-column: span 2;
      background: linear-gradient(135deg, var(--blue-dark), var(--blue-light));
      color: #fff; display: flex; align-items: center; gap: 20px;
      padding: 24px 28px;
    }body.page-index .diff-card.featured:hover{ background: linear-gradient(135deg, var(--blue-dark), var(--blue-light)); }body.page-index .diff-card.featured .diff-card-icon{
      background: rgba(255,255,255,.2); flex-shrink: 0; margin-bottom: 0;
    }body.page-index .diff-card.featured h6{ color: #fff; margin-bottom: 4px; font-size: 1rem; }body.page-index .diff-card.featured p{ color: rgba(255,255,255,.8); font-size: .88rem; }
    @media (max-width: 991px) {body.page-index .different-split{ grid-template-rows: 1fr; }
    }
    @media (max-width: 576px) {body.page-index .different-right{ grid-template-columns: 1fr; }body.page-index .diff-card.featured{ grid-column: span 1; flex-direction: column; align-items: flex-start; }
    }

    /* ========== ZONES ========== */body.page-index .zones-section{ padding: 100px 0; background: #f7f8fc; }body.page-index .zones-tag{
      display: inline-block; padding: 8px 18px; border-radius: 50px;
      background: rgba(82,92,235,.1); color: #525ceb;
      font-size: 12px; font-weight: 600; letter-spacing: 1px;
      text-transform: uppercase; margin-bottom: 14px;
    }body.page-index .zones-header h2{ font-size: clamp(2rem,3vw,3rem); font-weight: 600; margin-bottom: 18px; }body.page-index .zones-header p{ font-size: 17px; line-height: 1.8; color: #6d7890; }body.page-index .zones-grid{ display: grid; grid-template-columns: repeat(2,1fr); gap: 35px; margin-top: 60px; }body.page-index .zone-card{
      background: #fff; border-radius: 32px; overflow: hidden;
      box-shadow: 0 20px 50px rgba(0,0,0,.08);
      transition: transform .4s var(--ease-out-expo), box-shadow .4s;
    }body.page-index .zone-card:hover{ transform: translateY(-10px); box-shadow: 0 40px 80px rgba(0,0,0,.13); }body.page-index .zone-image{ height: 350px; overflow: hidden; }body.page-index .zone-image img{ width: 100%; height: 100%; object-fit: cover; transition: transform .6s var(--ease-out-expo); }body.page-index .zone-card:hover .zone-image img{ transform: scale(1.04); }body.page-index .zone-content{ padding: 35px; }body.page-index .zone-content h3{ font-size: 30px; margin-bottom: 12px; color: #1d2433; }body.page-index .zone-content p{ color: #6d7890; line-height: 1.8; margin-bottom: 24px; }body.page-index .zone-list{ list-style: none; padding: 0; }body.page-index .zone-list li{ display: flex; align-items: center; gap: 14px; margin-bottom: 14px; }body.page-index .zone-list li:last-child{ margin-bottom: 0; }body.page-index .zone-list li i{
      width: 44px; height: 44px; border-radius: 14px;
      background: #f3f5ff; color: #525ceb;
      display: flex; align-items: center; justify-content: center;
      font-size: 17px;
    }body.page-index .zone-list li span{ font-size: 15px; font-weight: 600; color: #1d2433; }

    /* ========== LOCAL DISCOVERY ========== */body.page-index .local-section{ padding: 100px 0; background: var(--bg-gray); }body.page-index .local-grid{
      display: grid; grid-template-columns: repeat(3,1fr); gap: 28px;
      margin-top: 60px;
    }body.page-index .local-card{
      background: #fff; border-radius: 28px; padding: 38px 30px;
      box-shadow: 0 16px 50px rgba(15,23,42,.07);
      transition: transform .35s var(--ease-out-expo), box-shadow .35s;
      position: relative; overflow: hidden;
    }body.page-index .local-card::after{
      content: '';
      position: absolute; bottom: 0; left: 0; right: 0; height: 3px;
      background: linear-gradient(90deg, var(--blue-dark), var(--blue-light));
      transform: scaleX(0); transform-origin: left;
      transition: transform .4s var(--ease-out-expo);
    }body.page-index .local-card:hover::after{ transform: scaleX(1); }body.page-index .local-card:hover{ transform: translateY(-8px); box-shadow: 0 36px 70px rgba(15,23,42,.12); }body.page-index .local-icon{
      width: 64px; height: 64px; border-radius: 20px;
      background: linear-gradient(135deg, var(--blue-dark), var(--blue-light));
      color: #fff; font-size: 24px;
      display: flex; align-items: center; justify-content: center;
      margin-bottom: 22px;
      transition: transform .4s var(--ease-out-expo);
    }body.page-index .local-card:hover .local-icon{ transform: scale(1.1) rotate(-5deg); }body.page-index .local-card h5{ font-size: 1.05rem; font-weight: 700; color: var(--foreground); margin-bottom: 10px; }body.page-index .local-card p{ font-size: .88rem; line-height: 1.75; color: var(--muted); margin: 0; }

    /* ========== FREE TO JOIN ========== */body.page-index .free-section{
      background: linear-gradient(135deg, var(--blue-dark) 0%, var(--blue-mid) 50%, var(--blue-light) 100%);
      padding: 100px 0;
    }body.page-index .free-grid{
      display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-top: 60px;
    }body.page-index .free-card{
      text-align: center; padding: 50px 30px;
      background: rgba(255,255,255,.1); border-radius: 28px;
      border: 1px solid rgba(255,255,255,.15);
      transition: all .35s var(--ease-out-expo);
    }body.page-index .free-card:hover{ background: rgba(255,255,255,.18); transform: translateY(-8px); }body.page-index .free-card-icon{
      width: 80px; height: 80px; border-radius: 50%;
      background: rgba(255,255,255,.15);
      display: flex; align-items: center; justify-content: center;
      margin: 0 auto 24px; font-size: 32px; color: #fff;
      transition: transform .4s var(--ease-out-expo);
    }body.page-index .free-card:hover .free-card-icon{ transform: scale(1.15) rotate(-5deg); }body.page-index .free-card h4{ color: #fff; font-size: clamp(1.4rem,2vw,1.9rem); font-weight: 700; margin-bottom: 12px; }body.page-index .free-card p{ color: rgba(255,255,255,.75); font-size: .9rem; margin: 0; line-height: 1.7; }

    /* ========== LEARN CLAIMIT ========== */body.page-index .learn-section{ padding: 100px 0; background: #f5f7ff; }body.page-index .learn-section .container{ max-width: 1320px; }body.page-index .learn-grid{
      display: grid;
      gap: 32px 56px;
      align-items: start;
      justify-content: center;
      margin-top: 60px;
    }body.page-index .learn-cta-row{
      margin-top: 22px;
    }body.page-index .learn-see-all{
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: fit-content;
    }

    /* Video thumbnails grid */body.page-index .learn-videos-wrap{ }body.page-index .learn-videos-label{
      font-size: .75rem; font-weight: 700; letter-spacing: 2px;
      text-transform: uppercase; color: var(--muted);
      margin-bottom: 18px;
    }body.page-index .video-grid{
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 22px;
    }body.page-index .video-card{
      appearance: none;
      border: 0;
      padding: 0;
      width: 100%;
      display: block;
      font: inherit;
      color: inherit;
      text-align: left;
      cursor: pointer;
      background: #fff;
      border-radius: 28px;
      overflow: hidden;
      box-shadow: 0 18px 45px rgba(15, 38, 84, .08);
      transition: transform .35s var(--ease-out), box-shadow .35s var(--ease-out);
    }body.page-index .video-card:hover{
      transform: translateY(-6px);
      box-shadow: 0 24px 60px rgba(15, 38, 84, .14);
    }body.page-index .video-card-media{
      position: relative;
      aspect-ratio: 16 / 9;
      overflow: hidden;
      background: linear-gradient(135deg, #dde7ff, #c8d8ff);
    }body.page-index .video-card-media img{
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      transform: scale(1.01);
      transition: transform .45s var(--ease-out);
    }body.page-index .video-card:hover .video-card-media img{
      transform: scale(1.08);
    }body.page-index .video-card-media::after{
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(180deg, rgba(6, 14, 32, .08) 0%, rgba(6, 14, 32, .22) 100%);
    }body.page-index .video-card-play{
      position: absolute;
      inset: 0;
      z-index: 1;
      display: flex;
      align-items: center;
      justify-content: center;
    }body.page-index .play-core{
      width: 52px;
      height: 52px;
      border-radius: 50%;
      background: #fff;
      color: var(--blue-dark);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 17px;
      box-shadow: 0 10px 25px rgba(0, 0, 0, .18);
      position: relative;
    }body.page-index .play-core::before,
    body.page-index .play-core::after{
      content: "";
      position: absolute;
      inset: -10px;
      border-radius: 50%;
      border: 1px solid rgba(255, 255, 255, .55);
      animation: pulse-ring 2s infinite;
    }body.page-index .play-core::after{
      inset: -18px;
      animation-delay: .7s;
    }body.page-index .video-card-body{
      padding: 18px 18px 20px;
    }body.page-index .video-card-body h5{
      margin: 0 0 6px;
      font-size: 1.05rem;
      line-height: 1.35;
      color: #101828;
    }body.page-index .video-card-meta{
      display: flex;
      align-items: center;
      gap: 6px;
      font-size: .9rem;
      color: #6c7a9b;
    }body.page-index .video-card-meta i{
      color: #7f90bb;
    }body.page-index .learn-video-grid{
      display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px;
    }body.page-index .learn-video-card{
      border-radius: 16px; overflow: hidden;
      background: #fff;
      box-shadow: 0 8px 28px rgba(15,23,42,.08);
      transition: transform .35s var(--ease-out-expo), box-shadow .35s;
      cursor: pointer;
    }body.page-index .learn-video-card:hover{
      transform: translateY(-6px);
      box-shadow: 0 20px 50px rgba(0,87,255,.14);
    }body.page-index .learn-video-thumb{
      position: relative; aspect-ratio: 16/9; overflow: hidden;
      background: linear-gradient(135deg, #1a2a6c, #005a9c, #2a9df4);
    }body.page-index .learn-video-thumb img{
      width: 100%; height: 100%; object-fit: cover;
      transition: transform .5s var(--ease-out-expo);
    }body.page-index .learn-video-card:hover .learn-video-thumb img{ transform: scale(1.06); }body.page-index .learn-video-thumb-placeholder{
      width: 100%; height: 100%;
      display: flex; align-items: center; justify-content: center;
      position: absolute; inset: 0;
    }body.page-index .learn-video-thumb-icon{
      font-size: 1.5rem; color: rgba(255,255,255,.35);
    }body.page-index .learn-video-play{
      position: absolute; inset: 0;
      display: flex; align-items: center; justify-content: center;
      background: rgba(0,0,0,.22);
      transition: background .3s;
    }body.page-index .learn-video-card:hover .learn-video-play{ background: rgba(0,40,120,.35); }body.page-index .learn-video-play-btn{
      width: 44px; height: 44px; border-radius: 50%;
      background: rgba(255,255,255,.92);
      display: flex; align-items: center; justify-content: center;
      font-size: 14px; color: var(--blue-dark);
      box-shadow: 0 4px 16px rgba(0,0,0,.25);
      transition: transform .3s, background .3s;
    }body.page-index .learn-video-card:hover .learn-video-play-btn{
      transform: scale(1.12);
      background: #fff;
    }body.page-index .learn-video-info{
      padding: 12px 16px 16px;
    }body.page-index .learn-video-info span{
      font-size: .82rem; font-weight: 600; color: var(--foreground);
      line-height: 1.4; display: block;
    }body.page-index .learn-video-duration{
      font-size: .72rem !important; color: var(--muted) !important;
      font-weight: 400 !important; margin-top: 4px;
    }

    /* PDF downloads — unchanged styles */body.page-index .learn-list{ list-style: none; padding: 0; }body.page-index .learn-list li{
      display: flex; align-items: center; gap: 16px;
      padding: 16px 20px; border-radius: 16px; margin-bottom: 10px;
      background: #fff;
      box-shadow: 0 4px 16px rgba(15,23,42,.05);
      transition: all .3s var(--ease-out-expo);
      cursor: pointer;
    }body.page-index .learn-list li:hover{
      background: var(--blue-dark); color: #fff;
      transform: translateX(6px);
      box-shadow: 0 12px 30px rgba(0,87,255,.2);
    }body.page-index .learn-list li i{
      width: 38px; height: 38px; border-radius: 12px;
      background: var(--bg-gray); color: var(--blue-dark);
      display: flex; align-items: center; justify-content: center;
      font-size: 16px; flex-shrink: 0;
      transition: background .3s, color .3s;
    }body.page-index .learn-list li:hover i{ background: rgba(255,255,255,.2); color: #fff; }body.page-index .learn-list li span{ font-size: .9rem; font-weight: 500; }body.page-index .learn-downloads{
      background: #fff; border-radius: 28px; padding: 40px;
      box-shadow: 0 20px 50px rgba(15,23,42,.07);
    }body.page-index .learn-downloads h5{ font-size: 1.15rem; font-weight: 700; margin-bottom: 20px; color: var(--foreground); }body.page-index .download-item{
      display: flex; align-items: center; gap: 16px;
      padding: 16px 0;
      border-bottom: 1px solid rgba(15,23,42,.06);
      transition: all .3s;
    }body.page-index .download-item:last-child{ border-bottom: none; padding-bottom: 0; }body.page-index .download-item:hover{ color: var(--blue-dark); }body.page-index .download-item i{ font-size: 1.2rem; color: var(--blue-dark); }body.page-index .download-item span{ font-size: .9rem; font-weight: 500; flex: 1; }body.page-index .download-item a{
      font-size: .8rem; color: var(--blue-dark); font-weight: 600;
      padding: 6px 14px; border-radius: 20px; border: 1.5px solid var(--blue-dark);
      transition: all .3s;
    }body.page-index .download-item a:hover{ background: var(--blue-dark); color: #fff; }
    @media (max-width: 1100px) {body.page-index .learn-grid{ grid-template-columns: 1fr; }body.page-index .video-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }body.page-learn .learn-library-section .learn-downloads{ position: static; }body.page-learn .learn-library-section .learn-video-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
    }
    @media (max-width: 576px) {body.page-index .learn-video-grid{ grid-template-columns: 1fr; }body.page-index .video-grid{ grid-template-columns: 1fr; }body.page-learn .learn-library-section .learn-video-grid{ grid-template-columns: 1fr; }body.page-index .video-modal{ padding:14px; }body.page-index .close-video{ top:-50px; right:4px; }
    }

    /* ========== LEARN PAGE ========== */body.page-learn .policy-hero{
      background: linear-gradient(135deg, var(--blue-dark) 0%, var(--blue-mid) 50%, var(--blue-light) 100%);
      padding: 140px 0 80px;
      text-align: center;
      position: relative;
      overflow: hidden;
    }body.page-learn .policy-hero::before{
      content: '';
      position: absolute;
      inset: 0;
      background: url('image/bg-trans-2.png') center/cover no-repeat;
      opacity: .1;
    }body.page-learn .policy-hero-inner{
      position: relative;
      z-index: 2;
    }body.page-learn .policy-hero h1{
      font-size: clamp(2rem, 4vw, 3.2rem);
      font-weight: 800;
      color: #fff;
      margin-bottom: 12px;
    }body.page-learn .policy-hero p{
      font-size: 1rem;
      color: rgba(255,255,255,.85);
    }body.page-learn .learn-library-section{
      padding: 96px 0 110px;
      background: linear-gradient(180deg, #f5f7ff 0%, #eef3ff 100%);
    }body.page-learn .learn-library-section .section-header{
      margin-bottom: 36px;
    }body.page-learn .learn-library-section .learn-grid{
      margin-top: 44px;
    }body.page-learn .learn-library-section .learn-downloads{
      position: sticky;
      top: 110px;
    }body.page-learn .learn-library-section .learn-video-grid{
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }body.page-learn .learn-library-section .video-grid{
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    /* ========== SCREENSHOTS ========== */body.page-index .screenshots-section{ padding: 100px 0; }body.page-index .screenshots-carousel{ position: relative; overflow: hidden; margin: 30px 60px 0;}body.page-index .sc-track{
      display: flex; gap: 24px;
      animation: scroll-left 28s linear infinite;
      width: max-content;
      margin: 20px 0 0;
    }body.page-index .sc-track:hover{ animation-play-state: paused; }
    @keyframes scroll-left {
      0%   { transform: translateX(0); }
      100% { transform: translateX(-50%); }
    }body.page-index .sc-slide{
      width: 240px; flex-shrink: 0; border-radius: 20px; overflow: hidden;
      box-shadow: 0 12px 40px rgba(0,0,0,.12);
      transition: transform .3s;
    }body.page-index .sc-slide:hover{ transform: scale(1.04); }body.page-index .sc-slide img{ width: 100%; height: auto; display: block; }

    /* ========== SUBSCRIBE ========== */body.page-index .subscribe-section{
      padding: 100px 0;
      background: linear-gradient(rgba(0,0,0,.62),rgba(0,0,0,.62)), url('image/sub.png') center/cover no-repeat;
    }body.page-index .subscribe-section .contact-wrapper{ gap: 70px; }body.page-index .subscribe-section .reveal-left{
      color: #fff;
    }body.page-index .subscribe-section .reveal-left h2{
      color: #fff;
      text-shadow: 0 2px 18px rgba(0,0,0,.45);
    }body.page-index .subscribe-section .reveal-left h2 span{
      color: #ffd54a !important;
    }body.page-index .subscribe-section .reveal-left p{
      color: rgba(255,255,255,.9);
      text-shadow: 0 1px 10px rgba(0,0,0,.25);
    }body.page-index .subscribe-section .contact-details{ margin-top: 8px; }body.page-index .subscribe-section .contact-detail h6{
      color: #fff;
    }body.page-index .subscribe-section .contact-detail span{
      color: rgba(255,255,255,.86);
    }body.page-index .subscribe-box{ max-width: 600px; margin: 0 auto; text-align: center; }body.page-index .subscribe-box h4{ color: #fff; font-size: var(--fs-xl); margin-bottom: 14px; }body.page-index .subscribe-box p{ color: rgba(255,255,255,.8); margin-bottom: 32px; }body.page-index .subscribe-form{ display: flex; gap: 0; border-radius: 10px; overflow: hidden; box-shadow: 0 8px 32px rgba(0,0,0,.3); }body.page-index .subscribe-form input{
      flex: 1; border: none; outline: none;
      padding: 18px 22px; font-size: .95rem;
      background: rgba(255,255,255,.95); color: var(--foreground);
    }body.page-index .subscribe-form button{
      border: none; background: var(--blue-dark); color: #fff;
      padding: 18px 28px; font-weight: 600; font-size: .9rem;
      transition: background .3s;
    }body.page-index .subscribe-form button:hover{ background: #004080; }body.page-index .subscribe-msg{ margin-top: 12px; font-size: .9rem; color: rgba(255,255,255,.8); min-height: 24px; }

    /* ========== FAQ ========== */body.page-index .faq-section{ padding: 100px 0; background: #f8f9fd; }body.page-index .faq-layout{ display: flex; align-items: center; gap: 60px; margin-top: 50px; }body.page-index .faq-grid{ flex: 1; display: grid; grid-template-columns: repeat(2,1fr); gap: 22px; }body.page-index .faq-card{
      background: #fff; border: 1px solid #edf2f7;
      border-radius: 18px; padding: 26px;
      box-shadow: 0 8px 24px rgba(0,0,0,.04);
      transition: all .35s var(--ease-out-expo);
    }body.page-index .faq-card:hover{ transform: translateY(-6px); box-shadow: 0 20px 50px rgba(0,0,0,.09); }body.page-index .faq-card h4{ font-size: 1rem; font-weight: 600; color: #111827; margin-bottom: 10px; }body.page-index .faq-card p{ font-size: .9rem; line-height: 1.7; color: #6b7280; margin: 0; }body.page-index .faq-image{ flex: 0 0 320px; }body.page-index .faq-image img{ width: 100%; }

    /* ========== CONTACT ========== */body.page-index .contact-section{ padding: 120px 7%; overflow: hidden; position: relative; background: #fff; }body.page-index .contact-section::before{
      content: ''; position: absolute;
      width: 500px; height: 500px; border-radius: 50%;
      background: var(--yellow); opacity: .1; top: -220px; left: -180px;
      filter: blur(100px);
    }body.page-index .contact-section::after{
      content: ''; position: absolute;
      width: 600px; height: 600px; border-radius: 50%;
      background: var(--blue); opacity: .07; bottom: -280px; right: -250px;
      filter: blur(120px);
    }body.page-index .contact-wrapper{
      max-width: 1200px; margin: auto;
      display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 90px;
      align-items: center; position: relative; z-index: 2;
    }body.page-index .eyebrow-tag{
      display: inline-block; background: #fff4cc; color: #d89b00;
      padding: 10px 18px; border-radius: 999px;
      font-size: 12px; font-weight: 600; letter-spacing: 1.5px;
      margin-bottom: 22px;
    }body.page-index .contact-left h2{
      font-size: clamp(2rem,3vw,3rem); font-weight: 600; line-height: 1.1;
      margin-bottom: 20px; letter-spacing: -1px;
    }body.page-index .contact-left p{ font-size: 1.05rem; line-height: 1.9; color: var(--text); margin-bottom: 44px; }body.page-index .contact-details{ display: flex; flex-direction: column; gap: 20px; }body.page-index .contact-detail{ display: flex; align-items: center; gap: 16px; }body.page-index .contact-icon{
      width: 52px; height: 52px; border-radius: 16px;
      background: linear-gradient(135deg,#e8f0fe,#3b82f6);
      color: #1e40af;
      display: flex; align-items: center; justify-content: center;
      font-size: 18px; flex-shrink: 0;
      box-shadow: 0 12px 30px rgba(0,87,255,.14);
    }body.page-index .contact-detail h6{ font-size: .95rem; color: #000; margin-bottom: 3px; }body.page-index .contact-detail span{ color: var(--text); font-size: .9rem; }body.page-index .contact-form{
      background: rgba(255,255,255,.85); backdrop-filter: blur(20px);
      padding: 44px; border-radius: 32px;
      box-shadow: 0 30px 80px rgba(15,23,42,.08); position: relative;
    }body.page-index .contact-form h3{ font-size: 1.6rem; margin-bottom: 26px; color: #000; }body.page-index .contact-form input, body.page-index .contact-form textarea{
      width: 100%; border: none; outline: none;
      background: #f8fafc; border-radius: 16px;
      padding: 16px 20px; margin-bottom: 14px;
      font-size: .9rem; font-family: inherit;
      transition: box-shadow .3s, background .3s;
      box-shadow: inset 0 0 0 1px rgba(15,23,42,.06);
    }body.page-index .contact-form input:focus, body.page-index .contact-form textarea:focus{
      background: #fff;
      box-shadow: 0 0 0 4px rgba(0,87,255,.08), inset 0 0 0 1px var(--blue);
    }body.page-index .contact-form textarea{ resize: none; min-height: 130px; }body.page-index .contact-form button{
      border: none; padding: 16px 36px; border-radius: 999px;
      background: linear-gradient(135deg,var(--blue),#3b82f6);
      color: #fff; font-size: .95rem; font-weight: 600;
      transition: transform .3s, box-shadow .3s; min-width: 200px;
    }body.page-index .contact-form button:hover{ transform: translateY(-3px); box-shadow: 0 16px 40px rgba(0,87,255,.25); }

    /* ========== CTA / DOWNLOAD ========== */body.page-index .cta-section{
      background: linear-gradient(135deg, var(--blue-dark) 0%, var(--blue-mid) 50%, var(--blue-light) 100%);
      padding: 100px 0 0; overflow: hidden;
    }body.page-index .cta-inner{ display: flex; align-items: flex-start; gap: 60px; }body.page-index .cta-text h4{ font-size: var(--fs-2xl); color: #fff; font-weight: 600; margin-top: 28px; }body.page-index .cta-text .btn-holder img{ max-height: 52px; }body.page-index .cta-img{ flex: 1; text-align: right; }body.page-index .cta-img img{ max-width: 85%; margin-bottom: -4px; }

    /* ========== FOOTER ========== */body.page-index footer{ background: var(--bg-gray); padding: 80px 0 0; }body.page-index .footer-grid{ display: grid; grid-template-columns: 2fr 1fr 1.5fr; gap: 60px; padding-bottom: 50px; }body.page-index .footer-logo img{ max-width: 150px; margin-bottom: 16px; }body.page-index .footer-about p{ color: var(--muted); font-size: .9rem; line-height: 1.7; max-width: 240px; }body.page-index .footer-col h6{ font-size: .95rem; font-weight: 600; color: var(--foreground); margin-bottom: 18px; }body.page-index .footer-col li a{ font-size: .9rem; color: var(--muted); transition: color .25s; }body.page-index .footer-col li a:hover{ color: var(--blue-dark); }body.page-index .footer-bottom{
      border-top: 1px solid rgba(0,0,0,.12);
      padding: 24px 0; text-align: center;
      font-size: .85rem; color: var(--muted);
    }body.page-index .footer-bottom a{ color: rgba(246,191,24,.9); }

    /* ========== SCROLL ANIMATIONS ========== */body.page-index .reveal{
      opacity: 0; transform: translateY(30px);
      transition: opacity .75s var(--ease-out-expo), transform .75s var(--ease-out-expo);
    }body.page-index .reveal.visible{ opacity: 1; transform: none; }body.page-index .reveal-left{ opacity: 0; transform: translateX(-40px); transition: opacity .75s var(--ease-out-expo), transform .75s var(--ease-out-expo); }body.page-index .reveal-right{ opacity: 0; transform: translateX(40px);  transition: opacity .75s var(--ease-out-expo), transform .75s var(--ease-out-expo); }body.page-index .reveal-left.visible, body.page-index .reveal-right.visible{ opacity: 1; transform: none; }body.page-index .reveal-delay-1{ transition-delay: .1s; }body.page-index .reveal-delay-2{ transition-delay: .2s; }body.page-index .reveal-delay-3{ transition-delay: .3s; }body.page-index .reveal-delay-4{ transition-delay: .4s; }

    /* ========== RESPONSIVE ========== */
    @media (max-width: 1100px) {body.page-index .process-grid{ grid-template-columns: repeat(3,1fr); }body.page-index .enjoy-flow-grid{ grid-template-columns: repeat(2,1fr); }body.page-index .why-steps{ grid-template-columns: repeat(3,1fr); gap: 30px; }body.page-index .why-steps::before{ display: none; }body.page-index .contact-wrapper{ grid-template-columns: 1fr; gap: 50px; }body.page-index .learn-grid{ grid-template-columns: 1fr; }
    }
    @media (max-width: 991px) {body.page-index .metrics-grid{ grid-template-columns: repeat(2,1fr); }body.page-index .zones-grid{ grid-template-columns: 1fr; }body.page-index .local-grid{ grid-template-columns: repeat(2,1fr); }body.page-index .free-grid{ grid-template-columns: 1fr; max-width: 440px; margin: 0 auto; }body.page-index .faq-layout{ flex-direction: column; }body.page-index .faq-image{ order: -1; }body.page-index .footer-grid{ grid-template-columns: 1fr 1fr; }body.page-index .col-5, body.page-index .col-7, body.page-index .col-6, body.page-index .col-4{ flex: 0 0 100%; max-width: 100%; }body.page-index .section-img img{ max-width: 60%; }body.page-index .why-steps{ grid-template-columns: repeat(2,1fr); }
    }
    @media (max-width: 768px) {body.page-index .nav-menu{ display: none; flex-direction: column; align-items: flex-start;
        position: absolute; top: 100%; left: 0; right: 0;
        background: #fff; padding: 20px; box-shadow: 0 10px 30px rgba(0,0,0,.1); gap: 4px; }body.page-index .nav-menu.open{ display: flex; }body.page-index .nav-menu a{ color: var(--foreground); width: 100%; padding: 10px 14px; border-radius: 8px; }body.page-index .nav-menu a:hover{ background: var(--bg-gray); color: var(--blue-dark); }body.page-index .nav-btn-wrap{ display: none; }body.page-index .nav-toggle{ display: flex; }body.page-index .navbar{ position: fixed; background: rgba(255,255,255,.95); backdrop-filter: blur(10px); }body.page-index .navbar:not(.scrolled){ background: rgba(10,5,30,.7); }body.page-index .navbar:not(.scrolled) .nav-toggle span{ background: #fff; }body.page-index .hc-slide{ width: 100%; min-height: 100svh; background-position: center; }body.page-index .hero-content{ padding: 100px 0 70px; text-align: center; }body.page-index .hero-image{ display: block; margin-top: 36px; }body.page-index .hero-image .hero-phone{ max-width: 58%; margin: 0 auto; filter: drop-shadow(0 16px 32px rgba(0,0,0,.45)); }body.page-index .btn-holder{ justify-content: center; }body.page-index .hc-arrow{ bottom: 18px; width: 44px; height: 44px; font-size: 14px; }body.page-index .hc-prev{ right: 76px; }body.page-index .hc-next{ right: 18px; }body.page-index .process-grid{ grid-template-columns: 1fr; }body.page-index .enjoy-flow-grid{ grid-template-columns: 1fr; }body.page-index .why-steps{ grid-template-columns: repeat(2,1fr); }body.page-index .local-grid{ grid-template-columns: 1fr; }body.page-index .faq-grid{ grid-template-columns: 1fr; }body.page-index .cta-inner{ flex-direction: column; }body.page-index .cta-img{ text-align: center; }body.page-index .footer-grid{ grid-template-columns: 1fr; gap: 30px; }body.page-index .social-sidebar{ display: none; }body.page-index .contact-section{ padding: 80px 24px; }body.page-index .contact-left h2{ font-size: 2rem; }body.page-index .intro-text p{ margin: 0 auto; }body.page-index .video-section{ height: 320px; }body.page-index .different-marquee span{ font-size: 1.1rem; }body.page-index .learn-video-grid{ grid-template-columns: repeat(1, 1fr); gap: 10px; }
    }
    @media (max-width: 576px) {body.page-index .metrics-grid{ grid-template-columns: 1fr; }
    }

/* faqs.html */
/* ===== RESET & TOKENS ===== */body.page-faqs *, body.page-faqs *::before, body.page-faqs *::after{ box-sizing: border-box; margin: 0; padding: 0; }body.page-faqs{
      --blue:       #0057ff;
      --blue-dark:  #005A9C;
      --blue-mid:   #0070C0;
      --blue-light: #2A9DF4;
      --yellow:     #FFD54A;
      --bg-gray:    rgba(227,232,255,1);
      --text:       #64748b;
      --foreground: #161c2d;
      --muted:      #869ab8;
      --ease-out:   cubic-bezier(0.16, 1, 0.3, 1);
    }html{ font-size: 100%; scroll-behavior: smooth; }body.page-faqs{ font-family: 'Poppins', sans-serif; color: var(--foreground); overflow-x: hidden; line-height: 1.6; }body.page-faqs img{ max-width: 100%; height: auto; display: block; }body.page-faqs a{ text-decoration: none; color: inherit; transition: .3s; }body.page-faqs ul{ list-style: none; padding: 0; }

    /* ===== PRELOADER ===== */body.page-faqs #preloader{
      position: fixed; inset: 0; background: #fff;
      z-index: 10000; display: flex; align-items: center; justify-content: center;
      transition: opacity .6s ease, visibility .6s ease;
    }body.page-faqs #preloader.done{ opacity: 0; visibility: hidden; }body.page-faqs #preloader-inner{ width: 260px; height: 260px; background: url('image/claimit-loader.gif') center/cover no-repeat; }

    /* ===== SOCIAL SIDEBAR ===== */body.page-faqs .social-sidebar{
      position: fixed; left: 25px; top: 50%; transform: translateY(-50%);
      z-index: 9999; display: flex; flex-direction: column; gap: 12px;
    }body.page-faqs .social-icon{
      width: 32px; height: 32px; border-radius: 18px;
      background: #fff; color: #1e3a8a; font-size: 14px;
      display: flex; align-items: center; justify-content: center;
      box-shadow: 0 8px 24px rgba(0,0,0,.12);
      transition: all .35s var(--ease-out);
    }body.page-faqs .social-icon:hover{ transform: translateX(8px) scale(1.08); background: var(--yellow); color: #0F2E6D; }body.page-faqs .social-icon.facebook:hover{ background: #1877f2; color: #fff; }body.page-faqs .social-icon.instagram:hover{ background: linear-gradient(45deg,#f09433,#dc2743,#bc1888); color: #fff; }body.page-faqs .social-icon.linkedin:hover{ background: #0077b5; color: #fff; }body.page-faqs .social-icon.twitter:hover{ background: #000; color: #fff; }body.page-faqs .social-icon.youtube:hover{ background: #ff0000; color: #fff; }

    /* ===== NAVBAR ===== */body.page-faqs .navbar{
      position: fixed; top: 0; left: 0; right: 0;
      padding: 16px 0; background: #fff;
      box-shadow: 0 2px 20px rgba(0,0,0,.10);
      z-index: 1000;
    }body.page-faqs .navbar .container{
      width: 90%; max-width: 1200px; margin: 0 auto; padding: 0 20px;
      display: flex; align-items: center; justify-content: space-between;
    }body.page-faqs .navbar-brand img{ max-width: 140px; }body.page-faqs .nav-menu{ display: flex; align-items: center; gap: 8px; }body.page-faqs .nav-menu a{
      color: var(--foreground); font-size: .92rem; font-weight: 500;
      padding: 8px 12px; border-radius: 6px; white-space: nowrap; transition: all .25s;
    }body.page-faqs .nav-menu a:hover{ color: var(--blue-dark); background: var(--bg-gray); }body.page-faqs .nav-btn{
      display: inline-flex; align-items: center;
      background: var(--blue-dark); color: #fff;
      font-weight: 700; font-size: .88rem;
      padding: 11px 22px; border-radius: 50px;
      transition: all .3s; box-shadow: 0 4px 16px rgba(0,90,156,.25);
    }body.page-faqs .nav-btn:hover{ transform: translateY(-2px); box-shadow: 0 8px 28px rgba(0,90,156,.35); color: #fff; }body.page-faqs .nav-toggle{
      display: none; flex-direction: column; gap: 5px;
      background: none; border: none; padding: 6px; cursor: pointer;
    }body.page-faqs .nav-toggle span{
      display: block; width: 24px; height: 2px;
      background: var(--foreground); border-radius: 2px;
      transition: all .35s var(--ease-out);
    }body.page-faqs .nav-toggle.open span:nth-child(1){ transform: translateY(7px) rotate(45deg); }body.page-faqs .nav-toggle.open span:nth-child(2){ opacity: 0; transform: scaleX(0); }body.page-faqs .nav-toggle.open span:nth-child(3){ transform: translateY(-7px) rotate(-45deg); }

    /* ===== CONTAINER ===== */body.page-faqs .container{ width: 90%; max-width: 1200px; margin: 0 auto; padding: 0 20px; }

    /* ===== FAQ HERO BAND ===== */body.page-faqs .faq-hero{
      background: linear-gradient(135deg, var(--blue-dark) 0%, var(--blue-mid) 50%, var(--blue-light) 100%);
      padding: 140px 0 80px; text-align: center; position: relative; overflow: hidden;
    }body.page-faqs .faq-hero::before{
      content: ''; position: absolute; inset: 0;
      background: url('image/bg-trans-2.png') center/cover no-repeat; opacity: .1;
    }body.page-faqs .faq-hero-inner{ position: relative; z-index: 2; }body.page-faqs .faq-hero .eyebrow{
      display: inline-block; background: rgba(255,255,255,.18); color: #fff;
      border: 1px solid rgba(255,255,255,.3); border-radius: 30px;
      font-size: 12px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase;
      padding: 7px 20px; margin-bottom: 20px;
    }body.page-faqs .faq-hero h1{ font-size: clamp(2rem, 4vw, 3.2rem); font-weight: 800; color: #fff; margin-bottom: 16px; }body.page-faqs .faq-hero p{ font-size: 1.05rem; color: rgba(255,255,255,.85); max-width: 520px; margin: 0 auto; }

    /* ===== FAQ SEARCH ===== */body.page-faqs .faq-search-wrap{ background: #fff; padding: 40px 0 0; }body.page-faqs .faq-search{
      max-width: 560px; margin: 0 auto;
      display: flex; align-items: center; gap: 0;
      background: var(--bg-gray); border-radius: 50px; overflow: hidden;
      box-shadow: 0 4px 24px rgba(0,0,0,.07);
      border: 2px solid transparent;
      transition: border .3s, box-shadow .3s;
    }body.page-faqs .faq-search:focus-within{ border-color: var(--blue-dark); box-shadow: 0 4px 32px rgba(0,90,156,.15); }body.page-faqs .faq-search i{ padding: 0 16px; color: var(--muted); font-size: 16px; }body.page-faqs .faq-search input{
      flex: 1; border: none; outline: none; background: transparent;
      padding: 14px 0; font-size: .95rem; font-family: 'Poppins', sans-serif;
      color: var(--foreground);
    }body.page-faqs .faq-search input::placeholder{ color: var(--muted); }

    /* ===== FAQ MAIN ===== */body.page-faqs .faq-section{ background: #fff; padding: 50px 0 100px; }body.page-faqs .faq-count{ text-align: center; margin-bottom: 40px; color: var(--muted); font-size: .9rem; }body.page-faqs .faq-count span{ color: var(--blue-dark); font-weight: 700; }body.page-faqs .faq-list{ max-width: 820px; margin: 0 auto; display: flex; flex-direction: column; gap: 14px; }body.page-faqs .faq-item{
      background: #fff; border: 1.5px solid #edf2f7;
      border-radius: 18px; overflow: hidden;
      box-shadow: 0 4px 16px rgba(15,23,42,.05);
      transition: border-color .3s, box-shadow .3s, transform .35s var(--ease-out);
    }body.page-faqs .faq-item:hover{ transform: translateY(-2px); box-shadow: 0 12px 40px rgba(15,23,42,.09); }body.page-faqs .faq-item.active{ border-color: var(--blue-dark); box-shadow: 0 8px 32px rgba(0,90,156,.12); }body.page-faqs .faq-question{
      width: 100%; background: none; border: none; cursor: pointer;
      display: flex; align-items: center; justify-content: space-between;
      gap: 16px; padding: 20px 24px;
      font-family: 'Poppins', sans-serif; text-align: left;
      font-size: .97rem; font-weight: 600; color: var(--foreground);
      transition: color .25s;
    }body.page-faqs .faq-item.active .faq-question{ color: var(--blue-dark); }body.page-faqs .faq-icon{
      width: 34px; height: 34px; min-width: 34px; border-radius: 50%;
      background: var(--bg-gray); color: var(--blue-dark); font-size: 16px;
      display: flex; align-items: center; justify-content: center;
      transition: transform .4s var(--ease-out), background .3s, color .3s;
      font-weight: 700;
    }body.page-faqs .faq-item.active .faq-icon{
      background: var(--blue-dark); color: #fff;
      transform: rotate(45deg);
    }body.page-faqs .faq-answer{
      max-height: 0; overflow: hidden;
      transition: max-height .45s var(--ease-out), padding .35s ease;
      padding: 0 24px;
    }body.page-faqs .faq-item.active .faq-answer{ max-height: 300px; padding: 0 24px 20px; }body.page-faqs .faq-answer p{ font-size: .92rem; line-height: 1.75; color: var(--text); }

    /* No results */body.page-faqs .faq-empty{
      text-align: center; padding: 60px 20px; display: none;
    }body.page-faqs .faq-empty i{ font-size: 48px; color: var(--bg-gray); margin-bottom: 16px; }body.page-faqs .faq-empty p{ color: var(--muted); font-size: .95rem; }

    /* ===== FOOTER ===== */body.page-faqs footer{ background: var(--bg-gray); padding: 70px 0 0; }body.page-faqs .footer-grid{
      display: grid; grid-template-columns: 2fr 1fr 1.5fr; gap: 60px; padding-bottom: 50px;
    }body.page-faqs .footer-logo img{ max-width: 140px; margin-bottom: 14px; }body.page-faqs .footer-about p{ color: var(--muted); font-size: .9rem; line-height: 1.7; max-width: 220px; }body.page-faqs .footer-col h6{ font-size: .92rem; font-weight: 700; margin-bottom: 16px; }body.page-faqs .footer-col li{ margin-bottom: 10px; }body.page-faqs .footer-col li a{ font-size: .88rem; color: var(--muted); transition: color .25s; }body.page-faqs .footer-col li a:hover{ color: var(--blue-dark); }body.page-faqs .footer-bottom{
      border-top: 1px solid rgba(0,0,0,.1); padding: 22px 0;
      text-align: center; font-size: .82rem; color: var(--muted);
    }body.page-faqs .footer-bottom a{ color: rgba(246,191,24,.9); }

    /* ===== REVEAL ===== */body.page-faqs .reveal{ opacity: 0; transform: translateY(28px); transition: opacity .7s var(--ease-out), transform .7s var(--ease-out); }body.page-faqs .reveal.visible{ opacity: 1; transform: none; }

    /* ===== RESPONSIVE ===== */
    @media (max-width: 768px) {body.page-faqs .nav-menu{ display: none; flex-direction: column; align-items: flex-start;
        position: absolute; top: 100%; left: 0; right: 0;
        background: #fff; padding: 16px; box-shadow: 0 10px 30px rgba(0,0,0,.1); }body.page-faqs .nav-menu.open{ display: flex; }body.page-faqs .nav-menu a{ width: 100%; padding: 10px 14px; }body.page-faqs .nav-btn-wrap{ display: none; }body.page-faqs .nav-toggle{ display: flex; }body.page-faqs .footer-grid{ grid-template-columns: 1fr; gap: 28px; }body.page-faqs .social-sidebar{ display: none; }body.page-faqs .faq-question{ font-size: .9rem; padding: 16px 18px; }body.page-faqs .faq-answer{ padding: 0 18px; }body.page-faqs .faq-item.active .faq-answer{ padding: 0 18px 16px; }
    }

/* customer-faq.html */
/* ===== RESET & TOKENS ===== */body.page-customer-faq *, body.page-customer-faq *::before, body.page-customer-faq *::after{ box-sizing: border-box; margin: 0; padding: 0; }body.page-customer-faq{
      --blue:       #0057ff;
      --blue-dark:  #005A9C;
      --blue-mid:   #0070C0;
      --blue-light: #2A9DF4;
      --yellow:     #FFD54A;
      --bg-gray:    rgba(227,232,255,1);
      --text:       #64748b;
      --foreground: #161c2d;
      --muted:      #869ab8;
      --ease-out:   cubic-bezier(0.16, 1, 0.3, 1);
    }html{ font-size: 100%; scroll-behavior: smooth; }body.page-customer-faq{ font-family: 'Poppins', sans-serif; color: var(--foreground); overflow-x: hidden; line-height: 1.6; }body.page-customer-faq img{ max-width: 100%; height: auto; display: block; }body.page-customer-faq a{ text-decoration: none; color: inherit; transition: .3s; }body.page-customer-faq ul{ list-style: none; padding: 0; }

    /* ===== PRELOADER ===== */body.page-customer-faq #preloader{
      position: fixed; inset: 0; background: #fff;
      z-index: 10000; display: flex; align-items: center; justify-content: center;
      transition: opacity .6s ease, visibility .6s ease;
    }body.page-customer-faq #preloader.done{ opacity: 0; visibility: hidden; }body.page-customer-faq #preloader-inner{ width: 260px; height: 260px; background: url('image/claimit-loader.gif') center/cover no-repeat; }

    /* ===== SOCIAL SIDEBAR ===== */body.page-customer-faq .social-sidebar{
      position: fixed; left: 25px; top: 50%; transform: translateY(-50%);
      z-index: 9999; display: flex; flex-direction: column; gap: 12px;
    }body.page-customer-faq .social-icon{
      width: 32px; height: 32px; border-radius: 18px;
      background: #fff; color: #1e3a8a; font-size: 14px;
      display: flex; align-items: center; justify-content: center;
      box-shadow: 0 8px 24px rgba(0,0,0,.12);
      transition: all .35s var(--ease-out);
    }body.page-customer-faq .social-icon:hover{ transform: translateX(8px) scale(1.08); background: var(--yellow); color: #0F2E6D; }body.page-customer-faq .social-icon.facebook:hover{ background: #1877f2; color: #fff; }body.page-customer-faq .social-icon.instagram:hover{ background: linear-gradient(45deg,#f09433,#dc2743,#bc1888); color: #fff; }body.page-customer-faq .social-icon.linkedin:hover{ background: #0077b5; color: #fff; }body.page-customer-faq .social-icon.twitter:hover{ background: #000; color: #fff; }body.page-customer-faq .social-icon.youtube:hover{ background: #ff0000; color: #fff; }

    /* ===== NAVBAR ===== */body.page-customer-faq .navbar{
      position: fixed; top: 0; left: 0; right: 0;
      padding: 16px 0; background: #fff;
      box-shadow: 0 2px 20px rgba(0,0,0,.10);
      z-index: 1000;
    }body.page-customer-faq .navbar .container{
      width: 90%; max-width: 1200px; margin: 0 auto; padding: 0 20px;
      display: flex; align-items: center; justify-content: space-between;
    }body.page-customer-faq .navbar-brand img{ max-width: 140px; }body.page-customer-faq .nav-menu{ display: flex; align-items: center; gap: 8px; }body.page-customer-faq .nav-menu a{
      color: var(--foreground); font-size: .92rem; font-weight: 500;
      padding: 8px 12px; border-radius: 6px; white-space: nowrap; transition: all .25s;
    }body.page-customer-faq .nav-menu a:hover{ color: var(--blue-dark); background: var(--bg-gray); }body.page-customer-faq .nav-btn{
      display: inline-flex; align-items: center;
      background: var(--blue-dark); color: #fff;
      font-weight: 700; font-size: .88rem;
      padding: 11px 22px; border-radius: 50px;
      transition: all .3s; box-shadow: 0 4px 16px rgba(0,90,156,.25);
    }body.page-customer-faq .nav-btn:hover{ transform: translateY(-2px); box-shadow: 0 8px 28px rgba(0,90,156,.35); color: #fff; }body.page-customer-faq .nav-toggle{
      display: none; flex-direction: column; gap: 5px;
      background: none; border: none; padding: 6px; cursor: pointer;
    }body.page-customer-faq .nav-toggle span{
      display: block; width: 24px; height: 2px;
      background: var(--foreground); border-radius: 2px;
      transition: all .35s var(--ease-out);
    }body.page-customer-faq .nav-toggle.open span:nth-child(1){ transform: translateY(7px) rotate(45deg); }body.page-customer-faq .nav-toggle.open span:nth-child(2){ opacity: 0; transform: scaleX(0); }body.page-customer-faq .nav-toggle.open span:nth-child(3){ transform: translateY(-7px) rotate(-45deg); }

    /* ===== CONTAINER ===== */body.page-customer-faq .container{ width: 90%; max-width: 1200px; margin: 0 auto; padding: 0 20px; }

    /* ===== FAQ HERO BAND ===== */body.page-customer-faq .faq-hero{
      background: linear-gradient(135deg, var(--blue-dark) 0%, var(--blue-mid) 50%, var(--blue-light) 100%);
      padding: 140px 0 80px; text-align: center; position: relative; overflow: hidden;
    }body.page-customer-faq .faq-hero::before{
      content: ''; position: absolute; inset: 0;
      background: url('image/bg-trans-2.png') center/cover no-repeat; opacity: .1;
    }body.page-customer-faq .faq-hero-inner{ position: relative; z-index: 2; }body.page-customer-faq .faq-hero .eyebrow{
      display: inline-block; background: rgba(255,255,255,.18); color: #fff;
      border: 1px solid rgba(255,255,255,.3); border-radius: 30px;
      font-size: 12px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase;
      padding: 7px 20px; margin-bottom: 20px;
    }body.page-customer-faq .faq-hero h1{ font-size: clamp(2rem, 4vw, 3.2rem); font-weight: 800; color: #fff; margin-bottom: 16px; }body.page-customer-faq .faq-hero p{ font-size: 1.05rem; color: rgba(255,255,255,.85); max-width: 520px; margin: 0 auto; }

    /* ===== FAQ SEARCH ===== */body.page-customer-faq .faq-search-wrap{ background: #fff; padding: 40px 0 0; }body.page-customer-faq .faq-search{
      max-width: 560px; margin: 0 auto;
      display: flex; align-items: center; gap: 0;
      background: var(--bg-gray); border-radius: 50px; overflow: hidden;
      box-shadow: 0 4px 24px rgba(0,0,0,.07);
      border: 2px solid transparent;
      transition: border .3s, box-shadow .3s;
    }body.page-customer-faq .faq-search:focus-within{ border-color: var(--blue-dark); box-shadow: 0 4px 32px rgba(0,90,156,.15); }body.page-customer-faq .faq-search i{ padding: 0 16px; color: var(--muted); font-size: 16px; }body.page-customer-faq .faq-search input{
      flex: 1; border: none; outline: none; background: transparent;
      padding: 14px 0; font-size: .95rem; font-family: 'Poppins', sans-serif;
      color: var(--foreground);
    }body.page-customer-faq .faq-search input::placeholder{ color: var(--muted); }

    /* ===== FAQ MAIN ===== */body.page-customer-faq .faq-section{ background: #fff; padding: 50px 0 100px; }body.page-customer-faq .faq-count{ text-align: center; margin-bottom: 40px; color: var(--muted); font-size: .9rem; }body.page-customer-faq .faq-count span{ color: var(--blue-dark); font-weight: 700; }body.page-customer-faq .faq-list{ max-width: 820px; margin: 0 auto; display: flex; flex-direction: column; gap: 14px; }body.page-customer-faq .faq-item{
      background: #fff; border: 1.5px solid #edf2f7;
      border-radius: 18px; overflow: hidden;
      box-shadow: 0 4px 16px rgba(15,23,42,.05);
      transition: border-color .3s, box-shadow .3s, transform .35s var(--ease-out);
    }body.page-customer-faq .faq-item:hover{ transform: translateY(-2px); box-shadow: 0 12px 40px rgba(15,23,42,.09); }body.page-customer-faq .faq-item.active{ border-color: var(--blue-dark); box-shadow: 0 8px 32px rgba(0,90,156,.12); }body.page-customer-faq .faq-question{
      width: 100%; background: none; border: none; cursor: pointer;
      display: flex; align-items: center; justify-content: space-between;
      gap: 16px; padding: 20px 24px;
      font-family: 'Poppins', sans-serif; text-align: left;
      font-size: .97rem; font-weight: 600; color: var(--foreground);
      transition: color .25s;
    }body.page-customer-faq .faq-item.active .faq-question{ color: var(--blue-dark); }body.page-customer-faq .faq-icon{
      width: 34px; height: 34px; min-width: 34px; border-radius: 50%;
      background: var(--bg-gray); color: var(--blue-dark); font-size: 16px;
      display: flex; align-items: center; justify-content: center;
      transition: transform .4s var(--ease-out), background .3s, color .3s;
      font-weight: 700;
    }body.page-customer-faq .faq-item.active .faq-icon{
      background: var(--blue-dark); color: #fff;
      transform: rotate(45deg);
    }body.page-customer-faq .faq-answer{
      max-height: 0; overflow: hidden;
      transition: max-height .45s var(--ease-out), padding .35s ease;
      padding: 0 24px;
    }body.page-customer-faq .faq-item.active .faq-answer{ max-height: 300px; padding: 0 24px 20px; }body.page-customer-faq .faq-answer p{ font-size: .92rem; line-height: 1.75; color: var(--text); }

    /* No results */body.page-customer-faq .faq-empty{
      text-align: center; padding: 60px 20px; display: none;
    }body.page-customer-faq .faq-empty i{ font-size: 48px; color: var(--bg-gray); margin-bottom: 16px; }body.page-customer-faq .faq-empty p{ color: var(--muted); font-size: .95rem; }

    /* ===== FOOTER ===== */body.page-customer-faq footer{ background: var(--bg-gray); padding: 70px 0 0; }body.page-customer-faq .footer-grid{
      display: grid; grid-template-columns: 2fr 1fr 1.5fr; gap: 60px; padding-bottom: 50px;
    }body.page-customer-faq .footer-logo img{ max-width: 140px; margin-bottom: 14px; }body.page-customer-faq .footer-about p{ color: var(--muted); font-size: .9rem; line-height: 1.7; max-width: 220px; }body.page-customer-faq .footer-col h6{ font-size: .92rem; font-weight: 700; margin-bottom: 16px; }body.page-customer-faq .footer-col li{ margin-bottom: 10px; }body.page-customer-faq .footer-col li a{ font-size: .88rem; color: var(--muted); transition: color .25s; }body.page-customer-faq .footer-col li a:hover{ color: var(--blue-dark); }body.page-customer-faq .footer-bottom{
      border-top: 1px solid rgba(0,0,0,.1); padding: 22px 0;
      text-align: center; font-size: .82rem; color: var(--muted);
    }body.page-customer-faq .footer-bottom a{ color: rgba(246,191,24,.9); }

    /* ===== REVEAL ===== */body.page-customer-faq .reveal{ opacity: 0; transform: translateY(28px); transition: opacity .7s var(--ease-out), transform .7s var(--ease-out); }body.page-customer-faq .reveal.visible{ opacity: 1; transform: none; }

    /* ===== RESPONSIVE ===== */
    @media (max-width: 768px) {body.page-customer-faq .nav-menu{ display: none; flex-direction: column; align-items: flex-start;
        position: absolute; top: 100%; left: 0; right: 0;
        background: #fff; padding: 16px; box-shadow: 0 10px 30px rgba(0,0,0,.1); }body.page-customer-faq .nav-menu.open{ display: flex; }body.page-customer-faq .nav-menu a{ width: 100%; padding: 10px 14px; }body.page-customer-faq .nav-btn-wrap{ display: none; }body.page-customer-faq .nav-toggle{ display: flex; }body.page-customer-faq .footer-grid{ grid-template-columns: 1fr; gap: 28px; }body.page-customer-faq .social-sidebar{ display: none; }body.page-customer-faq .faq-question{ font-size: .9rem; padding: 16px 18px; }body.page-customer-faq .faq-answer{ padding: 0 18px; }body.page-customer-faq .faq-item.active .faq-answer{ padding: 0 18px 16px; }
    }

/* customer-terms-and-conditions.html */
/* ===== RESET & TOKENS ===== */body.page-customer-terms-and-conditions *, body.page-customer-terms-and-conditions *::before, body.page-customer-terms-and-conditions *::after{ box-sizing: border-box; margin: 0; padding: 0; }body.page-customer-terms-and-conditions{
      --blue:       #0057ff;
      --blue-dark:  #005A9C;
      --blue-mid:   #0070C0;
      --blue-light: #2A9DF4;
      --yellow:     #FFD54A;
      --bg-gray:    rgba(227,232,255,1);
      --text:       #64748b;
      --foreground: #161c2d;
      --muted:      #869ab8;
      --ease-out:   cubic-bezier(0.16, 1, 0.3, 1);
    }html{ font-size: 100%; scroll-behavior: smooth; }body.page-customer-terms-and-conditions{ font-family: 'Poppins', sans-serif; color: var(--foreground); overflow-x: hidden; line-height: 1.6; }body.page-customer-terms-and-conditions img{ max-width: 100%; height: auto; display: block; }body.page-customer-terms-and-conditions a{ text-decoration: none; color: inherit; transition: .3s; }body.page-customer-terms-and-conditions ul{ list-style: none; padding: 0; }

    /* ===== PRELOADER ===== */body.page-customer-terms-and-conditions #preloader{
      position: fixed; inset: 0; background: #fff;
      z-index: 10000; display: flex; align-items: center; justify-content: center;
      transition: opacity .6s ease, visibility .6s ease;
    }body.page-customer-terms-and-conditions #preloader.done{ opacity: 0; visibility: hidden; }body.page-customer-terms-and-conditions #preloader-inner{ width: 260px; height: 260px; background: url('image/claimit-loader.gif') center/cover no-repeat; }

    /* ===== SOCIAL SIDEBAR ===== */body.page-customer-terms-and-conditions .social-sidebar{
      position: fixed; left: 25px; top: 50%; transform: translateY(-50%);
      z-index: 9999; display: flex; flex-direction: column; gap: 12px;
    }body.page-customer-terms-and-conditions .social-icon{
      width: 32px; height: 32px; border-radius: 18px;
      background: #fff; color: #1e3a8a; font-size: 14px;
      display: flex; align-items: center; justify-content: center;
      box-shadow: 0 8px 24px rgba(0,0,0,.12);
      transition: all .35s var(--ease-out);
    }body.page-customer-terms-and-conditions .social-icon:hover{ transform: translateX(8px) scale(1.08); background: var(--yellow); color: #0F2E6D; }body.page-customer-terms-and-conditions .social-icon.facebook:hover{ background: #1877f2; color: #fff; }body.page-customer-terms-and-conditions .social-icon.instagram:hover{ background: linear-gradient(45deg,#f09433,#dc2743,#bc1888); color: #fff; }body.page-customer-terms-and-conditions .social-icon.linkedin:hover{ background: #0077b5; color: #fff; }body.page-customer-terms-and-conditions .social-icon.twitter:hover{ background: #000; color: #fff; }body.page-customer-terms-and-conditions .social-icon.youtube:hover{ background: #ff0000; color: #fff; }

    /* ===== NAVBAR ===== */body.page-customer-terms-and-conditions .navbar{
      position: fixed; top: 0; left: 0; right: 0;
      padding: 16px 0; background: #fff;
      box-shadow: 0 2px 20px rgba(0,0,0,.10);
      z-index: 1000;
    }body.page-customer-terms-and-conditions .navbar .container{
      width: 90%; max-width: 1200px; margin: 0 auto; padding: 0 20px;
      display: flex; align-items: center; justify-content: space-between;
    }body.page-customer-terms-and-conditions .navbar-brand img{ max-width: 140px; }body.page-customer-terms-and-conditions .nav-menu{ display: flex; align-items: center; gap: 8px; }body.page-customer-terms-and-conditions .nav-menu a{
      color: var(--foreground); font-size: .92rem; font-weight: 500;
      padding: 8px 12px; border-radius: 6px; white-space: nowrap; transition: all .25s;
    }body.page-customer-terms-and-conditions .nav-menu a:hover{ color: var(--blue-dark); background: var(--bg-gray); }body.page-customer-terms-and-conditions .nav-btn{
      display: inline-flex; align-items: center;
      background: var(--blue-dark); color: #fff;
      font-weight: 700; font-size: .88rem;
      padding: 11px 22px; border-radius: 50px;
      transition: all .3s; box-shadow: 0 4px 16px rgba(0,90,156,.25);
    }body.page-customer-terms-and-conditions .nav-btn:hover{ transform: translateY(-2px); box-shadow: 0 8px 28px rgba(0,90,156,.35); color: #fff; }body.page-customer-terms-and-conditions .nav-toggle{
      display: none; flex-direction: column; gap: 5px;
      background: none; border: none; padding: 6px; cursor: pointer;
    }body.page-customer-terms-and-conditions .nav-toggle span{
      display: block; width: 24px; height: 2px;
      background: var(--foreground); border-radius: 2px;
      transition: all .35s var(--ease-out);
    }body.page-customer-terms-and-conditions .nav-toggle.open span:nth-child(1){ transform: translateY(7px) rotate(45deg); }body.page-customer-terms-and-conditions .nav-toggle.open span:nth-child(2){ opacity: 0; transform: scaleX(0); }body.page-customer-terms-and-conditions .nav-toggle.open span:nth-child(3){ transform: translateY(-7px) rotate(-45deg); }

    /* ===== CONTAINER ===== */body.page-customer-terms-and-conditions .container{ width: 90%; max-width: 1200px; margin: 0 auto; padding: 0 20px; }

    /* ===== POLICY HERO ===== */body.page-customer-terms-and-conditions .policy-hero{
      background: linear-gradient(135deg, var(--blue-dark) 0%, var(--blue-mid) 50%, var(--blue-light) 100%);
      padding: 140px 0 80px; text-align: center; position: relative; overflow: hidden;
    }body.page-customer-terms-and-conditions .policy-hero::before{
      content: ''; position: absolute; inset: 0;
      background: url('image/bg-trans-2.png') center/cover no-repeat; opacity: .1;
    }body.page-customer-terms-and-conditions .policy-hero::after{
      content: ''; position: absolute;
      width: 500px; height: 500px; border-radius: 50%;
      background: rgba(255,255,255,.04);
      top: -120px; right: -100px;
      animation: orb-drift 8s ease-in-out infinite alternate;
    }
    @keyframes orb-drift {
      0%   { transform: translate(0,0) scale(1); }
      100% { transform: translate(-40px, 30px) scale(1.08); }
    }body.page-customer-terms-and-conditions .hero-orb2{
      position: absolute; width: 300px; height: 300px; border-radius: 50%;
      background: rgba(255,255,255,.05);
      bottom: -80px; left: -60px;
      animation: orb-drift2 10s ease-in-out infinite alternate;
    }
    @keyframes orb-drift2 {
      0%   { transform: translate(0,0) scale(1); }
      100% { transform: translate(30px,-20px) scale(1.1); }
    }body.page-customer-terms-and-conditions .policy-hero-inner{ position: relative; z-index: 2; }body.page-customer-terms-and-conditions .policy-hero .eyebrow{
      display: inline-block; background: rgba(255,255,255,.18); color: #fff;
      border: 1px solid rgba(255,255,255,.3); border-radius: 30px;
      font-size: 12px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase;
      padding: 7px 20px; margin-bottom: 20px;
      animation: fade-up .8s var(--ease-out) both;
    }body.page-customer-terms-and-conditions .policy-hero h1{
      font-size: clamp(2rem, 4vw, 3.2rem); font-weight: 800; color: #fff; margin-bottom: 16px;
      animation: fade-up .8s .15s var(--ease-out) both;
    }body.page-customer-terms-and-conditions .policy-hero p{
      font-size: 1.05rem; color: rgba(255,255,255,.85); max-width: 520px; margin: 0 auto;
      animation: fade-up .8s .25s var(--ease-out) both;
    }body.page-customer-terms-and-conditions .hero-meta{
      display: inline-flex; align-items: center; gap: 8px;
      margin-top: 24px; background: rgba(255,255,255,.12);
      border: 1px solid rgba(255,255,255,.2); border-radius: 50px;
      padding: 8px 20px; font-size: .83rem; color: rgba(255,255,255,.8);
      animation: fade-up .8s .35s var(--ease-out) both;
    }
    @keyframes fade-up {
      from { opacity: 0; transform: translateY(24px); }
      to   { opacity: 1; transform: translateY(0); }
    }

    /* ===== PROGRESS BAR ===== */body.page-customer-terms-and-conditions .reading-progress{
      position: fixed; top: 0; left: 0; height: 3px; width: 0%;
      background: linear-gradient(90deg, var(--blue-dark), var(--blue-light));
      z-index: 9999; transition: width .1s linear;
    }

    /* ===== POLICY BODY ===== */body.page-customer-terms-and-conditions .policy-body{ background: #fff; padding: 60px 0 100px; }body.page-customer-terms-and-conditions .policy-layout{ display: grid; grid-template-columns: 260px 1fr; gap: 60px; align-items: start; }

    /* ===== STICKY TOC ===== */body.page-customer-terms-and-conditions .toc{
      position: sticky; top: 130px;
      background: var(--bg-gray); border-radius: 20px;
      padding: 28px 24px; max-height: calc(100vh - 150px);
      overflow-y: auto;
    }body.page-customer-terms-and-conditions .toc::-webkit-scrollbar{ width: 4px; }body.page-customer-terms-and-conditions .toc::-webkit-scrollbar-thumb{ background: rgba(0,90,156,.2); border-radius: 4px; }body.page-customer-terms-and-conditions .toc h3{ font-size: .78rem; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; color: var(--muted); margin-bottom: 16px; }body.page-customer-terms-and-conditions .toc ul{ display: flex; flex-direction: column; gap: 4px; }body.page-customer-terms-and-conditions .toc li a{
      font-size: .82rem; color: var(--text); padding: 7px 12px; border-radius: 10px;
      display: block; font-weight: 500; transition: all .25s; border-left: 2px solid transparent;
    }body.page-customer-terms-and-conditions .toc li a:hover{ color: var(--blue-dark); background: rgba(0,90,156,.06); }body.page-customer-terms-and-conditions .toc li a.active{ color: var(--blue-dark); background: rgba(0,90,156,.08); border-left-color: var(--blue-dark); font-weight: 600; }

    /* ===== SECTIONS ===== */body.page-customer-terms-and-conditions .policy-sections{ display: flex; flex-direction: column; gap: 36px; }body.page-customer-terms-and-conditions .policy-section{
      background: #fff; border: 1.5px solid #edf2f7;
      border-radius: 20px; padding: 32px 36px;
      box-shadow: 0 4px 16px rgba(15,23,42,.04);
      transition: border-color .35s, box-shadow .35s, transform .5s var(--ease-out);
      position: relative; overflow: hidden;
    }body.page-customer-terms-and-conditions .policy-section::before{
      content: ''; position: absolute; left: 0; top: 0; bottom: 0;
      width: 3px; background: linear-gradient(180deg, var(--blue-dark), var(--blue-light));
      transform: scaleY(0); transform-origin: top;
      transition: transform .45s var(--ease-out);
      border-radius: 0 2px 2px 0;
    }body.page-customer-terms-and-conditions .policy-section:hover{ border-color: rgba(0,90,156,.2); box-shadow: 0 12px 40px rgba(15,23,42,.08); transform: translateX(3px); }body.page-customer-terms-and-conditions .policy-section:hover::before{ transform: scaleY(1); }body.page-customer-terms-and-conditions .section-num{
      display: inline-flex; align-items: center; justify-content: center;
      width: 34px; height: 34px; border-radius: 10px;
      background: var(--bg-gray); color: var(--blue-dark); font-size: .78rem;
      font-weight: 800; margin-bottom: 14px;
      transition: background .3s, color .3s, transform .3s;
    }body.page-customer-terms-and-conditions .policy-section:hover .section-num{ background: var(--blue-dark); color: #fff; transform: scale(1.1); }body.page-customer-terms-and-conditions .policy-section h2{
      font-size: 1.08rem; font-weight: 700; color: var(--foreground);
      margin-bottom: 14px;
    }body.page-customer-terms-and-conditions .policy-section p{ font-size: .92rem; color: var(--text); line-height: 1.8; margin-bottom: 12px; }body.page-customer-terms-and-conditions .policy-section p:last-child{ margin-bottom: 0; }body.page-customer-terms-and-conditions .policy-section ul{ display: flex; flex-direction: column; gap: 8px; padding-left: 4px; margin-bottom: 12px; }body.page-customer-terms-and-conditions .policy-section ul:last-child{ margin-bottom: 0; }body.page-customer-terms-and-conditions .policy-section li{
      font-size: .92rem; color: var(--text); line-height: 1.7;
      display: flex; align-items: flex-start; gap: 10px;
    }body.page-customer-terms-and-conditions .policy-section li::before{
      content: ''; display: block; min-width: 6px; height: 6px; border-radius: 50%;
      background: var(--blue-dark); margin-top: 8px; flex-shrink: 0;
      transition: transform .25s;
    }body.page-customer-terms-and-conditions .policy-section:hover li::before{ transform: scale(1.4); }

    /* Highlight box for disclaimers */body.page-customer-terms-and-conditions .notice-box{
      background: rgba(255,213,74,.12); border: 1.5px solid rgba(255,213,74,.5);
      border-radius: 12px; padding: 16px 20px; margin-top: 16px;
    }body.page-customer-terms-and-conditions .notice-box p{ margin-bottom: 0; font-size: .88rem; }body.page-customer-terms-and-conditions .notice-box strong{ color: var(--foreground); }

    /* Contact section special */body.page-customer-terms-and-conditions .policy-section.contact-section{ background: linear-gradient(135deg, rgba(0,90,156,.04), rgba(42,157,244,.04)); border-color: rgba(0,90,156,.15); }body.page-customer-terms-and-conditions .policy-section.contact-section a{ color: var(--blue-dark); font-weight: 600; }body.page-customer-terms-and-conditions .policy-section.contact-section a:hover{ text-decoration: underline; }

    /* Jurisdiction badge */body.page-customer-terms-and-conditions .jurisdiction{
      display: inline-flex; align-items: center; gap: 8px;
      background: var(--bg-gray); border-radius: 50px;
      padding: 8px 16px; font-size: .83rem; color: var(--blue-dark);
      font-weight: 600; margin-top: 12px;
    }

    /* ===== REVEAL ===== */body.page-customer-terms-and-conditions .reveal{ opacity: 0; transform: translateY(28px); transition: opacity .7s var(--ease-out), transform .7s var(--ease-out); }body.page-customer-terms-and-conditions .reveal.visible{ opacity: 1; transform: none; }body.page-customer-terms-and-conditions .reveal-left{ opacity: 0; transform: translateX(-28px); transition: opacity .7s var(--ease-out), transform .7s var(--ease-out); }body.page-customer-terms-and-conditions .reveal-left.visible{ opacity: 1; transform: none; }

    /* ===== FOOTER ===== */body.page-customer-terms-and-conditions footer{ background: var(--bg-gray); padding: 70px 0 0; }body.page-customer-terms-and-conditions .footer-grid{
      display: grid; grid-template-columns: 2fr 1fr 1.5fr; gap: 60px; padding-bottom: 50px;
    }body.page-customer-terms-and-conditions .footer-logo img{ max-width: 140px; margin-bottom: 14px; }body.page-customer-terms-and-conditions .footer-about{ color: var(--muted); font-size: .9rem; line-height: 1.7; max-width: 220px; }body.page-customer-terms-and-conditions .footer-col h6{ font-size: .92rem; font-weight: 700; margin-bottom: 16px; }body.page-customer-terms-and-conditions .footer-col li{ margin-bottom: 10px; }body.page-customer-terms-and-conditions .footer-col li a{ font-size: .88rem; color: var(--muted); transition: color .25s; }body.page-customer-terms-and-conditions .footer-col li a:hover{ color: var(--blue-dark); }body.page-customer-terms-and-conditions .footer-bottom{
      border-top: 1px solid rgba(0,0,0,.1); padding: 22px 0;
      text-align: center; font-size: .82rem; color: var(--muted);
    }body.page-customer-terms-and-conditions .footer-bottom a{ color: rgba(246,191,24,.9); }

    /* ===== RESPONSIVE ===== */
    @media (max-width: 1024px) {body.page-customer-terms-and-conditions .policy-layout{ grid-template-columns: 1fr; }body.page-customer-terms-and-conditions .toc{ display: none; }
    }
    @media (max-width: 768px) {body.page-customer-terms-and-conditions .nav-menu{ display: none; flex-direction: column; align-items: flex-start;
        position: absolute; top: 100%; left: 0; right: 0;
        background: #fff; padding: 16px; box-shadow: 0 10px 30px rgba(0,0,0,.1); }body.page-customer-terms-and-conditions .nav-menu.open{ display: flex; }body.page-customer-terms-and-conditions .nav-menu a{ width: 100%; padding: 10px 14px; }body.page-customer-terms-and-conditions .nav-btn-wrap{ display: none; }body.page-customer-terms-and-conditions .nav-toggle{ display: flex; }body.page-customer-terms-and-conditions .footer-grid{ grid-template-columns: 1fr; gap: 28px; }body.page-customer-terms-and-conditions .social-sidebar{ display: none; }body.page-customer-terms-and-conditions .policy-section{ padding: 24px 22px; }body.page-customer-terms-and-conditions .quick-nav-wrap{ top: 60px; }
    }

/* privacy-policy.html */
body.page-privacy-policy *, body.page-privacy-policy *::before, body.page-privacy-policy *::after{ box-sizing: border-box; margin: 0; padding: 0; }body.page-privacy-policy{
      --blue-dark:  #005A9C;
      --blue-mid:   #0070C0;
      --blue-light: #2A9DF4;
      --yellow:     #FFD54A;
      --bg-gray:    rgba(227,232,255,1);
      --text:       #64748b;
      --foreground: #161c2d;
      --muted:      #869ab8;
      --ease-out:   cubic-bezier(0.16, 1, 0.3, 1);
    }html{ font-size: 100%; scroll-behavior: smooth; }body.page-privacy-policy{ font-family: 'Poppins', sans-serif; color: var(--foreground); overflow-x: hidden; line-height: 1.6; }body.page-privacy-policy img{ max-width: 100%; height: auto; display: block; }body.page-privacy-policy a{ text-decoration: none; color: inherit; transition: .3s; }body.page-privacy-policy ul{ list-style: none; padding: 0; }

    /* PRELOADER */body.page-privacy-policy #preloader{
      position: fixed; inset: 0; background: #fff;
      z-index: 10000; display: flex; align-items: center; justify-content: center;
      transition: opacity .6s ease, visibility .6s ease;
    }body.page-privacy-policy #preloader.done{ opacity: 0; visibility: hidden; }body.page-privacy-policy #preloader-inner{ width: 260px; height: 260px; background: url('image/claimit-loader.gif') center/cover no-repeat; }

    /* SOCIAL SIDEBAR */body.page-privacy-policy .social-sidebar{
      position: fixed; left: 25px; top: 50%; transform: translateY(-50%);
      z-index: 9999; display: flex; flex-direction: column; gap: 12px;
    }body.page-privacy-policy .social-icon{
      width: 32px; height: 32px; border-radius: 18px;
      background: #fff; color: #1e3a8a; font-size: 14px;
      display: flex; align-items: center; justify-content: center;
      box-shadow: 0 8px 24px rgba(0,0,0,.12);
      transition: all .35s var(--ease-out);
    }body.page-privacy-policy .social-icon:hover{ transform: translateX(8px) scale(1.08); }body.page-privacy-policy .social-icon.facebook:hover{ background: #1877f2; color: #fff; }body.page-privacy-policy .social-icon.instagram:hover{ background: linear-gradient(45deg,#f09433,#dc2743,#bc1888); color: #fff; }body.page-privacy-policy .social-icon.linkedin:hover{ background: #0077b5; color: #fff; }body.page-privacy-policy .social-icon.twitter:hover{ background: #000; color: #fff; }body.page-privacy-policy .social-icon.youtube:hover{ background: #ff0000; color: #fff; }

    /* NAVBAR */body.page-privacy-policy .navbar{
      position: fixed; top: 0; left: 0; right: 0;
      padding: 16px 0; background: #fff;
      box-shadow: 0 2px 20px rgba(0,0,0,.10);
      z-index: 1000;
    }body.page-privacy-policy .navbar .container{
      display: flex; align-items: center; justify-content: space-between;
    }body.page-privacy-policy .navbar-brand img{ max-width: 140px; }body.page-privacy-policy .nav-menu{ display: flex; align-items: center; gap: 8px; }body.page-privacy-policy .nav-menu a{
      color: var(--foreground); font-size: .92rem; font-weight: 500;
      padding: 8px 12px; border-radius: 6px; white-space: nowrap;
    }body.page-privacy-policy .nav-menu a:hover{ color: var(--blue-dark); background: var(--bg-gray); }body.page-privacy-policy .nav-btn{
      display: inline-flex; align-items: center;
      background: var(--blue-dark); color: #fff;
      font-weight: 700; font-size: .88rem;
      padding: 11px 22px; border-radius: 50px;
      box-shadow: 0 4px 16px rgba(0,90,156,.25);
    }body.page-privacy-policy .nav-btn:hover{ transform: translateY(-2px); box-shadow: 0 8px 28px rgba(0,90,156,.35); color: #fff; }body.page-privacy-policy .nav-toggle{
      display: none; flex-direction: column; gap: 5px;
      background: none; border: none; padding: 6px; cursor: pointer;
    }body.page-privacy-policy .nav-toggle span{
      display: block; width: 24px; height: 2px;
      background: var(--foreground); border-radius: 2px;
      transition: all .35s var(--ease-out);
    }body.page-privacy-policy .nav-toggle.open span:nth-child(1){ transform: translateY(7px) rotate(45deg); }body.page-privacy-policy .nav-toggle.open span:nth-child(2){ opacity: 0; transform: scaleX(0); }body.page-privacy-policy .nav-toggle.open span:nth-child(3){ transform: translateY(-7px) rotate(-45deg); }

    /* CONTAINER */body.page-privacy-policy .container{ width: 90%; max-width: 1200px; margin: 0 auto; padding: 0 20px; }

    /* HERO */body.page-privacy-policy .policy-hero{
      background: linear-gradient(135deg, var(--blue-dark) 0%, var(--blue-mid) 50%, var(--blue-light) 100%);
      padding: 140px 0 80px; text-align: center; position: relative; overflow: hidden;
    }body.page-privacy-policy .policy-hero::before{
      content: ''; position: absolute; inset: 0;
      background: url('image/bg-trans-2.png') center/cover no-repeat; opacity: .1;
    }body.page-privacy-policy .policy-hero-inner{ position: relative; z-index: 2; }body.page-privacy-policy .policy-hero .eyebrow{
      display: inline-block; background: rgba(255,255,255,.18); color: #fff;
      border: 1px solid rgba(255,255,255,.3); border-radius: 30px;
      font-size: 12px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase;
      padding: 7px 20px; margin-bottom: 20px;
    }body.page-privacy-policy .policy-hero h1{ font-size: clamp(2rem, 4vw, 3.2rem); font-weight: 800; color: #fff; margin-bottom: 12px; }body.page-privacy-policy .policy-hero p{ font-size: 1rem; color: rgba(255,255,255,.85); }

    /* CONTENT */body.page-privacy-policy .policy-body{ background: #fff; padding: 70px 0 100px; }body.page-privacy-policy .policy-content{ max-width: 820px; margin: 0 auto; }body.page-privacy-policy .policy-section{
      margin-bottom: 40px;
      opacity: 0; transform: translateY(24px);
      transition: opacity .6s var(--ease-out), transform .6s var(--ease-out);
    }body.page-privacy-policy .policy-section.visible{ opacity: 1; transform: none; }body.page-privacy-policy .policy-section h2{
      font-size: 1.05rem; font-weight: 700; color: var(--foreground);
      margin-bottom: 12px; padding-bottom: 10px;
      border-bottom: 1.5px solid #edf2f7;
    }body.page-privacy-policy .policy-section p{ font-size: .92rem; color: var(--text); line-height: 1.8; margin-bottom: 10px; }body.page-privacy-policy .policy-section p:last-child{ margin-bottom: 0; }body.page-privacy-policy .policy-section ul{ margin: 8px 0 10px 0; display: flex; flex-direction: column; gap: 6px; }body.page-privacy-policy .policy-section li{
      font-size: .92rem; color: var(--text); line-height: 1.7;
      display: flex; align-items: flex-start; gap: 10px;
    }body.page-privacy-policy .policy-section li::before{
      content: ''; display: block; min-width: 5px; height: 5px; border-radius: 50%;
      background: var(--blue-dark); margin-top: 9px; flex-shrink: 0;
    }body.page-privacy-policy .policy-section strong{ color: var(--foreground); }body.page-privacy-policy .policy-section a{ color: var(--blue-dark); font-weight: 600; }body.page-privacy-policy .policy-section a:hover{ text-decoration: underline; }

    /* FOOTER */body.page-privacy-policy footer{ background: var(--bg-gray); padding: 70px 0 0; }body.page-privacy-policy .footer-grid{ display: grid; grid-template-columns: 2fr 1fr 1.5fr; gap: 60px; padding-bottom: 50px; }body.page-privacy-policy .footer-logo img{ max-width: 140px; margin-bottom: 14px; }body.page-privacy-policy .footer-col h6{ font-size: .92rem; font-weight: 700; margin-bottom: 16px; }body.page-privacy-policy .footer-col li{ margin-bottom: 10px; }body.page-privacy-policy .footer-col li a{ font-size: .88rem; color: var(--muted); }body.page-privacy-policy .footer-col li a:hover{ color: var(--blue-dark); }body.page-privacy-policy .footer-about{ color: var(--muted); font-size: .9rem; line-height: 1.7; max-width: 220px; }body.page-privacy-policy .footer-bottom{
      border-top: 1px solid rgba(0,0,0,.1); padding: 22px 0;
      text-align: center; font-size: .82rem; color: var(--muted);
    }body.page-privacy-policy .footer-bottom a{ color: rgba(246,191,24,.9); }

    /* RESPONSIVE */
    @media (max-width: 768px) {body.page-privacy-policy .nav-menu{ display: none; flex-direction: column; align-items: flex-start;
        position: absolute; top: 100%; left: 0; right: 0;
        background: #fff; padding: 16px; box-shadow: 0 10px 30px rgba(0,0,0,.1); }body.page-privacy-policy .nav-menu.open{ display: flex; }body.page-privacy-policy .nav-menu a{ width: 100%; padding: 10px 14px; }body.page-privacy-policy .nav-btn-wrap{ display: none; }body.page-privacy-policy .nav-toggle{ display: flex; }body.page-privacy-policy .footer-grid{ grid-template-columns: 1fr; gap: 28px; }body.page-privacy-policy .social-sidebar{ display: none; }
    }