/* Consolidated Bazaar Bills stylesheet.
   Generated from the original working HTML files, with page-specific CSS scoped to each page body class. */

html{scroll-behavior:smooth}

/* ===== index.html ===== */
body.page-home{/* Brand */
  --saffron:       #F4511E;
  --saffron-600:   #D84315;
  --saffron-glow:  rgba(244,81,30,.28);
  --teal:          #00ACC1;
  --teal-400:      #26C6DA;
  --teal-glow:     rgba(0,172,193,.25);
  --violet:        #6D28D9;
  --violet-light:  #8B5CF6;
  --violet-glow:   rgba(109,40,217,.25);
  --emerald:       #059669;
  --gold:          #D97706;

  /* Backgrounds */
  --white:     #FFFFFF;
  --cream:     #FFF8F3;
  --light-50:  #F8FAFC;
  --light-100: #F1F5F9;
  --light-200: #E2E8F0;

  /* Dark (for footer / navbar) */
  --dark-900: #0F172A;
  --dark-800: #1E293B;
  --dark-700: #334155;

  /* Text on light backgrounds */
  --t-dark:   #0F172A;
  --t-body:   #374151;
  --t-muted:  #6B7280;
  --t-light:  #9CA3AF;

  /* Text on dark backgrounds */
  --t-white:    #FFFFFF;
  --t-white-80: rgba(255,255,255,.82);
  --t-white-55: rgba(255,255,255,.55);
  --t-white-30: rgba(255,255,255,.30);

  /* Borders */
  --b-light: #E5E7EB;
  --b-med:   #D1D5DB;
  --b-dark:  rgba(255,255,255,.10);

  /* Radius */
  --r-sm:  8px;
  --r-md:  14px;
  --r-lg:  20px;
  --r-xl:  28px;
  --r-2xl: 40px;
  --r-full:999px;

  /* Shadows */
  --sh-xs:  0 1px 4px rgba(0,0,0,.07);
  --sh-sm:  0 2px 10px rgba(0,0,0,.09);
  --sh-md:  0 8px 28px rgba(0,0,0,.10);
  --sh-lg:  0 20px 56px rgba(0,0,0,.13);
  --sh-xl:  0 32px 80px rgba(0,0,0,.16);

  --transition: .22s ease;
  --max-w: 1200px;}

body.page-home *, body.page-home *::before, body.page-home *::after{box-sizing:border-box;margin:0;padding:0}

html{scroll-behavior:smooth}

body.page-home{font-family:"Inter",system-ui,sans-serif;
  background:var(--white);
  color:var(--t-body);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;}

body.page-home img{max-width:100%;height:auto;display:block}

body.page-home a{color:inherit;text-decoration:none}

body.page-home ul{list-style:none}

body.page-home button{cursor:pointer;border:none;background:none;font-family:inherit}

body.page-home .container{max-width:var(--max-w);margin:0 auto;padding:0 28px}

body.page-home .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}

body.page-home .lang-bar{background:var(--cream);
  border-bottom:1px solid var(--b-light);
  padding:7px 0;
  font-size:12.5px;
  color:var(--t-muted);}

body.page-home .lang-bar .container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}

body.page-home .lang-bar-right{display:flex;align-items:center;gap:14px;flex-wrap:wrap}

body.page-home .lang-bar-right a{color:var(--t-muted);transition:color var(--transition)}

body.page-home .lang-bar-right a:hover, body.page-home .lang-bar-right a.active{color:var(--saffron);font-weight:600}

body.page-home .lang-bar-right .divider{color:var(--b-light)}

body.page-home .lang-bar-right .primary-label{color:var(--t-light);font-size:11.5px}

body.page-home .navbar{position:sticky;top:0;z-index:100;
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  border-bottom:1px solid var(--b-light);
  padding:8px 0;
  transition:box-shadow var(--transition),background var(--transition);}

body.page-home .nav-scrolled{background:rgba(255,255,255,.98);
  box-shadow:0 4px 24px rgba(0,0,0,.09);}

body.page-home .navbar .container{display:flex;align-items:center;gap:18px}

body.page-home .nav-logo{display:flex;align-items:center;gap:10px;flex-shrink:0}

body.page-home .nav-logo img{height:52px;width:auto}

body.page-home .nav-logo-text{display:flex;flex-direction:column;line-height:1.05}

body.page-home .nav-logo-text .brand{font-size:15px;font-weight:900;color:var(--t-dark);letter-spacing:.8px}

body.page-home .nav-logo-text .sub{font-size:10px;font-weight:700;color:var(--teal);letter-spacing:2.5px}

body.page-home .nav-links{display:flex;align-items:center;gap:2px;margin-left:auto}

body.page-home .nav-links a{padding:8px 15px;border-radius:var(--r-sm);
  font-size:14px;font-weight:500;color:var(--t-body);
  transition:background var(--transition),color var(--transition);}

body.page-home .nav-links a:hover, body.page-home .nav-links a.active{background:var(--light-50);color:var(--t-dark)}

body.page-home .nav-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}

body.page-home .btn-ghost{display:inline-flex;align-items:center;gap:6px;
  padding:9px 18px;border:1.5px solid var(--b-med);
  border-radius:var(--r-full);font-size:13.5px;font-weight:600;color:var(--t-body);
  transition:border-color var(--transition),color var(--transition),background var(--transition);}

body.page-home .btn-ghost:hover{border-color:var(--teal);color:var(--teal);background:rgba(0,172,193,.06)}

body.page-home .btn-cta{display:inline-flex;align-items:center;gap:7px;
  padding:9px 22px;
  background:linear-gradient(135deg,var(--saffron),#FF7043);
  border-radius:var(--r-full);font-size:13.5px;font-weight:700;color:#fff;
  box-shadow:0 4px 16px var(--saffron-glow);
  transition:transform var(--transition),box-shadow var(--transition),filter var(--transition);}

body.page-home .btn-cta:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 8px 24px var(--saffron-glow)}

body.page-home .hamburger{display:none;flex-direction:column;gap:5px;padding:4px;margin-left:auto}

body.page-home .hamburger span{width:22px;height:2px;background:var(--t-body);border-radius:2px;display:block;transition:var(--transition)}

body.page-home .announcement-banner{background:linear-gradient(90deg,#fff8f0,#fff3e0,#fff8f0);
  border-bottom:2px solid rgba(244,81,30,.18);
  padding:13px 0;}

body.page-home .announcement-banner .container{display:flex;align-items:flex-start;gap:14px;flex-wrap:wrap}

body.page-home .announce-badge{display:inline-flex;align-items:center;gap:5px;
  background:var(--saffron);color:#fff;
  font-size:11.5px;font-weight:800;padding:4px 12px;
  border-radius:var(--r-full);white-space:nowrap;flex-shrink:0;margin-top:2px;
  box-shadow:0 2px 10px var(--saffron-glow);}

body.page-home .announce-content h3{font-size:15.5px;font-weight:700;color:var(--t-dark)}

body.page-home .announce-content h3 span{color:var(--saffron)}

body.page-home .announce-content p{font-size:12.5px;color:var(--t-muted);margin-top:2px}

body.page-home .topo-bg{background-color:var(--cream);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='200'%3E%3Cg fill='none' stroke='%23c8cdd5' stroke-width='0.8' opacity='0.55'%3E%3Cpath d='M6,0 Q14,22 8,44 Q2,66 10,88 Q18,110 8,132 Q0,154 8,176 Q14,198 8,200'/%3E%3Cpath d='M18,0 Q26,22 20,44 Q14,66 22,88 Q30,110 20,132 Q12,154 20,176 Q26,198 20,200'/%3E%3Cpath d='M30,0 Q38,22 32,44 Q26,66 34,88 Q42,110 32,132 Q24,154 32,176 Q38,198 32,200'/%3E%3Cpath d='M42,0 Q50,22 44,44 Q38,66 46,88 Q54,110 44,132 Q36,154 44,176 Q50,198 44,200'/%3E%3Cpath d='M54,0 Q60,24 54,48 Q48,72 56,96 Q62,120 54,144 Q46,168 54,192 Q58,196 54,200'/%3E%3Cpath d='M66,0 Q72,24 66,48 Q60,72 68,96 Q74,120 66,144 Q58,168 66,192 Q70,196 66,200'/%3E%3Cpath d='M78,0 Q86,22 80,44 Q74,66 82,88 Q90,110 80,132 Q72,154 80,176 Q86,198 80,200'/%3E%3Cpath d='M90,0 Q98,22 92,44 Q86,66 94,88 Q102,110 92,132 Q84,154 92,176 Q98,198 92,200'/%3E%3Cpath d='M102,0 Q110,22 104,44 Q98,66 106,88 Q114,110 104,132 Q96,154 104,176 Q110,198 104,200'/%3E%3Cpath d='M114,0 Q120,24 114,48 Q108,72 116,96 Q120,118 114,142 Q108,166 116,190 Q120,196 114,200'/%3E%3C/g%3E%3C/svg%3E");}

body.page-home .hero{position:relative;
  padding:88px 0 96px;
  background:var(--cream);
  overflow:hidden;}

body.page-home .hero::before{content:"";
  position:absolute;
  width:640px;height:640px;
  top:-180px;right:-160px;
  background:radial-gradient(ellipse,rgba(0,172,193,.12) 0%,transparent 65%);
  pointer-events:none;}

body.page-home .hero::after{content:"";
  position:absolute;
  width:480px;height:480px;
  bottom:-120px;left:-80px;
  background:radial-gradient(ellipse,rgba(244,81,30,.11) 0%,transparent 65%);
  pointer-events:none;}

body.page-home .hero-grid-line{position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(0,0,0,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,0,0,.025) 1px,transparent 1px);
  background-size:60px 60px;
  pointer-events:none;}

body.page-home .hero .container{display:grid;grid-template-columns:1fr 1fr;
  gap:64px;align-items:center;position:relative;z-index:1;}

body.page-home .hero-eyebrow{display:inline-flex;align-items:center;gap:8px;
  background:rgba(244,81,30,.08);border:1px solid rgba(244,81,30,.22);
  color:var(--saffron);font-size:12.5px;font-weight:700;
  padding:6px 16px;border-radius:var(--r-full);
  margin-bottom:24px;letter-spacing:.3px;}

body.page-home .hero-eyebrow .dot{width:7px;height:7px;background:var(--saffron);border-radius:50%;animation:pulse 2s infinite}

@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}

body.page-home .hero-title{font-size:clamp(36px,4.8vw,62px);font-weight:900;
  color:var(--t-dark);line-height:1.1;margin-bottom:22px;
  letter-spacing:-1px;}

body.page-home .hero-title .grad{background:linear-gradient(120deg,var(--saffron),var(--gold),var(--teal));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;}

body.page-home .hero-desc{font-size:17px;color:var(--t-body);line-height:1.72;margin-bottom:32px;max-width:520px}

body.page-home .hero-pills{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:36px}

body.page-home .hero-pill{display:flex;align-items:center;gap:9px;
  padding:10px 14px;
  background:var(--white);
  border:1px solid var(--b-light);
  border-radius:var(--r-md);
  font-size:13px;font-weight:500;color:var(--t-body);
  box-shadow:var(--sh-xs);
  transition:background var(--transition),border-color var(--transition),box-shadow var(--transition);}

body.page-home .hero-pill:hover{border-color:rgba(0,172,193,.4);box-shadow:var(--sh-sm)}

body.page-home .hero-pill .icon{font-size:16px}

body.page-home .hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:22px}

