/* Shared Funded Note marketing styles */

:root{
  --saffron:#E8892E; --saffron-soft:rgba(232,137,46,.14);
  --india-green:#0C8F4A; --india-green-soft:rgba(12,143,74,.12);
  --chakra:#1A3A6B; --chakra-soft:rgba(26,58,107,.1);
  --lilac-deep:#3D3558; --lilac-main:#6B5B95; --lilac-light:#8B7AB8;
  --lilac-pale:#F5F0E8; --lilac-wash:#EDE6D8;
  --sage-dark:#0C8F4A; --sage-main:#0C8F4A; --sage-light:#2BB86A; --sage-pale:rgba(12,143,74,.12);
  --navy:#12182A; --navy-2:#1A2238; --ink:#1A1F2E; --slate:#5A6274; --muted:#8A8490;
  --line:#E5DCCE; --line-dark:rgba(26,31,46,.08);
  --paper:#FFF8F0; --wash:#F3EBE0; --pearl:#F8F2E8;
  --blue:var(--chakra); --blue-deep:var(--chakra);
  --green:var(--india-green); --green-wash:var(--india-green-soft);
  --red:#D64545; --gold:var(--saffron); --gold-soft:var(--saffron-soft);
  --r:18px; --shadow:0 22px 50px -28px rgba(26,58,107,.22);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:'Inter',sans-serif;color:var(--ink);
  background:
    radial-gradient(ellipse 80% 50% at 0% 0%, rgba(255,153,51,.18), transparent 55%),
    radial-gradient(ellipse 55% 45% at 100% 8%, rgba(19,136,8,.12), transparent 52%),
    radial-gradient(ellipse 50% 40% at 50% 100%, rgba(26,58,107,.08), transparent 55%),
    radial-gradient(ellipse 40% 30% at 70% 40%, rgba(255,255,255,.35), transparent 60%),
    linear-gradient(165deg, #FFF6EC 0%, #F3EBE0 38%, #EEF5EF 72%, #F5F0E6 100%);
  line-height:1.65;-webkit-font-smoothing:antialiased;font-size:15.5px;
  overscroll-behavior-y:auto;-webkit-overflow-scrolling:touch;
}
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-track{background:#EDE6D8}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#E8892E,#0C8F4A);border-radius:99px}
.mono{font-family:'IBM Plex Mono',monospace}
.wrap{max-width:1140px;margin:0 auto;padding:0 24px}
h1,h2,h3{font-family:'Sora',sans-serif;line-height:1.15;letter-spacing:-0.02em;color:var(--ink)}
a{text-decoration:none;color:inherit}
.up{color:var(--green)} .down{color:var(--red)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:'Inter',sans-serif;font-weight:600;border-radius:12px;padding:13px 26px;font-size:.94rem;transition:all .18s ease;cursor:pointer;border:none;letter-spacing:.01em}
.btn-primary{background:linear-gradient(145deg,#E8892E,#C96A12);color:#fff;box-shadow:0 14px 36px -12px rgba(232,137,46,.45);font-weight:700}
.btn-primary:hover{filter:brightness(1.06);transform:translateY(-2px)}
.btn-dark{background:linear-gradient(145deg,#1A3A6B,#12182A);color:#fff}
.btn-dark:hover{filter:brightness(1.1)}
.btn-outline{border:1.5px solid var(--line);color:var(--ink);background:rgba(255,248,240,.85)}
.btn-outline:hover{border-color:var(--saffron);color:#9A5A10;background:var(--saffron-soft)}
.btn-white{background:var(--paper);color:var(--ink);box-shadow:0 8px 24px -12px rgba(0,0,0,.2)}
.btn-white:hover{transform:translateY(-1px)}

.tri-bar{display:grid;grid-template-columns:1fr 1fr 1fr;height:3px}
.tri-bar i:nth-child(1){background:var(--saffron)}
.tri-bar i:nth-child(2){background:#fff}
.tri-bar i:nth-child(3){background:var(--india-green)}
.strip{background:linear-gradient(90deg,#1A1A28,#2A2438 50%,#1A1A28);color:#B8B5C4;font-size:.76rem;overflow:hidden;white-space:nowrap;border-bottom:1px solid rgba(255,255,255,.06)}
.strip-in{display:inline-block;padding:9px 0;animation:tick 32s linear infinite}
.strip b{color:#fff;font-weight:600}
.strip .mono{margin-right:40px;font-size:.74rem;letter-spacing:.02em}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.strip-in{animation:none}}

nav{position:sticky;top:0;z-index:50;background:rgba(255,248,240,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(229,220,206,.95)}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:70px}
.nav-auth{display:flex;gap:10px;align-items:center}
.nav-auth .nav-email{font-size:.78rem;font-weight:600;color:var(--slate);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:720px){.nav-auth .nav-email{display:none}}
.logo{font-family:'Sora',sans-serif;font-weight:800;font-size:1.22rem;color:var(--ink);display:flex;align-items:center;gap:2px}
.logo .note{background:linear-gradient(145deg,#E8892E,#0C8F4A);color:#fff;border-radius:8px;padding:2px 9px;margin-left:5px;box-shadow:0 8px 22px -10px rgba(232,137,46,.45)}
.nav-links{display:flex;gap:10px;font-size:.9rem;font-weight:500;color:var(--slate)}
.nav-links a{
  color:var(--slate);padding:8px 12px;border-radius:10px;
  transition:color .15s ease,background .15s ease,transform .15s ease;
}
.nav-links a:hover{
  color:var(--chakra);background:rgba(26,58,107,.08);
  transform:translateY(-1px);
}

.hero{
  padding:72px 0 88px;position:relative;overflow:hidden;
  background:
    radial-gradient(ellipse 60% 55% at 8% 15%, rgba(255,153,51,.2), transparent 58%),
    radial-gradient(ellipse 50% 45% at 92% 75%, rgba(19,136,8,.14), transparent 55%),
    radial-gradient(ellipse 40% 35% at 55% 45%, rgba(26,58,107,.06), transparent 60%),
    linear-gradient(180deg, #FFF7ED 0%, #F3EBE0 50%, #EEF4EF 100%);
}
.hero::before{
  content:"";position:absolute;left:8%;top:0;width:min(420px,70vw);height:240px;
  background:radial-gradient(ellipse,rgba(255,153,51,.22),transparent 70%);
  filter:blur(12px);pointer-events:none;animation:drift 10s ease-in-out infinite alternate;
}
@keyframes drift{from{transform:translate(0,0)}to{transform:translate(20px,12px)}}

.india-flag{
  position:absolute;inset:auto;
  width:min(98vw,780px);height:min(62vw,460px);
  right:-10%;top:4%;
  opacity:.14;pointer-events:none;z-index:0;
  border-radius:22px;overflow:hidden;
  transform-origin:center center;
  animation:flagWave 8s ease-in-out infinite;
  filter:saturate(1.05);
  box-shadow:0 40px 80px -40px rgba(90,75,122,.2);
}
.india-flag-2{
  left:-18%;right:auto;top:42%;
  width:min(70vw,480px);height:min(42vw,280px);
  opacity:.09;animation-delay:-3s;animation-duration:9s;
}
.india-flag .band{height:33.333%;width:100%}
.india-flag .saffron{background:#FF9933}
.india-flag .white{background:#FFFFFF;display:flex;align-items:center;justify-content:center;position:relative}
.india-flag .green{background:#138808}
.india-flag .chakra{
  width:min(14vw,78px);height:min(14vw,78px);border-radius:50%;
  border:2.5px solid #000080;opacity:.85;
  background:
    radial-gradient(circle at center, transparent 38%, #000080 39%, #000080 41%, transparent 42%),
    conic-gradient(from 0deg, #000080 0 4deg, transparent 4deg 15deg, #000080 15deg 19deg, transparent 19deg 30deg, #000080 30deg 34deg, transparent 34deg 45deg, #000080 45deg 49deg, transparent 49deg 60deg, #000080 60deg 64deg, transparent 64deg 75deg, #000080 75deg 79deg, transparent 79deg 90deg, #000080 90deg 94deg, transparent 94deg 105deg, #000080 105deg 109deg, transparent 109deg 120deg, #000080 120deg 124deg, transparent 124deg 135deg, #000080 135deg 139deg, transparent 139deg 150deg, #000080 150deg 154deg, transparent 154deg 165deg, #000080 165deg 169deg, transparent 169deg 180deg, #000080 180deg 184deg, transparent 184deg 195deg, #000080 195deg 199deg, transparent 199deg 210deg, #000080 210deg 214deg, transparent 214deg 225deg, #000080 225deg 229deg, transparent 229deg 240deg, #000080 240deg 244deg, transparent 244deg 255deg, #000080 255deg 259deg, transparent 259deg 270deg, #000080 270deg 274deg, transparent 274deg 285deg, #000080 285deg 289deg, transparent 289deg 300deg, #000080 300deg 304deg, transparent 304deg 315deg, #000080 315deg 319deg, transparent 319deg 330deg, #000080 330deg 334deg, transparent 334deg 345deg, #000080 345deg 349deg, transparent 349deg 360deg);
  animation:chakraSpin 18s linear infinite;
}
@keyframes flagWave{
  0%,100%{transform:perspective(900px) rotateY(-8deg) rotateZ(-2deg) skewX(-2deg) scale(1)}
  50%{transform:perspective(900px) rotateY(6deg) rotateZ(1.5deg) skewX(3deg) scale(1.04)}
}
@keyframes chakraSpin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){
  .india-flag,.india-flag .chakra,.hero::before{animation:none}
}

.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:56px;align-items:center;position:relative;z-index:1}
.brand-mark{
  font-family:'Sora',sans-serif;font-weight:800;
  font-size:clamp(2.4rem,6vw,3.4rem);letter-spacing:-.045em;line-height:.95;
  color:var(--ink);margin-bottom:16px;
}
.brand-mark .note{
  display:inline-block;margin-left:10px;padding:4px 14px 6px;border-radius:14px;vertical-align:middle;
  background:linear-gradient(135deg,#E8892E 0%,#C96A12 40%,#0C8F4A 100%);
  color:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.2) inset,0 16px 40px -14px rgba(232,137,46,.5);
}
.eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(255,248,240,.92);border:1px solid rgba(232,137,46,.35);
  color:#9A5A10;font-weight:700;font-size:.72rem;border-radius:99px;
  padding:7px 16px;margin-bottom:16px;letter-spacing:.08em;text-transform:uppercase;
  box-shadow:0 8px 24px -16px rgba(232,137,46,.3);
}
.eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:linear-gradient(180deg,var(--saffron),var(--india-green));animation:dotPulse 2.4s ease-in-out infinite}
.hero h1{font-size:clamp(2rem,4.2vw,2.85rem);font-weight:800;letter-spacing:-.03em}
.hero h1 .brand{color:var(--lilac-deep)}
.hero h1 em{font-style:normal;background:linear-gradient(90deg,#E8892E,#1A3A6B 45%,#0C8F4A);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p.lead{font-size:1.08rem;color:var(--slate);margin:16px 0 20px;max-width:32rem}
.hero p.lead strong{color:var(--ink);font-weight:600}

/* Hero entrance + soft loops */
.hero-copy .brand-mark,
.hero-copy .eyebrow,
.hero-copy h1,
.hero-copy .lead,
.hero-copy .india-lines,
.hero-copy .hero-ctas,
.hero-copy .hero-meta{animation:heroRise .75s cubic-bezier(.22,1,.36,1) both}
.hero-copy .brand-mark{animation-delay:.05s}
.hero-copy .eyebrow{animation-delay:.12s}
.hero-copy h1{animation-delay:.2s}
.hero-copy .lead{animation-delay:.28s}
.hero-copy .india-lines{animation-delay:.36s}
.hero-copy .hero-ctas{animation-delay:.48s}
.hero-copy .hero-meta{animation-delay:.58s}
.tracker{animation:heroRise .85s .22s cubic-bezier(.22,1,.36,1) both}
.tracker .tracker-body{animation:trackerFloat 6.5s 1.2s ease-in-out infinite}
.btn-primary{position:relative;overflow:hidden}
.btn-primary::after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  box-shadow:0 0 0 0 rgba(232,137,46,.35);
  animation:ctaGlow 2.8s ease-in-out infinite;
}
.sec-head{animation:none}
.sec-head.reveal-head{opacity:0;transform:translateY(16px);transition:opacity .65s ease,transform .65s ease}
.sec-head.reveal-head.in{opacity:1;transform:none}
.stat .v{transition:transform .35s ease}
.stat.in .v{animation:statPop .55s cubic-bezier(.22,1,.36,1) both}
.bar i{transform-origin:left center;transform:scaleX(.08);transition:transform 1.1s cubic-bezier(.22,1,.36,1)}
.tracker.in-view .bar i,.meter .bar i.anim{transform:scaleX(1)}
.lvl.reveal{transition-delay:calc(var(--d,0)*.06s)}
.step.reveal{transition-delay:calc(var(--d,0)*.07s)}
.rule.reveal{transition-delay:calc(var(--d,0)*.05s)}
@keyframes heroRise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes trackerFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes ctaGlow{0%,100%{box-shadow:0 0 0 0 rgba(232,137,46,.0)}50%{box-shadow:0 0 0 10px rgba(232,137,46,.0),0 14px 36px -10px rgba(232,137,46,.45)}}
@keyframes statPop{from{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes dotPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.25);opacity:.7}}
@media (prefers-reduced-motion:reduce){
  .hero-copy .brand-mark,.hero-copy .eyebrow,.hero-copy h1,.hero-copy .lead,
  .hero-copy .india-lines,.hero-copy .hero-ctas,.hero-copy .hero-meta,.tracker,
  .tracker .tracker-body,.btn-primary::after,.eyebrow::before{animation:none}
  .tracker{opacity:1;transform:none}
  .bar i{transform:none;transition:none}
}

.india-lines{display:flex;flex-direction:column;gap:10px;margin-bottom:26px;max-width:34rem}
.say{
  display:inline-flex;align-items:flex-start;gap:10px;
  background:rgba(255,248,240,.9);border:1px solid rgba(232,137,46,.22);
  border-radius:16px 16px 16px 5px;padding:12px 15px;
  font-size:.9rem;color:var(--ink);line-height:1.5;
  box-shadow:0 14px 36px -20px rgba(26,58,107,.18);
  animation:sayIn .7s ease both;
  backdrop-filter:blur(8px);
}
.say:nth-child(2){animation-delay:.12s;border-radius:16px 16px 5px 16px;align-self:flex-end;max-width:94%;border-color:rgba(12,143,74,.28)}
.say:nth-child(3){animation-delay:.24s;border-color:rgba(26,58,107,.22)}
.say .flag-dot{
  flex-shrink:0;width:22px;height:22px;border-radius:50%;
  background:linear-gradient(180deg,#FF9933 33%,#fff 33% 66%,#138808 66%);
  border:1px solid rgba(0,0,0,.06);margin-top:1px;
}
.say b{color:var(--chakra);font-weight:700}
.say .hi{color:var(--india-green);font-weight:700}
@keyframes sayIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.say{animation:none}}

.hero-ctas{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.hero-meta{display:flex;gap:22px;margin-top:26px;font-size:.8rem;color:var(--muted);flex-wrap:wrap}
.hero-meta span{display:flex;align-items:center;gap:7px}
.hero-meta span::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--saffron)}

.tracker{
  position:relative;overflow:hidden;border-radius:22px;
  border:1px solid rgba(232,137,46,.28);
  background:
    linear-gradient(155deg,rgba(255,153,51,.12) 0%,transparent 40%),
    linear-gradient(320deg,rgba(19,136,8,.08) 0%,transparent 45%),
    var(--paper);
  box-shadow:0 1px 0 rgba(255,255,255,.65) inset,0 28px 60px -28px rgba(26,58,107,.28);
}
.tracker::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.4) 50%,transparent 60%);
  background-size:200% 100%;animation:sheen 8s ease-in-out infinite;
}
@keyframes sheen{0%,100%{background-position:120% 0}50%{background-position:-20% 0}}
.tracker-head{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid var(--line);position:relative;background:linear-gradient(180deg,#FFF6EC,#F3EBE0)}
.tracker-head .acct{font-weight:600;font-size:.88rem}
.tracker-head .acct small{display:block;color:var(--muted);font-weight:500;font-size:.72rem;margin-top:1px}
.tracker-head .live{display:flex;align-items:center;gap:7px;font-size:.68rem;font-weight:700;color:var(--green);letter-spacing:.1em;background:var(--green-wash);border-radius:99px;padding:5px 12px;border:1px solid rgba(15,157,88,.22)}
.live-dot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:pulse 1.6s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.25}}
.tracker-body{padding:22px;position:relative}
.pos-row{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:var(--wash);border:1px solid var(--line);border-radius:14px;margin-bottom:20px}
.pos-row .sym{font-weight:600;font-size:.88rem}
.pos-row .sym small{display:block;color:var(--muted);font-weight:500;font-size:.72rem;margin-top:2px}
.pos-row .pnl{text-align:right;font-size:1rem;font-weight:700}
.pos-row .pnl small{display:block;font-weight:500;font-size:.7rem;color:var(--muted);margin-top:2px}
.meter{margin-bottom:17px}
.meter:last-child{margin-bottom:0}
.meter-top{display:flex;justify-content:space-between;font-size:.79rem;margin-bottom:7px}
.meter-top .lbl{color:var(--slate);font-weight:500}
.meter-top .val{font-weight:600}
.bar{height:7px;border-radius:99px;background:#E8DFD2;overflow:hidden}
.bar i{display:block;height:100%;border-radius:99px}
.bar .g{background:linear-gradient(90deg,var(--sage-main),var(--sage-light));width:64%}
.bar .b{background:linear-gradient(90deg,#E8892E,#1A3A6B);width:22%}
.bar .r{background:var(--red);width:9%}
.tracker-foot{display:flex;gap:8px;padding:15px 22px;border-top:1px solid var(--line);font-size:.7rem;color:var(--muted);flex-wrap:wrap;align-items:center;position:relative}
.chip{background:var(--green-wash);color:var(--green);border-radius:99px;padding:4px 11px;font-weight:600;border:1px solid rgba(15,157,88,.18)}
.chip.n{background:var(--wash);color:var(--slate);border:1px solid var(--line)}

.statsbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,248,240,.72);backdrop-filter:blur(8px)}
.stats-in{display:grid;grid-template-columns:repeat(4,1fr);padding:30px 0}
.stat{text-align:center;border-right:1px solid var(--line)}
.stat:last-child{border-right:none}
.stat .v{font-family:'IBM Plex Mono',monospace;font-size:1.5rem;font-weight:600;color:var(--ink)}
.stat .l{font-size:.78rem;color:var(--muted);margin-top:3px;letter-spacing:.03em}

section{padding:88px 0}
.sec-head{max-width:42rem;margin:0 auto 52px;text-align:center}
.sec-head .kicker{font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#9A5A10;display:block;margin-bottom:14px}
.sec-head h2{font-size:clamp(1.7rem,3.2vw,2.35rem);font-weight:800}
.sec-head p{color:var(--slate);margin-top:14px;font-size:1rem}

.tier-block{margin-top:8px}
.tier-block + .tier-block{margin-top:48px}
.tier-head{
  display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;
  margin-bottom:22px;padding-bottom:14px;border-bottom:1px solid var(--line);
}
.tier-head .th-kicker{
  font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#9A5A10;display:block;margin-bottom:6px;
}
.tier-head h3{font-size:1.35rem;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.tier-head p{color:var(--slate);font-size:.9rem;max-width:28rem;margin:0}
.tier-block.pro .tier-head{
  border-bottom-color:rgba(26,58,107,.18);
}
.tier-block.pro .th-kicker{color:var(--chakra)}
.tier-block.pro .levels .lvl{
  background:linear-gradient(180deg,#FFF9F2 0%,var(--paper) 55%);
  border-color:rgba(26,58,107,.16);
}
.tier-block.pro .lvl::before{background:linear-gradient(135deg,rgba(26,58,107,.1),transparent 42%)}
.tier-block.pro .lvl.hot{
  border-color:rgba(26,58,107,.45);
  box-shadow:0 24px 55px -28px rgba(26,58,107,.28);
}
.tier-block.pro .lvl .tag{
  background:linear-gradient(145deg,#1A3A6B,#0C8F4A);
}
.levels{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-top:16px;overflow:visible}
.lvl{
  position:relative;overflow:visible;
  border:1px solid var(--line);border-radius:20px;padding:32px 28px;
  background:var(--paper);
  box-shadow:0 18px 44px -30px rgba(26,58,107,.18);
  transition:.22s;
}
.lvl::before{
  content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;
  background:linear-gradient(135deg,rgba(255,153,51,.1),transparent 42%);
  overflow:hidden;
}
.lvl:hover{border-color:rgba(232,137,46,.4);transform:translateY(-4px);box-shadow:var(--shadow)}
.lvl.hot{border:1.5px solid rgba(232,137,46,.5);box-shadow:0 24px 55px -28px rgba(232,137,46,.28)}
.lvl .tag{
  position:absolute;top:-12px;left:22px;z-index:3;
  background:linear-gradient(145deg,#E8892E,#0C8F4A);color:#fff;
  font-size:.66rem;font-weight:700;padding:6px 14px;border-radius:99px;letter-spacing:.1em;
  box-shadow:0 8px 22px -10px rgba(232,137,46,.5);
  white-space:nowrap;line-height:1.2;
}
.lvl h3{font-size:.82rem;color:var(--muted);font-weight:700;letter-spacing:.1em;text-transform:uppercase;position:relative}
.lvl .size{font-family:'IBM Plex Mono',monospace;font-size:2.1rem;font-weight:600;margin:10px 0 2px;position:relative}
.lvl .fee{color:var(--slate);font-size:.88rem;margin-bottom:22px;position:relative}
.lvl .fee b{color:var(--ink);font-size:1.02rem;font-weight:600}
.lvl ul{list-style:none;font-size:.87rem;color:var(--slate);position:relative}
.lvl li{padding:9px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between}
.lvl li b{color:var(--ink);font-weight:600;font-family:'IBM Plex Mono',monospace;font-size:.84rem}
.lvl .btn{width:100%;margin-top:24px;position:relative}

.steps-wrap{
  color:#fff;border-radius:28px;padding:68px 56px;position:relative;overflow:hidden;
  border:1px solid rgba(255,153,51,.2);
  background:
    linear-gradient(120deg,rgba(255,153,51,.22) 0%,transparent 35%),
    linear-gradient(300deg,rgba(19,136,8,.18) 0%,transparent 40%),
    linear-gradient(180deg,#1A2238 0%,#12182A 100%);
  box-shadow:0 32px 70px -36px rgba(18,24,42,.5);
}
.steps-wrap::before{content:"";position:absolute;bottom:-180px;left:-120px;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(255,153,51,.22),transparent 65%)}
.steps-wrap .sec-head h2{color:#fff}
.steps-wrap .sec-head p{color:#A8AFC0}
.steps-wrap .sec-head .kicker{color:#F0C48A}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:34px;position:relative;counter-reset:step}
.step{counter-increment:step}
.step::before{content:"0" counter(step);font-family:'IBM Plex Mono',monospace;font-size:.8rem;font-weight:600;color:#E0B34E;display:inline-block;margin-bottom:14px;border:1px solid rgba(224,179,78,.35);border-radius:8px;padding:4px 10px;background:rgba(224,179,78,.08)}
.step h3{font-size:1rem;color:#fff;margin-bottom:9px;font-weight:700}
.step p{font-size:.85rem;color:#A8AFC0}

.rules-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.rule{
  border:1px solid var(--line);border-radius:18px;padding:22px;
  background:var(--paper);display:flex;gap:16px;align-items:flex-start;transition:.2s;
  box-shadow:0 14px 36px -28px rgba(26,58,107,.16);
}
.rule:hover{border-color:rgba(232,137,46,.4);transform:translateY(-2px)}
.rule .rv{font-family:'IBM Plex Mono',monospace;font-weight:600;font-size:1.05rem;flex-shrink:0;min-width:64px;text-align:center;border-radius:12px;padding:8px 6px}
.rule .rv.ok{color:var(--green);background:var(--green-wash);border:1px solid rgba(15,157,88,.18)}
.rule .rv.no{color:var(--red);background:rgba(229,72,77,.08);border:1px solid rgba(229,72,77,.18)}
.rule .rv.nu{color:var(--chakra);background:var(--chakra-soft);border:1px solid rgba(26,58,107,.22)}
.rule div b{display:block;font-size:.9rem;margin-bottom:2px}
.rule div p{font-size:.8rem;color:var(--slate)}
.rules-note{text-align:center;margin-top:32px;font-size:.9rem;color:var(--slate)}
.rules-note a{color:var(--chakra);font-weight:600}

.trust{background:linear-gradient(180deg,#F0E8DC,#F8F2E8 50%,#EEF4EF);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.trust-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.t-card{
  background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:28px;
  box-shadow:0 14px 36px -28px rgba(26,58,107,.14);
  transition:border-color .2s,transform .2s;
}
.t-card:hover{border-color:rgba(12,143,74,.35);transform:translateY(-2px)}
.t-card h3{font-size:1rem;margin-bottom:9px;display:flex;align-items:center;gap:12px;font-weight:700}
.t-card h3::before{content:"✓";display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:8px;background:var(--green-wash);color:var(--green);font-size:.78rem;flex-shrink:0;font-weight:700;border:1px solid rgba(15,157,88,.2)}
.t-card p{font-size:.88rem;color:var(--slate)}

.faq{max-width:46rem;margin:0 auto}
details{
  border:1px solid var(--line);border-radius:16px;margin-bottom:10px;
  background:var(--paper);transition:.22s;overflow:hidden;
  box-shadow:0 10px 28px -24px rgba(26,58,107,.14);
}
details:hover{
  border-color:rgba(232,137,46,.45);
  box-shadow:0 14px 32px -22px rgba(232,137,46,.28);
  background:linear-gradient(180deg,#FFF8F0,#FFFCF7);
}
details[open]{
  border-color:rgba(232,137,46,.4);
  background:linear-gradient(180deg,#FFF6EC,#FFF8F0);
}
summary{cursor:pointer;font-weight:600;padding:18px 20px;font-size:.94rem;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;font-family:'Sora',sans-serif;transition:color .15s ease}
details:hover summary{color:var(--chakra)}
summary::-webkit-details-marker{display:none}
summary::after{
  content:"";width:28px;height:28px;flex-shrink:0;border-radius:8px;
  background:var(--saffron-soft);border:1px solid rgba(232,137,46,.3);
  background-image:linear-gradient(#E8892E,#E8892E),linear-gradient(#E8892E,#E8892E);
  background-size:10px 1.5px,1.5px 10px;background-position:center;background-repeat:no-repeat;
}
details[open] summary::after{background-size:10px 1.5px,0 0}
details p{padding:0 20px 18px;font-size:.89rem;color:var(--slate)}
details p a{color:var(--chakra);font-weight:600}

.cta-end{
  text-align:center;color:#fff;border-radius:28px;padding:72px 32px;position:relative;overflow:hidden;
  border:1px solid rgba(255,153,51,.25);
  background:
    linear-gradient(135deg,rgba(255,153,51,.25) 0%,transparent 40%),
    linear-gradient(225deg,rgba(19,136,8,.2) 0%,transparent 45%),
    linear-gradient(135deg,#1A2238 0%, #162033 55%, #12182A 100%);
  box-shadow:0 32px 70px -36px rgba(18,24,42,.45);
}
.cta-end::before{
  content:"";position:absolute;inset:0;opacity:.18;pointer-events:none;
  background:linear-gradient(90deg,var(--saffron),transparent 30%,transparent 70%,var(--india-green));
}
.cta-end::after{
  content:"";position:absolute;top:-120px;right:-80px;width:360px;height:360px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,153,51,.3),transparent 65%);pointer-events:none;
}
.cta-end h2{font-size:clamp(1.6rem,3.2vw,2.3rem);font-weight:800;color:#fff;position:relative}
.cta-end p{opacity:.85;margin:14px 0 30px;position:relative;color:#C4C8D4}
.cta-end .btn{position:relative}

footer{padding:52px 0 36px;font-size:.83rem;color:var(--slate)}
.foot-grid{display:flex;justify-content:space-between;gap:36px;flex-wrap:wrap;margin-bottom:30px}
.foot-grid b{color:var(--ink);display:block;margin-bottom:8px;font-size:.86rem}
.foot-grid p{line-height:2}
.foot-grid a{
  color:var(--slate);border-radius:6px;padding:2px 4px;margin:0 -4px;
  transition:color .15s ease,background .15s ease;
}
.foot-grid a:hover{color:var(--chakra);background:rgba(26,58,107,.08)}
.logo{transition:opacity .15s ease,transform .15s ease}
.logo:hover{opacity:.85;transform:translateY(-1px)}
.mobile-menu a{
  padding:11px 8px;font-weight:500;color:var(--slate);border-bottom:1px solid var(--wash);
  border-radius:10px;transition:color .15s ease,background .15s ease;
}
.mobile-menu a:hover{color:var(--chakra);background:rgba(26,58,107,.08)}
.menu-btn:hover{border-color:var(--saffron);color:var(--chakra);background:var(--saffron-soft)}
.rules-note a{transition:color .15s ease,background .15s ease;border-radius:6px;padding:2px 4px}
.rules-note a:hover{background:rgba(26,58,107,.08);text-decoration:underline}
.lvl:hover .btn-outline{border-color:var(--saffron);color:#9A5A10;background:var(--saffron-soft)}
.disclaimer a:hover,.copyright a:hover{color:var(--chakra);text-decoration:underline}
a[href^="mailto:"]:hover{filter:brightness(1.1)}
@media (hover:hover){
  a,button,.btn,summary,.menu-btn{cursor:pointer}
}
.disclaimer{background:var(--wash);border:1px solid var(--line);border-radius:14px;padding:18px 20px;font-size:.74rem;line-height:1.75;color:var(--muted)}
.copyright{margin-top:20px;text-align:center;color:var(--muted);font-size:.78rem}

.compare{max-width:56rem;margin:0 auto;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 22px 50px -30px rgba(26,58,107,.18);background:var(--paper)}
.compare table{width:100%;border-collapse:collapse;font-size:.9rem;background:var(--paper)}
.compare th,.compare td{padding:15px 20px;text-align:left;border-bottom:1px solid var(--line)}
.compare thead th{font-family:'Sora',sans-serif;font-size:.82rem;letter-spacing:.04em;color:var(--slate);background:var(--wash)}
.compare thead th.fn{color:var(--chakra)}
.compare tbody td:first-child{color:var(--slate);font-weight:500;width:26%}
.compare td.fn{background:rgba(255,153,51,.1);font-weight:500}
.compare td.fn b{color:#9A5A10}
.compare tbody tr:last-child td{border-bottom:none}


.reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}

.menu-btn{display:none;background:none;border:1.5px solid var(--line);border-radius:10px;padding:9px 12px;cursor:pointer;font-size:1rem;line-height:1;color:var(--ink);transition:border-color .15s ease,color .15s ease,background .15s ease}
.mobile-menu{display:none;flex-direction:column;gap:2px;padding:10px 24px 18px;background:var(--paper);border-bottom:1px solid var(--line)}
.mobile-menu.open{display:flex}

.modal-bg{display:none;position:fixed;inset:0;background:rgba(20,20,31,.45);backdrop-filter:blur(6px);z-index:100;align-items:center;justify-content:center;padding:20px}
.modal-bg.open{display:flex}
.modal{
  background:var(--paper);border:1px solid var(--line);
  border-radius:22px;max-width:400px;width:100%;padding:30px;
  box-shadow:0 30px 80px -20px rgba(18,24,42,.35);color:var(--ink);
}
.modal h3{font-size:1.15rem;margin-bottom:4px}
.modal .msub{font-size:.85rem;color:var(--slate);margin-bottom:22px}
.modal .msub b{color:#9A5A10}
.modal label{display:block;font-size:.78rem;font-weight:600;color:var(--slate);margin-bottom:6px}
.modal input{width:100%;border:1.5px solid var(--line);border-radius:10px;padding:12px 14px;font-size:.92rem;font-family:'Inter',sans-serif;margin-bottom:16px;transition:.15s;background:#FFFCF7;color:var(--ink)}
.modal input:focus{outline:none;border-color:var(--saffron);box-shadow:0 0 0 3px rgba(232,137,46,.18)}
.modal input[readonly]{background:#F3EEE6;color:var(--slate);cursor:default}
.modal .btn{width:100%}
.modal .mclose{background:none;border:none;float:right;font-size:1.2rem;cursor:pointer;color:var(--muted);margin:-6px -6px 0 0}
.modal .merr{color:var(--red);font-size:.8rem;margin:-8px 0 12px;display:none}
.modal .mnote{font-size:.72rem;color:var(--muted);text-align:center;margin-top:12px}
.modal .mok{color:#1B7A4B;font-size:.82rem;margin:8px 0 12px;display:none;line-height:1.4}
.login-gate{display:none;text-align:center;padding:6px 0 2px}
.login-gate.on{display:block}
.login-gate .g-ico{
  width:52px;height:52px;border-radius:50%;margin:0 auto 14px;
  background:rgba(66,133,244,.1);color:#4285F4;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700;
}
.login-gate p{font-size:.88rem;color:var(--slate);line-height:1.5;margin-bottom:18px}
.login-gate .btn-google{
  width:100%;display:inline-flex;align-items:center;justify-content:center;gap:10px;
  background:#fff;border:1.5px solid var(--line);color:var(--ink);font-weight:700;
  padding:13px 18px;border-radius:12px;cursor:pointer;font-family:inherit;font-size:.92rem;
}
.login-gate .btn-google:hover{border-color:var(--saffron);background:var(--saffron-soft)}
.login-gate .btn-google:disabled{opacity:.6;cursor:wait}
.upi-box{display:none;text-align:center;margin:4px 0 8px}
.upi-box.on{display:block}
.upi-box img{width:200px;height:200px;border-radius:12px;border:1.5px solid var(--line);background:#fff;margin:0 auto 12px}
.upi-box .upi-amt{font-size:1.35rem;font-weight:800;color:var(--ink);margin-bottom:4px}
.upi-box .upi-hint{font-size:.75rem;color:var(--slate);line-height:1.45;margin:8px 0 0}
.upi-done{display:none;text-align:center;padding:8px 0 4px}
.upi-done.on{display:block}
.upi-done .done-ico{width:52px;height:52px;border-radius:50%;background:rgba(12,143,74,.12);color:#0C8F4A;font-size:1.6rem;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;font-weight:700}
.upi-done .done-ico.wait{background:rgba(232,137,46,.14);color:#C96A12;font-size:0;position:relative}
.upi-done .done-ico.wait::after{
  content:"";width:22px;height:22px;border:3px solid rgba(201,106,18,.25);border-top-color:#C96A12;
  border-radius:50%;animation:spinWait .7s linear infinite;display:block;
}
@keyframes spinWait{to{transform:rotate(360deg)}}
.upi-done h4{font-size:1.05rem;margin-bottom:8px}
.upi-done p{font-size:.85rem;color:var(--slate);line-height:1.5;margin-bottom:12px}
.upi-done .wait-timer{font-size:.78rem;color:var(--muted);margin-bottom:16px}
.pay-toast{
  display:none;position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:120;
  max-width:min(520px,92vw);padding:14px 18px;border-radius:14px;font-size:.88rem;line-height:1.45;
  background:#12281C;color:#E8FFF0;border:1px solid rgba(12,143,74,.45);
  box-shadow:0 18px 40px -16px rgba(0,0,0,.35);
}
.pay-toast.on{display:block;animation:heroRise .4s ease both}
.pay-toast a{color:#7DFFB2;font-weight:700;text-decoration:underline;text-underline-offset:2px}
.comp-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:8px}
.comp-card{
  background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:22px 22px 20px;
}
.comp-card h3{font-size:1.02rem;margin-bottom:10px}
.comp-card p,.comp-card li{font-size:.86rem;color:var(--slate);line-height:1.55;margin-bottom:8px}
.comp-card ul{padding-left:18px;margin:0}
.comp-card a{color:var(--chakra);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.pay-table{width:100%;border-collapse:collapse;font-size:.84rem;margin-top:8px}
.pay-table th,.pay-table td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.pay-table th{background:var(--wash);font-weight:700;color:var(--ink);width:28%}
.pay-table td{color:var(--slate);line-height:1.5}
.biz-strip{
  margin-top:18px;padding:16px 18px;border-radius:14px;border:1px solid var(--line);
  background:rgba(255,252,247,.9);font-size:.8rem;color:var(--slate);line-height:1.55;
}
.biz-strip b{color:var(--ink)}
@media(max-width:820px){.comp-grid{grid-template-columns:1fr}}

.busy-bg{display:none;position:fixed;inset:0;background:rgba(20,20,31,.5);backdrop-filter:blur(8px);z-index:130;align-items:center;justify-content:center;padding:20px}
.busy-bg.open{display:flex}
.busy-card{
  background:var(--paper);border:1px solid var(--line);border-radius:22px;max-width:420px;width:100%;
  padding:32px 28px;text-align:center;box-shadow:0 30px 80px -20px rgba(18,24,42,.4);color:var(--ink);
  animation:busyIn .35s ease;
}
@keyframes busyIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
.busy-card .busy-ico{
  width:56px;height:56px;border-radius:50%;margin:0 auto 16px;
  background:rgba(232,137,46,.14);color:#C96A12;display:flex;align-items:center;justify-content:center;
  font-size:1.5rem;font-weight:800;
}
.busy-card h3{font-size:1.15rem;margin-bottom:10px;letter-spacing:-.02em}
.busy-card p{font-size:.9rem;color:var(--slate);line-height:1.55;margin-bottom:10px}
.busy-card p.sub{font-size:.8rem;color:var(--muted);margin-bottom:20px}
.busy-card .btn{width:100%}
.busy-card .btn + .btn{margin-top:10px}

/* —— Mobile: dense, professional, less scroll —— */
@media(max-width:920px){
  body{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}
  .strip{display:none}
  .menu-btn{display:block}
  .nav-links{display:none}
  .wrap{padding:0 14px}
  .nav-in{height:50px}
  .nav-auth{gap:6px}
  .nav-auth .btn{padding:8px 11px;font-size:.76rem;min-height:38px;border-radius:10px}
  #navPrimary{display:none}
  .logo{font-size:1.02rem}
  .menu-btn{min-width:38px;min-height:38px;padding:7px;border-radius:10px}
  .mobile-menu{padding:6px 14px 12px}
  .mobile-menu a{padding:11px 10px;min-height:42px;font-size:.9rem}

  .m-dock{
    display:flex;align-items:center;justify-content:space-between;gap:10px;
    position:fixed;left:0;right:0;bottom:0;z-index:60;
    padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));
    background:rgba(255,248,240,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
    border-top:1px solid rgba(229,220,206,.95);
    box-shadow:0 -10px 28px -16px rgba(26,58,107,.28);
  }
  .m-dock .md-copy{font-size:.72rem;color:var(--slate);line-height:1.25;min-width:0}
  .m-dock .md-copy b{display:block;font-size:.88rem;color:var(--ink);font-family:'Sora',sans-serif;font-weight:700}
  .m-dock .btn{flex:0 0 auto;min-height:44px;padding:10px 16px;font-size:.84rem;border-radius:12px}

  .hero{padding:16px 0 20px}
  .brand-mark,.india-flag,.india-flag-2,.tracker,.hero-meta{display:none !important}
  .eyebrow{margin-bottom:6px;padding:4px 10px;font-size:.62rem}
  .hero h1{font-size:clamp(1.35rem,6vw,1.7rem);line-height:1.12}
  .hero p.lead{font-size:.84rem;line-height:1.4;margin:6px 0 10px;max-width:100%}
  .india-lines{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px;margin-bottom:12px;max-width:100%}
  .say{
    padding:6px 10px;font-size:.72rem;line-height:1.3;border-radius:99px;
    align-self:auto !important;max-width:100% !important;flex:0 1 auto;
    background:rgba(255,248,240,.92);
  }
  .say:nth-child(2){border-radius:99px;align-self:auto;max-width:100%}
  .say .flag-dot{width:10px;height:10px;margin-top:0}
  .hero-ctas{flex-direction:row;flex-wrap:nowrap;gap:8px;align-items:stretch}
  .hero-ctas .btn{flex:1;min-height:44px;padding:11px 12px;font-size:.84rem}
  .hero-ctas .btn-outline{display:none}

  section{padding:26px 0}
  .sec-head{margin:0 auto 14px}
  .sec-head .kicker{margin-bottom:4px;font-size:.62rem;letter-spacing:.1em}
  .sec-head h2{font-size:clamp(1.15rem,4.8vw,1.4rem);line-height:1.2}
  .sec-head p{margin-top:4px;font-size:.8rem;line-height:1.35}

  .statsbar{border-top:none}
  .stats-in{grid-template-columns:repeat(4,1fr);padding:10px 0;gap:0}
  .stat{padding:6px 2px;border-right:1px solid var(--line)}
  .stat:last-child{border-right:none}
  .stat .v{font-size:.95rem}
  .stat .l{font-size:.58rem;line-height:1.2;margin-top:2px}
  .stat:nth-child(2){border-right:1px solid var(--line)}

  .hero-grid{grid-template-columns:1fr}
  .levels{
    display:flex;grid-template-columns:none;gap:10px;padding-top:4px;
    overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;
    padding-bottom:6px;margin:0 -14px;padding-left:14px;padding-right:14px;
  }
  .levels .lvl{
    flex:0 0 min(78vw,300px);scroll-snap-align:start;
    padding:14px 14px;border-radius:14px;
  }
  .trust-grid{grid-template-columns:1fr 1fr;gap:7px}
  .rules-grid{grid-template-columns:1fr 1fr;gap:7px}
  .steps{grid-template-columns:1fr 1fr;gap:8px}
  .steps-wrap{padding:20px 14px;border-radius:16px}
  .step{padding:12px 10px}
  .step::before{margin-bottom:8px;padding:3px 8px;font-size:.72rem}
  .step h3{font-size:.82rem}
  .step p{font-size:.7rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

  .tier-block + .tier-block{margin-top:20px}
  .tier-head{margin-bottom:10px;padding-bottom:6px;flex-direction:column;align-items:flex-start;gap:4px}
  .tier-head h3{font-size:1rem}
  .tier-head p{font-size:.76rem}
  .lvl .size{font-size:1.4rem;margin:4px 0 2px}
  .lvl .fee{font-size:.76rem;margin-bottom:10px}
  .lvl li{padding:5px 0;font-size:.76rem}
  .lvl .btn{min-height:40px;padding:9px 12px;font-size:.8rem}

  .comp-grid{gap:8px}
  .comp-card{padding:12px 12px 10px;border-radius:12px}
  .comp-card h3{font-size:.86rem;margin-bottom:5px}
  .comp-card p,.comp-card li{font-size:.76rem;margin-bottom:4px;line-height:1.35}
  .comp-card ul{padding-left:16px}

  .compare{overflow:visible;border-radius:12px}
  .compare table{min-width:0;width:100%;font-size:.76rem;table-layout:fixed}
  .compare th,.compare td{padding:8px 9px;line-height:1.3;word-break:break-word}
  .compare thead th:last-child,
  .compare tbody td:last-child{display:none}
  .compare tbody td:first-child{width:38%;font-size:.72rem}
  .compare td.fn{width:62%}

  .rule{padding:8px 8px;border-radius:10px;gap:6px;align-items:flex-start}
  .rule .rv{min-width:40px;font-size:.78rem;padding:5px 3px;border-radius:8px}
  .rule div b{font-size:.72rem;margin-bottom:0;line-height:1.15}
  .rule div p{font-size:.62rem;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .rules-note{margin-top:10px;font-size:.74rem;line-height:1.35}

  .t-card{padding:10px 10px;border-radius:11px}
  .t-card h3{font-size:.74rem;margin-bottom:4px;gap:6px;align-items:flex-start;line-height:1.2}
  .t-card h3::before{width:18px;height:18px;font-size:.62rem;border-radius:5px;margin-top:1px}
  .t-card p{font-size:.68rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

  .faq details{border-radius:10px;margin-bottom:5px}
  summary{padding:10px 11px;font-size:.8rem;gap:8px}
  details p{padding:0 11px 10px;font-size:.76rem;line-height:1.35}

  .cta-end{padding:22px 16px;border-radius:16px}
  .cta-end h2{font-size:1.15rem}
  .cta-end p{margin:6px 0 12px;font-size:.8rem}
  .cta-end .btn{min-height:44px}

  .pay-table{display:block}
  .pay-table thead{display:none}
  .pay-table tbody,.pay-table tr,.pay-table th,.pay-table td{display:block;width:100%}
  .pay-table tr{margin-bottom:8px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--paper)}
  .pay-table th,.pay-table td{padding:7px 10px;border:none;border-bottom:1px solid var(--line)}
  .pay-table th,.pay-table td:first-child{background:var(--wash);font-weight:700;font-size:.74rem;color:var(--ink);width:auto}
  .pay-table td:last-child{border-bottom:none;font-size:.74rem;line-height:1.35}
  .biz-strip{margin-top:10px;padding:10px 12px;font-size:.72rem;line-height:1.4}

  footer{padding:22px 0 18px;font-size:.74rem}
  .foot-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 10px;margin-bottom:12px}
  .foot-grid > div:first-child{grid-column:1/-1}
  .foot-grid > div:first-child p{margin-top:6px !important;line-height:1.45}
  .foot-grid b{margin-bottom:2px;font-size:.76rem}
  .foot-grid p{line-height:1.55}
  .disclaimer{padding:10px 12px;font-size:.64rem;line-height:1.5;border-radius:10px}
  .copyright{margin-top:10px;font-size:.68rem;text-align:center}

  .modal-bg{align-items:flex-end;padding:0;padding-bottom:env(safe-area-inset-bottom,0)}
  .modal{max-width:100%;border-radius:18px 18px 0 0;max-height:min(92dvh,920px);overflow-y:auto;-webkit-overflow-scrolling:touch;padding:18px 14px 22px}
  .upi-box img{width:min(170px,58vw);height:auto;aspect-ratio:1}
  .busy-bg{align-items:flex-end;padding:0}
  .busy-card{max-width:100%;border-radius:18px 18px 0 0;padding:20px 14px 22px}
  .pay-toast{bottom:calc(72px + env(safe-area-inset-bottom,0))}
  .btn{min-height:40px}
}
@media(max-width:540px){
  .steps{grid-template-columns:1fr 1fr}
  .rules-grid{grid-template-columns:1fr 1fr;gap:6px}
  .hero-ctas .btn{flex:1}
  section{padding:22px 0}
  .stats-in{grid-template-columns:repeat(4,1fr)}
  .rule .rv{min-width:36px;font-size:.72rem}
  .rule div b{font-size:.68rem}
  .rule div p{font-size:.58rem}
  .levels .lvl{flex-basis:min(82vw,280px)}
}
@media(min-width:921px){
  .m-dock{display:none !important}
}
body:has(.modal-bg.open) .m-dock,
body:has(.busy-bg.open) .m-dock{display:none !important}

:focus-visible{outline:2.5px solid var(--saffron);outline-offset:2px;border-radius:6px}