body.page-home .btn-android{display:inline-flex;align-items:center;gap:8px;
  padding:14px 30px;
  background:linear-gradient(135deg,var(--saffron) 0%,#FF7043 100%);
  border-radius:var(--r-full);font-size:15px;font-weight:800;color:#fff;
  box-shadow:0 6px 22px var(--saffron-glow);
  transition:transform var(--transition),box-shadow var(--transition),filter var(--transition);
  letter-spacing:.2px;}

body.page-home .btn-android:hover{transform:translateY(-3px);box-shadow:0 12px 36px var(--saffron-glow);filter:brightness(1.06)}

body.page-home .btn-iphone{display:inline-flex;align-items:center;gap:8px;
  padding:14px 30px;
  background:linear-gradient(135deg,#ffffff 0%,#eefaf6 45%,#eff8ff 100%);
  border:2px solid #d6e6dc;
  border-radius:var(--r-full);font-size:15px;font-weight:700;color:var(--t-dark);
  box-shadow:0 8px 24px rgba(67,150,132,.10);
  transition:border-color var(--transition),background var(--transition),transform var(--transition),box-shadow var(--transition);}

body.page-home .btn-iphone:hover{border-color:#9bcfc3;background:linear-gradient(135deg,#ffffff 0%,#e8f9f4 45%,#ebf7ff 100%);transform:translateY(-3px);box-shadow:0 14px 28px rgba(67,150,132,.15)}

body.page-home .hero-secondary{display:flex;gap:20px;flex-wrap:wrap}

body.page-home .hero-secondary a{font-size:13.5px;font-weight:500;color:var(--t-muted);
  border-bottom:1px solid transparent;
  transition:color var(--transition),border-color var(--transition);}

body.page-home .hero-secondary a:hover{color:var(--teal);border-color:var(--teal)}

body.page-home .hero-visual{position:relative;display:flex;justify-content:center;align-items:center}

body.page-home .hero-phone-glow{position:absolute;
  width:260px;height:260px;
  background:radial-gradient(ellipse,rgba(0,172,193,.22) 0%,transparent 70%);
  border-radius:50%;
  top:50%;left:50%;transform:translate(-50%,-50%);
  animation:phoneGlow 4s ease-in-out infinite alternate;}

@keyframes phoneGlow{from{opacity:.5;transform:translate(-50%,-50%) scale(1)}
  to  {opacity:.9;transform:translate(-50%,-50%) scale(1.14)}}

body.page-home .phone-mockup{position:relative;width:210px;z-index:1}

body.page-home .phone-frame{background:#1a1a1a;border-radius:40px;padding:10px;
  box-shadow:
    0 0 0 1px rgba(0,0,0,.08),
    0 32px 80px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.15);}

body.page-home .phone-frame::before{content:"";position:absolute;top:16px;left:50%;transform:translateX(-50%);
  width:56px;height:5px;background:#000;border-radius:3px;z-index:1;}

body.page-home .phone-screen{border-radius:32px;overflow:hidden;aspect-ratio:9/19}

body.page-home .phone-screen img{width:100%;height:100%;object-fit:cover}

body.page-home .hero-float-badge{position:absolute;top:32px;right:-32px;z-index:2;
  background:var(--white);border:1.5px solid var(--b-light);
  border-radius:var(--r-md);padding:12px 16px;
  box-shadow:var(--sh-md);}

body.page-home .hero-float-badge .title{font-size:13px;font-weight:700;color:var(--teal)}

body.page-home .hero-float-badge .sub{font-size:11px;color:var(--t-muted);margin-top:2px}

body.page-home .section-header{text-align:center;margin-bottom:60px}

body.page-home .section-header h2{font-size:clamp(26px,3.8vw,42px);font-weight:900;
  color:var(--t-dark);line-height:1.18;margin-bottom:14px;letter-spacing:-.5px;}

body.page-home .section-header p{font-size:16px;color:var(--t-muted);max-width:560px;margin:0 auto;line-height:1.72}

body.page-home .section-header h2.dark-text{color:var(--t-dark)}

body.page-home .section-header p.dark-text{color:var(--t-muted)}

body.page-home .section-pill{display:inline-flex;align-items:center;gap:6px;
  font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;
  padding:5px 16px;border-radius:var(--r-full);margin-bottom:18px;}

body.page-home .pill-teal{background:rgba(0,172,193,.10);border:1px solid rgba(0,172,193,.28);color:var(--teal)}

body.page-home .pill-orange{background:rgba(244,81,30,.10);border:1px solid rgba(244,81,30,.28);color:var(--saffron)}

body.page-home .pill-violet{background:rgba(109,40,217,.10);border:1px solid rgba(109,40,217,.28);color:var(--violet-light)}

body.page-home .pill-gold{background:rgba(217,119,6,.10);border:1px solid rgba(217,119,6,.28);color:var(--gold)}

body.page-home .shop-types-section{padding:96px 0;
  background:var(--white);
  position:relative;overflow:hidden;}

body.page-home .shop-types-section::before{content:"";position:absolute;
  width:600px;height:600px;top:-200px;right:-200px;
  background:radial-gradient(ellipse,rgba(109,40,217,.05),transparent 65%);
  pointer-events:none;}

body.page-home .shop-types-section .section-header{margin-bottom:72px}

body.page-home .shop-type-block{margin-bottom:96px;position:relative}

body.page-home .shop-type-block:last-child{margin-bottom:0}

body.page-home .shop-type-label-row{display:flex;align-items:center;gap:16px;margin-bottom:32px;}

body.page-home .shop-type-label-row h3{font-size:24px;font-weight:800;color:var(--t-dark)}

body.page-home .shop-type-label-row p{font-size:14px;color:var(--t-muted);margin-top:2px}

body.page-home .shop-badge{display:inline-flex;align-items:center;gap:6px;
  font-size:12px;font-weight:700;padding:6px 16px;border-radius:var(--r-full);
  white-space:nowrap;flex-shrink:0;}

body.page-home .badge-garment{background:#fdf4ff;border:1.5px solid #e879f9;color:#a21caf}

body.page-home .badge-kirana{background:#ecfeff;border:1.5px solid #22d3ee;color:#0e7490}

body.page-home .badge-medical{background:#f0fdf4;border:1.5px solid #4ade80;color:#166534}

body.page-home .badge-hardware{background:#fff7ed;border:1.5px solid #fb923c;color:#c2410c}

body.page-home .shop-pair-layout{display:grid;
  grid-template-columns:300px 1fr 300px;
  gap:24px;
  align-items:center;}

body.page-home .shop-photo-card{position:relative;
  border-radius:20px;
  overflow:hidden;
  aspect-ratio:3/4;
  box-shadow:0 24px 64px rgba(0,0,0,.14);
  flex-shrink:0;}

body.page-home .shop-photo-card img{width:100%;height:100%;
  object-fit:cover;
  display:block;
  transition:transform .6s ease;}

body.page-home .shop-photo-card:hover img{transform:scale(1.04)}

body.page-home .shop-photo-overlay{position:absolute;bottom:0;left:0;right:0;
  padding:32px 18px 18px;
  background:linear-gradient(to top,rgba(0,0,0,.72) 0%,rgba(0,0,0,.3) 60%,transparent 100%);}

body.page-home .shop-loc-tag{display:inline-block;
  font-size:10.5px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;
  padding:3px 12px;border-radius:var(--r-full);margin-bottom:7px;}

body.page-home .tag-rural{background:rgba(255,255,255,.9);color:#7c2d12}

body.page-home .tag-urban{background:rgba(255,255,255,.9);color:#1e3a5f}

body.page-home .shop-photo-name{font-size:15px;font-weight:700;color:#fff;line-height:1.3}

body.page-home .shop-photo-sub{font-size:12px;color:rgba(255,255,255,.7);margin-top:3px}

body.page-home .shop-arrow-area{display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  padding:20px 0;
  min-height:380px;}

body.page-home .shop-big-arrow{flex-shrink:0;
  display:flex;
  align-items:center;
  justify-content:center;}

body.page-home .shop-big-arrow svg{width:48px;height:88px;
  filter:drop-shadow(0 4px 12px rgba(244,81,30,.4));}

body.page-home .arrow-left{animation:arrowBounceLeft 1.8s ease-in-out infinite;
  color:var(--saffron);}

body.page-home .arrow-right{animation:arrowBounceRight 1.8s ease-in-out infinite;
  color:var(--saffron);}

@keyframes arrowBounceLeft{0%,100%{transform:translateX(0);opacity:.7}
  50%{transform:translateX(-9px);opacity:1}}

@keyframes arrowBounceRight{0%,100%{transform:translateX(0);opacity:.7}
  50%{transform:translateX(9px);opacity:1}}

body.page-home .shop-benefits-list{flex:1;
  display:flex;
  flex-direction:column;
  gap:10px;}

body.page-home .shop-benefit{display:flex;align-items:center;gap:10px;
  background:var(--white);
  border:1.5px solid var(--b-light);
  border-radius:12px;
  padding:12px 16px;
  font-size:13px;font-weight:600;color:var(--t-dark);
  box-shadow:var(--sh-sm);
  /* scroll reveal */
  opacity:0;
  transform:translateY(18px);
  transition:opacity .5s ease var(--delay,0s), transform .5s ease var(--delay,0s),
              border-color var(--transition), box-shadow var(--transition);}

body.page-home .shop-benefit.is-visible{opacity:1;transform:translateY(0)}

body.page-home .shop-benefit:hover{border-color:rgba(244,81,30,.35);box-shadow:0 4px 16px rgba(244,81,30,.12)}

body.page-home .shop-benefit-icon{font-size:18px;flex-shrink:0}

body.page-home .benefits-garment .shop-benefit{border-left:3px solid #e879f9}

body.page-home .benefits-garment .shop-benefit:hover{border-left-color:#e879f9;border-color:#e879f9}

body.page-home .benefits-kirana  .shop-benefit{border-left:3px solid var(--teal)}

body.page-home .benefits-kirana  .shop-benefit:hover{border-left-color:var(--teal);border-color:var(--teal)}

body.page-home .benefits-medical .shop-benefit{border-left:3px solid var(--emerald)}

body.page-home .benefits-medical .shop-benefit:hover{border-left-color:var(--emerald);border-color:var(--emerald)}

body.page-home .benefits-hardware .shop-benefit{border-left:3px solid var(--gold)}

body.page-home .benefits-hardware .shop-benefit:hover{border-left-color:var(--gold);border-color:var(--gold)}

body.page-home .arrows-garment .arrow-left, body.page-home .arrows-garment .arrow-right{color:#c026d3;filter:drop-shadow(0 4px 12px rgba(192,38,211,.4))}

body.page-home .arrows-kirana  .arrow-left, body.page-home .arrows-kirana  .arrow-right{color:var(--teal);filter:drop-shadow(0 4px 12px rgba(0,172,193,.4))}

body.page-home .arrows-medical .arrow-left, body.page-home .arrows-medical .arrow-right{color:var(--emerald);filter:drop-shadow(0 4px 12px rgba(5,150,105,.4))}

body.page-home .arrows-hardware .arrow-left, body.page-home .arrows-hardware .arrow-right{color:var(--gold);filter:drop-shadow(0 4px 12px rgba(217,119,6,.4))}

body.page-home .why-love{padding:96px 0;
  background:var(--light-50);
  position:relative;}

body.page-home .why-love::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--saffron),var(--gold),var(--teal),var(--violet));}

body.page-home .bento-grid{display:grid;
  grid-template-columns:repeat(3,1fr);
  grid-template-rows:auto auto;
  gap:16px;}

body.page-home .bento-card{background:var(--white);border-radius:var(--r-lg);
  padding:28px;border:1.5px solid var(--b-light);
  position:relative;overflow:hidden;
  transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition);}

body.page-home .bento-card:hover{transform:translateY(-4px);box-shadow:var(--sh-lg)}

body.page-home .bento-card.wide{grid-column:span 2}

body.page-home .bento-card.tall{grid-row:span 2}

body.page-home .bento-card::after{content:"";position:absolute;top:-40px;right:-40px;
  width:120px;height:120px;border-radius:50%;opacity:.07;pointer-events:none;}

body.page-home .bc-orange::after{background:var(--saffron)}

body.page-home .bc-teal::after{background:var(--teal)}

body.page-home .bc-violet::after{background:var(--violet)}

body.page-home .bc-green::after{background:var(--emerald)}

body.page-home .bc-gold::after{background:var(--gold)}

body.page-home .bc-rose::after{background:#f43f5e}

body.page-home .bento-card:hover.bc-orange{border-color:rgba(244,81,30,.35);box-shadow:0 16px 48px rgba(244,81,30,.10)}

body.page-home .bento-card:hover.bc-teal{border-color:rgba(0,172,193,.35);box-shadow:0 16px 48px rgba(0,172,193,.10)}

body.page-home .bento-card:hover.bc-violet{border-color:rgba(109,40,217,.35);box-shadow:0 16px 48px rgba(109,40,217,.10)}

body.page-home .bento-card:hover.bc-green{border-color:rgba(5,150,105,.35);box-shadow:0 16px 48px rgba(5,150,105,.10)}

body.page-home .bento-card:hover.bc-gold{border-color:rgba(217,119,6,.35);box-shadow:0 16px 48px rgba(217,119,6,.10)}

body.page-home .bento-card:hover.bc-rose{border-color:rgba(244,63,94,.35);box-shadow:0 16px 48px rgba(244,63,94,.10)}

body.page-home .bento-icon{width:52px;height:52px;border-radius:14px;
  display:flex;align-items:center;justify-content:center;
  font-size:24px;margin-bottom:18px;}

body.page-home .bi-orange{background:linear-gradient(135deg,#fff0eb,#ffd7cc)}

body.page-home .bi-teal{background:linear-gradient(135deg,#e0f7fa,#b2ebf2)}

body.page-home .bi-violet{background:linear-gradient(135deg,#ede9fe,#ddd6fe)}

body.page-home .bi-green{background:linear-gradient(135deg,#dcfce7,#bbf7d0)}

body.page-home .bi-gold{background:linear-gradient(135deg,#fef9c3,#fde68a)}

body.page-home .bi-rose{background:linear-gradient(135deg,#ffe4e6,#fecdd3)}

body.page-home .bento-card h3{font-size:17px;font-weight:800;color:var(--t-dark);margin-bottom:8px;line-height:1.3}

body.page-home .bento-card p{font-size:13.5px;color:var(--t-body);line-height:1.65}

body.page-home .process-section{padding:96px 0;
  background:var(--light-100);
  position:relative;overflow:hidden;}

body.page-home .process-section::before{content:"";position:absolute;width:600px;height:600px;top:-200px;left:-200px;
  background:radial-gradient(ellipse,rgba(0,172,193,.06),transparent 65%);pointer-events:none;}

body.page-home .process-section::after{content:"";position:absolute;width:500px;height:500px;bottom:-100px;right:-100px;
  background:radial-gradient(ellipse,rgba(109,40,217,.06),transparent 65%);pointer-events:none;}

body.page-home .process-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;position:relative;z-index:1}

body.page-home .process-card{background:var(--white);
  border:1.5px solid var(--b-light);
  border-radius:var(--r-xl);padding:32px;
  box-shadow:var(--sh-sm);
  transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition);}

body.page-home .process-card:hover{transform:translateY(-4px);box-shadow:var(--sh-md)}

body.page-home .process-card-header{display:flex;align-items:center;gap:14px;margin-bottom:28px}

body.page-home .process-icon{width:50px;height:50px;border-radius:14px;
  display:flex;align-items:center;justify-content:center;font-size:24px;}

body.page-home .pi-customer{background:linear-gradient(135deg,#e0f7fa,#b2ebf2);border:1.5px solid rgba(0,172,193,.3)}

body.page-home .pi-business{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border:1.5px solid rgba(109,40,217,.3)}

body.page-home .process-card-header h3{font-size:20px;font-weight:800;color:var(--t-dark)}

body.page-home .process-steps{display:flex;flex-direction:column;gap:10px}

body.page-home .process-step{display:flex;align-items:center;gap:14px;
  padding:13px 16px;border-radius:var(--r-md);
  font-size:14.5px;font-weight:500;color:var(--t-body);
  border:1px solid transparent;
  transition:background var(--transition),border-color var(--transition);}

body.page-home .ps-c{background:rgba(0,172,193,.06);border-color:rgba(0,172,193,.15)}

body.page-home .ps-c:hover{background:rgba(0,172,193,.1);border-color:rgba(0,172,193,.3)}

body.page-home .ps-b{background:rgba(109,40,217,.06);border-color:rgba(109,40,217,.15)}

body.page-home .ps-b:hover{background:rgba(109,40,217,.1);border-color:rgba(109,40,217,.3)}

body.page-home .step-num{width:28px;height:28px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:13px;font-weight:800;color:#fff;flex-shrink:0;}

body.page-home .sn-c{background:var(--teal)}

body.page-home .sn-b{background:var(--violet)}

body.page-home .step-ico{font-size:18px;flex-shrink:0}

body.page-home .process-link{display:inline-flex;align-items:center;gap:6px;margin-top:22px;
  font-size:13.5px;font-weight:700;color:var(--teal);
  transition:gap var(--transition);}

body.page-home .process-link:hover{gap:10px}

body.page-home .coming-soon{padding:96px 0;
  background:var(--white);
  position:relative;}

body.page-home .coming-pill{display:inline-flex;align-items:center;gap:7px;
  background:linear-gradient(135deg,rgba(109,40,217,.08),rgba(0,172,193,.08));
  border:1px solid rgba(109,40,217,.25);
  color:var(--violet);font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;
  padding:6px 18px;border-radius:var(--r-full);margin-bottom:16px;}

body.page-home .coming-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}

body.page-home .coming-grid-bottom{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;max-width:760px;margin-left:auto;margin-right:auto}

body.page-home .coming-card{background:var(--white);border-radius:var(--r-lg);padding:28px;
  position:relative;overflow:hidden;
  border:1.5px solid var(--b-light);
  box-shadow:var(--sh-xs);
  transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition);}

body.page-home .coming-card:hover{transform:translateY(-4px);box-shadow:var(--sh-md)}

body.page-home .soon-tag{position:absolute;top:16px;right:16px;
  background:var(--light-100);color:var(--t-muted);
  font-size:10.5px;font-weight:800;padding:3px 10px;border-radius:var(--r-full);
  text-transform:uppercase;letter-spacing:.5px;}

body.page-home .coming-card-icon{width:52px;height:52px;border-radius:14px;
  display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:18px;}

body.page-home .cc-1{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}

body.page-home .cc-2{background:linear-gradient(135deg,#ede9fe,#ddd6fe)}

body.page-home .cc-3{background:linear-gradient(135deg,#dcfce7,#bbf7d0)}

body.page-home .cc-4{background:linear-gradient(135deg,#fef3c7,#fde68a)}

body.page-home .cc-5{background:linear-gradient(135deg,#fce7f3,#fbcfe8)}

body.page-home .coming-card h3{font-size:16px;font-weight:800;color:var(--t-dark);margin-bottom:8px;padding-right:52px}

body.page-home .coming-card p{font-size:13px;color:var(--t-body);line-height:1.6}

body.page-home .coming-card:hover.cv-blue{border-color:rgba(59,130,246,.4);box-shadow:0 8px 32px rgba(59,130,246,.10)}

body.page-home .coming-card:hover.cv-violet{border-color:rgba(109,40,217,.4);box-shadow:0 8px 32px rgba(109,40,217,.10)}

body.page-home .coming-card:hover.cv-green{border-color:rgba(5,150,105,.4);box-shadow:0 8px 32px rgba(5,150,105,.10)}

body.page-home .coming-card:hover.cv-gold{border-color:rgba(217,119,6,.4);box-shadow:0 8px 32px rgba(217,119,6,.10)}

body.page-home .coming-card:hover.cv-pink{border-color:rgba(236,72,153,.4);box-shadow:0 8px 32px rgba(236,72,153,.10)}

body.page-home .help-videos{padding:96px 0;background:var(--cream)}

body.page-home .videos-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}

body.page-home .video-card{background:var(--white);border:1.5px solid var(--b-light);
  border-radius:var(--r-lg);overflow:hidden;
  box-shadow:var(--sh-xs);
  transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition);}

body.page-home .video-card:hover{transform:translateY(-5px);border-color:rgba(244,81,30,.4);box-shadow:0 12px 40px rgba(244,81,30,.12)}

body.page-home .video-thumb{position:relative;aspect-ratio:16/10;overflow:hidden}

body.page-home .video-thumb-bg{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:48px;}

body.page-home .play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:52px;height:52px;background:rgba(220,38,38,.88);border-radius:50%;
  display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;
  box-shadow:0 6px 24px rgba(220,38,38,.4);
  transition:transform var(--transition),box-shadow var(--transition);}

body.page-home .video-card:hover .play-btn{transform:translate(-50%,-50%) scale(1.12);box-shadow:0 10px 36px rgba(220,38,38,.5)}

body.page-home .video-duration{position:absolute;bottom:9px;right:9px;
  background:rgba(0,0,0,.65);color:#fff;
  font-size:10.5px;font-weight:700;padding:3px 7px;border-radius:5px;}

body.page-home .video-info{padding:18px}

body.page-home .video-info h3{font-size:14.5px;font-weight:700;color:var(--t-dark);margin-bottom:6px}

body.page-home .video-info p{font-size:12.5px;color:var(--t-muted);line-height:1.55;margin-bottom:14px}

body.page-home .watch-yt{display:inline-flex;align-items:center;gap:6px;
  font-size:12.5px;font-weight:700;color:#dc2626;
  transition:gap var(--transition);}

body.page-home .watch-yt:hover{gap:10px}

body.page-home .cta-section{padding:96px 0;
  background:linear-gradient(135deg,
    #7c2d12 0%,
    var(--saffron-600) 30%,
    #F4511E 55%,
    #FF7043 70%,
    #4c1d95 88%,
    #2e1065 100%
  );
  text-align:center;position:relative;overflow:hidden;}

body.page-home .cta-section::before{content:"";position:absolute;inset:0;
  background:radial-gradient(ellipse at 30% 50%,rgba(255,143,0,.25),transparent 60%),
             radial-gradient(ellipse at 70% 50%,rgba(109,40,217,.22),transparent 60%);
  pointer-events:none;}

body.page-home .cta-section .container{position:relative;z-index:1}

body.page-home .cta-section h2{font-size:clamp(28px,4.2vw,50px);font-weight:900;
  color:#fff;line-height:1.2;margin-bottom:16px;letter-spacing:-.5px;}

body.page-home .cta-section p{font-size:17px;color:rgba(255,255,255,.82);margin-bottom:40px}

body.page-home .cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:22px}

body.page-home .cta-btn-android{display:inline-flex;align-items:center;gap:8px;
  padding:15px 36px;background:#fff;
  border-radius:var(--r-full);font-size:16px;font-weight:800;color:var(--saffron);
  box-shadow:0 8px 32px rgba(0,0,0,.2);
  transition:transform var(--transition),box-shadow var(--transition);}

body.page-home .cta-btn-android:hover{transform:translateY(-3px);box-shadow:0 16px 48px rgba(0,0,0,.3)}

body.page-home .cta-btn-iphone{display:inline-flex;align-items:center;gap:8px;
  padding:15px 36px;
  background:rgba(255,255,255,.14);border:2px solid rgba(255,255,255,.45);
  border-radius:var(--r-full);font-size:16px;font-weight:800;color:#fff;
  backdrop-filter:blur(8px);
  transition:background var(--transition),border-color var(--transition),transform var(--transition);}

body.page-home .cta-btn-iphone:hover{background:linear-gradient(135deg,rgba(255,255,255,.24) 0%,rgba(217,245,239,.30) 45%,rgba(223,241,255,.24) 100%);border-color:#fff;transform:translateY(-3px)}

body.page-home .cta-note{font-size:13px;color:rgba(255,255,255,.6)}

body.page-home footer{background:var(--dark-900);padding:64px 0 0;color:var(--t-white-55)}

body.page-home .footer-grid{display:grid;grid-template-columns:2fr 1.2fr 1.2fr 1fr 1.2fr;gap:40px;padding-bottom:48px}

body.page-home .footer-brand h3{font-size:18px;font-weight:900;color:var(--t-white);margin-bottom:12px;letter-spacing:.5px}

body.page-home .footer-brand p{font-size:13.5px;line-height:1.7;max-width:260px;margin-bottom:20px;color:var(--t-white-55)}

body.page-home .social-links{display:flex;gap:10px}

body.page-home .social-link{width:38px;height:38px;background:rgba(255,255,255,.07);border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-size:15px;
  border:1px solid var(--b-dark);
  transition:background var(--transition),border-color var(--transition);}

body.page-home .social-link:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.2)}

body.page-home .footer-col h4{font-size:11.5px;font-weight:800;color:var(--teal);
  margin-bottom:18px;text-transform:uppercase;letter-spacing:1px;}

body.page-home .footer-col a{display:block;font-size:13.5px;color:var(--t-white-55);padding:5px 0;
  transition:color var(--transition),padding-left var(--transition);}

body.page-home .footer-col a:hover{color:var(--t-white);padding-left:4px}

body.page-home .footer-bottom{border-top:1px solid var(--b-dark);padding:20px 0;
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;}

body.page-home .footer-bottom p{font-size:12.5px;color:var(--t-white-30)}

body.page-home .footer-bottom-links{display:flex;gap:20px}

body.page-home .footer-bottom-links a{font-size:12.5px;color:var(--t-white-30);transition:color var(--transition)}

body.page-home .footer-bottom-links a:hover{color:var(--t-white-80)}

body.page-home .page-header{background:var(--cream);
  padding:44px 0 52px;
  border-bottom:1px solid var(--b-light);
  position:relative;overflow:hidden;}

body.page-home .page-header::before{content:"";position:absolute;width:600px;height:400px;top:-200px;right:-100px;
  background:radial-gradient(ellipse,rgba(0,172,193,.08),transparent 70%);pointer-events:none;}

body.page-home .page-header .container{position:relative;z-index:1}

body.page-home .back-link{display:inline-flex;align-items:center;gap:7px;
  font-size:13.5px;color:var(--t-muted);margin-bottom:22px;
  transition:color var(--transition);}

body.page-home .back-link:hover{color:var(--teal)}

body.page-home .page-header h1{font-size:clamp(28px,4vw,46px);font-weight:900;color:var(--t-dark);margin-bottom:10px;letter-spacing:-.5px}

body.page-home .page-header p{font-size:16px;color:var(--t-muted);max-width:600px;line-height:1.65}

body.page-home .flow-cards-section{padding:64px 0}

body.page-home .flow-section-intro{text-align:center;margin-bottom:48px}

body.page-home .flow-section-intro h2{font-size:clamp(22px,3vw,36px);font-weight:900;color:var(--t-dark);margin-bottom:10px;letter-spacing:-.5px}

body.page-home .flow-section-intro p{font-size:15px;color:var(--t-muted)}

body.page-home .flow-big-row{display:flex;
  gap:14px;           /* space between cards */
  margin-bottom:14px;}

body.page-home .flow-big-row:last-child{margin-bottom:0}

body.page-home .flow-big-card{flex:1;display:flex;flex-direction:column;align-items:center;
  padding:44px 24px 36px;
  position:relative;
  min-height:520px;   /* more vertical space */
  border-radius:20px; /* rounded since cards have gap now */
  box-shadow:0 12px 40px rgba(0,0,0,.22);}

body.page-home .flow-step-num{width:42px;height:42px;border-radius:50%;
  background:rgba(255,255,255,.22);border:2px solid rgba(255,255,255,.45);
  display:flex;align-items:center;justify-content:center;
  font-size:17px;font-weight:900;color:#fff;margin-bottom:24px;flex-shrink:0;
  backdrop-filter:blur(4px);
  box-shadow:0 0 20px rgba(255,255,255,.15);}

body.page-home .flow-phone-wrap{flex:1;display:flex;align-items:center;justify-content:center;width:100%}

body.page-home .flow-phone-box{background:rgba(0,0,0,.55);border-radius:36px;padding:11px;
  width:164px;           /* was 136px — bigger */
  box-shadow:0 28px 56px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.12),inset 0 1px 0 rgba(255,255,255,.1);
  position:relative;}

body.page-home .flow-phone-box::before{content:"";position:absolute;top:16px;left:50%;transform:translateX(-50%);
  width:40px;height:5px;background:rgba(0,0,0,.6);border-radius:3px;z-index:1;}

body.page-home .flow-phone-screen{border-radius:28px;overflow:hidden;aspect-ratio:9/18;background:#111}

body.page-home .flow-phone-screen img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}

body.page-home .flow-card-info{text-align:center;margin-top:20px;width:100%}

body.page-home .flow-card-info h4{font-size:14.5px;font-weight:800;color:rgba(255,255,255,.95);margin-bottom:4px;text-shadow:0 1px 6px rgba(0,0,0,.4)}

body.page-home .flow-card-info p{font-size:11.5px;color:rgba(255,255,255,.65);line-height:1.5}

body.page-home .flow-row-connector{display:flex;justify-content:flex-end;padding-right:calc(25% - 28px);
  font-size:28px;color:rgba(0,0,0,.2);line-height:36px;margin:4px 0;}

body.page-home .flow-row-connector.from-left{justify-content:flex-start;padding-left:calc(25% - 28px);padding-right:0}

body.page-home .fc-c1{background:linear-gradient(145deg,#013d5e,#047aa2)}

body.page-home .fc-c2{background:linear-gradient(145deg,#025080,#05a3c2)}

body.page-home .fc-c3{background:linear-gradient(145deg,#026e9a,#08c4df)}

body.page-home .fc-c4{background:linear-gradient(145deg,#0284a8,#22d3ee)}

body.page-home .fc-c5{background:linear-gradient(145deg,#155e75,#0e7490)}

body.page-home .fc-c6{background:linear-gradient(145deg,#0d9488,#14b8a6)}

body.page-home .fc-c7{background:linear-gradient(145deg,#065f46,#10b981)}

body.page-home .fc-c8{background:linear-gradient(145deg,#166534,#22c55e)}

body.page-home .fc-b1{background:linear-gradient(145deg,#2d1169,#6d28d9)}

body.page-home .fc-b2{background:linear-gradient(145deg,#4c1d95,#7c3aed)}

body.page-home .fc-b3{background:linear-gradient(145deg,#6d28d9,#a855f7)}

body.page-home .fc-b4{background:linear-gradient(145deg,#7e22ce,#c026d3)}

body.page-home .fc-b5{background:linear-gradient(145deg,#831843,#db2777)}

body.page-home .fc-b6{background:linear-gradient(145deg,#9f1239,#e11d48)}

body.page-home .fc-b7{background:linear-gradient(145deg,#7c2d12,#ea580c)}

body.page-home .fc-b8{background:linear-gradient(145deg,#854d0e,#ca8a04)}

body.page-home .fc-i1{background:linear-gradient(145deg,#7c2d12,#c2410c)}

body.page-home .fc-i2{background:linear-gradient(145deg,#92400e,#d97706)}

body.page-home .fc-i3{background:linear-gradient(145deg,#713f12,#ca8a04)}

body.page-home .fc-i4{background:linear-gradient(145deg,#365314,#65a30d)}

body.page-home .fc-i5{background:linear-gradient(145deg,#14532d,#16a34a)}

body.page-home .fc-i6{background:linear-gradient(145deg,#134e4a,#0d9488)}

body.page-home .privacy-card{background:rgba(0,172,193,.06);border:1.5px solid rgba(0,172,193,.22);
  border-radius:var(--r-lg);padding:28px 32px;
  display:flex;align-items:flex-start;gap:20px;max-width:720px;margin:40px auto 0;}

body.page-home .privacy-icon{font-size:36px;flex-shrink:0}

body.page-home .privacy-content h3{font-size:18px;font-weight:800;color:var(--t-dark);margin-bottom:6px}

body.page-home .privacy-content p{font-size:13.5px;color:var(--t-body);line-height:1.65}

body.page-home .privacy-checks{display:flex;gap:22px;margin-top:12px;flex-wrap:wrap}

body.page-home .privacy-check{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--teal)}

body.page-home .privacy-check::before{content:"✓";font-weight:900}

body.page-home .knowledge-body{background:var(--dark-900)}

body.page-home .knowledge-nav{background:rgba(15,23,42,.92);border-bottom:1px solid var(--b-dark);
  position:sticky;top:67px;z-index:50;
  backdrop-filter:blur(12px);}

body.page-home .knowledge-nav .container{display:flex;gap:0;overflow-x:auto;scrollbar-width:none}

body.page-home .knowledge-nav .container::-webkit-scrollbar{display:none}

body.page-home .knav-item{display:flex;align-items:center;gap:6px;padding:14px 20px;
  font-size:13.5px;font-weight:500;color:var(--t-white-55);
  white-space:nowrap;border-bottom:2px solid transparent;
  transition:color var(--transition),border-color var(--transition);}

body.page-home .knav-item:hover, body.page-home .knav-item.active{color:var(--teal);border-color:var(--teal)}

body.page-home .knowledge-section{padding:64px 0}

body.page-home .knowledge-section:nth-child(even){background:var(--dark-800)}

body.page-home .knowledge-section:nth-child(odd){background:var(--dark-900)}

body.page-home .knowledge-section-title{display:flex;align-items:center;gap:16px;margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid var(--b-dark)}

body.page-home .ks-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}

body.page-home .knowledge-section-title h2{font-size:24px;font-weight:900;color:var(--t-white)}

body.page-home .knowledge-section-title p{font-size:13.5px;color:var(--t-white-55);margin-top:2px}

body.page-home .knowledge-steps{display:flex;flex-direction:column;gap:24px}

body.page-home .knowledge-step{display:grid;grid-template-columns:180px 1fr;gap:28px;align-items:start;
  background:rgba(255,255,255,.03);border:1px solid var(--b-dark);
  border-radius:var(--r-lg);padding:24px;
  transition:border-color var(--transition),box-shadow var(--transition);}

body.page-home .knowledge-step:hover{border-color:rgba(0,172,193,.25);box-shadow:0 4px 24px rgba(0,172,193,.06)}

body.page-home .knowledge-step.multi-screen{grid-template-columns:1fr}

body.page-home .k-screen img{width:100%;border-radius:var(--r-md);border:1px solid var(--b-dark)}

body.page-home .k-badge{display:inline-block;font-size:10px;font-weight:800;padding:3px 10px;border-radius:var(--r-full);text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px;color:#fff}

body.page-home .k-badge.common{background:var(--teal)}

body.page-home .k-badge.customer{background:var(--emerald)}

body.page-home .k-badge.business{background:var(--violet)}

body.page-home .k-badge.dashboard{background:var(--saffron)}

body.page-home .k-info h3{font-size:17px;font-weight:800;color:var(--t-white);margin-bottom:8px}

body.page-home .k-info p{font-size:13.5px;color:var(--t-white-80);line-height:1.7}

body.page-home .k-tip{display:flex;align-items:flex-start;gap:8px;
  background:rgba(0,172,193,.07);border-left:3px solid var(--teal);
  border-radius:0 var(--r-sm) var(--r-sm) 0;
  padding:10px 14px;margin-top:14px;font-size:12.5px;color:var(--teal-400);line-height:1.55;}

body.page-home .k-screenshots{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}

body.page-home .k-screen{width:155px;flex-shrink:0}

body.page-home .soon-label{display:inline-flex;align-items:center;gap:5px;
  background:rgba(109,40,217,.15);color:var(--violet-light);
  font-size:10px;font-weight:800;padding:3px 10px;border-radius:var(--r-full);
  text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px;}

body.page-home .mobile-nav{display:none;position:fixed;inset:0;z-index:200}

body.page-home .mobile-nav.open{display:block}

body.page-home .mobile-nav-overlay{position:absolute;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(4px)}

body.page-home .mobile-nav-drawer{position:absolute;top:0;right:0;width:min(320px,85vw);height:100%;
  background:var(--white);padding:24px;overflow-y:auto;
  box-shadow:var(--sh-xl);border-left:1px solid var(--b-light);}

body.page-home .mobile-nav-close{display:flex;justify-content:flex-end;margin-bottom:24px}

body.page-home .mobile-nav-close button{font-size:24px;color:var(--t-muted);line-height:1}

body.page-home .mobile-nav-links a{display:flex;align-items:center;padding:14px 0;gap:10px;
  border-bottom:1px solid var(--b-light);font-size:16px;font-weight:500;color:var(--t-body);}

body.page-home .mobile-nav-links a:last-child{border-bottom:none}

body.page-home .mobile-nav-footer{margin-top:24px;display:flex;flex-direction:column;gap:12px}

@keyframes fadeInUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}

body.page-home .fade-in-up{animation:fadeInUp .55s ease both}

body.page-home .delay-1{animation-delay:.12s}

body.page-home .delay-2{animation-delay:.24s}

body.page-home .delay-3{animation-delay:.36s}

@media (max-width:1024px){body.page-home .bento-grid{grid-template-columns:repeat(2,1fr)}

body.page-home .bento-card.wide{grid-column:span 1}

body.page-home .footer-grid{grid-template-columns:1fr 1fr 1fr;gap:28px}

body.page-home .footer-brand{grid-column:1/-1}

body.page-home .videos-grid{grid-template-columns:repeat(2,1fr)}

body.page-home .shop-pair-layout{grid-template-columns:240px 1fr 240px}}

@media (max-width:768px){body.page-home .lang-bar{display:none}

body.page-home .nav-links{display:none}

body.page-home .nav-actions .btn-ghost{display:none}

body.page-home .hamburger{display:flex;margin-left:auto}

body.page-home .hero .container{grid-template-columns:1fr;text-align:center}

body.page-home .hero-pills{grid-template-columns:1fr 1fr}

body.page-home .hero-cta{justify-content:center}

body.page-home .hero-secondary{justify-content:center}

body.page-home .hero-visual{display:none}

body.page-home .process-grid{grid-template-columns:1fr}

body.page-home .bento-grid{grid-template-columns:1fr}

body.page-home .bento-card.wide, body.page-home .bento-card.tall{grid-column:span 1;grid-row:span 1}

body.page-home .coming-grid{grid-template-columns:1fr 1fr}

body.page-home .coming-grid-bottom{grid-template-columns:1fr 1fr}

body.page-home .videos-grid{grid-template-columns:1fr 1fr}

body.page-home .shop-pair-layout{grid-template-columns:1fr;
    gap:0;}

body.page-home .shop-photo-card{aspect-ratio:16/9;border-radius:16px 16px 0 0}

body.page-home .shop-photo-card:last-child{border-radius:0 0 16px 16px}

body.page-home .shop-arrow-area{flex-direction:column;
    gap:16px;padding:24px 16px;
    min-height:auto;}

body.page-home .shop-big-arrow{display:none}

body.page-home .shop-benefits-list{width:100%}

body.page-home .flow-big-row{flex-direction:column;gap:10px}

body.page-home .flow-big-card{min-height:340px}

body.page-home .footer-grid{grid-template-columns:1fr 1fr}

body.page-home .footer-bottom{flex-direction:column;align-items:flex-start}}

@media (max-width:480px){body.page-home .coming-grid, body.page-home .coming-grid-bottom{grid-template-columns:1fr}

body.page-home .hero-pills{grid-template-columns:1fr}

body.page-home .videos-grid{grid-template-columns:1fr}

body.page-home .shop-pair-layout{gap:0}}

body.page-home .marquee-wrap{background:linear-gradient(90deg,var(--dark-800),var(--dark-700));
  padding:14px 0;overflow:hidden;}

body.page-home .marquee-track{display:flex;white-space:nowrap;
  animation:marqueeScroll 32s linear infinite;}

body.page-home .marquee-track:hover{animation-play-state:paused}

@keyframes marqueeScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

body.page-home .marquee-item{display:inline-flex;align-items:center;gap:10px;
  padding:0 36px;color:rgba(255,255,255,.82);
  font-size:13.5px;font-weight:600;}

body.page-home .marquee-dot{width:6px;height:6px;border-radius:50%;background:var(--teal);flex-shrink:0}

body.page-home .marquee-num{color:var(--teal-400);font-weight:800}

body.page-home .paper-section{padding:96px 0;
  background:linear-gradient(160deg,#f0fdf4,#dcfce7);
  position:relative;overflow:hidden;}

body.page-home .paper-section::before{content:"";position:absolute;
  width:500px;height:500px;top:-200px;right:-150px;
  background:radial-gradient(ellipse,rgba(5,150,105,.08),transparent 65%);
  pointer-events:none;}

body.page-home .paper-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}

body.page-home .paper-tag{display:inline-flex;align-items:center;gap:6px;background:rgba(5,150,105,.1);border:1px solid rgba(5,150,105,.25);color:#059669;font-size:12px;font-weight:700;padding:5px 16px;border-radius:var(--r-full);text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px}

body.page-home .paper-title{font-size:clamp(24px,3.5vw,38px);font-weight:900;color:var(--t-dark);line-height:1.2;margin-bottom:14px;letter-spacing:-.3px}

body.page-home .paper-sub{font-size:16px;color:var(--t-body);line-height:1.7;margin-bottom:32px}

body.page-home .paper-stat-card{display:flex;align-items:center;gap:16px;
  background:var(--white);border-radius:var(--r-md);padding:18px 22px;
  margin-bottom:12px;
  border:1.5px solid #bbf7d0;
  box-shadow:0 2px 12px rgba(5,150,105,.08);
  transition:transform var(--transition),box-shadow var(--transition);}

body.page-home .paper-stat-card:last-of-type{margin-bottom:24px}

body.page-home .paper-stat-card:hover{transform:translateX(5px);box-shadow:0 4px 20px rgba(5,150,105,.14)}

body.page-home .paper-stat-icon{font-size:34px;flex-shrink:0}

body.page-home .paper-stat-num{font-size:22px;font-weight:900;color:#059669;line-height:1}

body.page-home .paper-stat-text{font-size:12.5px;color:var(--t-muted);margin-top:3px}

body.page-home .paper-cta{display:inline-flex;align-items:center;gap:8px;
  background:#059669;color:#fff;
  padding:13px 26px;border-radius:var(--r-full);
  font-size:15px;font-weight:700;
  box-shadow:0 4px 16px rgba(5,150,105,.3);
  transition:transform var(--transition),box-shadow var(--transition),filter var(--transition);}

body.page-home .paper-cta:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 8px 28px rgba(5,150,105,.35)}

body.page-home .tree-illustration{display:flex;align-items:center;justify-content:center;
  background:radial-gradient(circle,rgba(134,239,172,.3),transparent 70%);
  border-radius:50%;
  min-height:340px;}

body.page-home .made-section{padding:96px 0;
  background:var(--white);
  position:relative;}

body.page-home .made-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}

body.page-home .shop-illustration-box{background:linear-gradient(140deg,var(--cream),#bae6fd);
  border-radius:24px;padding:40px;text-align:center;position:relative;overflow:hidden;
  box-shadow:var(--sh-md);}

body.page-home .shop-illustration-box::before{content:"";position:absolute;width:200px;height:200px;border-radius:50%;background:rgba(0,172,193,.06);top:-60px;right:-60px}

body.page-home .shop-front-emoji{font-size:80px;display:block;margin-bottom:20px;animation:shopFloat 5s ease-in-out infinite}

@keyframes shopFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}

body.page-home .shop-tag-label{display:inline-block;background:var(--white);border-radius:var(--r-full);padding:8px 22px;font-size:13px;font-weight:700;color:var(--t-dark);box-shadow:var(--sh-sm);margin-bottom:20px}

body.page-home .shop-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:16px}

body.page-home .shop-chip{background:var(--light-50);padding:6px 14px;border-radius:var(--r-full);font-size:12px;font-weight:600;color:var(--teal);border:1px solid rgba(0,172,193,.2)}

body.page-home .made-title{font-size:clamp(24px,3.5vw,38px);font-weight:900;color:var(--t-dark);line-height:1.2;margin-bottom:14px;letter-spacing:-.3px}

body.page-home .made-sub{font-size:16px;color:var(--t-body);line-height:1.7;margin-bottom:32px}

body.page-home .promise-list{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}

body.page-home .promise-item{display:flex;align-items:flex-start;gap:14px;font-size:15px;color:var(--t-body);line-height:1.6}

body.page-home .promise-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--teal),#0891b2);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;margin-top:2px;box-shadow:0 2px 8px rgba(0,172,193,.25)}

body.page-home .honest-section{padding:64px 0;
  background:var(--light-50);}

body.page-home .honest-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}

body.page-home .honest-card{display:flex;align-items:flex-start;gap:18px;
  background:var(--white);border:1.5px solid var(--b-light);
  border-radius:var(--r-lg);padding:24px;
  box-shadow:var(--sh-xs);
  transition:transform var(--transition),box-shadow var(--transition);}

body.page-home .honest-card:hover{transform:translateY(-3px);box-shadow:var(--sh-sm)}

body.page-home .honest-card.hc-teal{border-left:4px solid var(--teal)}

body.page-home .honest-card.hc-green{border-left:4px solid var(--emerald)}

body.page-home .honest-card-icon{font-size:30px;flex-shrink:0;margin-top:2px}

body.page-home .honest-card-label{font-size:12px;font-weight:800;color:var(--t-dark);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}

body.page-home .honest-card p{font-size:13.5px;color:var(--t-body);line-height:1.65}

body.page-home .barcode-section{padding:96px 0;
  background:var(--cream);
  position:relative;overflow:hidden;}

body.page-home .barcode-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}

body.page-home .barcode-demo{background:linear-gradient(135deg,var(--dark-800),var(--dark-700));
  border-radius:24px;padding:40px;color:#fff;text-align:center;
  box-shadow:var(--sh-xl);position:relative;overflow:hidden;}

body.page-home .barcode-demo::before{content:"";position:absolute;inset:0;
  background:repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0,rgba(255,255,255,.03) 3px,transparent 3px,transparent 12px);
  pointer-events:none;}

body.page-home .barcode-demo > *{position:relative;z-index:1}

body.page-home .barcode-demo-art{width:100%;max-width:480px;margin:0 auto;border-radius:24px;display:block;box-shadow:0 18px 40px rgba(31,51,40,.10);object-fit:cover}

body.page-home .barcode-icon-row{font-size:56px;margin-bottom:12px}

body.page-home .barcode-scan-line{width:80%;margin:0 auto 14px;height:3px;
  background:var(--teal);border-radius:2px;
  box-shadow:0 0 12px var(--teal);
  animation:scanFloat 2.5s ease-in-out infinite;}

@keyframes scanFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

body.page-home .barcode-label{font-size:15px;font-weight:700;color:rgba(255,255,255,.9);margin-bottom:12px}

body.page-home .barcode-vs-row{display:flex;align-items:center;justify-content:center;gap:14px;margin:12px 0}

body.page-home .bv-chip{padding:5px 14px;border-radius:var(--r-full);font-size:12px;font-weight:700}

body.page-home .bv-old{background:rgba(255,255,255,.07);color:rgba(255,255,255,.35);text-decoration:line-through}

body.page-home .bv-sep{color:rgba(255,255,255,.3);font-size:18px}

body.page-home .bv-new{background:rgba(0,172,193,.2);color:var(--teal-400)}

body.page-home .barcode-sub{font-size:13px;color:rgba(255,255,255,.5);margin-top:8px}

body.page-home .barcode-feat-title{font-size:clamp(24px,3.2vw,36px);font-weight:900;color:var(--t-dark);line-height:1.2;margin-bottom:14px;letter-spacing:-.3px}

body.page-home .barcode-feat-sub{font-size:16px;color:var(--t-body);line-height:1.7;margin-bottom:28px}

body.page-home .barcode-list{display:flex;flex-direction:column;gap:12px}

body.page-home .barcode-list-item{display:flex;align-items:flex-start;gap:12px;font-size:14.5px;color:var(--t-body);line-height:1.55}

body.page-home .barcode-check{width:24px;height:24px;background:linear-gradient(135deg,var(--teal),#0891b2);
  border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-size:12px;font-weight:800;color:#fff;flex-shrink:0;margin-top:2px;}

body.page-home .reports-section{padding:96px 0;
  background:var(--light-100);}

body.page-home .reports-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}

body.page-home .reports-title{font-size:clamp(24px,3.2vw,36px);font-weight:900;color:var(--t-dark);line-height:1.25;margin-bottom:14px;letter-spacing:-.3px}

body.page-home .reports-sub{font-size:16px;color:var(--t-body);line-height:1.7;margin-bottom:32px}

body.page-home .report-points{display:flex;flex-direction:column;gap:20px}

body.page-home .report-point{display:flex;align-items:flex-start;gap:16px}

body.page-home .rp-icon{width:46px;height:46px;border-radius:12px;
  background:linear-gradient(135deg,var(--teal),#0891b2);
  display:flex;align-items:center;justify-content:center;
  font-size:20px;flex-shrink:0;
  box-shadow:0 4px 14px rgba(0,172,193,.25);}

body.page-home .rp-text h4{font-size:15px;font-weight:700;color:var(--t-dark);margin-bottom:4px}

body.page-home .rp-text p{font-size:13.5px;color:var(--t-muted);line-height:1.6}

body.page-home .report-phone-mock{background:var(--dark-800);border-radius:24px;padding:24px;
  max-width:300px;margin:0 auto;
  box-shadow:var(--sh-xl);}

body.page-home .rpm-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}

body.page-home .rpm-title{font-size:13px;font-weight:700;color:var(--t-white)}

body.page-home .rpm-date{font-size:11px;color:var(--t-white-30)}

body.page-home .rpm-amount{font-size:36px;font-weight:900;color:var(--teal-400);line-height:1;margin-bottom:4px}

body.page-home .rpm-label{font-size:11.5px;color:var(--t-white-30);margin-bottom:18px}

body.page-home .rpm-bars{display:flex;align-items:flex-end;gap:6px;height:64px;margin-bottom:6px}

body.page-home .rpm-bar{flex:1;border-radius:3px 3px 0 0;background:rgba(255,255,255,.1)}

body.page-home .rpm-bar.today{background:linear-gradient(to top,var(--teal),var(--teal-400))}

body.page-home .rpm-days{display:flex;justify-content:space-between;font-size:9px;color:var(--t-white-30);margin-bottom:16px}

body.page-home .rpm-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}

body.page-home .rpm-stat{background:rgba(255,255,255,.07);border-radius:10px;padding:10px;text-align:center}

body.page-home .rpm-stat .n{font-size:16px;font-weight:800;color:var(--t-white)}

body.page-home .rpm-stat .l{font-size:9.5px;color:var(--t-white-30)}

body.page-home .testi-section{padding:96px 0;
  background:var(--white);}

body.page-home .testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}

body.page-home .testi-card{background:var(--light-50);border-radius:var(--r-lg);padding:28px;
  border:1.5px solid var(--b-light);
  box-shadow:var(--sh-xs);
  transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition);}

body.page-home .testi-card:hover{transform:translateY(-5px);box-shadow:var(--sh-md);border-color:rgba(0,172,193,.3)}

body.page-home .testi-stars{color:#F59E0B;font-size:16px;margin-bottom:14px;letter-spacing:2px}

body.page-home .testi-text{font-size:15px;color:var(--t-body);line-height:1.72;margin-bottom:20px;font-style:italic}

body.page-home .testi-author{display:flex;align-items:center;gap:12px}

body.page-home .testi-avatar{width:44px;height:44px;border-radius:50%;
  background:linear-gradient(135deg,var(--teal),#0891b2);
  display:flex;align-items:center;justify-content:center;
  font-size:20px;flex-shrink:0;}

body.page-home .testi-name{font-weight:700;font-size:14px;color:var(--t-dark)}

body.page-home .testi-loc{font-size:12px;color:var(--t-muted);margin-top:2px}

body.page-home .savings-section{padding:96px 0;
  background:linear-gradient(160deg,#fffbeb,#fef3c7);
  position:relative;overflow:hidden;}

body.page-home .savings-section::before{content:"";position:absolute;inset:0;
  background-image:radial-gradient(circle,rgba(217,119,6,.1) 1.5px,transparent 1.5px);
  background-size:24px 24px;pointer-events:none;}

body.page-home .savings-section > .container{position:relative;z-index:1}

body.page-home .savings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:48px}

body.page-home .savings-card{background:var(--white);border-radius:var(--r-lg);padding:32px;
  box-shadow:var(--sh-sm);
  border:1.5px solid rgba(217,119,6,.18);}

body.page-home .savings-card h3{font-size:18px;font-weight:800;color:var(--t-dark);margin-bottom:8px}

body.page-home .savings-card p{font-size:13.5px;color:var(--t-muted);margin-bottom:18px}

body.page-home .savings-table{width:100%;border-collapse:collapse;font-size:13.5px}

body.page-home .savings-table th{background:var(--light-50);color:var(--t-muted);font-weight:700;font-size:11px;letter-spacing:.5px;text-align:left;padding:9px 13px;text-transform:uppercase;border-radius:var(--r-sm)}

body.page-home .savings-table td{padding:10px 13px;border-bottom:1px solid var(--b-light);color:var(--t-body)}

body.page-home .savings-table .saved{color:var(--emerald);font-weight:700}

body.page-home .savings-total{display:flex;justify-content:space-between;align-items:center;
  padding:14px 18px;border-radius:var(--r-md);margin-top:14px;}

body.page-home .savings-total.bad{background:#dc2626;color:#fff}

body.page-home .savings-total.good{background:var(--emerald);color:#fff}

body.page-home .savings-total .s-label{font-size:13px;font-weight:600}

body.page-home .savings-total .s-amount{font-size:20px;font-weight:900}

body.page-home .indep-note{background:linear-gradient(90deg,rgba(255,153,51,.08),rgba(19,136,8,.08));
  border:1px dashed rgba(217,119,6,.4);
  border-radius:var(--r-md);padding:14px 22px;
  margin-top:24px;text-align:center;
  font-size:13.5px;color:var(--t-dark);font-weight:500;}

body.page-home .pricing-section{padding:96px 0;
  background:var(--white);
  position:relative;overflow:hidden;}

body.page-home .pricing-section::before{content:"";position:absolute;inset:0;
  background-image:radial-gradient(circle,rgba(0,172,193,.06) 1px,transparent 1px);
  background-size:26px 26px;pointer-events:none;}

body.page-home .pricing-section > .container{position:relative;z-index:1}

body.page-home .pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px;align-items:start}

body.page-home .price-card{border:2px solid var(--b-light);border-radius:24px;padding:32px;
  background:var(--white);position:relative;
  transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition);}

body.page-home .price-card:hover{transform:translateY(-4px);box-shadow:var(--sh-lg)}

body.page-home .price-card.featured{border-color:var(--teal);
  box-shadow:0 0 0 4px rgba(0,172,193,.08),var(--sh-md);}

body.page-home .price-top-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);
  background:var(--teal);color:#fff;
  font-size:11px;font-weight:700;padding:4px 18px;border-radius:var(--r-full);
  white-space:nowrap;}

body.page-home .price-offer-badge{position:absolute;top:-13px;right:18px;
  background:var(--gold);color:#fff;
  font-size:11px;font-weight:700;padding:4px 12px;border-radius:var(--r-full);}

body.page-home .price-name{font-size:12px;font-weight:800;color:var(--t-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}

body.page-home .price-amount{font-size:42px;font-weight:900;color:var(--t-dark);line-height:1;margin-bottom:6px}

body.page-home .price-amount sup{font-size:20px;vertical-align:super;font-weight:700}

body.page-home .price-amount .per{font-size:14px;color:var(--t-muted);font-weight:500}

body.page-home .price-amount .strike{font-size:16px;color:var(--t-light);text-decoration:line-through;font-weight:500}

body.page-home .price-amount .free-now{color:var(--emerald);font-size:16px;font-weight:700;margin-left:6px}

body.page-home .price-desc{font-size:13px;color:var(--t-muted);margin:12px 0 22px;line-height:1.65}

body.page-home .price-features{display:flex;flex-direction:column;gap:10px;margin-bottom:28px}

body.page-home .price-features li{font-size:13.5px;display:flex;align-items:flex-start;gap:10px;color:var(--t-body)}

body.page-home .pf-check{color:var(--teal);font-weight:800;flex-shrink:0;font-size:14px}

body.page-home .pf-cross{color:var(--b-med);flex-shrink:0;font-size:14px}

body.page-home .btn-price{display:block;text-align:center;padding:13px;border-radius:var(--r-md);
  font-size:14.5px;font-weight:700;transition:all var(--transition);}

body.page-home .btn-price-outline{border:2px solid var(--b-med);color:var(--t-dark)}

body.page-home .btn-price-outline:hover{border-color:var(--teal);color:var(--teal)}

body.page-home .btn-price-fill{background:var(--teal);color:#fff}

body.page-home .btn-price-fill:hover{filter:brightness(1.06);transform:translateY(-1px)}

@media (max-width:1024px){body.page-home .testi-grid{grid-template-columns:1fr 1fr}

body.page-home .pricing-grid{grid-template-columns:1fr 1fr}}

@media (max-width:768px){body.page-home .paper-grid, body.page-home .made-grid, body.page-home .barcode-grid, body.page-home .reports-grid, body.page-home .savings-grid{grid-template-columns:1fr;gap:36px}

body.page-home .honest-grid{grid-template-columns:1fr}

body.page-home .testi-grid{grid-template-columns:1fr}

body.page-home .pricing-grid{grid-template-columns:1fr;max-width:420px;margin-left:auto;margin-right:auto}

body.page-home .tree-illustration{min-height:200px}

body.page-home .report-phone-mock{max-width:100%}}

body.page-home{--saffron:#f08b52;
  --saffron-600:#e06f32;
  --saffron-glow:rgba(240,139,82,.18);
  --teal:#4aa6a1;
  --teal-400:#7bc6c2;
  --teal-glow:rgba(74,166,161,.16);
  --violet:#8b81d8;
  --violet-light:#9c91e2;
  --violet-glow:rgba(139,129,216,.16);
  --emerald:#5aa26a;
  --gold:#d49b49;
  --cream:#fbf8f3;
  --light-50:#fcfdfa;
  --light-100:#f6f7f3;
  --light-200:#e7ece5;
  --b-light:#e6ebe3;
  --b-med:#d7dfd5;
  --t-dark:#203126;
  --t-body:#4f6255;
  --t-muted:#718475;
  --shadow-soft:0 12px 40px rgba(43,64,52,.08);
  --shadow-md:0 20px 56px rgba(43,64,52,.10);}

html{scroll-padding-top:110px}

body.page-home{background:
    linear-gradient(180deg,rgba(251,248,243,.98),rgba(249,251,248,.98)),
    url("assets/images/backgrounds/oracle-bg-bgs-04.webp") center top/1150px repeat-y;
  color:var(--t-body);}

body.page-home section, body.page-home .announcement-banner, body.page-home .marquee-wrap, body.page-home footer{position:relative;overflow:hidden}

body.page-home .hero::before, body.page-home .shop-types-section::before, body.page-home .coming-soon::before, body.page-home .paper-section::before, body.page-home .made-section::before, body.page-home .honest-section::before, body.page-home .barcode-section::before, body.page-home .reports-section::before, body.page-home .testi-section::before, body.page-home .savings-section::before, body.page-home .cta-section::before{content:"";position:absolute;inset:0;background:url("assets/images/backgrounds/oracle-bg-06.webp") center/800px repeat;opacity:.06;pointer-events:none;}

body.page-home .container{max-width:1200px;padding:0 24px}

body.page-home .lang-bar{background:#fffaf4;border-bottom:1px solid rgba(224,111,50,.12)}

body.page-home .navbar{background:rgba(255,255,255,.82);border-bottom:1px solid rgba(215,223,213,.8);box-shadow:none;padding:7px 0}

body.page-home .nav-scrolled{background:rgba(255,255,255,.95);box-shadow:0 12px 34px rgba(31,51,40,.08)}

body.page-home .nav-logo img{height:56px}

body.page-home .nav-logo-text .brand{font-size:16px;letter-spacing:1.2px}

body.page-home .nav-logo-text .sub{font-size:10px;color:var(--teal);letter-spacing:2.8px}

body.page-home .nav-links a, body.page-home .btn-ghost{font-weight:600}

body.page-home .nav-links a:hover, body.page-home .nav-links a.active{background:#f5f8f3;color:var(--t-dark)}

body.page-home .btn-ghost, body.page-home .btn-cta, body.page-home .btn-android, body.page-home .btn-iphone, body.page-home .cta-btn-android, body.page-home .cta-btn-iphone, body.page-home .paper-cta, body.page-home .btn-price, body.page-home .process-link{border-radius:999px!important;}

body.page-home .btn-cta, body.page-home .btn-android, body.page-home .cta-btn-android, body.page-home .btn-price-fill, body.page-home .paper-cta{background:linear-gradient(135deg,#ef9867,#e6783c)!important;color:#fff!important;box-shadow:0 10px 24px rgba(230,120,60,.22)}

body.page-home .btn-iphone, body.page-home .cta-btn-iphone, body.page-home .btn-price-outline, body.page-home .btn-ghost{background:linear-gradient(135deg,#ffffff 0%,#eefaf6 45%,#eff8ff 100%)!important;border:1px solid #d6e6dc!important;color:var(--t-dark)!important}

body.page-home .announcement-banner{background:linear-gradient(90deg,#fff8ef,#fffdf6,#f9fcf8);border-bottom:1px solid rgba(240,139,82,.16)}

body.page-home .announce-badge{background:#fff;color:var(--saffron);border:1px solid rgba(240,139,82,.18);box-shadow:none}

body.page-home .hero{padding:92px 0 100px;background:linear-gradient(180deg,#fdfaf6 0%,#f8fbf8 100%)}

body.page-home .hero-grid-line{background-image:none}

body.page-home .hero .container{align-items:center;gap:56px}

body.page-home .hero-title{font-size:clamp(40px,5vw,68px);line-height:1.02;max-width:10ch;color:#203126}

body.page-home .hero-title .grad{background:linear-gradient(120deg,#e67d43,#d7a047,#5ea89d);-webkit-background-clip:text;background-clip:text;color:transparent}

body.page-home .hero-desc{max-width:57ch;font-size:18px;color:#5b6d61}

body.page-home .hero-eyebrow, body.page-home .hero-pill, body.page-home .hero-float-badge, body.page-home .shop-benefit, body.page-home .feature-card, body.page-home .process-card, body.page-home .coming-card, body.page-home .video-card, body.page-home .paper-stat-card, body.page-home .honest-card, body.page-home .testi-card, body.page-home .savings-card, body.page-home .price-card, body.page-home .report-phone-mock{background:rgba(255,255,255,.84)!important;backdrop-filter:blur(10px);border:1px solid rgba(221,229,220,.95)!important;box-shadow:var(--shadow-soft)!important}

body.page-home .hero-pills{gap:12px}

body.page-home .hero-pill{padding:12px 15px;border-radius:18px;font-size:13.5px}

body.page-home .hero-visual{min-height:590px}

body.page-home .phone-mockup{width:260px}

body.page-home .phone-frame{background:#18221d;border-radius:42px;padding:10px;box-shadow:0 32px 80px rgba(31,51,40,.16)}

body.page-home .phone-screen{border-radius:34px}

body.page-home .hero-phone-glow{width:380px;height:380px;background:radial-gradient(ellipse,rgba(94,168,157,.20) 0%, rgba(94,168,157,0) 70%)}

body.page-home .hero-shot{position:absolute;width:180px;border-radius:26px;overflow:hidden;background:#fff;border:7px solid rgba(255,255,255,.95);box-shadow:var(--shadow-md)}

body.page-home .hero-shot img{display:block;width:100%;aspect-ratio:9/19.5;object-fit:cover}

body.page-home .hero-shot-left{left:-20px;bottom:46px;transform:rotate(-10deg)}

body.page-home .hero-shot-right{right:-10px;top:22px;transform:rotate(9deg)}

body.page-home .hero-float-badge{top:auto;bottom:24px;right:-26px;border-radius:18px;padding:14px 16px}

body.page-home .shop-types-section, body.page-home .why-love, body.page-home .process-section, body.page-home .coming-soon, body.page-home .help-videos, body.page-home .paper-section, body.page-home .made-section, body.page-home .honest-section, body.page-home .barcode-section, body.page-home .reports-section, body.page-home .testi-section, body.page-home .savings-section, body.page-home .pricing-section, body.page-home .cta-section{padding:96px 0}

body.page-home .shop-types-section{background:#fbfdf9}

body.page-home .section-header{margin-bottom:54px}

body.page-home .section-header h2, body.page-home .paper-title, body.page-home .made-title, body.page-home .barcode-feat-title, body.page-home .reports-title, body.page-home .cta-section h2{font-size:clamp(30px,4vw,50px)!important;line-height:1.06!important;letter-spacing:-.04em;color:#203126!important}

body.page-home .section-header p, body.page-home .paper-sub, body.page-home .made-sub, body.page-home .barcode-feat-sub, body.page-home .reports-sub, body.page-home .cta-section p{font-size:17px!important;color:#65786a!important}

body.page-home .section-pill, body.page-home .coming-pill, body.page-home .paper-tag, body.page-home .coming-tag, body.page-home .soon-tag, body.page-home .shop-badge, body.page-home .price-top-badge, body.page-home .price-offer-badge, body.page-home .highlight-chip{border-radius:999px!important}

body.page-home .shop-type-block{margin-bottom:72px;padding:28px;border-radius:34px;background:rgba(255,255,255,.56);border:1px solid rgba(221,229,220,.8)}

body.page-home .shop-type-label-row{display:flex;align-items:flex-start;gap:18px;margin-bottom:22px}

body.page-home .shop-type-label-row h3{font-size:28px;color:#24362b;letter-spacing:-.03em}

body.page-home .shop-type-label-row p{color:#728676}

body.page-home .shop-pair-layout{grid-template-columns:minmax(220px,1fr) minmax(340px,1.2fr) minmax(220px,1fr);gap:22px;align-items:stretch}

body.page-home .shop-photo-card{border-radius:28px;overflow:hidden;box-shadow:var(--shadow-md);min-height:420px}

body.page-home .shop-photo-card img{height:100%;width:100%;object-fit:cover;filter:saturate(.95)}

body.page-home .shop-photo-overlay{background:linear-gradient(180deg,transparent,rgba(22,34,27,.84))!important;padding:22px}

body.page-home .shop-arrow-area{min-height:420px;border-radius:30px;background:linear-gradient(180deg,rgba(248,251,248,.9),rgba(255,255,255,.84));padding:26px 10px;border:1px solid rgba(221,229,220,.9)}

body.page-home .shop-benefits-list{gap:12px}

body.page-home .shop-benefit{border-radius:18px;font-size:14px;padding:14px 16px}

body.page-home .shop-big-arrow svg{filter:none;opacity:.75}

body.page-home .why-love{background:#fffdfa}

body.page-home .bento-grid, body.page-home .videos-grid, body.page-home .coming-grid, body.page-home .coming-grid-bottom, body.page-home .honest-grid, body.page-home .testi-grid, body.page-home .pricing-grid{gap:22px!important}

body.page-home .feature-card, body.page-home .coming-card, body.page-home .video-card, body.page-home .testi-card, body.page-home .price-card, body.page-home .savings-card{border-radius:28px!important;overflow:hidden}

body.page-home .feature-card, body.page-home .coming-card, body.page-home .video-card, body.page-home .testi-card, body.page-home .price-card{padding:28px}

body.page-home .feature-card h3, body.page-home .coming-card h3, body.page-home .video-info h3, body.page-home .price-name{color:#22352a}

body.page-home .feature-card p, body.page-home .coming-card p, body.page-home .video-info p, body.page-home .testi-text, body.page-home .price-desc{color:#6b7e70}

body.page-home .process-section{background:linear-gradient(180deg,#f7fbfa 0%,#fbfcf9 100%)}

body.page-home .process-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}

body.page-home .process-card{padding:30px;border-radius:30px}

body.page-home .process-card-header{display:flex;align-items:center;gap:14px;margin-bottom:18px}

body.page-home .process-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;font-size:24px;background:#eef7f2}

body.page-home .process-step{border-radius:18px;padding:14px 16px;background:#fff;border:1px solid var(--b-light);font-weight:700;color:#264033}

body.page-home .process-link{display:inline-flex;padding:12px 20px;margin-top:20px;background:#f3f7f2;color:#2d4c3d}

body.page-home .help-videos{background:#fff}

body.page-home .video-thumb{border-radius:22px;overflow:hidden;background:#edf3ee}

body.page-home .video-thumb-bg{min-height:190px!important;display:grid;place-items:center;font-size:62px;color:#fff}

body.page-home .video-info{padding-top:16px}

body.page-home .watch-yt{display:inline-flex;margin-top:10px;color:var(--teal);font-weight:700}

body.page-home .marquee-wrap{padding:16px 0;background:#1f3127;color:#eff7f1;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}

body.page-home .paper-section{background:#f8fbf8}

body.page-home .paper-grid, body.page-home .made-grid, body.page-home .barcode-grid, body.page-home .reports-grid, body.page-home .cta-section .container{display:grid;grid-template-columns:1.02fr .98fr;gap:34px;align-items:center}

body.page-home .tree-illustration, body.page-home .shop-illustration-box, body.page-home .barcode-demo, body.page-home .report-phone-mock{border-radius:32px;background:rgba(255,255,255,.84);border:1px solid rgba(221,229,220,.95);box-shadow:var(--shadow-md)}

body.page-home .tree-illustration, body.page-home .shop-illustration-box{padding:32px;display:grid;place-items:center;min-height:360px}

body.page-home .paper-stat-card{border-radius:22px;padding:18px 18px;margin-top:16px}

body.page-home .paper-cta{display:inline-flex;padding:14px 24px;margin-top:24px}

body.page-home .shop-illustration-box{background:linear-gradient(160deg,#fffdfa,#f5fbf9)}

body.page-home .shop-chip{background:#fff;border:1px solid var(--b-light);box-shadow:none;color:#2f493c}

body.page-home .promise-list{display:grid;gap:14px;margin-top:26px}

body.page-home .promise-item{display:flex;gap:14px;align-items:flex-start;padding:16px 0;border-top:1px solid var(--b-light)}

body.page-home .promise-item:first-child{border-top:0;padding-top:0}

body.page-home .promise-icon{width:42px;height:42px;border-radius:14px;background:#eef7f2;display:grid;place-items:center;flex:0 0 auto}

body.page-home .honest-section{background:#fffdfa}

body.page-home .honest-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}

body.page-home .honest-card{display:grid;grid-template-columns:56px 1fr;gap:16px;padding:24px;border-radius:24px}

body.page-home .honest-card-icon{width:56px;height:56px;border-radius:18px;background:#eef7f2;display:grid;place-items:center;font-size:26px}

body.page-home .honest-card-label{font-size:18px;font-weight:800;color:#23372c;margin-bottom:4px}

body.page-home .barcode-demo{padding:34px;min-height:370px;display:flex;flex-direction:column;justify-content:center;text-align:center}

body.page-home .barcode-scan-line{height:6px;border-radius:999px;background:linear-gradient(90deg,rgba(240,139,82,0),rgba(240,139,82,.7),rgba(240,139,82,0));margin:22px 0;animation:barMove 2.4s ease-in-out infinite}

@keyframes barMove{0%,100%{transform:translateX(-18px)}50%{transform:translateX(18px)}}

body.page-home .barcode-list{display:grid;gap:12px;margin-top:24px}

body.page-home .barcode-list-item{display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:start;padding:12px 0;border-top:1px solid var(--b-light)}

body.page-home .barcode-list-item:first-child{border-top:0;padding-top:0}

body.page-home .barcode-check{width:28px;height:28px;border-radius:10px;background:#e9f4ee;display:grid;place-items:center;color:#2e6b45;font-weight:900}

body.page-home .reports-section{background:#f8fbf8}

body.page-home .report-point{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:start;padding:16px 0;border-top:1px solid var(--b-light)}

body.page-home .report-point:first-child{border-top:0;padding-top:0}

body.page-home .rp-icon{width:46px;height:46px;border-radius:14px;background:#eef7f2;display:grid;place-items:center}

body.page-home .report-phone-mock{padding:28px}

body.page-home .rpm-bars{display:flex;align-items:flex-end;gap:8px;height:170px;margin:26px 0 12px}

body.page-home .rpm-bar{flex:1;border-radius:14px 14px 6px 6px;background:linear-gradient(180deg,#a7d6cf,#4aa6a1)}

body.page-home .rpm-bar.today{background:linear-gradient(180deg,#efb086,#e6783c)}

body.page-home .rpm-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}

body.page-home .rpm-stat{padding:14px;border-radius:18px;background:#f7faf7;border:1px solid var(--b-light);text-align:center}

body.page-home .testi-section{background:#fff}

body.page-home .testi-card{padding:28px}

body.page-home .testi-stars{color:#d49b49;letter-spacing:2px;font-size:18px}

body.page-home .testi-text{font-size:16px;line-height:1.8;margin:16px 0 20px}

body.page-home .testi-author{display:flex;align-items:center;gap:14px}

body.page-home .testi-avatar{width:50px;height:50px;border-radius:50%;background:#eef7f2;display:grid;place-items:center}

body.page-home .savings-section{background:linear-gradient(180deg,#fffdfa 0%,#f8fbf8 100%)}

body.page-home .savings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:30px}

body.page-home .savings-card{padding:28px}

body.page-home .savings-table{width:100%;border-collapse:collapse;margin-top:16px}

body.page-home .savings-table th, body.page-home .savings-table td{padding:12px 10px;border-bottom:1px solid var(--b-light);text-align:left}

body.page-home .savings-total{display:flex;align-items:center;justify-content:space-between;margin-top:18px;padding:16px 18px;border-radius:18px}

body.page-home .savings-total.good{background:#ebf7ef;color:#28663e}

body.page-home .savings-total.bad{background:#fff3eb;color:#a44a21}

body.page-home .saved{color:#2b7a4f;font-weight:800}

body.page-home .pricing-section{background:#fff}

body.page-home .pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}

body.page-home .price-card{position:relative;padding:28px 26px}

body.page-home .price-card.featured{transform:translateY(-8px);border:1px solid rgba(230,120,60,.25)!important;box-shadow:0 24px 60px rgba(230,120,60,.16)!important}

body.page-home .price-amount{font-size:18px;color:#42584c;margin:10px 0 14px}

body.page-home .price-amount span:first-child{font-size:42px;font-weight:900;color:#203126}

body.page-home .price-features{display:grid;gap:10px;margin:20px 0 22px}

body.page-home .price-features li{display:flex;gap:10px;align-items:flex-start;color:#627669}

body.page-home .pf-check{color:#2b7a4f;font-weight:900}

body.page-home .pf-cross{color:#c09a88;font-weight:900}

body.page-home .free-now{font-size:12px;color:#e6783c;font-weight:800}

body.page-home .strike{text-decoration:line-through;color:#9ba89e;font-size:14px}

body.page-home .cta-section{background:linear-gradient(160deg,#eef7f2,#fff8ef)}

body.page-home .cta-section .container{padding:42px;border-radius:38px;background:rgba(255,255,255,.7);border:1px solid rgba(221,229,220,.95);box-shadow:var(--shadow-md)}

body.page-home .cta-buttons{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:24px}

body.page-home .cta-note{margin-top:16px!important;color:#7b8d7f!important}

body.page-home footer{background:#16251d;color:#edf5ee;padding-top:46px}

body.page-home .footer-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:24px;padding-bottom:28px}

body.page-home .footer-col h4, body.page-home .footer-brand h3{color:#fff}

body.page-home .footer-col a, body.page-home .footer-brand p, body.page-home .footer-bottom p, body.page-home .footer-bottom-links a{color:rgba(255,255,255,.72)}

body.page-home .footer-col a:hover, body.page-home .footer-bottom-links a:hover{color:#fff}

body.page-home .social-link{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.1);border-radius:14px}

body.page-home .footer-bottom{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:20px 0 32px;border-top:1px solid rgba(255,255,255,.08)}

@media (max-width: 1100px){body.page-home .hero .container, body.page-home .paper-grid, body.page-home .made-grid, body.page-home .barcode-grid, body.page-home .reports-grid, body.page-home .cta-section .container, body.page-home .process-grid, body.page-home .pricing-grid, body.page-home .savings-grid{grid-template-columns:1fr}

body.page-home .hero-visual{order:-1;min-height:520px}

body.page-home .hero-shot-left{left:20px}

body.page-home .hero-shot-right{right:20px}

body.page-home .shop-pair-layout{grid-template-columns:1fr}

body.page-home .shop-arrow-area{min-height:auto}

body.page-home .honest-grid, body.page-home .footer-grid{grid-template-columns:1fr 1fr}}

@media (max-width: 768px){body.page-home .hero{padding-top:72px}

body.page-home .hero-title{font-size:clamp(34px,9vw,50px)}

body.page-home .hero-pills, body.page-home .honest-grid, body.page-home .pricing-grid, body.page-home .savings-grid, body.page-home .rpm-stats, body.page-home .footer-grid{grid-template-columns:1fr}

body.page-home .hero-visual{display:flex!important;min-height:430px}

body.page-home .phone-mockup{width:200px}

body.page-home .hero-shot{width:130px;border-width:5px}

body.page-home .hero-shot-left{left:8px;bottom:50px}

body.page-home .hero-shot-right{right:0;top:28px}

body.page-home .hero-float-badge{right:0;bottom:16px}

body.page-home .shop-type-block, body.page-home .feature-card, body.page-home .coming-card, body.page-home .video-card, body.page-home .honest-card, body.page-home .price-card, body.page-home .testi-card, body.page-home .savings-card, body.page-home .process-card, body.page-home .paper-stat-card, body.page-home .cta-section .container{padding:22px}

body.page-home .section-header h2, body.page-home .paper-title, body.page-home .made-title, body.page-home .barcode-feat-title, body.page-home .reports-title, body.page-home .cta-section h2{font-size:clamp(28px,8vw,40px)!important}}

body.page-home{background:
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.96)),
    url("assets/images/backgrounds/oracle-bg-bgs-04.webp") top center/1100px repeat-y;}

body.page-home .nav-logo img{height:74px !important;width:auto !important}

body.page-home .navbar .container{align-items:center}

body.page-home .hero, body.page-home .shop-types-section, body.page-home .why-love, body.page-home .process-section, body.page-home .coming-soon, body.page-home .help-videos, body.page-home .paper-section, body.page-home .made-section, body.page-home .honest-section, body.page-home .barcode-section, body.page-home .reports-section, body.page-home .testi-section, body.page-home .savings-section, body.page-home .cta-section{position:relative;
  overflow:hidden;}

body.page-home .hero::before, body.page-home .shop-types-section::before, body.page-home .why-love::before, body.page-home .process-section::before, body.page-home .coming-soon::before, body.page-home .help-videos::before, body.page-home .paper-section::before, body.page-home .made-section::before, body.page-home .honest-section::before, body.page-home .barcode-section::before, body.page-home .reports-section::before, body.page-home .testi-section::before, body.page-home .savings-section::before, body.page-home .cta-section::before{background-image:
    url("assets/images/backgrounds/oracle-bg-bgs-04.webp"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'%3E%3Cg fill='none' stroke='%232f7d4d' stroke-width='1.4' stroke-linecap='round' opacity='.12'%3E%3Cpath d='M18 62c26-22 60-22 86 0'/%3E%3Cpath d='M120 44c20 0 36 16 36 36'/%3E%3Cpath d='M154 142c22-18 34-18 48 0'/%3E%3Cpath d='M26 150c14-12 28-12 42 0'/%3E%3Cpath d='M78 136c10-20 28-32 50-34'/%3E%3Cpath d='M102 166c16 0 28 12 28 28'/%3E%3Ccircle cx='168' cy='54' r='8'/%3E%3Ccircle cx='60' cy='96' r='5'/%3E%3Ccircle cx='188' cy='170' r='5'/%3E%3Cpath d='M34 34l8 8m0-8l-8 8'/%3E%3Cpath d='M182 108l10 0m-5-5v10'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 900px auto, 260px 260px;
  background-repeat: repeat, repeat;
  background-position: center top, center top;
  opacity:.18;}

body.page-home .hero::after, body.page-home .shop-types-section::after, body.page-home .why-love::after, body.page-home .process-section::after, body.page-home .coming-soon::after, body.page-home .help-videos::after, body.page-home .paper-section::after, body.page-home .made-section::after, body.page-home .honest-section::after, body.page-home .barcode-section::after, body.page-home .reports-section::after, body.page-home .testi-section::after, body.page-home .savings-section::after, body.page-home .cta-section::after{content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background: radial-gradient(circle at 10% 20%, rgba(244,81,30,.06), transparent 18%), radial-gradient(circle at 85% 30%, rgba(0,172,193,.06), transparent 18%), radial-gradient(circle at 55% 85%, rgba(109,40,217,.05), transparent 16%);}

body.page-home .section-header, body.page-home .hero .container, body.page-home .shop-types-section .container, body.page-home .why-love .container, body.page-home .process-section .container, body.page-home .coming-soon .container, body.page-home .help-videos .container, body.page-home .paper-section .container, body.page-home .made-section .container, body.page-home .honest-section .container, body.page-home .barcode-section .container, body.page-home .reports-section .container, body.page-home .testi-section .container, body.page-home .savings-section .container, body.page-home .cta-section .container{position:relative;z-index:1}

body.page-home .paper-section{border-top:1px solid rgba(5,150,105,.10);border-bottom:1px solid rgba(5,150,105,.10)}

body.page-home .pricing-section{display:none !important}

body.page-home .footer-brand img{filter:drop-shadow(0 10px 24px rgba(0,0,0,.12))}

@media (max-width: 768px){body.page-home .hero::before, body.page-home .shop-types-section::before, body.page-home .why-love::before, body.page-home .process-section::before, body.page-home .coming-soon::before, body.page-home .help-videos::before, body.page-home .paper-section::before, body.page-home .made-section::before, body.page-home .honest-section::before, body.page-home .barcode-section::before, body.page-home .reports-section::before, body.page-home .testi-section::before, body.page-home .savings-section::before, body.page-home .cta-section::before{background-size: 720px auto, 220px 220px;
    opacity:.16;}

body.page-home .footer-brand img{height:74px !important}}

/* ===== knowledge.html ===== */
body.page-knowledge{--saffron:#F4511E; --saffron-glow:rgba(244,81,30,.22);
      --teal:#00ACC1; --teal-soft:#E8FAFC;
      --violet:#6D28D9; --emerald:#059669; --gold:#D97706;
      --white:#fff; --cream:#FFF8F3; --light:#F8FAFC; --line:#E6E8EC;
      --text:#172033; --muted:#5B6473; --dark:#12211C;
      --radius:24px; --radius-sm:16px; --shadow:0 14px 42px rgba(16,24,40,.09);
      --max:1200px; --pattern:url("assets/images/backgrounds/oracle-bg-06.webp");}

body.page-knowledge *{box-sizing:border-box}

html{scroll-behavior:smooth}

body.page-knowledge{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--text);background:var(--cream);line-height:1.6}

body.page-knowledge img{max-width:100%;display:block}

body.page-knowledge a{text-decoration:none;color:inherit}

body.page-knowledge .container{max-width:var(--max);margin:0 auto;padding:0 24px}

body.page-knowledge .pattern{position:relative;isolation:isolate}

body.page-knowledge .pattern:before{content:"";position:absolute;inset:0;background-image:var(--pattern);background-size:760px;opacity:.13;z-index:-1}

body.page-knowledge .topbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(0,0,0,.06)}

body.page-knowledge .nav{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 0}

body.page-knowledge .brand{display:flex;align-items:center;gap:12px}

body.page-knowledge .brand img{height:48px;width:auto}

body.page-knowledge .brand b{font-size:20px}

body.page-knowledge .navlinks{display:flex;gap:8px;flex-wrap:wrap}

body.page-knowledge .navlinks a{padding:10px 14px;border-radius:999px;color:var(--muted);font-weight:600}

body.page-knowledge .navlinks a:hover, body.page-knowledge .navlinks a.active{background:#fff;color:var(--text);box-shadow:var(--shadow)}

body.page-knowledge .cta{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:999px;background:linear-gradient(135deg,var(--saffron),#ff7d52);color:#fff;font-weight:800;box-shadow:0 10px 28px var(--saffron-glow)}

body.page-knowledge .hero{padding:72px 0 34px;background:linear-gradient(180deg,#FFF9F5 0%,#FFFDFB 100%)}

body.page-knowledge .hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center}

body.page-knowledge .eyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;background:#fff;border:1px solid var(--line);border-radius:999px;font-weight:700;color:var(--saffron);box-shadow:var(--shadow)}

body.page-knowledge h1{font-size:clamp(38px,5vw,64px);line-height:1.02;letter-spacing:-.04em;margin:16px 0 14px}

body.page-knowledge .hero p{font-size:18px;color:var(--muted);max-width:62ch;margin:0 0 24px}

body.page-knowledge .quick-actions{display:flex;gap:12px;flex-wrap:wrap}

body.page-knowledge .ghost{display:inline-flex;padding:12px 20px;border-radius:999px;border:1px solid var(--line);background:#fff;font-weight:700;color:var(--text)}

body.page-knowledge .hero-card{background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.9);border-radius:32px;padding:22px;box-shadow:var(--shadow)}

body.page-knowledge .hero-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}

body.page-knowledge .hero-card .shot{border-radius:24px;overflow:hidden;border:6px solid #fff;box-shadow:0 10px 26px rgba(0,0,0,.08)}

body.page-knowledge section{padding:34px 0 74px}

body.page-knowledge .section-head{max-width:780px;margin-bottom:28px}

body.page-knowledge .pill{display:inline-block;padding:8px 14px;background:var(--teal-soft);border-radius:999px;color:#08798B;font-weight:800;font-size:13px}

body.page-knowledge .section-head h2{font-size:clamp(30px,4vw,48px);letter-spacing:-.04em;line-height:1.05;margin:14px 0 10px}

body.page-knowledge .section-head p{margin:0;color:var(--muted);font-size:17px}

body.page-knowledge .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}

body.page-knowledge .grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}

body.page-knowledge .card{background:rgba(255,255,255,.88);border:1px solid rgba(0,0,0,.06);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}

body.page-knowledge .card h3{margin:0 0 8px;font-size:22px;letter-spacing:-.03em}

body.page-knowledge .card p{margin:0;color:var(--muted)}

body.page-knowledge .icon{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#fff,#F5FBFC);border:1px solid var(--line);font-size:24px;margin-bottom:12px}

body.page-knowledge .steps{display:grid;gap:14px}

body.page-knowledge .step{display:grid;grid-template-columns:52px 1fr;gap:14px;padding:14px;border-radius:20px;background:#fff;border:1px solid var(--line)}

body.page-knowledge .step-num{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,var(--saffron),#ff8760);display:grid;place-items:center;color:#fff;font-weight:900}

body.page-knowledge .step h4{margin:4px 0 4px;font-size:18px}

body.page-knowledge .step p{margin:0;color:var(--muted)}

body.page-knowledge .journey{display:grid;grid-template-columns:.95fr 1.05fr;gap:22px;align-items:center;margin-top:22px}

body.page-knowledge .mosaic{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}

body.page-knowledge .mosaic .shot{border-radius:22px;overflow:hidden;border:6px solid #fff;box-shadow:0 12px 30px rgba(0,0,0,.08)}

body.page-knowledge .faq{display:grid;gap:14px}

body.page-knowledge .faq details{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 20px;box-shadow:var(--shadow)}

body.page-knowledge .faq summary{cursor:pointer;font-weight:800}

body.page-knowledge .faq p{color:var(--muted);margin:12px 0 0}

body.page-knowledge .split-banner{display:grid;grid-template-columns:1fr 1fr;gap:20px}

body.page-knowledge .banner{background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(240,250,251,.95));border:1px solid rgba(0,0,0,.06);border-radius:30px;padding:28px;box-shadow:var(--shadow)}

body.page-knowledge .banner ul{margin:14px 0 0;padding-left:18px;color:var(--muted)}

body.page-knowledge .banner li+li{margin-top:10px}

body.page-knowledge .footer{background:#1C3A31;color:rgba(255,255,255,.84);padding:42px 0;margin-top:20px}

body.page-knowledge .footer-grid{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap}

body.page-knowledge .footer .logo-wrap{background:#fff;padding:16px 20px;border-radius:20px}

body.page-knowledge .footer .logo-wrap img{height:56px}

body.page-knowledge .video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}

body.page-knowledge .video-card{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}

body.page-knowledge .video-card .thumb{aspect-ratio:16/10;object-fit:cover;width:100%}

body.page-knowledge .video-card .body{padding:18px}

body.page-knowledge .tag{display:inline-block;padding:6px 10px;border-radius:999px;background:#FFF3EE;color:var(--saffron);font-weight:800;font-size:12px}

@media (max-width: 980px){body.page-knowledge .hero-grid, body.page-knowledge .journey, body.page-knowledge .split-banner, body.page-knowledge .grid-3, body.page-knowledge .video-grid, body.page-knowledge .grid-2{grid-template-columns:1fr}

body.page-knowledge .hero-card-grid, body.page-knowledge .mosaic{grid-template-columns:1fr 1fr}

body.page-knowledge .nav{flex-wrap:wrap}

body.page-knowledge .navlinks{order:3;width:100%}}

@media (max-width: 640px){body.page-knowledge h1{font-size:36px}

body.page-knowledge .container{padding:0 16px}

body.page-knowledge .brand img{height:40px}

body.page-knowledge .mosaic, body.page-knowledge .hero-card-grid{grid-template-columns:1fr}

body.page-knowledge .section-head h2{font-size:32px}}

body.page-knowledge{--saffron-600:#D84315;--saffron-glow:rgba(244,81,30,.28);--teal-400:#26C6DA;--light-50:#F8FAFC;--light-100:#F1F5F9;--light-200:#E2E8F0;--dark-900:#0F172A;--dark-800:#1E293B;--dark-700:#334155;--t-dark:#0F172A;--t-body:#374151;--t-muted:#6B7280;--t-light:#9CA3AF;--t-white:#FFFFFF;--t-white-80:rgba(255,255,255,.82);--t-white-55:rgba(255,255,255,.55);--t-white-30:rgba(255,255,255,.30);--b-light:#E5E7EB;--b-med:#D1D5DB;--b-dark:rgba(255,255,255,.10);--r-sm:8px;--r-md:14px;--r-lg:20px;--r-xl:28px;--r-2xl:40px;--r-full:999px;--transition:.22s ease}

body.page-knowledge .navbar{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--b-light);padding:8px 0;transition:box-shadow var(--transition),background var(--transition)}

body.page-knowledge .nav-scrolled{background:rgba(255,255,255,.98);box-shadow:0 4px 24px rgba(0,0,0,.09)}

body.page-knowledge .navbar .container{display:flex;align-items:center;gap:18px}

body.page-knowledge .nav-logo{display:flex;align-items:center;gap:10px;flex-shrink:0}

body.page-knowledge .nav-logo img{height:52px;width:auto}

body.page-knowledge .nav-links{display:flex;align-items:center;gap:2px;margin-left:auto}

body.page-knowledge .nav-links a{padding:8px 15px;border-radius:var(--r-sm);font-size:14px;font-weight:500;color:var(--t-body);transition:background var(--transition),color var(--transition)}

body.page-knowledge .nav-links a:hover, body.page-knowledge .nav-links a.active{background:var(--light-50);color:var(--t-dark)}

body.page-knowledge .nav-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}

body.page-knowledge .btn-ghost{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border:1.5px solid var(--b-med);border-radius:var(--r-full);font-size:13.5px;font-weight:600;color:var(--t-body);transition:border-color var(--transition),color var(--transition),background var(--transition)}

body.page-knowledge .btn-ghost:hover{border-color:var(--teal);color:var(--teal);background:rgba(0,172,193,.06)}

body.page-knowledge .btn-cta, body.page-knowledge .btn-android{display:inline-flex;align-items:center;gap:7px;padding:9px 22px;background:linear-gradient(135deg,var(--saffron),#FF7043);border-radius:var(--r-full);font-size:13.5px;font-weight:700;color:#fff;box-shadow:0 4px 16px var(--saffron-glow);transition:transform var(--transition),box-shadow var(--transition),filter var(--transition)}

body.page-knowledge .btn-cta:hover, body.page-knowledge .btn-android:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 8px 24px var(--saffron-glow)}

body.page-knowledge .btn-iphone{display:inline-flex;align-items:center;gap:8px;padding:14px 22px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(232,250,252,.95));border:1.5px solid rgba(0,172,193,.18);border-radius:var(--r-full);font-size:14px;font-weight:700;color:var(--t-dark);box-shadow:0 8px 22px rgba(0,172,193,.08)}

body.page-knowledge .hamburger{display:none;flex-direction:column;gap:5px;padding:4px;margin-left:auto;background:none;border:none}

body.page-knowledge .hamburger span{width:22px;height:2px;background:var(--t-body);border-radius:2px;display:block;transition:var(--transition)}

body.page-knowledge .mobile-nav{display:none;position:fixed;inset:0;z-index:200}

body.page-knowledge .mobile-nav.open{display:block}

body.page-knowledge .mobile-nav-overlay{position:absolute;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(4px)}

body.page-knowledge .mobile-nav-drawer{position:absolute;right:0;top:0;height:100%;width:min(340px,90vw);background:#fff;padding:22px;box-shadow:-20px 0 50px rgba(0,0,0,.18);overflow:auto}

body.page-knowledge .mobile-nav-close{display:flex;justify-content:flex-end;margin-bottom:24px}

body.page-knowledge .mobile-nav-close button{font-size:24px;color:var(--t-muted);line-height:1;background:none;border:none}

body.page-knowledge .mobile-nav-links a{display:block;padding:14px 0;border-bottom:1px solid var(--b-light);font-weight:700;color:var(--t-dark)}

body.page-knowledge .mobile-nav-links a:last-child{border-bottom:none}

body.page-knowledge .mobile-nav-footer{margin-top:24px;display:flex;flex-direction:column;gap:12px}

body.page-knowledge footer{background:var(--dark-900);padding:64px 0 0;color:var(--t-white-55)}

body.page-knowledge .footer-grid{display:grid;grid-template-columns:2fr 1.2fr 1.2fr 1fr 1.2fr;gap:40px;padding-bottom:48px}

body.page-knowledge .footer-brand p{font-size:13.5px;line-height:1.7;max-width:260px;margin-bottom:20px;color:var(--t-white-55)}

body.page-knowledge .social-links{display:flex;gap:10px}

body.page-knowledge .social-link{width:38px;height:38px;background:rgba(255,255,255,.07);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;border:1px solid var(--b-dark);transition:background var(--transition),border-color var(--transition)}

body.page-knowledge .social-link:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.2)}

body.page-knowledge .footer-col h4{font-size:11.5px;font-weight:800;color:var(--teal);margin-bottom:18px;text-transform:uppercase;letter-spacing:1px}

body.page-knowledge .footer-col a{display:block;font-size:13.5px;color:var(--t-white-55);padding:5px 0;transition:color var(--transition),padding-left var(--transition)}

body.page-knowledge .footer-col a:hover{color:var(--t-white);padding-left:4px}

body.page-knowledge .footer-bottom{border-top:1px solid var(--b-dark);padding:20px 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}

body.page-knowledge .footer-bottom p{font-size:12.5px;color:var(--t-white-30)}

body.page-knowledge .footer-bottom-links{display:flex;gap:20px}

body.page-knowledge .footer-bottom-links a{font-size:12.5px;color:var(--t-white-30);transition:color var(--transition)}

body.page-knowledge .footer-bottom-links a:hover{color:var(--t-white-80)}

@media (max-width:1024px){body.page-knowledge .footer-grid{grid-template-columns:1fr 1fr 1fr;gap:28px}

body.page-knowledge .footer-brand{grid-column:1/-1}}

@media (max-width:768px){body.page-knowledge .nav-links{display:none}

body.page-knowledge .nav-actions .btn-ghost{display:none}

body.page-knowledge .hamburger{display:flex;margin-left:auto}

body.page-knowledge .footer-grid{grid-template-columns:1fr 1fr}

body.page-knowledge .footer-bottom{flex-direction:column;align-items:flex-start}}

@media (max-width:480px){body.page-knowledge .footer-grid{grid-template-columns:1fr}}

/* ===== process-flows.html ===== */
body.page-process-flows{--saffron:#F4511E; --teal:#00ACC1; --violet:#6D28D9; --emerald:#059669; --gold:#D97706;
      --white:#fff; --cream:#FFF8F3; --line:#E6E8EC; --text:#172033; --muted:#5B6473;
      --shadow:0 14px 42px rgba(16,24,40,.09); --radius:24px; --max:1240px; --pattern:url("assets/images/backgrounds/oracle-bg-bgs-04.webp");}

body.page-process-flows *{box-sizing:border-box}

html{scroll-behavior:smooth}

body.page-process-flows{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--cream);color:var(--text);line-height:1.6}

body.page-process-flows img{max-width:100%;display:block}

body.page-process-flows a{text-decoration:none;color:inherit}

body.page-process-flows .container{max-width:var(--max);margin:0 auto;padding:0 24px}

body.page-process-flows .topbar{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(0,0,0,.06)}

body.page-process-flows .nav{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:10px 0;flex-wrap:wrap}

body.page-process-flows .brand{display:flex;align-items:center;gap:12px}

body.page-process-flows .brand img{height:48px}

body.page-process-flows .brand b{font-size:20px}

body.page-process-flows .navlinks{display:flex;gap:8px;flex-wrap:wrap}

body.page-process-flows .navlinks a{padding:10px 14px;border-radius:999px;color:var(--muted);font-weight:700}

body.page-process-flows .navlinks a:hover, body.page-process-flows .navlinks a.active{background:#fff;box-shadow:var(--shadow);color:var(--text)}

body.page-process-flows .cta{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:999px;background:linear-gradient(135deg,var(--saffron),#ff7f54);color:#fff;font-weight:800;box-shadow:0 10px 28px rgba(244,81,30,.22)}

body.page-process-flows .hero{padding:72px 0 38px;background:linear-gradient(180deg,#FFF9F5 0%,#FFFDFB 100%);position:relative;overflow:hidden}

body.page-process-flows .hero:before{content:"";position:absolute;inset:0;background-image:var(--pattern);background-size:800px;opacity:.15}

body.page-process-flows .hero-grid{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center}

body.page-process-flows .eyebrow{display:inline-flex;padding:8px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:800;color:var(--teal);box-shadow:var(--shadow)}

body.page-process-flows h1{font-size:clamp(40px,5vw,64px);line-height:1.02;letter-spacing:-.045em;margin:16px 0 14px}

body.page-process-flows .hero p{font-size:18px;color:var(--muted);margin:0 0 24px;max-width:62ch}

body.page-process-flows .hero-mosaic{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}

body.page-process-flows .shot{border-radius:22px;overflow:hidden;border:6px solid #fff;box-shadow:0 12px 30px rgba(0,0,0,.08);background:#fff}

body.page-process-flows section{padding:30px 0 70px}

body.page-process-flows .head{max-width:820px;margin-bottom:28px}

body.page-process-flows .pill{display:inline-block;padding:8px 14px;background:#E8FAFC;border-radius:999px;color:#08798B;font-size:13px;font-weight:800}

body.page-process-flows .head h2{font-size:clamp(32px,4vw,48px);line-height:1.05;letter-spacing:-.04em;margin:14px 0 10px}

body.page-process-flows .head p{margin:0;color:var(--muted);font-size:17px}

body.page-process-flows .jump{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}

body.page-process-flows .jump a{padding:10px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:700;color:var(--muted)}

body.page-process-flows .jump a:hover{color:var(--text)}

body.page-process-flows .flow{background:rgba(255,255,255,.88);border:1px solid rgba(0,0,0,.06);border-radius:34px;padding:28px;box-shadow:var(--shadow);margin-top:22px}

body.page-process-flows .flow-top{display:flex;justify-content:space-between;gap:20px;align-items:end;flex-wrap:wrap;margin-bottom:18px}

body.page-process-flows .flow-top h3{margin:0;font-size:30px;letter-spacing:-.03em}

body.page-process-flows .flow-top p{margin:8px 0 0;color:var(--muted);max-width:64ch}

body.page-process-flows .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}

body.page-process-flows .step{background:#fff;border:1px solid var(--line);border-radius:22px;padding:14px}

body.page-process-flows .step .num{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--saffron),#ff7f54);display:grid;place-items:center;color:#fff;font-weight:900;margin-bottom:12px}

body.page-process-flows .step h4{margin:0 0 6px;font-size:18px}

body.page-process-flows .step p{margin:0;color:var(--muted);font-size:14px}

body.page-process-flows .screen-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}

body.page-process-flows .screen-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:10px;box-shadow:0 8px 20px rgba(0,0,0,.05)}

body.page-process-flows .screen-card img{border-radius:18px}

body.page-process-flows .screen-card b{display:block;font-size:14px;margin:10px 4px 4px}

body.page-process-flows .screen-card span{display:block;font-size:13px;color:var(--muted);margin:0 4px 4px}

body.page-process-flows .mini-note{padding:14px 16px;background:#FFF5F0;border:1px solid #FFD8C9;border-radius:18px;color:#8D4B2A;font-weight:600;margin-top:16px}

body.page-process-flows .compare{display:grid;grid-template-columns:1fr 1fr;gap:20px}

body.page-process-flows .panel{background:rgba(255,255,255,.88);border:1px solid rgba(0,0,0,.06);border-radius:28px;padding:24px;box-shadow:var(--shadow)}

body.page-process-flows .panel h3{margin:0 0 10px;font-size:24px}

body.page-process-flows .panel ul{margin:0;padding-left:18px;color:var(--muted)}

body.page-process-flows .panel li+li{margin-top:10px}

body.page-process-flows .footer{background:#1C3A31;color:rgba(255,255,255,.84);padding:42px 0;margin-top:20px}

body.page-process-flows .footer-grid{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap}

body.page-process-flows .logo-wrap{background:#fff;padding:16px 20px;border-radius:20px}

body.page-process-flows .logo-wrap img{height:56px}

@media (max-width:1000px){body.page-process-flows .hero-grid, body.page-process-flows .compare, body.page-process-flows .steps, body.page-process-flows .screen-grid{grid-template-columns:1fr 1fr}

body.page-process-flows .hero-mosaic{grid-template-columns:1fr 1fr 1fr}}

@media (max-width:700px){body.page-process-flows .hero-grid, body.page-process-flows .steps, body.page-process-flows .screen-grid, body.page-process-flows .compare, body.page-process-flows .hero-mosaic{grid-template-columns:1fr}

body.page-process-flows .container{padding:0 16px}

body.page-process-flows .brand img{height:40px}

body.page-process-flows h1{font-size:36px}}

body.page-process-flows{--saffron-600:#D84315;--saffron-glow:rgba(244,81,30,.28);--teal-400:#26C6DA;--light-50:#F8FAFC;--light-100:#F1F5F9;--light-200:#E2E8F0;--dark-900:#0F172A;--dark-800:#1E293B;--dark-700:#334155;--t-dark:#0F172A;--t-body:#374151;--t-muted:#6B7280;--t-light:#9CA3AF;--t-white:#FFFFFF;--t-white-80:rgba(255,255,255,.82);--t-white-55:rgba(255,255,255,.55);--t-white-30:rgba(255,255,255,.30);--b-light:#E5E7EB;--b-med:#D1D5DB;--b-dark:rgba(255,255,255,.10);--r-sm:8px;--r-md:14px;--r-lg:20px;--r-xl:28px;--r-2xl:40px;--r-full:999px;--transition:.22s ease}

body.page-process-flows .navbar{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--b-light);padding:8px 0;transition:box-shadow var(--transition),background var(--transition)}

body.page-process-flows .nav-scrolled{background:rgba(255,255,255,.98);box-shadow:0 4px 24px rgba(0,0,0,.09)}

body.page-process-flows .navbar .container{display:flex;align-items:center;gap:18px}

body.page-process-flows .nav-logo{display:flex;align-items:center;gap:10px;flex-shrink:0}

body.page-process-flows .nav-logo img{height:52px;width:auto}

body.page-process-flows .nav-links{display:flex;align-items:center;gap:2px;margin-left:auto}

body.page-process-flows .nav-links a{padding:8px 15px;border-radius:var(--r-sm);font-size:14px;font-weight:500;color:var(--t-body);transition:background var(--transition),color var(--transition)}

body.page-process-flows .nav-links a:hover, body.page-process-flows .nav-links a.active{background:var(--light-50);color:var(--t-dark)}

body.page-process-flows .nav-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}

body.page-process-flows .btn-ghost{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border:1.5px solid var(--b-med);border-radius:var(--r-full);font-size:13.5px;font-weight:600;color:var(--t-body);transition:border-color var(--transition),color var(--transition),background var(--transition)}

body.page-process-flows .btn-ghost:hover{border-color:var(--teal);color:var(--teal);background:rgba(0,172,193,.06)}

body.page-process-flows .btn-cta, body.page-process-flows .btn-android{display:inline-flex;align-items:center;gap:7px;padding:9px 22px;background:linear-gradient(135deg,var(--saffron),#FF7043);border-radius:var(--r-full);font-size:13.5px;font-weight:700;color:#fff;box-shadow:0 4px 16px var(--saffron-glow);transition:transform var(--transition),box-shadow var(--transition),filter var(--transition)}

body.page-process-flows .btn-cta:hover, body.page-process-flows .btn-android:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 8px 24px var(--saffron-glow)}

body.page-process-flows .btn-iphone{display:inline-flex;align-items:center;gap:8px;padding:14px 22px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(232,250,252,.95));border:1.5px solid rgba(0,172,193,.18);border-radius:var(--r-full);font-size:14px;font-weight:700;color:var(--t-dark);box-shadow:0 8px 22px rgba(0,172,193,.08)}

body.page-process-flows .hamburger{display:none;flex-direction:column;gap:5px;padding:4px;margin-left:auto;background:none;border:none}

body.page-process-flows .hamburger span{width:22px;height:2px;background:var(--t-body);border-radius:2px;display:block;transition:var(--transition)}

body.page-process-flows .mobile-nav{display:none;position:fixed;inset:0;z-index:200}

body.page-process-flows .mobile-nav.open{display:block}

body.page-process-flows .mobile-nav-overlay{position:absolute;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(4px)}

body.page-process-flows .mobile-nav-drawer{position:absolute;right:0;top:0;height:100%;width:min(340px,90vw);background:#fff;padding:22px;box-shadow:-20px 0 50px rgba(0,0,0,.18);overflow:auto}

body.page-process-flows .mobile-nav-close{display:flex;justify-content:flex-end;margin-bottom:24px}

body.page-process-flows .mobile-nav-close button{font-size:24px;color:var(--t-muted);line-height:1;background:none;border:none}

body.page-process-flows .mobile-nav-links a{display:block;padding:14px 0;border-bottom:1px solid var(--b-light);font-weight:700;color:var(--t-dark)}

body.page-process-flows .mobile-nav-links a:last-child{border-bottom:none}

body.page-process-flows .mobile-nav-footer{margin-top:24px;display:flex;flex-direction:column;gap:12px}

body.page-process-flows footer{background:var(--dark-900);padding:64px 0 0;color:var(--t-white-55)}

body.page-process-flows .footer-grid{display:grid;grid-template-columns:2fr 1.2fr 1.2fr 1fr 1.2fr;gap:40px;padding-bottom:48px}

body.page-process-flows .footer-brand p{font-size:13.5px;line-height:1.7;max-width:260px;margin-bottom:20px;color:var(--t-white-55)}

body.page-process-flows .social-links{display:flex;gap:10px}

body.page-process-flows .social-link{width:38px;height:38px;background:rgba(255,255,255,.07);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;border:1px solid var(--b-dark);transition:background var(--transition),border-color var(--transition)}

body.page-process-flows .social-link:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.2)}

body.page-process-flows .footer-col h4{font-size:11.5px;font-weight:800;color:var(--teal);margin-bottom:18px;text-transform:uppercase;letter-spacing:1px}

body.page-process-flows .footer-col a{display:block;font-size:13.5px;color:var(--t-white-55);padding:5px 0;transition:color var(--transition),padding-left var(--transition)}

body.page-process-flows .footer-col a:hover{color:var(--t-white);padding-left:4px}

body.page-process-flows .footer-bottom{border-top:1px solid var(--b-dark);padding:20px 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}

body.page-process-flows .footer-bottom p{font-size:12.5px;color:var(--t-white-30)}

body.page-process-flows .footer-bottom-links{display:flex;gap:20px}

body.page-process-flows .footer-bottom-links a{font-size:12.5px;color:var(--t-white-30);transition:color var(--transition)}

body.page-process-flows .footer-bottom-links a:hover{color:var(--t-white-80)}

@media (max-width:1024px){body.page-process-flows .footer-grid{grid-template-columns:1fr 1fr 1fr;gap:28px}

body.page-process-flows .footer-brand{grid-column:1/-1}}

@media (max-width:768px){body.page-process-flows .nav-links{display:none}

body.page-process-flows .nav-actions .btn-ghost{display:none}

body.page-process-flows .hamburger{display:flex;margin-left:auto}

body.page-process-flows .footer-grid{grid-template-columns:1fr 1fr}

body.page-process-flows .footer-bottom{flex-direction:column;align-items:flex-start}}

@media (max-width:480px){body.page-process-flows .footer-grid{grid-template-columns:1fr}}

/* Header logo box refinement */
body.page-home .nav-logo,
body.page-knowledge .nav-logo,
body.page-process-flows .nav-logo{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:68px;
  height:68px;
  padding:10px;
  background:linear-gradient(180deg,#dff3f8 0%, #eaf7fb 100%);
  border:1px solid rgba(0,172,193,.10);
  border-radius:20px;
  box-shadow:0 8px 20px rgba(0,0,0,.06);
  flex:0 0 68px;
}

body.page-home .nav-logo img,
body.page-knowledge .nav-logo img,
body.page-process-flows .nav-logo img{
  width:100% !important;
  height:auto !important;
  max-width:48px;
  max-height:48px;
  object-fit:contain;
}

body.page-home .navbar .container,
body.page-knowledge .navbar .container,
body.page-process-flows .navbar .container{
  align-items:center;
}

@media (max-width: 768px){
  body.page-home .nav-logo,
  body.page-knowledge .nav-logo,
  body.page-process-flows .nav-logo{
    width:58px;
    height:58px;
    padding:8px;
    border-radius:18px;
    flex-basis:58px;
  }

  body.page-home .nav-logo img,
  body.page-knowledge .nav-logo img,
  body.page-process-flows .nav-logo img{
    max-width:40px;
    max-height:40px;
  }
}

/* ===== customers.html refresh ===== */
body.page-customers .lang-bar{background:#fffaf4;border-bottom:1px solid rgba(224,111,50,.12)}
body.page-customers .lang-bar .container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}
body.page-customers .lang-bar-right{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
body.page-customers .lang-bar-right a{color:var(--t-muted);transition:color var(--transition)}
body.page-customers .lang-bar-right a:hover,
body.page-customers .lang-bar-right a.active{color:var(--saffron);font-weight:600}
body.page-customers .lang-bar-right .divider{color:var(--b-light)}
body.page-customers .lang-bar-right .primary-label{color:var(--t-light);font-size:11.5px}

body.page-customers .customer-hero{padding:56px 0 28px}
body.page-customers .customer-hero .hero-grid{align-items:center;gap:40px}
body.page-customers .customer-hero-copy{max-width:640px}
body.page-customers .customer-collage{padding:12px 10px;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.82));min-height:560px;display:flex;align-items:center;justify-content:center;overflow:visible}
body.page-customers .customer-collage-stage{position:relative;width:min(460px,100%);height:505px}
body.page-customers .customer-collage .shot{position:absolute;border-radius:28px;overflow:hidden;border:8px solid #fff;background:#fff;box-shadow:0 24px 50px rgba(15,23,42,.12);transition:transform .25s ease}
body.page-customers .customer-collage .shot:hover{transform:translateY(-4px) scale(1.01)}
body.page-customers .customer-collage .shot img{display:block;width:100%;height:100%;object-fit:cover}
body.page-customers .customer-collage .shot-login{width:176px;height:308px;left:8px;top:46px;z-index:2;transform:rotate(-9deg)}
body.page-customers .customer-collage .shot-otp{width:170px;height:306px;right:30px;top:8px;z-index:4;transform:rotate(6deg)}
body.page-customers .customer-collage .shot-qr{width:205px;height:365px;left:78px;bottom:-4px;z-index:5;transform:rotate(-3deg)}
body.page-customers .customer-collage .shot-invoices{width:164px;height:300px;right:-2px;bottom:36px;z-index:1;transform:rotate(9deg)}

body.page-customers .curvy-flow{position:relative;margin-top:28px;padding:44px 22px 10px;background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,255,255,.75));border:1px solid rgba(255,255,255,.95);border-radius:34px;box-shadow:var(--shadow);overflow:hidden}
body.page-customers .flow-curve{position:absolute;left:18px;right:18px;top:24px;height:150px;pointer-events:none}
body.page-customers .flow-curve svg{width:100%;height:100%}
body.page-customers .flow-curve path{fill:none;stroke:rgba(0,172,193,.28);stroke-width:10;stroke-linecap:round;stroke-dasharray:8 18}
body.page-customers .flow-steps{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:start}
body.page-customers .flow-step{position:relative;padding:28px 22px 22px;background:#fff;border:1px solid rgba(226,232,240,.9);border-radius:26px;box-shadow:0 12px 26px rgba(15,23,42,.06)}
body.page-customers .flow-step:nth-child(1){margin-top:16px}
body.page-customers .flow-step:nth-child(2){margin-top:82px}
body.page-customers .flow-step:nth-child(3){margin-top:24px}
body.page-customers .flow-step .step-num{width:52px;height:52px;border-radius:18px;background:linear-gradient(135deg,var(--saffron),#ff7f54);display:grid;place-items:center;color:#fff;font-weight:900;font-size:20px;box-shadow:0 10px 22px rgba(244,81,30,.2);margin-bottom:18px}
body.page-customers .flow-step h4{margin:0 0 8px;font-size:22px;line-height:1.15;color:var(--t-dark)}
body.page-customers .flow-step p{margin:0;color:var(--t-muted);font-size:15px;line-height:1.7}

body.page-customers .customer-explainers{padding-top:16px}
body.page-customers .explainer-block{display:grid;grid-template-columns:minmax(290px,380px) 1fr;gap:26px;align-items:start;margin-top:26px;padding:18px;background:linear-gradient(180deg,rgba(255,255,255,.76),rgba(255,255,255,.9));border:1px solid rgba(226,232,240,.85);border-radius:32px;box-shadow:var(--shadow)}
body.page-customers .explainer-block.reverse{grid-template-columns:1fr minmax(290px,380px)}
body.page-customers .explainer-block.reverse .explainer-shot{order:2}
body.page-customers .explainer-block.reverse .explainer-panel{order:1}
body.page-customers .shot-frame{padding:10px;border-radius:26px;background:linear-gradient(180deg,#f8fafc,#eef6f8);border:1px solid rgba(203,213,225,.7)}
body.page-customers .explainer-shot img{width:100%;border-radius:20px;display:block}
body.page-customers .explainer-shot.shot-frame:not(.tri-shot-showcase):not(.quad-shot-showcase):not(.dual-shot-showcase):not(.approved-shot-showcase):not(.single-shot-showcase){display:flex;align-items:center;justify-content:center;padding:22px;min-height:100%}
body.page-customers .explainer-shot.shot-frame:not(.tri-shot-showcase):not(.quad-shot-showcase):not(.dual-shot-showcase):not(.approved-shot-showcase):not(.single-shot-showcase) img{width:auto;max-width:min(100%,255px);max-height:620px;object-fit:contain;margin:0 auto}
body.page-customers .stack-stack{display:flex;flex-direction:column;gap:14px}
body.page-customers .stack-stack img{box-shadow:0 10px 26px rgba(15,23,42,.08)}

body.page-customers .tri-shot-showcase{padding:14px}
body.page-customers .tri-shot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}
body.page-customers .tri-shot-item{display:flex;flex-direction:column;gap:10px}
body.page-customers .tri-shot-item img{width:100%;aspect-ratio:9/19.5;object-fit:cover;border-radius:20px;display:block;box-shadow:0 10px 26px rgba(15,23,42,.08)}
body.page-customers .tri-shot-item span{display:inline-flex;justify-content:center;align-items:center;padding:8px 10px;border-radius:999px;background:#fff7f3;border:1px solid rgba(244,81,30,.12);color:var(--saffron);font-size:12px;font-weight:700;text-align:center;line-height:1.3;min-height:42px}
body.page-customers .quad-shot-showcase{padding:14px}
body.page-customers .quad-shot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
body.page-customers .quad-shot-item{display:flex;flex-direction:column;gap:10px}
body.page-customers .quad-shot-item img{width:100%;aspect-ratio:9/19.5;object-fit:cover;border-radius:20px;display:block;box-shadow:0 10px 26px rgba(15,23,42,.08)}
body.page-customers .quad-shot-item span,
body.page-customers .dual-shot-item span{display:inline-flex;justify-content:center;align-items:center;padding:8px 10px;border-radius:999px;background:#fff7f3;border:1px solid rgba(244,81,30,.12);color:var(--saffron);font-size:12px;font-weight:700;text-align:center;line-height:1.3;min-height:42px}
body.page-customers .dual-shot-showcase{padding:14px}
body.page-customers .dual-shot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
body.page-customers .dual-shot-item{display:flex;flex-direction:column;gap:10px}
body.page-customers .dual-shot-item img{width:100%;aspect-ratio:9/19.5;object-fit:cover;border-radius:20px;display:block;box-shadow:0 10px 26px rgba(15,23,42,.08)}

body.page-customers .single-shot-showcase{padding:14px;display:flex;align-items:center;justify-content:center}
body.page-customers .single-shot-grid{width:100%;display:flex;justify-content:center;align-items:center;min-height:100%}
body.page-customers .single-shot-item{display:flex;flex-direction:column;gap:10px;align-items:center;width:min(100%,220px);margin:0 auto}
body.page-customers .single-shot-item img{width:100%;aspect-ratio:9/19.5;object-fit:cover;border-radius:20px;display:block;box-shadow:0 10px 26px rgba(15,23,42,.08)}
body.page-customers .single-shot-item span{display:inline-flex;justify-content:center;align-items:center;padding:8px 10px;border-radius:999px;background:#fff7f3;border:1px solid rgba(244,81,30,.12);color:var(--saffron);font-size:12px;font-weight:700;text-align:center;line-height:1.3;min-height:42px}

body.page-customers .explainer-panel{display:flex;flex-direction:column;gap:16px}
body.page-customers .explainer-callout{display:flex;gap:16px;align-items:flex-start;padding:18px 20px;border-radius:20px;border:1px solid transparent}
body.page-customers .callout-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;font-size:20px;background:rgba(255,255,255,.8);box-shadow:inset 0 0 0 1px rgba(255,255,255,.65)}
body.page-customers .explainer-callout h3{margin:0 0 6px;font-size:28px;line-height:1.05;letter-spacing:-.03em;color:var(--t-dark)}
body.page-customers .explainer-callout p{margin:0;color:var(--t-body);font-size:15px;line-height:1.7}
body.page-customers .accent-blue{background:#f0f9ff;border-color:#bfe8ff}
body.page-customers .accent-orange{background:#fff4ee;border-color:#ffd4c2}
body.page-customers .accent-purple{background:#f7f3ff;border-color:#daccff}
body.page-customers .accent-teal{background:#effcfd;border-color:#bfeef2}
body.page-customers .accent-green{background:#effcf6;border-color:#c8efd9}
body.page-customers .explainer-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
body.page-customers .field-card{background:#fff;border:1px solid rgba(226,232,240,.85);border-radius:18px;padding:18px;min-height:122px;box-shadow:0 8px 18px rgba(15,23,42,.04)}
body.page-customers .field-card h4{margin:0 0 8px;font-size:16px;line-height:1.2;color:var(--t-dark)}
body.page-customers .field-card p{margin:0;font-size:14px;line-height:1.7;color:var(--t-muted)}

body.page-customers .flow-step-link{text-decoration:none;color:inherit;display:block;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
body.page-customers .flow-step-link:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(15,23,42,.08);border-color:rgba(244,81,30,.18)}
body.page-customers .step-divider{margin:36px 0 18px;padding:0 6px}
body.page-customers .step-tag{display:inline-flex;align-items:center;padding:8px 14px;border-radius:999px;background:#fff7f3;border:1px solid rgba(244,81,30,.12);color:var(--saffron);font-weight:800;font-size:13px;box-shadow:0 8px 18px rgba(15,23,42,.04)}
body.page-customers .step-divider h3{margin:14px 0 8px;font-size:clamp(24px,3vw,34px);line-height:1.08;letter-spacing:-.03em;color:#203126}
body.page-customers .step-divider p{margin:0;color:#65786a;font-size:16px;line-height:1.7;max-width:780px}

@media (max-width:1100px){
  body.page-customers .customer-hero .hero-grid,
  body.page-customers .explainer-block,
  body.page-customers .explainer-block.reverse{grid-template-columns:1fr}
  body.page-customers .explainer-block.reverse .explainer-shot,
  body.page-customers .explainer-block.reverse .explainer-panel{order:initial}
  body.page-customers .customer-collage{min-height:510px}
}

@media (max-width:900px){
  body.page-customers .flow-curve{display:none}
  body.page-customers .flow-steps{grid-template-columns:1fr}
  body.page-customers .flow-step:nth-child(1),
  body.page-customers .flow-step:nth-child(2),
  body.page-customers .flow-step:nth-child(3){margin-top:0}
}

@media (max-width:768px){
  body.page-customers .explainer-shot.shot-frame:not(.tri-shot-showcase):not(.quad-shot-showcase):not(.dual-shot-showcase):not(.approved-shot-showcase):not(.single-shot-showcase){padding:14px}
  body.page-customers .explainer-shot.shot-frame:not(.tri-shot-showcase):not(.quad-shot-showcase):not(.dual-shot-showcase):not(.approved-shot-showcase):not(.single-shot-showcase) img{max-width:min(100%,300px);max-height:none}
  body.page-customers .tri-shot-grid{grid-template-columns:1fr;gap:14px}
  body.page-customers .tri-shot-item img{max-width:270px;margin:0 auto}
  body.page-customers .tri-shot-item span{max-width:270px;margin:0 auto}
  body.page-customers .lang-bar{display:none}
  body.page-customers .customer-collage{min-height:440px;padding:8px}
  body.page-customers .customer-collage-stage{height:420px;width:min(360px,100%)}
  body.page-customers .customer-collage .shot-login{width:145px;height:252px;left:4px;top:48px;transform:rotate(-8deg)}
  body.page-customers .customer-collage .shot-otp{width:138px;height:246px;right:16px;top:8px;transform:rotate(7deg)}
  body.page-customers .customer-collage .shot-qr{width:166px;height:296px;left:64px;bottom:0;transform:rotate(-3deg)}
  body.page-customers .customer-collage .shot-invoices{width:136px;height:248px;right:0;bottom:40px;transform:rotate(8deg)}
  body.page-customers .explainer-grid{grid-template-columns:1fr}
}


/* Expandable screenshots */
body.page-customers .explainer-shot img,
body.page-customers .quad-shot-item img,
body.page-customers .tri-shot-item img,
body.page-customers .shot img{cursor:zoom-in}
.image-lightbox{position:fixed;inset:0;background:rgba(15,23,42,.82);display:flex;align-items:center;justify-content:center;padding:24px;z-index:9999;opacity:0;pointer-events:none;transition:opacity .25s ease}
.image-lightbox.open{opacity:1;pointer-events:auto}
.image-lightbox img{max-width:min(92vw,980px);max-height:88vh;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.35);background:#fff}
.image-lightbox button{position:absolute;top:18px;right:18px;width:44px;height:44px;border:none;border-radius:999px;background:#fff;color:#111827;font-size:24px;cursor:pointer;box-shadow:0 10px 24px rgba(0,0,0,.2)}

/* tip and useful info */
body.page-customers .tip-card{display:flex;gap:14px;align-items:flex-start;margin-top:16px;padding:18px 18px 16px;border-radius:22px;background:linear-gradient(135deg,#fffaf1,#fff3db);border:1px solid rgba(245,158,11,.24)}
body.page-customers .tip-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#fff;font-size:20px;box-shadow:0 8px 16px rgba(15,23,42,.08)}
body.page-customers .tip-card h4{margin:0 0 6px;font-size:17px;color:var(--t-dark)}
body.page-customers .tip-card p{margin:0;font-size:14px;line-height:1.7;color:var(--t-muted)}
body.page-customers .useful-info-block{margin-top:14px;padding:18px;border-radius:24px;background:linear-gradient(180deg,#f8fcfd,#f4f8fb);border:1px solid rgba(186,230,253,.55)}
body.page-customers .useful-head{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}
body.page-customers .useful-head h4{margin:0;font-size:22px;line-height:1.15;color:#203126}
body.page-customers .useful-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
body.page-customers .useful-grid.one-row{grid-template-columns:1fr}
body.page-customers .useful-card{background:#fff;border:1px solid rgba(226,232,240,.85);border-radius:18px;padding:18px;box-shadow:0 8px 18px rgba(15,23,42,.04)}
body.page-customers .useful-card h5{margin:0 0 8px;font-size:16px;line-height:1.2;color:var(--t-dark)}
body.page-customers .useful-card p{margin:0;font-size:14px;line-height:1.7;color:var(--t-muted)}
body.page-customers .compact .useful-head h4{font-size:18px}
body.page-customers .approved-shot-showcase{padding:14px}
body.page-customers .approved-shot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
body.page-customers .approved-shot-item{display:flex;flex-direction:column;gap:10px;align-items:stretch;text-align:center}
body.page-customers .approved-shot-item img{width:100%;aspect-ratio:9/19.5;object-fit:cover;border-radius:20px;display:block;box-shadow:0 10px 26px rgba(15,23,42,.08);background:#fff}
body.page-customers .approved-shot-item span,body.page-customers .tri-shot-item span,body.page-customers .quad-shot-item span{display:inline-flex;justify-content:center;align-items:center;padding:8px 10px;border-radius:999px;background:#fff7f3;border:1px solid rgba(244,81,30,.12);color:var(--saffron);font-size:12px;font-weight:700;text-align:center;line-height:1.3;min-height:42px}
body.page-customers .approved-shot-item-wide{grid-column:1 / -1;max-width:55%;justify-self:center}
body.page-customers .two-up-fields{grid-template-columns:1fr 1fr}
@media (max-width: 980px){body.page-customers .useful-grid,body.page-customers .approved-shot-grid,body.page-customers .two-up-fields{grid-template-columns:1fr}body.page-customers .approved-shot-item-wide{grid-column:auto;max-width:none}}


/* FAQ + Privacy pages */
body.page-faq .legal-hero,
body.page-privacy .legal-hero{padding-top:48px;padding-bottom:18px}
.legal-card{min-height:100%;display:flex;align-items:center;justify-content:center;padding:28px;border-radius:28px;background:linear-gradient(135deg,rgba(0,172,193,.09),rgba(255,255,255,.98));border:1px solid rgba(0,172,193,.15);box-shadow:var(--shadow)}
.legal-meta{text-align:left;max-width:460px}
.legal-meta h3{font-size:34px;line-height:1.15;margin:8px 0 10px;color:var(--t-dark)}
.legal-meta p{color:var(--muted);line-height:1.7}
.legal-page{padding:26px 0 80px}
.legal-layout{display:grid;gap:22px}
.legal-block{margin-top:18px}
.legal-richtext{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:28px 26px;color:var(--t-body)}
.legal-richtext h3{font-size:22px;margin:26px 0 10px;color:var(--t-dark)}
.legal-richtext h3:first-child{margin-top:0}
.legal-richtext p{line-height:1.8;margin:0 0 14px}
.legal-richtext ul{margin:0 0 16px 22px;color:var(--t-body)}
.legal-richtext li{margin:0 0 10px;line-height:1.7}
@media (max-width: 860px){.legal-card{padding:22px}.legal-meta h3{font-size:28px}.legal-richtext{padding:22px 18px}}


/* Home hero screenshot hover / expand */
body.page-home .phone-screen,
body.page-home .hero-shot{overflow:hidden}
body.page-home .phone-screen img.hero-hover-shot,
body.page-home .hero-shot img.hero-hover-shot{
  transition:transform .28s ease, filter .28s ease;
  cursor:pointer;
  will-change:transform;
}
body.page-home .phone-screen:hover img.hero-hover-shot,
body.page-home .hero-shot:hover img.hero-hover-shot{
  transform:translateY(-10px) scale(1.02);
  filter:brightness(1.02);
}


/* ===== help.html ===== */
body.page-help{
  --saffron:#F4511E; --saffron-600:#D84315; --saffron-glow:rgba(244,81,30,.24);
  --teal:#00ACC1; --teal-glow:rgba(0,172,193,.22); --gold:#D97706;
  --white:#FFFFFF; --cream:#FFF8F3; --light-50:#F8FAFC; --light-100:#F1F5F9; --light-200:#E2E8F0;
  --dark-900:#0F172A; --dark-800:#1E293B; --t-dark:#0F172A; --t-body:#374151; --t-muted:#6B7280; --t-light:#9CA3AF;
  --b-light:#E5E7EB; --b-med:#D1D5DB; --r-sm:8px; --r-md:14px; --r-lg:20px; --r-xl:28px; --r-full:999px;
  --sh-xs:0 1px 4px rgba(0,0,0,.07); --sh-sm:0 2px 10px rgba(0,0,0,.09); --sh-md:0 8px 28px rgba(0,0,0,.10); --sh-lg:0 20px 56px rgba(0,0,0,.13);
  --transition:.22s ease; --max-w:1200px;
}
body.page-help *, body.page-help *::before, body.page-help *::after{box-sizing:border-box;margin:0;padding:0}
body.page-help{font-family:"Inter",system-ui,sans-serif;background:var(--white);color:var(--t-body);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.page-help img{max-width:100%;height:auto;display:block}
body.page-help a{color:inherit;text-decoration:none}
body.page-help ul{list-style:none}
body.page-help button{cursor:pointer;border:none;background:none;font-family:inherit}
body.page-help .container{max-width:var(--max-w);margin:0 auto;padding:0 28px}
body.page-help .lang-bar{background:var(--cream);border-bottom:1px solid var(--b-light);padding:7px 0;font-size:12.5px;color:var(--t-muted)}
body.page-help .lang-bar .container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}
body.page-help .lang-bar-right{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
body.page-help .lang-bar-right a{color:var(--t-muted);transition:color var(--transition)}
body.page-help .lang-bar-right a:hover, body.page-help .lang-bar-right a.active{color:var(--saffron);font-weight:600}
body.page-help .lang-bar-right .divider{color:var(--b-light)}
body.page-help .lang-bar-right .primary-label{color:var(--t-light);font-size:11.5px}
body.page-help .navbar{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--b-light);padding:8px 0;transition:box-shadow var(--transition),background var(--transition)}
body.page-help .nav-scrolled{background:rgba(255,255,255,.98);box-shadow:0 4px 24px rgba(0,0,0,.09)}
body.page-help .navbar .container{display:flex;align-items:center;gap:18px}
body.page-help .nav-logo{display:flex;align-items:center;gap:10px;flex-shrink:0}
body.page-help .nav-logo img{height:52px;width:auto}
body.page-help .nav-links{display:flex;align-items:center;gap:2px;margin-left:auto}
body.page-help .nav-links a{padding:8px 15px;border-radius:var(--r-sm);font-size:14px;font-weight:500;color:var(--t-body);transition:background var(--transition),color var(--transition)}
body.page-help .nav-links a:hover, body.page-help .nav-links a.active{background:var(--light-50);color:var(--t-dark)}
body.page-help .nav-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
body.page-help .btn-ghost{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border:1.5px solid var(--b-med);border-radius:var(--r-full);font-size:13.5px;font-weight:600;color:var(--t-body);transition:border-color var(--transition),color var(--transition),background var(--transition)}
body.page-help .btn-ghost:hover{border-color:var(--teal);color:var(--teal);background:rgba(0,172,193,.06)}
body.page-help .btn-cta, body.page-help .btn-android{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;background:linear-gradient(135deg,var(--saffron),#FF7043);border-radius:var(--r-full);font-size:14px;font-weight:700;color:#fff;box-shadow:0 4px 16px var(--saffron-glow);transition:transform var(--transition),box-shadow var(--transition),filter var(--transition)}
body.page-help .btn-cta:hover, body.page-help .btn-android:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 8px 24px var(--saffron-glow)}
body.page-help .hamburger{display:none;flex-direction:column;gap:5px;padding:4px;margin-left:auto}
body.page-help .hamburger span{width:22px;height:2px;background:var(--t-body);border-radius:2px;display:block}
body.page-help .mobile-nav{position:fixed;inset:0;z-index:200;display:none}
body.page-help .mobile-nav.open{display:block}
body.page-help .mobile-nav-overlay{position:absolute;inset:0;background:rgba(15,23,42,.35)}
body.page-help .mobile-nav-drawer{position:absolute;right:0;top:0;height:100%;width:min(88vw,340px);background:#fff;padding:20px;display:flex;flex-direction:column;gap:16px;box-shadow:var(--sh-lg)}
body.page-help .mobile-nav-close{display:flex;justify-content:flex-end}
body.page-help .mobile-nav-links{display:flex;flex-direction:column;gap:8px}
body.page-help .mobile-nav-links a{padding:12px 14px;border-radius:14px;background:var(--light-50);font-weight:600}
body.page-help .mobile-nav-footer{margin-top:auto}
body.page-help .topo-bg{background-color:var(--cream);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='200'%3E%3Cg fill='none' stroke='%23c8cdd5' stroke-width='0.8' opacity='0.55'%3E%3Cpath d='M6,0 Q14,22 8,44 Q2,66 10,88 Q18,110 8,132 Q0,154 8,176 Q14,198 8,200'/%3E%3Cpath d='M18,0 Q26,22 20,44 Q14,66 22,88 Q30,110 20,132 Q12,154 20,176 Q26,198 20,200'/%3E%3Cpath d='M30,0 Q38,22 32,44 Q26,66 34,88 Q42,110 32,132 Q24,154 32,176 Q38,198 32,200'/%3E%3Cpath d='M42,0 Q50,22 44,44 Q38,66 46,88 Q54,110 44,132 Q36,154 44,176 Q50,198 44,200'/%3E%3Cpath d='M54,0 Q60,24 54,48 Q48,72 56,96 Q62,120 54,144 Q46,168 54,192 Q58,196 54,200'/%3E%3Cpath d='M66,0 Q72,24 66,48 Q60,72 68,96 Q74,120 66,144 Q58,168 66,192 Q70,196 66,200'/%3E%3Cpath d='M78,0 Q86,22 80,44 Q74,66 82,88 Q90,110 80,132 Q72,154 80,176 Q86,198 80,200'/%3E%3Cpath d='M90,0 Q98,22 92,44 Q86,66 94,88 Q102,110 92,132 Q84,154 92,176 Q98,198 92,200'/%3E%3Cpath d='M102,0 Q110,22 104,44 Q98,66 106,88 Q114,110 104,132 Q96,154 104,176 Q110,198 104,200'/%3E%3Cpath d='M114,0 Q120,24 114,48 Q108,72 116,96 Q120,118 114,142 Q108,166 116,190 Q120,196 114,200'/%3E%3C/g%3E%3C/svg%3E")}
body.page-help .hero-grid-line{position:absolute;inset:0;background-image:linear-gradient(rgba(0,0,0,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.025) 1px,transparent 1px);background-size:60px 60px;pointer-events:none}
body.page-help .help-hero{position:relative;padding:72px 0 56px;overflow:hidden}
body.page-help .help-hero::before{content:"";position:absolute;width:640px;height:640px;top:-180px;right:-160px;background:radial-gradient(ellipse,rgba(0,172,193,.12) 0%,transparent 65%);pointer-events:none}
body.page-help .help-hero::after{content:"";position:absolute;width:480px;height:480px;bottom:-120px;left:-80px;background:radial-gradient(ellipse,rgba(244,81,30,.11) 0%,transparent 65%);pointer-events:none}
body.page-help .help-hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:28px;align-items:start;position:relative;z-index:1}
body.page-help .hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(244,81,30,.08);border:1px solid rgba(244,81,30,.22);color:var(--saffron);font-size:12.5px;font-weight:700;padding:6px 16px;border-radius:var(--r-full);margin-bottom:20px;letter-spacing:.3px}
body.page-help .hero-eyebrow .dot{width:7px;height:7px;background:var(--saffron);border-radius:50%}
body.page-help .help-hero-copy h1{font-size:clamp(34px,4.5vw,58px);font-weight:900;color:var(--t-dark);line-height:1.08;letter-spacing:-1px;max-width:760px}
body.page-help .help-hero-desc{margin-top:18px;font-size:17px;max-width:760px}
body.page-help .help-hero-pills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:28px}
body.page-help .hero-pill{display:flex;align-items:center;gap:9px;padding:10px 14px;background:var(--white);border:1px solid var(--b-light);border-radius:var(--r-md);font-size:13px;font-weight:500;color:var(--t-body);box-shadow:var(--sh-xs)}
body.page-help .help-side-card{position:sticky;top:96px;background:#fff;border:1px solid var(--b-light);box-shadow:var(--sh-sm);border-radius:24px;padding:18px}
body.page-help .help-side-title{font-size:14px;font-weight:800;color:var(--t-dark);margin-bottom:12px}
body.page-help .knav-item{display:block;padding:10px 12px;border-radius:12px;color:var(--t-body);font-weight:600}
body.page-help .knav-item:hover, body.page-help .knav-item.active{background:var(--light-50);color:var(--saffron)}
body.page-help .help-main{padding:32px 0 72px;background:linear-gradient(180deg,#fff 0%,#fffdfb 100%)}
body.page-help .help-section, body.page-help .help-directory, body.page-help .help-contact{padding:24px 0}
body.page-help .help-section-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:26px;align-items:center;background:#fff;border:1px solid var(--b-light);border-radius:28px;padding:28px;box-shadow:var(--sh-sm)}
body.page-help .help-copy h2{font-size:32px;line-height:1.15;color:var(--t-dark);margin:6px 0 12px}
body.page-help .help-eyebrow, body.page-help .section-kicker{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--saffron)}
body.page-help .help-lead{font-size:16px;color:var(--t-body)}
body.page-help .help-bullets{display:grid;gap:10px;margin-top:18px}
body.page-help .help-bullets li{position:relative;padding-left:20px}
body.page-help .help-bullets li::before{content:"";position:absolute;left:0;top:.65em;width:8px;height:8px;border-radius:50%;background:var(--teal)}
body.page-help .help-video-box{margin-top:22px;padding:16px;border-radius:18px;background:linear-gradient(180deg,#fff8f2,#ffffff);border:1px solid rgba(244,81,30,.15)}
body.page-help .help-video-label{font-weight:800;color:var(--t-dark);margin-bottom:12px}
body.page-help .help-video-chips{display:flex;flex-wrap:wrap;gap:10px}
body.page-help .video-chip{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;background:#fff;border:1px solid var(--b-med);font-size:13px;font-weight:700;transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition)}
body.page-help .video-chip:hover{transform:translateY(-1px);border-color:var(--teal);box-shadow:0 8px 18px rgba(0,172,193,.12)}
body.page-help .help-shot{background:linear-gradient(180deg,#f8fbfd,#eef8fb);border:1px solid var(--b-light);border-radius:24px;padding:16px;display:flex;justify-content:center;align-items:center;min-height:360px}
body.page-help .help-shot img{max-height:520px;width:auto;border-radius:20px;box-shadow:var(--sh-md)}
body.page-help .help-shot-placeholder{flex-direction:column;text-align:center;padding:34px;background:linear-gradient(135deg,#fff8f2 0%,#f4fbff 100%)}
body.page-help .placeholder-badge{display:inline-flex;padding:8px 14px;border-radius:999px;background:#fff;border:1px solid var(--b-light);font-size:13px;font-weight:800;color:var(--saffron)}
body.page-help .placeholder-title{font-size:28px;line-height:1.1;font-weight:900;color:var(--t-dark);margin-top:16px}
body.page-help .help-shot-placeholder p{margin-top:12px;max-width:420px}
body.page-help .section-heading{max-width:760px;margin-bottom:22px}
body.page-help .section-heading h2{font-size:34px;color:var(--t-dark);line-height:1.12;margin-top:8px}
body.page-help .directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
body.page-help .directory-card{background:#fff;border:1px solid var(--b-light);border-radius:22px;padding:20px;box-shadow:var(--sh-xs)}
body.page-help .directory-card h3{font-size:20px;color:var(--t-dark);margin-bottom:12px}
body.page-help .help-contact-card{display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(135deg,#fff6ef,#f3fbfd);border:1px solid var(--b-light);border-radius:28px;padding:28px;box-shadow:var(--sh-sm)}
body.page-help .help-contact-card h2{font-size:32px;color:var(--t-dark);line-height:1.15;margin:8px 0 10px}
body.page-help .help-whatsapp-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:999px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-weight:800;box-shadow:0 8px 22px rgba(34,197,94,.25)}
body.page-help footer{background:var(--dark-900);padding:64px 0 0;color:var(--t-white-55);margin-top:24px}
body.page-help .footer-grid{display:grid;grid-template-columns:2fr 1.2fr 1.2fr 1fr 1.2fr;gap:40px;padding-bottom:48px}
body.page-help .footer-brand{display:block}
body.page-help .footer-brand p{font-size:13.5px;line-height:1.7;max-width:260px;margin-bottom:20px;color:var(--t-white-55)}
body.page-help .social-links{display:flex;gap:12px}
body.page-help .social-link{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--b-dark);color:var(--t-white-80);font-weight:800;transition:background var(--transition),transform var(--transition)}
body.page-help .social-link:hover{background:var(--teal);color:#fff;transform:translateY(-2px)}
body.page-help .footer-col h4{font-size:11.5px;font-weight:800;color:var(--teal);margin-bottom:18px;text-transform:uppercase;letter-spacing:1px}
body.page-help .footer-col a{display:block;font-size:13.5px;color:var(--t-white-55);padding:5px 0;transition:color var(--transition),padding-left var(--transition)}
body.page-help .footer-col a:hover{color:var(--t-white);padding-left:4px}
body.page-help .footer-bottom{border-top:1px solid var(--b-dark);padding:20px 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
body.page-help .footer-bottom p{font-size:12.5px;color:var(--t-white-30)}
body.page-help .footer-bottom-links{display:flex;gap:20px}
body.page-help .footer-bottom-links a{font-size:12.5px;color:var(--t-white-30);transition:color var(--transition)}
body.page-help .footer-bottom-links a:hover{color:var(--t-white-80)}
@media (max-width: 1040px){
  body.page-help .help-hero-grid, body.page-help .help-section-grid{grid-template-columns:1fr}
  body.page-help .help-side-card{position:relative;top:auto}
  body.page-help .footer-grid{grid-template-columns:1fr 1fr 1fr;gap:28px}
  body.page-help .footer-brand{grid-column:1/-1}
}
@media (max-width: 820px){
  body.page-help .nav-links, body.page-help .nav-actions{display:none}
  body.page-help .hamburger{display:flex}
  body.page-help .help-hero{padding:52px 0 36px}
  body.page-help .help-hero-pills{grid-template-columns:1fr 1fr}
  body.page-help .directory-grid{grid-template-columns:1fr}
  body.page-help .footer-grid{grid-template-columns:1fr 1fr}
  body.page-help .footer-bottom{flex-direction:column;align-items:flex-start}
}
@media (max-width: 620px){
  body.page-help .container{padding:0 18px}
  body.page-help .help-hero-copy h1{font-size:34px}
  body.page-help .help-copy h2, body.page-help .section-heading h2, body.page-help .help-contact-card h2{font-size:26px}
  body.page-help .help-section-grid, body.page-help .help-contact-card{padding:20px}
  body.page-help .help-hero-pills{grid-template-columns:1fr}
  body.page-help .help-shot{min-height:280px;padding:12px}
  body.page-help .footer-grid{grid-template-columns:1fr}
}


/* ===== enhanced help centre ===== */
body.page-help .help-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px}
body.page-help .help-summary-card{background:rgba(255,255,255,.9);border:1px solid var(--b-light);border-radius:22px;padding:18px;box-shadow:var(--sh-xs)}
body.page-help .help-summary-card h3{font-size:18px;color:var(--t-dark);margin-bottom:6px}
body.page-help .help-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}
body.page-help .help-detail-card{background:#fff;border:1px solid var(--b-light);border-radius:18px;padding:16px;box-shadow:var(--sh-xs)}
body.page-help .help-detail-card h3{font-size:17px;color:var(--t-dark);margin-bottom:6px;line-height:1.25}
body.page-help .help-detail-card p{font-size:14px;color:var(--t-body)}
body.page-help .help-note-box{margin-top:18px;padding:14px 16px;border-radius:16px;background:linear-gradient(180deg,#fff8f2,#fffcfa);border:1px solid rgba(244,81,30,.14);color:var(--t-body)}
body.page-help .help-two-col-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}
body.page-help .help-two-col-points>div{background:#fff;border:1px solid var(--b-light);border-radius:18px;padding:16px;box-shadow:var(--sh-xs)}
body.page-help .help-two-col-points h3{font-size:17px;color:var(--t-dark);margin-bottom:6px}
body.page-help .permission-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}
body.page-help .permission-item{background:#fff;border:1px solid var(--b-light);border-radius:18px;padding:16px;box-shadow:var(--sh-xs)}
body.page-help .permission-item h3{font-size:17px;color:var(--t-dark);margin-bottom:6px}
body.page-help .help-timeline{display:grid;gap:14px;margin-top:18px}
body.page-help .timeline-item{display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--b-light);border-radius:20px;padding:16px;box-shadow:var(--sh-xs)}
body.page-help .timeline-item>span{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:999px;background:linear-gradient(135deg,var(--saffron),#ff8a65);color:#fff;font-weight:800}
body.page-help .timeline-item h3{font-size:17px;color:var(--t-dark);margin-bottom:6px}
body.page-help .faq-layout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
body.page-help .faq-column{background:#fff;border:1px solid var(--b-light);border-radius:24px;padding:20px;box-shadow:var(--sh-xs)}
body.page-help .faq-group-title{font-size:18px;font-weight:800;color:var(--t-dark);margin-bottom:14px}
body.page-help .faq details{background:#fff8f2;border:1px solid rgba(244,81,30,.12);border-radius:18px;padding:14px 16px;box-shadow:none}
body.page-help .faq details+details{margin-top:12px}
body.page-help .faq summary{cursor:pointer;font-weight:800;color:var(--t-dark)}
body.page-help .faq p{color:var(--t-body);margin:10px 0 0;line-height:1.7}
@media (max-width: 1040px){body.page-help .faq-layout{grid-template-columns:1fr}body.page-help .permission-list{grid-template-columns:1fr 1fr}}
@media (max-width: 820px){body.page-help .help-summary-grid,body.page-help .help-detail-grid,body.page-help .help-two-col-points,body.page-help .permission-list{grid-template-columns:1fr}}




/* home help videos by language */
.home-topic-video{display:inline-flex;align-items:center}
.home-topic-video:hover{text-decoration:none}

/* home growth spacing */
body.page-home .growth-section .container{padding-top:6px;padding-bottom:6px}

/* help page refinements */
body.page-help .help-shot img.expandable-image{cursor:zoom-in}
body.page-help .help-shot-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
body.page-help .help-shot-duo img{width:100%;height:auto;max-height:540px;object-fit:contain;background:#fff;border-radius:20px;padding:10px;box-shadow:0 12px 28px rgba(15,23,42,.08)}
body.page-help .help-detail-grid-rich{grid-template-columns:repeat(2,minmax(0,1fr))}
body.page-help .faq-accordion{display:grid;gap:14px}
body.page-help .faq-detail{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:18px;padding:0 18px;box-shadow:0 10px 24px rgba(15,23,42,.04)}
body.page-help .faq-detail summary{list-style:none;cursor:pointer;font-size:20px;font-weight:800;color:var(--t-dark);padding:18px 34px 18px 0;position:relative}
body.page-help .faq-detail summary::-webkit-details-marker{display:none}
body.page-help .faq-detail summary::after{content:'+';position:absolute;right:0;top:16px;font-size:24px;line-height:1;color:var(--orange)}
body.page-help .faq-detail[open] summary::after{content:'−'}
body.page-help .faq-detail p{padding:0 0 18px;margin:0;color:var(--t-body);font-size:16px;line-height:1.75}
body.page-help .help-shot-placeholder{justify-content:center}
body.page-help .help-shot-placeholder .placeholder-title{font-size:clamp(30px,3vw,44px)}
body.page-help footer{background:#16251d;color:#edf5ee;padding-top:46px}
body.page-help .footer-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:24px;padding-bottom:28px}
body.page-help .footer-col h4, body.page-help .footer-brand h3{color:#fff}
body.page-help .footer-col a, body.page-help .footer-brand p, body.page-help .footer-bottom p, body.page-help .footer-bottom-links a{color:rgba(255,255,255,.72)}
body.page-help .footer-col a:hover, body.page-help .footer-bottom-links a:hover{color:#fff}
body.page-help .footer-bottom{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:20px 0 32px;border-top:1px solid rgba(255,255,255,.08)}
@media (max-width:768px){
  body.page-help .help-detail-grid-rich{grid-template-columns:1fr}
}