/* Namaskara public site — design system v3 "Desi Modern".
   Apple's clarity (centred heroes, bento tiles, bold tight type), Meta's warmth (soft gradients,
   rounded friendly shapes), MetaLab's craft (crisp motion, marquee, generous rhythm), with an Indian
   hand: kolam dot-loops, jaali lattice, block-print borders and a rubber "BLOCKED" stamp.
   Self-hosted fonts only; no CDNs, no trackers.

   Type   DM Sans variable (display 700 + text) · Instrument Serif italic for the accent phrase
   Colour warm white + ink; neel (indigo) is the lead; jamun and laterite join it in one gradient;
   haldi (marigold) and moss are supporting tiles. Every text pairing meets WCAG AA:
   ink/paper 17.6 · muted/tile 6.0 · neel/paper 9.1 · white/neel 9.75 · white/laterite 5.9 ·
   ink/haldi 8.7 · white/moss 6.3 · white/jamun 8.6. No tricolour, no saffron+green pairings. */

@font-face{font-family:HiSerif;src:url(../fonts/InstrumentSerif-Regular.ttf) format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:HiSerif;src:url(../fonts/InstrumentSerif-Italic.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:HiSans;src:url(../fonts/DMSans-Variable.ttf) format("truetype");font-weight:100 1000;font-display:swap}
@font-face{font-family:NotoDeva;src:url(../fonts/NotoSansDevanagari.ttf) format("truetype");unicode-range:U+0900-097F,U+1CD0-1CFF,U+A8E0-A8FF;font-display:swap}
@font-face{font-family:NotoBeng;src:url(../fonts/NotoSansBengali.ttf) format("truetype");unicode-range:U+0980-09FF;font-display:swap}
@font-face{font-family:NotoTaml;src:url(../fonts/NotoSansTamil.ttf) format("truetype");unicode-range:U+0B80-0BFF;font-display:swap}
@font-face{font-family:NotoTelu;src:url(../fonts/NotoSansTelugu.ttf) format("truetype");unicode-range:U+0C00-0C7F;font-display:swap}
@font-face{font-family:NotoGujr;src:url(../fonts/NotoSansGujarati.ttf) format("truetype");unicode-range:U+0A80-0AFF;font-display:swap}
@font-face{font-family:NotoKnda;src:url(../fonts/NotoSansKannada.ttf) format("truetype");unicode-range:U+0C80-0CFF;font-display:swap}
@font-face{font-family:NotoMlym;src:url(../fonts/NotoSansMalayalam.ttf) format("truetype");unicode-range:U+0D00-0D7F;font-display:swap}
@font-face{font-family:NotoGuru;src:url(../fonts/NotoSansGurmukhi.ttf) format("truetype");unicode-range:U+0A00-0A7F;font-display:swap}
@font-face{font-family:NotoOrya;src:url(../fonts/NotoSansOriya.ttf) format("truetype");unicode-range:U+0B00-0B7F;font-display:swap}
@font-face{font-family:NotoUrdu;src:url(../fonts/NotoNastaliqUrdu.ttf) format("truetype");unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF;font-display:swap}

:root{
  --ink:#121110; --paper:#FBF8F3; --tile:#F1ECE3; --tile-2:#E8E0D2; --muted:#5C564D; --rule:rgba(18,17,16,.12);
  --neel:#2A27B0; --neel-2:#3A36CC; --neel-deep:#17156B; --neel-soft:#E4E3FB;
  --jamun:#6A2AA8; --laterite:#B23A1E; --laterite-soft:#F7E2DA; --haldi:#F2A007; --haldi-soft:#FCEFD2;
  --moss:#1E6B4A; --moss-soft:#DDEDE4;
  --grad:linear-gradient(100deg,var(--neel) 0%,var(--jamun) 55%,var(--laterite) 100%);
  --indic:NotoDeva,NotoBeng,NotoTaml,NotoTelu,NotoGujr,NotoKnda,NotoMlym,NotoGuru,NotoOrya,NotoUrdu;
  --sans:HiSans,var(--indic),system-ui,-apple-system,"Segoe UI",sans-serif;
  --serif:HiSerif,var(--indic),Georgia,"Times New Roman",serif;
  --max:1240px; --gutter:clamp(20px,4vw,48px); --section:clamp(80px,10vw,150px);
  --r-xl:36px; --r-lg:28px; --r-md:20px;
  --ease:cubic-bezier(.2,.7,.2,1);
  --shadow:0 1px 2px rgba(18,17,16,.04),0 12px 32px -12px rgba(18,17,16,.18);
  --shadow-lg:0 2px 4px rgba(18,17,16,.04),0 40px 80px -32px rgba(18,17,16,.35);
  /* kolam: four-petal loop around a dot, tiled */
  --kolam-ink:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg fill='none' stroke='%232E2BB8' stroke-opacity='.16' stroke-width='1.1'%3E%3Cpath d='M5 20Q20 5 35 20Q20 35 5 20Z'/%3E%3Cpath d='M20 5Q35 20 20 35Q5 20 20 5Z'/%3E%3C/g%3E%3Ccircle cx='20' cy='20' r='1.7' fill='%232E2BB8' fill-opacity='.28'/%3E%3Ccircle cx='0' cy='0' r='1.4' fill='%232E2BB8' fill-opacity='.2'/%3E%3Ccircle cx='40' cy='0' r='1.4' fill='%232E2BB8' fill-opacity='.2'/%3E%3Ccircle cx='0' cy='40' r='1.4' fill='%232E2BB8' fill-opacity='.2'/%3E%3Ccircle cx='40' cy='40' r='1.4' fill='%232E2BB8' fill-opacity='.2'/%3E%3C/svg%3E");
  --kolam-light:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.13' stroke-width='1.1'%3E%3Cpath d='M5 20Q20 5 35 20Q20 35 5 20Z'/%3E%3Cpath d='M20 5Q35 20 20 35Q5 20 20 5Z'/%3E%3C/g%3E%3Ccircle cx='20' cy='20' r='1.7' fill='%23ffffff' fill-opacity='.25'/%3E%3C/svg%3E");
  /* jaali: interlocking circles, like a carved stone screen */
  --jaali:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.07' stroke-width='1.2'%3E%3Ccircle cx='0' cy='0' r='24'/%3E%3Ccircle cx='48' cy='0' r='24'/%3E%3Ccircle cx='0' cy='48' r='24'/%3E%3Ccircle cx='48' cy='48' r='24'/%3E%3Ccircle cx='24' cy='24' r='24'/%3E%3C/g%3E%3C/svg%3E");
  /* block print: hand-stamped buti between two rules */
  --print:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='22' viewBox='0 0 44 22'%3E%3Cpath d='M0 1.5H44M0 20.5H44' stroke='%23B23A1E' stroke-width='1.2'/%3E%3Cg fill='%23B23A1E'%3E%3Ccircle cx='22' cy='7.6' r='2.4'/%3E%3Ccircle cx='22' cy='14.4' r='2.4'/%3E%3Ccircle cx='18.6' cy='11' r='2.4'/%3E%3Ccircle cx='25.4' cy='11' r='2.4'/%3E%3C/g%3E%3Ccircle cx='22' cy='11' r='1.3' fill='%23FBF8F3'/%3E%3Cg fill='%232E2BB8'%3E%3Ccircle cx='4' cy='11' r='1.4'/%3E%3Ccircle cx='11' cy='11' r='.9'/%3E%3Ccircle cx='33' cy='11' r='.9'/%3E%3Ccircle cx='40' cy='11' r='1.4'/%3E%3C/g%3E%3C/svg%3E");
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font:400 17px/1.6 var(--sans);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.2em}
p{margin:0 0 1em}
b,strong{font-weight:650}
::selection{background:var(--neel);color:#fff}
.skip{position:absolute;inset-inline-start:12px;top:8px;background:var(--ink);color:var(--paper);padding:10px 16px;border-radius:99px;z-index:99;transform:translateY(-200%);opacity:0;pointer-events:none}
.skip:focus{transform:none;opacity:1;pointer-events:auto}
:focus-visible{outline:2.5px solid var(--neel);outline-offset:3px;border-radius:6px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* ---------- type ---------- */
h1,h2,h3,h4{margin:0 0 .4em;font-weight:700;letter-spacing:-.02em}
h1,.display,.mega{font:700 clamp(2.9rem,7.4vw,6.6rem)/.98 var(--sans);letter-spacing:-.045em}
h2{font:700 clamp(2.2rem,4.8vw,4rem)/1.02 var(--sans);letter-spacing:-.04em}
h3{font:650 1.28rem/1.25 var(--sans);letter-spacing:-.015em}
h4{font:650 1rem/1.3 var(--sans)}
h1 em,h2 em,.display em,.mega em,.statement em{font:italic 400 1.06em/1 var(--serif);letter-spacing:-.01em;padding-right:.04em;
  background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.on-dark h1 em,.on-dark h2 em,.tint-navy h2 em,.final h2 em,.tile.t-dark h2 em,.tile.t-neel h2 em,.tile.t-laterite h2 em,.tile.t-moss h2 em,.page-head.alert h1 em{background:none;color:var(--haldi);-webkit-text-fill-color:currentColor}
.tile.t-haldi h2 em{background:none;color:var(--neel-deep);-webkit-text-fill-color:currentColor}
.lede,.lead{font-size:clamp(1.12rem,1.5vw,1.32rem);line-height:1.5;color:var(--muted);max-width:36em}
.center .lede{margin-left:auto;margin-right:auto}
.eyebrow,.label{display:inline-flex;align-items:center;gap:.6em;font:650 .78rem/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:20px}
.num{font:650 .8rem/1 var(--sans);font-variant-numeric:tabular-nums;color:var(--laterite);letter-spacing:.1em;text-transform:uppercase}
.eyebrow svg,.pill svg,.more svg,.plat h3 svg,.btn svg,.trust svg{width:1.15em;height:1.15em;flex:none}
.fine{font-size:.86rem;color:var(--muted)}
code,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.84em}

/* ---------- layout ---------- */
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}
section{padding:var(--section) 0;position:relative}
.rule{border:0;border-top:1px solid var(--rule);margin:0}
.tint-white{background:var(--paper)}
.tint-haldi{background:var(--tile)}
.tint-navy,.on-dark{background:var(--ink) var(--jaali);color:var(--paper)}
.tint-navy p,.on-dark p,.tint-navy .lede,.on-dark .lede{color:rgba(251,248,243,.74)}
.tint-navy .eyebrow,.on-dark .eyebrow,.on-dark .label{color:rgba(251,248,243,.62)}
.tint-navy .num,.on-dark .num{color:var(--haldi)}
.center{text-align:center}
.center .sub{max-width:38em;margin:0 auto 56px;color:var(--muted);font-size:1.18rem}
.tint-navy .sub{color:rgba(251,248,243,.74)}
.head{max-width:860px;margin:0 auto clamp(44px,6vw,80px);text-align:center}
.head .lede{margin:18px auto 0}

/* section head kept for inner pages: label + heading */
.shead{display:grid;grid-template-columns:1fr 3fr;gap:var(--gutter);align-items:baseline;margin-bottom:clamp(40px,6vw,72px)}
.shead .label{margin:0}
@media (max-width:820px){.shead{grid-template-columns:1fr;gap:10px}}

/* ---------- ribbon + header ---------- */
.ribbon{background:var(--ink);color:rgba(251,248,243,.86);font-size:.84rem;text-align:center;padding:9px var(--gutter)}
.ribbon a{color:#fff;font-weight:600;text-decoration:none;white-space:nowrap}
.ribbon a:hover{text-decoration:underline}
.ribbon b{color:var(--haldi);font-weight:650}
.top{position:sticky;top:0;z-index:50;background:rgba(251,248,243,.78);backdrop-filter:saturate(1.6) blur(18px);-webkit-backdrop-filter:saturate(1.6) blur(18px);border-bottom:1px solid transparent;transition:border-color .3s,background .3s}
.top.scrolled{border-color:var(--rule);background:rgba(251,248,243,.9)}
.top .wrap{display:flex;align-items:center;gap:24px;height:64px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font:700 1.02rem var(--sans);letter-spacing:-.02em}
.brand img{width:30px;height:30px;border-radius:8px}
.brand span b{font-weight:450;color:var(--muted)}
.nav{display:flex;gap:2px;margin-left:auto;align-items:center}
.nav a{color:rgba(18,17,16,.82);text-decoration:none;font-size:.88rem;padding:7px 12px;border-radius:99px;transition:background .2s,color .2s}
.nav a:not(.btn):hover{background:rgba(18,17,16,.06);color:var(--ink)}
.nav a[aria-current=page]{color:var(--ink);background:rgba(46,43,184,.09)}
.nav .btn{margin-left:10px}
.menu-btn{display:none;margin-left:auto;background:none;border:0;padding:8px;cursor:pointer;color:var(--ink)}
.menu-btn svg{width:26px;height:26px}
@media (max-width:1060px){
  .menu-btn{display:block}
  .nav{display:none;position:fixed;inset:64px 0 0;flex-direction:column;align-items:stretch;gap:0;background:var(--paper) var(--kolam-ink);padding:16px var(--gutter) 40px;overflow:auto}
  .nav.open{display:flex}
  .nav a:not(.btn){font:700 1.9rem/1.2 var(--sans);letter-spacing:-.03em;padding:14px 4px;border-radius:0;border-bottom:1px solid var(--rule);background:none!important}
  .nav .btn{margin:28px 0 0;align-self:flex-start}
}

/* ---------- buttons & links ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:99px;padding:15px 26px;font:650 1rem/1 var(--sans);text-decoration:none;cursor:pointer;transition:background .25s,color .25s,transform .25s var(--ease),box-shadow .25s}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(0) scale(.98)}
.btn-primary{background:var(--neel);color:#fff;box-shadow:0 10px 24px -10px rgba(46,43,184,.7)}
.btn-primary:hover{background:var(--neel-2);box-shadow:0 16px 30px -12px rgba(46,43,184,.8)}
.btn-dark{background:var(--ink);color:var(--paper)}
.btn-ghost{background:rgba(18,17,16,.05);color:var(--ink)}
.btn-ghost:hover{background:rgba(18,17,16,.1)}
.btn-ghost.light{background:rgba(255,255,255,.12);color:#fff}
.btn-ghost.light:hover{background:rgba(255,255,255,.22)}
.btn-sm{padding:9px 16px;font-size:.86rem;box-shadow:none}
.on-dark .btn-primary,.tint-navy .btn-primary{background:var(--paper);color:var(--ink);box-shadow:none}
.more{display:inline-flex;gap:.35em;align-items:center;font-weight:650;color:var(--neel);text-decoration:none;transition:gap .3s var(--ease)}
.more:hover{gap:.7em;text-decoration:underline;text-underline-offset:.25em}
.tint-navy .more,.on-dark .more,.tile.t-dark .more,.tile.t-neel .more,.tile.t-laterite .more,.tile.t-moss .more{color:#fff}
.tile.t-haldi .more{color:var(--neel-deep)}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:32px 0 14px}
.center .cta-row{justify-content:center}
.pill{display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 8px;border-radius:99px;background:#fff;box-shadow:var(--shadow);font-size:.86rem;font-weight:550;margin-bottom:26px;text-decoration:none;color:var(--ink)}
.pill i{font-style:normal;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:var(--neel);color:#fff;border-radius:99px;padding:4px 9px}
.pill:hover{box-shadow:var(--shadow-lg)}

/* ---------- hero (home) ---------- */
.hero{padding:clamp(56px,8vw,112px) 0 0;overflow:hidden;background:radial-gradient(1200px 520px at 50% 108%,rgba(46,43,184,.13),transparent 70%),radial-gradient(700px 380px at 88% 30%,rgba(242,160,7,.12),transparent 70%),radial-gradient(700px 380px at 10% 40%,rgba(178,58,30,.08),transparent 70%)}
.hero .mega{max-width:12ch;margin:0 auto .3em}
.hero .lede{max-width:34em}
.stage{position:relative;height:clamp(420px,52vw,660px);margin-top:clamp(36px,5vw,64px);max-width:1080px;margin-left:auto;margin-right:auto}
.stage .kolam{position:absolute;left:50%;top:44%;width:min(980px,150vw);transform:translate(-50%,-50%);color:var(--neel);opacity:.22;pointer-events:none}
.stage .phone{position:absolute;bottom:-90px}
.stage .p1{width:26%;left:10%;transform:rotate(-7deg) translateY(40px);z-index:1;animation:fanL 1.2s var(--ease) both .2s}
.stage .p2{width:32%;left:34%;z-index:2;animation:rise 1.1s var(--ease) both}
.stage .p3{width:26%;right:10%;transform:rotate(7deg) translateY(40px);z-index:1;animation:fanR 1.2s var(--ease) both .2s}
@keyframes rise{from{opacity:0;transform:translateY(80px)}to{opacity:1;transform:none}}
@keyframes fanL{from{opacity:0;transform:rotate(0) translate(60%,90px)}to{opacity:1;transform:rotate(-7deg) translateY(40px)}}
@keyframes fanR{from{opacity:0;transform:rotate(0) translate(-60%,90px)}to{opacity:1;transform:rotate(7deg) translateY(40px)}}
.chip{position:absolute;z-index:3;display:flex;gap:10px;align-items:center;padding:10px 16px 10px 10px;border-radius:18px;background:rgba(255,255,255,.86);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-lg);font-size:.86rem;font-weight:600;white-space:nowrap;animation:float 6s ease-in-out infinite}
.chip small{display:block;font-weight:450;color:var(--muted);font-size:.76rem}
.chip .dot{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;color:#fff;background:var(--laterite)}
.chip .dot svg{width:18px;height:18px}
.chip.ok .dot{background:var(--moss)}
.chip.neel .dot{background:var(--neel)}
.chip.c1{top:16%;left:2%}
.chip.c2{top:36%;right:1%;animation-delay:-2s}
.chip.c3{bottom:22%;left:6%;animation-delay:-4s}
@keyframes float{50%{transform:translateY(-10px)}}
@media (max-width:760px){
  .stage{height:440px}
  .stage .p1{width:42%;left:-6%}.stage .p2{width:52%;left:24%}.stage .p3{width:42%;right:-6%}
  .chip.c1{top:4%;left:0}.chip.c2{top:30%;right:0}.chip.c3{display:none}
}

/* trust strip */
.trust{position:relative;z-index:4;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;padding:22px 28px;margin:-1px auto 0;background:#fff;border-radius:var(--r-lg);box-shadow:var(--shadow-lg);max-width:980px;font-size:.92rem;font-weight:550}
.trust span{display:inline-flex;gap:8px;align-items:center}
.trust svg{color:var(--neel)}
.trust-wrap{padding:0 var(--gutter);margin-top:-36px}

/* script marquee */
.marquee{overflow:hidden;padding:clamp(40px,6vw,72px) 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.marquee .track{display:flex;gap:56px;width:max-content;animation:slide 48s linear infinite}
.marquee:hover .track{animation-play-state:paused}
.marquee span{font:600 clamp(1.8rem,3.6vw,3rem)/1.5 var(--sans);color:rgba(18,17,16,.22);white-space:nowrap;transition:color .3s}
.marquee span:hover{color:var(--neel)}
.marquee span.lit{color:var(--ink)}
@keyframes slide{to{transform:translateX(-50%)}}

/* ---------- phone ---------- */
.phone{border-radius:44px;padding:9px;background:#0E0C09;box-shadow:var(--shadow-lg),inset 0 0 0 1.5px #2a2622}
.phone img{border-radius:36px;width:100%;height:auto;aspect-ratio:560/1196;object-fit:cover;object-position:top;background:var(--tile)}

/* ---------- scam chain + stamp ---------- */
.chain{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;counter-reset:c}
.link{position:relative;background:#fff;border-radius:var(--r-lg);padding:32px 28px 34px;box-shadow:var(--shadow);overflow:hidden}
.link .art{height:150px;border-radius:var(--r-md);background:var(--tile) var(--kolam-ink);display:grid;place-items:center;margin-bottom:24px;position:relative}
.link .art svg{width:64px;height:64px;color:var(--ink);opacity:.82}
.link .num{display:block;margin-bottom:10px}
.link h3{font-size:1.4rem}
.link p{color:var(--muted);margin:0}
.stamp{position:absolute;right:14px;top:16px;transform:rotate(-11deg);font:800 .92rem/1 var(--sans);letter-spacing:.18em;color:var(--laterite);border:2.5px solid var(--laterite);border-radius:10px;padding:8px 10px 7px;box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 3.5px var(--laterite);background:rgba(255,255,255,.7);opacity:.92;mix-blend-mode:multiply}
.reveal .stamp{transform:rotate(-11deg) scale(1.6);opacity:0;transition:transform .5s cubic-bezier(.3,1.6,.5,1) .5s,opacity .3s .5s}
.reveal.in .stamp{transform:rotate(-11deg) scale(1);opacity:.92}
.chain .link:nth-child(2) .stamp{transition-delay:.7s}.chain .link:nth-child(3) .stamp{transition-delay:.9s}
@media (max-width:900px){.chain{grid-template-columns:1fr}}

/* ---------- bento tiles ---------- */
.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.tile{position:relative;border-radius:var(--r-xl);background:var(--tile);padding:clamp(28px,4vw,52px);overflow:hidden;min-height:520px;display:flex;flex-direction:column}
.tile.s6{grid-column:span 6}.tile.s4{grid-column:span 4}.tile.s3{grid-column:span 3}.tile.s2{grid-column:span 2}
.tile h2{font-size:clamp(2rem,3.6vw,3.2rem);max-width:13ch}
.tile p{color:var(--muted);max-width:30em;font-size:1.06rem}
.tile .num{margin-bottom:16px;display:block}
.tile .shot{margin-top:auto;display:flex;justify-content:center;padding-top:32px}
.tile .shot .phone{width:min(300px,72%);margin-bottom:-170px;transition:transform .6s var(--ease)}
.tile:hover .shot .phone{transform:translateY(-12px)}
.tile.row{flex-direction:row;align-items:center;gap:var(--gutter)}
.tile.row .copy{flex:1}
.tile.row .shot{flex:1;margin:0;align-self:flex-end;padding-top:0}
.tile.row .shot .phone{margin-bottom:calc(-1 * clamp(28px,4vw,52px) - 150px)}
.tile.t-dark{background:var(--ink) var(--jaali);color:var(--paper)}
.tile.t-neel{background:var(--neel) var(--kolam-light);color:#fff}
.tile.t-laterite{background:var(--laterite);color:#fff}
.tile.t-haldi{background:var(--haldi);color:var(--ink)}
.tile.t-moss{background:var(--moss);color:#fff}
.tile.t-dark p,.tile.t-neel p,.tile.t-laterite p,.tile.t-moss p{color:rgba(255,255,255,.84)}
.tile.t-haldi p{color:rgba(18,17,16,.8)}
.tile.t-dark .num,.tile.t-neel .num,.tile.t-laterite .num,.tile.t-moss .num{color:rgba(255,255,255,.78)}
.tile.t-haldi .num{color:var(--neel-deep)}
.tile .ticks{border-color:rgba(255,255,255,.2)}
.tile.t-dark .ticks li,.tile.t-neel .ticks li{border-color:rgba(255,255,255,.16)}
.scripts{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:28px}
.scripts span{padding:10px 18px;border-radius:99px;background:rgba(255,255,255,.12);font-size:1.25rem;font-weight:550;line-height:1.5}
.scripts span.on{background:#fff;color:var(--neel)}
@media (max-width:980px){.tile.s4,.tile.s3,.tile.s2{grid-column:span 6}.tile.row{flex-direction:column;align-items:stretch}.tile.row .shot{align-self:center}.tile{min-height:0}}

/* small feature tiles */
.mini{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mini a,.mini div.m{display:block;background:var(--tile);border-radius:var(--r-lg);padding:30px 28px 32px;text-decoration:none;color:inherit;transition:transform .35s var(--ease),box-shadow .35s,background .3s}
.mini a:hover{transform:translateY(-4px);background:#fff;box-shadow:var(--shadow-lg)}
.mini .ic{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;margin-bottom:22px;background:var(--neel-soft);color:var(--neel)}
.mini .ic svg{width:24px;height:24px}
.mini>*:nth-child(3n+2) .ic{background:var(--laterite-soft);color:var(--laterite)}
.mini>*:nth-child(3n+3) .ic{background:var(--moss-soft);color:var(--moss)}
.mini h3{margin-bottom:8px}
.mini p{color:var(--muted);margin:0;font-size:.98rem}
@media (max-width:900px){.mini{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.mini{grid-template-columns:1fr}}

/* ---------- split feature (inner pages) ---------- */
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,6vw,96px);align-items:center}
.split.rev .media{order:-1}
.split .media{display:flex;justify-content:center;align-items:flex-end;position:relative;background:var(--tile) var(--kolam-ink);border-radius:var(--r-xl);padding:56px 24px 0;overflow:hidden;height:clamp(460px,46vw,600px)}
.tint-haldi .split .media{background-color:var(--paper)}
.split .media .phone{width:min(300px,72%);margin-bottom:-120px;position:relative;z-index:1}
.split .copy p{font-size:1.1rem;color:var(--muted)}
.tint-navy .split .copy p{color:rgba(251,248,243,.74)}
.split .copy h2{margin-bottom:.45em}
.disc{display:none}
.ticks{list-style:none;padding:0;margin:26px 0 32px}
.ticks li{position:relative;padding:11px 0 11px 36px;font-size:1rem;border-bottom:1px solid var(--rule)}
.ticks li:last-child{border-bottom:0}
.ticks li::before{content:"";position:absolute;left:0;top:13px;width:22px;height:22px;border-radius:50%;background:var(--moss-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%231E6B4A' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/13px no-repeat}
.tint-navy .ticks li,.on-dark .ticks li,.tile.t-dark .ticks li{border-color:rgba(255,255,255,.14)}
.tile.t-dark .ticks li::before,.tile.t-neel .ticks li::before,.on-dark .ticks li::before{background-color:rgba(255,255,255,.14);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23F2A007' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E")}
@media (max-width:900px){.split{grid-template-columns:1fr;gap:40px}.split.rev .media{order:0}}

/* ---------- cards (inner pages): soft tiles ---------- */
.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(290px,100%),1fr))}
.card{display:block;background:var(--tile);border-radius:var(--r-lg);padding:30px 28px 32px;color:inherit;text-decoration:none;position:relative;transition:transform .35s var(--ease),box-shadow .35s,background .3s}
.tint-haldi .card{background:var(--paper)}
a.card:hover{transform:translateY(-4px);background:#fff;box-shadow:var(--shadow-lg)}
a.card::after{content:"→";position:absolute;right:26px;top:28px;font-size:1.2rem;color:var(--neel);opacity:0;transform:translateX(-6px);transition:.3s var(--ease)}
a.card:hover::after{opacity:1;transform:none}
.card h3{margin:16px 0 8px}
.card .num+h3{margin-top:12px}
.card p{color:var(--muted);margin:0;font-size:.98rem}
.card .ic{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:var(--neel-soft);color:var(--neel)}
.card .ic svg{width:24px;height:24px}
.grid>.card:nth-child(3n+2) .ic{background:var(--laterite-soft);color:var(--laterite)}
.grid>.card:nth-child(3n+3) .ic{background:var(--moss-soft);color:var(--moss)}
.card.dark,.tint-navy .card,.on-dark .card{background:rgba(255,255,255,.06)}
.card.dark p,.tint-navy .card p,.on-dark .card p{color:rgba(251,248,243,.7)}
.tint-navy .card .ic,.on-dark .card .ic{background:rgba(255,255,255,.1)!important;color:var(--haldi)!important}
.tint-navy a.card:hover,.on-dark a.card:hover{background:rgba(255,255,255,.1)}

/* principles */
.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.principle{border-radius:var(--r-lg);padding:34px 30px 36px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(2px)}
.principle .glyph{width:56px;height:56px;margin-bottom:28px;color:var(--haldi)}
.principle h3{font:700 clamp(1.5rem,2.3vw,2rem)/1.1 var(--sans);letter-spacing:-.03em;margin:14px 0 14px}
.principle p{color:rgba(251,248,243,.72);margin:0}
@media (max-width:900px){.principles{grid-template-columns:1fr}}

/* big statement */
.statement{font:700 clamp(2rem,4.4vw,3.8rem)/1.06 var(--sans);letter-spacing:-.04em;max-width:22ch}

/* ---------- facts ---------- */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.stat{background:#fff;border-radius:var(--r-lg);padding:30px 26px 30px;box-shadow:var(--shadow)}
.stat b{display:block;font:700 clamp(2.3rem,4vw,3.4rem)/1 var(--sans);letter-spacing:-.045em;margin-bottom:14px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
.stat span{color:var(--muted);font-size:.95rem;display:block}
.on-dark .stat{background:rgba(255,255,255,.06);box-shadow:none}
.on-dark .stat b{background:none;color:var(--paper)}
.on-dark .stat span{color:rgba(251,248,243,.7)}
.src{font-size:.82rem;color:var(--muted);margin-top:28px;text-align:center}
.on-dark .src{color:rgba(251,248,243,.55)}
@media (max-width:900px){.stats{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.stats{grid-template-columns:1fr}}

/* circles */
.circles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.circle{display:flex;flex-direction:column;border-radius:var(--r-xl);overflow:hidden;background:#fff;text-decoration:none;color:inherit;box-shadow:var(--shadow);transition:transform .35s var(--ease),box-shadow .35s}
.circle:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.circle .top-art{height:180px;display:grid;place-items:center;position:relative}
.circle .top-art svg{width:84px;height:84px;color:#fff;position:relative}
.circle:nth-child(1) .top-art{background:var(--neel) var(--kolam-light)}
.circle:nth-child(2) .top-art{background:var(--moss) var(--kolam-light)}
.circle:nth-child(3) .top-art{background:var(--laterite) var(--kolam-light)}
.circle .body{padding:26px 28px 30px}
.circle .num{display:block;margin-bottom:10px}
.circle p{color:var(--muted);margin:8px 0 18px}
@media (max-width:900px){.circles{grid-template-columns:1fr}}

/* ---------- block print border ---------- */
.print{height:22px;background:var(--print) repeat-x center;opacity:.9}
.skyline{display:block;height:22px;width:100%;margin-top:clamp(40px,6vw,64px);background:var(--print) repeat-x center;opacity:.85}

/* ---------- page head (inner pages) ---------- */
.page-head{padding:clamp(56px,8vw,112px) 0 0;overflow:hidden;position:relative;background:radial-gradient(800px 420px at 92% 0%,rgba(46,43,184,.10),transparent 70%),radial-gradient(600px 320px at 0% 100%,rgba(242,160,7,.10),transparent 70%)}
.page-head::after{content:"";position:absolute;right:-120px;top:40px;width:520px;height:520px;border-radius:50%;background:var(--kolam-ink);-webkit-mask-image:radial-gradient(circle,#000 30%,transparent 70%);mask-image:radial-gradient(circle,#000 30%,transparent 70%);pointer-events:none}
.page-head .wrap{position:relative;z-index:1}
.page-head .jali{display:none}
.page-head h1{font-size:clamp(2.6rem,6vw,5.2rem);max-width:16ch;margin-bottom:.35em}
.page-head p{font-size:clamp(1.1rem,1.5vw,1.3rem);color:var(--muted);max-width:38em;margin:0}
.page-head .cta-row{margin-bottom:0}
.page-head.alert{background:var(--laterite) var(--kolam-light);color:#fff;padding-bottom:clamp(48px,6vw,80px)}
.page-head.alert::after{display:none}
.page-head.alert p,.page-head.alert .crumb,.page-head.alert .crumb a{color:rgba(255,255,255,.88)}
.page-head.alert .btn-primary{background:#fff;color:var(--laterite);box-shadow:none}
.page-head.alert .btn-ghost{background:rgba(255,255,255,.14);color:#fff}
.crumb{font-size:.84rem;color:var(--muted);margin-bottom:26px;letter-spacing:.01em}
.crumb a{color:var(--muted)}
.jali{display:none}

/* ---------- prose ---------- */
.prose{max-width:720px;margin:0 auto}
.prose h2{font-size:clamp(1.8rem,3.2vw,2.5rem);margin-top:1.4em}
.prose h3{margin-top:1.6em}
.prose p,.prose li{color:#37322B}
.prose ul,.prose ol{padding-left:1.2em}
.prose li{margin:.5em 0}
.prose li::marker{color:var(--laterite)}
.note{border-radius:var(--r-md);padding:20px 22px;margin:28px 0;background:var(--haldi-soft);font-size:1rem;border-left:4px solid var(--haldi)}
.note.red{background:var(--laterite-soft);border-color:var(--laterite)}
.note.green{background:var(--moss-soft);border-color:var(--moss)}
.draft{display:inline-block;font:650 .74rem var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--laterite);background:var(--laterite-soft);padding:7px 12px;border-radius:99px;margin-bottom:20px}

/* ---------- table ---------- */
.table-wrap{overflow-x:auto;border-radius:var(--r-lg);background:#fff;box-shadow:var(--shadow)}
table{border-collapse:collapse;width:100%;min-width:820px;font-size:.94rem}
th,td{padding:16px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--rule)}
tr:last-child td{border-bottom:0}
th{font:650 .76rem var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:#fff;position:sticky;top:0}
th.us{color:var(--neel)}
td.us{background:rgba(46,43,184,.05)}
td:first-child{font-weight:650;white-space:nowrap}
.y{color:var(--moss);font-weight:650}.n{color:var(--laterite);font-weight:650}

/* ---------- download ---------- */
.dl{display:grid;grid-template-columns:7fr 5fr;gap:16px;align-items:stretch}
.dl-card{background:var(--tile);border-radius:var(--r-xl);padding:clamp(28px,4vw,48px)}
.dl-card h2{font-size:clamp(2rem,3.6vw,3rem)}
.meta{display:grid;grid-template-columns:auto 1fr;gap:0;font-size:.93rem;margin:28px 0;background:#fff;border-radius:var(--r-md);padding:4px 20px}
.meta dt,.meta dd{padding:12px 0;border-bottom:1px solid var(--rule)}
.meta dt:last-of-type,.meta dd:last-of-type{border-bottom:0}
.meta dt{color:var(--muted);padding-right:24px}
.meta dd{margin:0;font-weight:550;word-break:break-all}
.qr{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px;background:var(--neel) var(--kolam-light);color:#fff;border-radius:var(--r-xl);padding:40px!important;border:0!important}
.qr p,.qr .fine{color:rgba(255,255,255,.86)}
.qr svg{width:210px;height:210px;background:#fff;padding:12px;border-radius:20px}
.steps{counter-reset:s;list-style:none;padding:0;margin:0}
.steps li{counter-increment:s;position:relative;padding:16px 0 16px 58px;border-bottom:1px solid var(--rule)}
.steps li:last-child{border-bottom:0}
.steps li::before{content:counter(s);position:absolute;left:0;top:13px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font:700 .95rem/1 var(--sans);background:var(--neel);color:#fff}
.platforms{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:16px;margin-top:32px}
.plat{background:var(--tile);border-radius:var(--r-lg);padding:28px 28px 30px}
.tint-haldi .plat{background:var(--paper)}
.plat h3{display:flex;align-items:center;gap:10px}
.plat p{color:var(--muted);font-size:1rem}
.plat .soon{font:650 .7rem var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:rgba(18,17,16,.06);padding:5px 9px;border-radius:99px}
@media (max-width:900px){.dl{grid-template-columns:1fr}}

/* ---------- help ---------- */
.faq details{border-bottom:1px solid var(--rule)}
.faq details:first-child{border-top:1px solid var(--rule)}
.faq summary{cursor:pointer;list-style:none;padding:20px 48px 20px 0;font:600 1.08rem/1.4 var(--sans);position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:0;top:16px;width:30px;height:30px;border-radius:50%;background:var(--tile);display:grid;place-items:center;font:500 1.2rem/1 var(--sans);transition:transform .3s var(--ease),background .3s}
.faq details[open] summary::after{transform:rotate(45deg);background:var(--neel-soft);color:var(--neel)}
.faq details>div{padding:0 0 22px;color:#37322B;max-width:62ch}
.faq h2{margin-top:64px;font-size:clamp(1.6rem,3vw,2.2rem)}
.search{width:100%;padding:20px 26px;border:0;border-radius:99px;background:#fff;box-shadow:var(--shadow-lg);font:500 clamp(1.1rem,2vw,1.4rem) var(--sans);color:var(--ink);margin-bottom:22px}
.search::placeholder{color:#766E62}
.search:focus{outline:2.5px solid var(--neel);outline-offset:2px}
.topics{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.topics a{padding:9px 16px;border-radius:99px;background:var(--tile);text-decoration:none;font-size:.9rem;font-weight:550;transition:background .2s}
.topics a:hover{background:var(--neel-soft);color:var(--neel)}

/* ---------- languages ---------- */
.langs{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.lang{background:var(--tile);border-radius:var(--r-lg);padding:24px 24px 26px;transition:transform .3s var(--ease),background .3s}
.lang:hover{transform:translateY(-3px);background:var(--neel-soft)}
.lang b{display:block;font-size:2rem;font-weight:550;line-height:1.35;margin-bottom:4px}
.lang span{color:var(--muted);font-size:.9rem}
.lang i{display:inline-block;margin-top:12px;font-style:normal;font:650 .68rem var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:rgba(18,17,16,.06);padding:4px 8px;border-radius:99px}
.lang i.ok{color:var(--moss);background:var(--moss-soft)}

/* ---------- stories ---------- */
.post{display:grid;grid-template-columns:1fr 3fr;gap:var(--gutter);padding:32px;border-radius:var(--r-lg);background:var(--tile);margin-bottom:12px;transition:background .3s}
.post:hover{background:var(--neel-soft)}
.post time{color:var(--muted);font-size:.9rem}
.post h3{font:700 clamp(1.5rem,2.6vw,2.1rem)/1.12 var(--sans);letter-spacing:-.03em}
.post h3 a{text-decoration:none}
.post h3 a:hover{color:var(--neel)}
@media (max-width:720px){.post{grid-template-columns:1fr;gap:8px;padding:24px}}

/* ---------- final CTA ---------- */
.final{background:linear-gradient(135deg,var(--neel-deep) 0%,var(--neel) 45%,var(--jamun) 100%);color:#fff;overflow:hidden}
.final::before{content:"";position:absolute;inset:0;background:var(--kolam-light);opacity:.9;-webkit-mask-image:radial-gradient(70% 90% at 80% 50%,#000,transparent);mask-image:radial-gradient(70% 90% at 80% 50%,#000,transparent)}
.final .wrap{position:relative}
.final-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:var(--gutter);align-items:center}
.final h2{color:#fff;font-size:clamp(2.6rem,6vw,5.4rem);max-width:13ch}
.final p{color:rgba(255,255,255,.84);font-size:1.2rem}
.final .btn-primary{background:#fff;color:var(--neel);box-shadow:0 16px 32px -14px rgba(0,0,0,.5)}
.final .btn-primary:hover{background:var(--paper)}
.final .qrbox{justify-self:end;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:var(--r-xl);padding:28px;text-align:center;backdrop-filter:blur(6px)}
.final .qrbox svg{width:180px;height:180px;background:#fff;padding:10px;border-radius:18px;margin:0 auto 14px}
.final .qrbox p{font-size:.88rem;margin:0}
@media (max-width:900px){.final-grid{grid-template-columns:1fr}.final .qrbox{display:none}}

/* ---------- footer ---------- */
footer{background:var(--ink) var(--jaali);color:rgba(251,248,243,.7);padding:clamp(64px,8vw,112px) 0 32px;font-size:.93rem}
.fsay{font:700 clamp(2.4rem,5.6vw,4.8rem)/1 var(--sans);letter-spacing:-.045em;color:var(--paper);margin:0 0 12px}
.fsay em{font:italic 400 1.06em/1 var(--serif);color:var(--haldi);letter-spacing:-.01em}
.fsay-tr{color:rgba(251,248,243,.6);margin-bottom:clamp(48px,6vw,80px)}
.fgrid{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:var(--gutter);border-top:1px solid rgba(251,248,243,.14);padding-top:40px}
footer h4{color:rgba(251,248,243,.5);font:650 .74rem var(--sans);letter-spacing:.14em;text-transform:uppercase;margin-bottom:16px}
footer ul{list-style:none;padding:0;margin:0}
footer li{margin:9px 0}
footer a{color:rgba(251,248,243,.86);text-decoration:none}
footer a:hover{color:var(--haldi)}
footer .brand{color:var(--paper);margin-bottom:16px}
footer .brand span b{color:rgba(251,248,243,.55)}
.fbase{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-top:56px;padding-top:24px;border-top:1px solid rgba(251,248,243,.14);font-size:.84rem;color:rgba(251,248,243,.52)}
.helpline{display:inline-flex;gap:12px;align-items:center;margin-top:18px;padding:10px 18px 10px 10px;border-radius:99px;background:rgba(255,255,255,.08);color:var(--paper)!important}
.helpline b{background:var(--laterite);color:#fff;font:700 1.05rem/1 var(--sans);padding:8px 12px;border-radius:99px}
@media (max-width:900px){.fgrid{grid-template-columns:1fr 1fr}.fgrid>div:first-child{grid-column:1/-1}}

/* sticky mobile download bar */
.mbar{display:none}
@media (max-width:700px){
  .mbar{display:flex;position:fixed;left:12px;right:12px;bottom:12px;z-index:60;gap:10px;align-items:center;padding:8px 8px 8px 18px;border-radius:22px;background:rgba(18,17,16,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--paper);box-shadow:0 20px 40px -16px rgba(18,17,16,.6);font-size:.88rem;font-weight:550;transform:translateY(150%);transition:transform .45s var(--ease)}
  .mbar img{width:30px;height:30px;border-radius:8px}
  .mbar.show{transform:none}
  .mbar .btn{margin-left:auto;background:#fff;color:var(--ink)}
}

/* reveal */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.reveal.in{opacity:1;transform:none}
.no-js .reveal{opacity:1;transform:none}
.no-js .reveal .stamp{opacity:.92;transform:rotate(-11deg)}
/* v3 fixes */
.principle .glyph{display:block;width:52px;height:52px;margin-bottom:26px;color:var(--haldi)}
.principle .glyph svg{width:100%;height:100%}
.stamp{text-transform:uppercase}
.stage .kolam{top:64%;width:min(860px,140vw);opacity:.18}
.tint-haldi .mini a,.tint-haldi .mini div.m{background:var(--paper)}
.tint-haldi .mini a:hover{background:#fff}
@media (max-width:700px){
  .ribbon{font-size:.78rem;padding:8px 14px}
  .ribbon .rx{display:none}
  .trust{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;padding:18px 20px;font-size:.84rem;text-align:left;justify-items:start}
  .trust span:last-child{grid-column:1/-1}
  .hero .pill{font-size:.8rem}
}
.qr h3,.qr b{color:#fff}
.qr .fine{color:rgba(255,255,255,.86)!important}

/* ================= v4: Namaskara night hero =================
   Inspired by assamese-encyclopedia.org's hero (deep jewel ground, fine diamond motif,
   golden display type, a landscape strip along the bottom) and re-told for all of India:
   indigo night, a rangoli-diamond lattice in haldi, patang kites, and a line-art panorama
   from the Himalaya and the Thar to Kaziranga, the backwaters and the southern coast. */
:root{
  --rangoli:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cg fill='none' stroke='%23F2A007' stroke-width='1' opacity='.55'%3E%3Cpath d='M28 6 50 28 28 50 6 28Z'/%3E%3Cpath d='M28 16 40 28 28 40 16 28Z'/%3E%3Cpath d='M0 0 6 6M56 0 50 6M0 56 6 50M56 56 50 50'/%3E%3C/g%3E%3Cpath d='M28 23 33 28 28 33 23 28Z' fill='%23F2A007' fill-opacity='.35'/%3E%3Cg fill='%23F2A007' opacity='.5'%3E%3Ccircle cx='28' cy='2' r='1.2'/%3E%3Ccircle cx='28' cy='54' r='1.2'/%3E%3Ccircle cx='2' cy='28' r='1.2'/%3E%3Ccircle cx='54' cy='28' r='1.2'/%3E%3C/g%3E%3C/svg%3E");
}
.brand img{width:auto;height:30px;border-radius:0}
footer .brand img{height:34px}
.hero.night{position:relative;overflow:hidden;color:#F4EFFF;padding:clamp(48px,6vw,88px) 0 0;
  background:radial-gradient(110% 90% at 85% 5%,#3A35C9 0%,#211E8E 42%,#14125C 100%)}
.hero.night::before{content:"";position:absolute;inset:0;background:var(--rangoli) 0 0/56px 56px;opacity:.22;pointer-events:none;
  -webkit-mask-image:linear-gradient(180deg,#000 55%,transparent 92%);mask-image:linear-gradient(180deg,#000 55%,transparent 92%)}
.hero.night::after{content:"";position:absolute;left:-10%;right:-10%;bottom:-40px;height:220px;background:radial-gradient(60% 100% at 50% 100%,rgba(242,160,7,.18),transparent 70%);pointer-events:none}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center;padding-bottom:clamp(120px,12vw,170px)}
.hero.night .kicker{display:inline-flex;align-items:center;gap:10px;font-size:.84rem;font-weight:600;letter-spacing:.02em;color:#FFE2A3;
  border:1px solid rgba(242,160,7,.45);background:rgba(0,0,0,.14);border-radius:99px;padding:7px 14px;margin-bottom:22px}
.hero.night .kicker svg{width:16px;height:16px}
.hero.night .mega{max-width:11ch;margin:0 0 .3em;font-size:clamp(2.8rem,6.4vw,5.8rem);
  background:linear-gradient(180deg,#FFFFFF 0%,#FFF1CF 60%,#FFD98A 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero.night .mega em{background:linear-gradient(180deg,#FFD47A 0%,#F2A007 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.hero.night .lede{color:rgba(240,236,255,.84);max-width:34em}
.hero.night .fine{color:rgba(240,236,255,.7)}
.btn-gold{background:linear-gradient(180deg,#FFC94D,#F2A007);color:#1B1340;box-shadow:0 14px 30px -12px rgba(242,160,7,.7),inset 0 1px 0 rgba(255,255,255,.5)}
.btn-gold:hover{background:linear-gradient(180deg,#FFD266,#F5AC1C)}
.pill.dark{background:rgba(255,255,255,.08);color:#F4EFFF;box-shadow:none;border:1px solid rgba(255,255,255,.14);margin:6px 0 30px}
.pill.dark i{background:#F2A007;color:#1B1340}
.pill.dark:hover{background:rgba(255,255,255,.14);box-shadow:none}
.hstats{display:flex;flex-wrap:wrap;gap:14px 34px;margin:0}
.hstats div{border-left:2px solid #F2A007;padding-left:12px}
.hstats dt{font:700 1.7rem/1.1 var(--sans);letter-spacing:-.03em;color:#FFE2A3}
.hstats dd{margin:2px 0 0;font-size:.82rem;color:rgba(240,236,255,.72)}
.hero.night .stage{height:clamp(440px,42vw,580px);margin:0}
.hero.night .stage .kolam{color:#F2A007;opacity:.28;top:52%;width:min(760px,130vw)}
.hero.night .stage .phone{bottom:auto;top:6%}
.hero.night .stage .p1{width:36%;left:-2%;top:16%}
.hero.night .stage .p2{width:44%;left:28%;top:2%}
.hero.night .stage .p3{width:36%;right:-2%;left:auto;top:16%}
.hero.night .phone{box-shadow:0 40px 80px -30px rgba(0,0,0,.7),inset 0 0 0 1.5px #2a2622}
.hero.night .chip.c1{top:4%;left:-4%}
.hero.night .chip.c2{top:44%;right:-4%}
.hero.night .chip.c3{bottom:8%;left:2%}
.scape{position:absolute;left:0;right:0;bottom:0;width:100%;height:clamp(120px,14vw,200px);object-fit:cover;object-position:bottom;z-index:1;pointer-events:none}
.hero.night+.trust-wrap{position:relative;z-index:5;margin-top:-34px}
.kites{position:absolute;inset:0;pointer-events:none;z-index:1}
.kite{position:absolute;width:42px;height:84px;filter:drop-shadow(0 8px 10px rgba(0,0,0,.25));animation:kite 9s ease-in-out infinite}
.kite.k1{left:46%;top:9%;transform:rotate(-12deg)}
.kite.k2{left:6%;top:70%;width:30px;height:60px;animation-delay:-3s;opacity:.85}
.kite.k3{right:4%;top:6%;width:26px;height:52px;animation-delay:-6s;opacity:.8}
@keyframes kite{0%,100%{translate:0 0;rotate:-8deg}50%{translate:8px -12px;rotate:6deg}}
@media (max-width:960px){
  .hero-grid{grid-template-columns:1fr;padding-bottom:clamp(110px,22vw,160px)}
  .hero.night .mega{max-width:none}
  .hero.night .stage{height:470px;max-width:520px;width:100%;margin:8px auto 0}
  .kite.k1{left:auto;right:8%;top:3%}
}
@media (max-width:560px){
  .hero.night .stage{height:400px}
  .hero.night .stage .p1{width:40%;left:-6%}.hero.night .stage .p2{width:50%;left:25%}.hero.night .stage .p3{width:40%;right:-6%}
  .hero.night .chip.c1{left:0;top:0}.hero.night .chip.c2{right:0}.hero.night .chip.c3{display:none}
  .hstats{gap:12px 22px}.hstats dt{font-size:1.4rem}
}
.hero.night .chip{color:var(--ink)}
.hero.night .chip small{color:var(--muted)}

/* v5: approved logo (mark + namaskara + नमस्कार) */
.top .wrap{height:72px}
.brand img{height:42px;width:auto}
footer .brand img{height:75px;width:auto}
@media (max-width:1060px){.nav{inset:72px 0 0}}
@media (max-width:560px){.brand img{height:36px}}
/* brand page */
.swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.sw{border-radius:var(--r-lg);overflow:hidden;background:#fff;box-shadow:var(--shadow)}
.sw i{display:block;height:96px}
.sw div{padding:14px 16px 16px;font-size:.88rem}
.sw b{display:block;font-size:1rem}
.sw code{color:var(--muted)}
.logo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));gap:16px}
.logo-card{border-radius:var(--r-lg);padding:36px;display:flex;flex-direction:column;gap:22px;background:#fff;box-shadow:var(--shadow)}
.logo-card.dark{background:#17156B;color:#fff}
.logo-card.dark .fine{color:rgba(255,255,255,.75)}
.logo-card .art{min-height:150px;display:grid;place-items:center}
.logo-card .art img{max-height:150px;width:auto;max-width:100%}
.logo-card .dls{display:flex;flex-wrap:wrap;gap:8px}
.logo-card.dark .btn-ghost{background:rgba(255,255,255,.12);color:#fff}
/* header button: .nav a colour must not override the button text */
.nav a.btn-primary,.nav a.btn-primary:hover{color:#fff;background:var(--neel)}
.nav a.btn-primary:hover{background:var(--neel-2)}
/* scam chain: cartoon of the fraudster failing at each step */
.link .art{height:auto;aspect-ratio:720/542;background:#FBF8F3;padding:0;overflow:hidden;display:block}
.link .art img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--ease)}
.link:hover .art img{transform:scale(1.04)}
.link .stamp{top:12px;right:12px;background:rgba(255,255,255,.85)}

/* ================= v6: Trust page + design fine-tune =================
   Components for the "safest product" plan: claims ladder, status badges, fraud→control matrix,
   pillars, compliance timeline and the scoreboard. Plus global polish: calmer section rhythm,
   balanced headings, tabular numerals, better focus rings and table readability. */
h1,h2,.mega,.statement{text-wrap:balance}
.lede,.tile p,.card p,.link p{text-wrap:pretty}
.stat b,.hstats dt,.metric .val,.timeline time{font-feature-settings:"tnum" 1}
section+section.tint-white{padding-top:calc(var(--section) * .8)}

/* status badges: shape + word, never colour alone */
.badge{display:inline-flex;align-items:center;gap:6px;font:650 .7rem/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;padding:5px 9px 5px 8px;border-radius:99px;white-space:nowrap;vertical-align:.1em}
.badge::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.badge.ok{color:var(--moss);background:var(--moss-soft)}
.badge.pilot{color:#8A5A00;background:var(--haldi-soft)}
.badge.pilot::before{border-radius:2px;transform:rotate(45deg)}
.badge.plan{color:var(--neel);background:var(--neel-soft)}
.badge.plan::before{background:none;border:1.5px solid currentColor;width:5px;height:5px}
.on-dark .badge.ok{color:#9FE0BE;background:rgba(159,224,190,.12)}
.on-dark .badge.pilot{color:#FFD47A;background:rgba(242,160,7,.14)}
.on-dark .badge.plan{color:#C9C6F2;background:rgba(201,198,242,.12)}

/* claims ladder: rising steps */
.ladder{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:end}
.ladder li{position:relative;background:var(--tile);border-radius:var(--r-lg);padding:28px 24px 30px;display:flex;flex-direction:column}
.ladder li:nth-child(1){min-height:250px}.ladder li:nth-child(2){min-height:290px}.ladder li:nth-child(3){min-height:330px}.ladder li:nth-child(4){min-height:370px}
.ladder li .num{font-size:2rem;letter-spacing:-.02em;margin-bottom:auto;color:rgba(18,17,16,.28)}
.ladder li h3{margin:24px 0 8px}
.ladder li p{color:var(--muted);font-size:.95rem;margin:0}
.ladder li.now{background:var(--neel) var(--kolam-light);color:#fff;box-shadow:0 24px 48px -24px rgba(42,39,176,.7)}
.ladder li.now .num{color:var(--haldi)}
.ladder li.now p{color:rgba(255,255,255,.84)}
.ladder .here{position:absolute;top:-13px;left:22px;background:var(--haldi);color:#1B1340;font:700 .7rem/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;padding:7px 11px;border-radius:99px}
.never{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;margin-top:36px;font-size:.92rem}
.never b{font-weight:650;margin-right:6px}
.never span{padding:7px 14px;border-radius:99px;background:var(--laterite-soft);color:var(--laterite);text-decoration:line-through;text-decoration-thickness:1.5px}
@media (max-width:900px){.ladder{grid-template-columns:1fr 1fr}.ladder li{min-height:0!important}}
@media (max-width:520px){.ladder{grid-template-columns:1fr}}

/* matrix table */
table.matrix{min-width:760px}
table.matrix td{line-height:1.9}
table.matrix td:first-child{white-space:normal;min-width:170px}
table.matrix td:nth-child(2){color:var(--muted);min-width:200px}
table.matrix tbody tr:nth-child(even) td{background:rgba(241,236,227,.45)}
table.matrix tbody tr:hover td{background:rgba(42,39,176,.05)}

/* pillars */
.pillars{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(270px,100%),1fr));gap:14px}
.pillar{border-radius:var(--r-lg);padding:26px 24px 26px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:2px;transition:background .3s,border-color .3s}
.pillar:hover{background:rgba(255,255,255,.1);border-color:rgba(242,160,7,.4)}
.pillar .num{font-size:.95rem}
.pillar h3{font-size:1.2rem;margin:10px 0 6px;color:#fff}
.pillar p{font-size:.94rem;margin:0 0 16px;flex:1}
.pillar .badge{align-self:flex-start;margin:2px 4px 0 0}
.pillar>.badge+.badge{margin-top:6px}

/* compliance timeline */
.timeline{list-style:none;margin:0 auto;padding:0;max-width:880px;position:relative}
.timeline::before{content:"";position:absolute;left:150px;top:10px;bottom:10px;width:2px;background:linear-gradient(var(--neel),var(--jamun),var(--laterite));opacity:.35}
.timeline li{display:grid;grid-template-columns:150px 1fr;gap:36px;padding:0 0 30px;position:relative}
.timeline li::before{content:"";position:absolute;left:144px;top:6px;width:14px;height:14px;border-radius:50%;background:var(--paper);border:2.5px solid var(--neel)}
.timeline li.done::before{background:var(--neel)}
.timeline li.next::before{background:var(--haldi);border-color:var(--haldi);box-shadow:0 0 0 6px rgba(242,160,7,.22);animation:pulse 2.4s ease-in-out infinite}
@keyframes pulse{50%{box-shadow:0 0 0 11px rgba(242,160,7,.06)}}
.timeline time{font:700 1.02rem/1.4 var(--sans);text-align:right;padding-right:6px;color:var(--ink)}
.timeline li.next time{color:var(--laterite)}
.timeline h3{margin:0 0 4px}
.timeline p{color:var(--muted);margin:0}
@media (max-width:640px){
  .timeline::before{left:7px}
  .timeline li{grid-template-columns:1fr;gap:4px;padding-left:34px}
  .timeline li::before{left:1px}
  .timeline time{text-align:left}
}

/* scoreboard */
.score{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.metric{background:var(--paper);border-radius:var(--r-lg);padding:28px 26px;display:flex;flex-direction:column;border:1px dashed rgba(18,17,16,.18)}
.metric .val{font:700 3rem/1 var(--sans);color:rgba(18,17,16,.2);margin-bottom:18px;letter-spacing:-.04em}
.metric h3{margin:0 0 6px}
.metric p{color:var(--muted);font-size:.95rem;flex:1}
.metric .goal{align-self:flex-start;font:650 .78rem/1 var(--sans);color:var(--neel);background:var(--neel-soft);padding:7px 11px;border-radius:99px}
@media (max-width:900px){.score{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.score{grid-template-columns:1fr}}
.charter .card .num{display:block}

/* home: trust band */
.trustband{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(28px,5vw,72px);align-items:center;background:#fff;border-radius:var(--r-xl);padding:clamp(28px,5vw,64px);box-shadow:var(--shadow)}
.trustband h2{font-size:clamp(2rem,3.8vw,3.2rem)}
.trustband p{color:var(--muted)}
.ministeps{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ministeps li{display:flex;gap:14px;align-items:center;padding:14px 18px;border-radius:16px;background:var(--tile);font-weight:600}
.ministeps li b{font:700 .8rem/1 var(--sans);color:var(--muted);min-width:24px}
.ministeps li.now{background:var(--neel);color:#fff}
.ministeps li.now b{color:var(--haldi)}
.ministeps li small{margin-left:auto;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.8}
@media (max-width:900px){.trustband{grid-template-columns:1fr}}

/* global polish */
.card,.mini a,.circle,.link,.stat{will-change:auto}
.stat{border:1px solid rgba(18,17,16,.05)}
.tint-haldi .stat{background:var(--paper)}
.table-wrap{border:1px solid rgba(18,17,16,.06)}
th{border-bottom:1.5px solid var(--rule)}
.page-head .crumb a{text-decoration:none}
.page-head .crumb a:hover{color:var(--neel)}
.nav a{white-space:nowrap}
@media (max-width:1240px) and (min-width:1061px){.nav a{padding:7px 9px;font-size:.85rem}}
.timeline time{padding-right:34px}
.timeline li{gap:24px}
.metric .val{font:650 .76rem/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);display:inline-flex;align-items:center;gap:8px;margin-bottom:22px}
.metric .val::before{content:"";width:28px;height:3px;border-radius:2px;background:repeating-linear-gradient(90deg,rgba(18,17,16,.25) 0 6px,transparent 6px 10px)}
@media (max-width:640px){.timeline time{padding-right:0}}

/* Former inline styles, moved here so the site CSP can forbid 'unsafe-inline'. */
.x-4260eb{padding-top:0}
.x-8e6f32{font-size:clamp(1.8rem,3vw,2.6rem)}
.x-ef0b7a{margin-bottom:0}
.x-ed929b{padding-top:56px}
.x-82ea2a{color:var(--laterite)}
.x-57f9e3{color:var(--muted)}
.x-116966{margin:0}
.x-fa08ae{margin-top:72px}
.x-0f5746{align-items:start;gap:48px}
.x-d46224{margin-top:0}
.x-137cee{margin-top:56px}
.x-84b56b{color:var(--muted);max-width:44em}
.x-86de7a{margin-top:18px}
.x-3922d3{min-width:0}
.x-8a77e5{margin-top:8px}
.x-1e970b{color:var(--muted);margin-top:12px}
.x-729d2f{color:#fff}
.x-dfb216{align-items:start}
.x-3b8e30{border-top:2px solid var(--moss)}
.x-f39c2f{color:var(--moss)}
.x-7e5180{border-top:2px solid var(--laterite)}
.x-da12f2{margin-bottom:12px}
.x-d22a27{color:var(--muted);margin-top:14px}
.x-796441{color:var(--laterite);font-weight:700}
.x-bae40f{padding-top:48px}
.x-ae3156{color:var(--muted);margin-top:18px}
.x-583f75{margin-top:28px}
.x-d461c9{position:relative}
.x-03c4bb{justify-content:center}
.x-6c0243{padding-top:40px}
.x-c1fb3c{max-height:140px}
.x-2977f2{max-height:170px}
.x-e54a46{background:linear-gradient(135deg,#2A27B0,#6A2AA8)}
.x-42054f{background:#2A27B0}
.x-062ee9{background:#6A2AA8}
.x-ae214a{background:#F2A007}
.x-f61360{background:#17156B}
.x-fd92ae{background:#4F4C8C}
.x-8deb79{background:#FBF8F3;box-shadow:inset 0 -1px 0 var(--rule)}
.x-99cb8a{max-width:860px;margin:40px auto 0}
.fblurb{max-width:28ch}

/* ================= v7: 3D icons, depth, languages =================
   3D language: every icon tile is a small lit object. A top-left key light (glossy highlight), a cast
   shadow below, an extruded side (the hidden .ex copy of the glyph, revealed only inside tiles) and a
   slight tilt that straightens on hover. Flat icons stay flat inside buttons, ribbon and nav. */
@font-face{font-family:NotoOlck;src:url(../fonts/NotoSansOlChiki.ttf) format("truetype");unicode-range:U+1C50-1C7F;font-display:swap}
@font-face{font-family:NotoMtei;src:url(../fonts/NotoSansMeeteiMayek.ttf) format("truetype");unicode-range:U+ABC0-ABFF,U+AAE0-AAFF;font-display:swap}
:root{--indic:NotoDeva,NotoBeng,NotoTaml,NotoTelu,NotoGujr,NotoKnda,NotoMlym,NotoGuru,NotoOrya,NotoUrdu,NotoOlck,NotoMtei;
  --g-neel:linear-gradient(150deg,#6B67F5 0%,#3B37CF 42%,#2A27B0 62%,#1A1884 100%);
  --g-lat:linear-gradient(150deg,#F07A52 0%,#C9472A 45%,#B23A1E 62%,#7A220E 100%);
  --g-moss:linear-gradient(150deg,#4FB487 0%,#24805A 45%,#1E6B4A 62%,#0F4630 100%);
  --g-haldi:linear-gradient(150deg,#FFE08A 0%,#FFC23D 40%,#F2A007 62%,#B97500 100%);
  --g-jamun:linear-gradient(150deg,#A06BE0 0%,#7A38BF 45%,#6A2AA8 62%,#43186F 100%);
  --lift:inset 0 1.5px 0 rgba(255,255,255,.5),inset 0 -5px 10px rgba(0,0,0,.22),inset 0 0 0 1px rgba(255,255,255,.08);
}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
svg .ex{display:none}

/* --- the 3D tile --- */
.mini .ic,.card .ic,.principle .glyph,.trust span>svg,.i3d{
  position:relative;isolation:isolate;display:grid;place-items:center;color:#fff;background:var(--g-neel);
  box-shadow:var(--lift),0 3px 0 #15136E,0 14px 22px -10px rgba(26,24,132,.75);
  transform:perspective(320px) rotateX(10deg) rotateY(-8deg);transform-style:preserve-3d;
  transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
.mini .ic::before,.card .ic::before,.principle .glyph::before,.i3d::before{content:"";position:absolute;left:12%;right:12%;top:5%;height:42%;
  border-radius:12px 12px 50% 50%/12px 12px 22px 22px;background:linear-gradient(rgba(255,255,255,.55),rgba(255,255,255,0));pointer-events:none;z-index:2}
.mini .ic svg,.card .ic svg,.principle .glyph svg,.i3d svg{position:relative;z-index:1;overflow:visible;filter:drop-shadow(0 1px 0 rgba(0,0,0,.18))}
.mini .ic svg .ex,.card .ic svg .ex,.principle .glyph svg .ex,.circle .top-art svg .ex,.i3d svg .ex,.trust span>svg .ex,.chip .dot svg .ex{display:inline;color:rgba(0,0,0,.42)}
.mini .ic,.card .ic{width:58px;height:58px;border-radius:18px}
.mini .ic svg,.card .ic svg{width:27px;height:27px}
.mini a:hover .ic,.card:hover .ic,a.card:hover .ic{transform:perspective(320px) rotateX(0) rotateY(0) translateY(-4px) rotate(-5deg);
  box-shadow:var(--lift),0 5px 0 #15136E,0 22px 28px -12px rgba(26,24,132,.75)}
/* colour family per position, matching the old soft tints */
.mini>*:nth-child(3n+2) .ic,.grid>.card:nth-child(3n+2) .ic{background:var(--g-lat);box-shadow:var(--lift),0 3px 0 #6A1D0C,0 14px 22px -10px rgba(122,34,14,.7)}
.mini>*:nth-child(3n+3) .ic,.grid>.card:nth-child(3n+3) .ic{background:var(--g-moss);box-shadow:var(--lift),0 3px 0 #0C3D29,0 14px 22px -10px rgba(15,70,48,.7)}
.tint-navy .card .ic,.on-dark .card .ic{background:var(--g-haldi)!important;color:#1B1340!important;box-shadow:var(--lift),0 3px 0 #8A5700,0 14px 22px -10px rgba(0,0,0,.6)!important}
.tint-navy .card .ic svg .ex,.on-dark .card .ic svg .ex{color:rgba(120,70,0,.45)}

/* principles: gold tiles on the dark band */
.principle .glyph{width:66px;height:66px;padding:15px;border-radius:21px;margin-bottom:26px;background:var(--g-haldi);color:#1B1340;
  box-shadow:var(--lift),0 3px 0 #8A5700,0 18px 26px -12px rgba(0,0,0,.7)}
.principle .glyph svg{width:100%;height:100%}
.principle .glyph svg .ex{color:rgba(120,70,0,.5)}
.principle:hover .glyph{transform:perspective(320px) rotateX(0) rotateY(0) translateY(-4px) rotate(5deg)}

/* trust strip: small 3D chips */
.trust span>svg{width:32px;height:32px;padding:7px;border-radius:10px;box-shadow:var(--lift),0 2px 0 #15136E,0 8px 14px -6px rgba(26,24,132,.6);transform:perspective(200px) rotateX(10deg)}
.trust span:nth-child(2)>svg{background:var(--g-lat);box-shadow:var(--lift),0 2px 0 #6A1D0C,0 8px 14px -6px rgba(122,34,14,.55)}
.trust span:nth-child(3)>svg{background:var(--g-jamun);box-shadow:var(--lift),0 2px 0 #34114F,0 8px 14px -6px rgba(67,24,111,.55)}
.trust span:nth-child(4)>svg{background:var(--g-moss);box-shadow:var(--lift),0 2px 0 #0C3D29,0 8px 14px -6px rgba(15,70,48,.55)}
.trust span:nth-child(5)>svg{background:var(--g-haldi);color:#1B1340;box-shadow:var(--lift),0 2px 0 #8A5700,0 8px 14px -6px rgba(185,117,0,.55)}

/* community circles: big glossy object on a lit stage */
.circle .top-art{background-image:radial-gradient(120% 90% at 30% 15%,rgba(255,255,255,.28),transparent 55%),var(--kolam-light)!important}
.circle .top-art::after{content:"";position:absolute;bottom:26px;left:50%;width:96px;height:16px;transform:translateX(-50%);border-radius:50%;background:rgba(0,0,0,.28);filter:blur(6px)}
.circle .top-art svg{z-index:1;width:92px;height:92px;overflow:visible;filter:drop-shadow(0 2px 0 rgba(0,0,0,.25)) drop-shadow(0 12px 14px rgba(0,0,0,.28));transition:transform .5s var(--ease)}
.circle:hover .top-art svg{transform:translateY(-8px) rotate(-4deg) scale(1.04)}

/* hero chips: glossy dots */
.chip .dot{background:var(--g-lat);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -3px 6px rgba(0,0,0,.2),0 2px 0 #6A1D0C}
.chip.ok .dot{background:var(--g-moss);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -3px 6px rgba(0,0,0,.2),0 2px 0 #0C3D29}
.chip.neel .dot{background:var(--g-neel);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -3px 6px rgba(0,0,0,.2),0 2px 0 #15136E}
.chip .dot svg{overflow:visible}

/* raised buttons: they press down */
.btn-primary{background:linear-gradient(180deg,#4844D6,var(--neel));box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 3px 0 #17157A,0 12px 24px -10px rgba(42,39,176,.7)}
.btn-primary:hover{background:linear-gradient(180deg,#5652E0,#332FC0)}
.btn-primary:active,.btn-gold:active{transform:translateY(3px);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 0 0 #17157A,0 4px 10px -6px rgba(42,39,176,.7)}
.btn-gold{box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 3px 0 #9A6200,0 14px 30px -12px rgba(242,160,7,.7)}
.nav a.btn-primary,.nav a.btn-primary:hover{background:linear-gradient(180deg,#4844D6,var(--neel))}
.on-dark .btn-primary,.tint-navy .btn-primary,.final .btn-primary,.page-head.alert .btn-primary{box-shadow:inset 0 -2px 0 rgba(0,0,0,.08),0 3px 0 rgba(0,0,0,.25),0 12px 24px -12px rgba(0,0,0,.5)}
.final .btn-primary{background:#fff}.on-dark .btn-primary,.tint-navy .btn-primary{background:var(--paper)}.page-head.alert .btn-primary{background:#fff}

/* cards lift with depth */
.card,.mini a,.stat,.metric,.lchip{transition:transform .35s var(--ease),box-shadow .35s var(--ease),background .3s}
a.card:hover,.mini a:hover{transform:translateY(-6px) perspective(800px) rotateX(2deg)}

/* --- language button in the header --- */
.lang-btn{display:inline-flex;align-items:center;gap:7px;margin-left:8px;padding:7px 12px 7px 9px;border-radius:99px;text-decoration:none;
  color:var(--ink);background:#fff;border:1px solid var(--rule);font:600 .86rem/1 var(--sans);white-space:nowrap;box-shadow:0 2px 0 rgba(18,17,16,.06);transition:background .2s,border-color .2s}
.lang-btn:hover{background:var(--neel-soft);border-color:rgba(42,39,176,.3)}
.lang-btn svg{width:18px;height:18px;color:var(--neel)}
.lang-cur{max-width:9em;overflow:hidden;text-overflow:ellipsis}
@media (max-width:1060px){.lang-btn{margin-left:auto}.menu-btn{margin-left:4px}}
@media (max-width:420px){.lang-cur{max-width:5.5em}.brand img{height:32px}}

/* notice bars */
.lang-note,.lang-suggest{background:var(--neel-soft);color:var(--neel-deep);font-size:.9rem;border-bottom:1px solid rgba(42,39,176,.15)}
.lang-note .wrap,.lang-suggest .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding-top:10px;padding-bottom:10px}
.lang-note a{color:var(--neel);font-weight:650}
.lang-x{background:none;border:1px solid rgba(42,39,176,.3);border-radius:99px;padding:6px 12px;font:600 .82rem var(--sans);color:var(--neel-deep);cursor:pointer}
.lang-suggest{background:var(--haldi-soft);color:var(--ink);border-color:rgba(242,160,7,.35)}
.lang-suggest .btn{font-size:1rem}

/* --- picker dialog --- */
.lang-dlg{width:min(980px,calc(100vw - 24px));max-height:min(86vh,900px);padding:0;border:0;border-radius:28px;background:var(--paper);color:var(--ink);
  box-shadow:0 40px 120px -20px rgba(23,21,107,.55);overflow:hidden;display:none;flex-direction:column}
.lang-dlg[open]{display:flex;animation:dlgIn .35s var(--ease)}
.lang-dlg::backdrop{background:rgba(23,21,107,.45);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
@keyframes dlgIn{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}
.lang-hd{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 26px 10px}
.lang-hd h2{display:flex;align-items:center;gap:10px;font-size:clamp(1.4rem,3vw,1.9rem);margin:0}
.lang-hd h2 svg{width:30px;height:30px;color:var(--neel)}
.lang-hi{color:var(--muted);font-weight:500;font-size:.8em}
.lang-close{width:42px;height:42px;border-radius:50%;border:0;background:var(--tile);font:400 1.6rem/1 var(--sans);cursor:pointer;color:var(--ink)}
.lang-close:hover{background:var(--tile-2)}
.lang-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:8px 26px 14px;border-bottom:1px solid var(--rule)}
.lang-q{flex:1 1 280px;padding:14px 18px;border-radius:99px;border:1.5px solid var(--rule);background:#fff;font:500 1rem var(--sans);color:var(--ink)}
.lang-q:focus{outline:2.5px solid var(--neel);outline-offset:1px;border-color:transparent}
.lang-tabs{display:flex;gap:4px;background:var(--tile);padding:4px;border-radius:99px}
.lang-tabs button{border:0;background:none;padding:9px 16px;border-radius:99px;font:600 .9rem var(--sans);color:var(--muted);cursor:pointer}
.lang-tabs button[aria-selected=true]{background:#fff;color:var(--ink);box-shadow:0 2px 6px rgba(18,17,16,.1)}
.lang-body{overflow:auto;padding:18px 26px 8px;flex:1}
.lang-foot{padding:12px 26px 18px;margin:0;border-top:1px solid var(--rule);color:var(--muted)}

/* --- language chips (dialog + Languages page) --- */
.lchips{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
.lchip{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;cursor:pointer;
  padding:14px 16px 14px;border-radius:18px;border:1px solid rgba(18,17,16,.07);background:#fff;color:var(--ink);font:inherit;
  box-shadow:0 2px 0 rgba(18,17,16,.06),0 8px 18px -12px rgba(18,17,16,.25)}
.lchip b{font-size:1.35rem;font-weight:600;line-height:1.45}
.lchip span{font-size:.82rem;color:var(--muted);line-height:1.35}
.lchip i{margin-top:6px;font:700 .64rem/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;font-style:normal;padding:4px 7px;border-radius:99px;color:var(--neel);background:var(--neel-soft)}
.lchip.s-reviewed i{color:var(--moss);background:var(--moss-soft)}
.lchip.s-draft i{color:#8A5A00;background:var(--haldi-soft)}
.lchip:hover{transform:translateY(-3px);box-shadow:0 4px 0 rgba(42,39,176,.18),0 16px 26px -14px rgba(42,39,176,.45);border-color:rgba(42,39,176,.25)}
.lchip[aria-pressed=true]{background:var(--neel);color:#fff;border-color:transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 3px 0 #17157A,0 14px 24px -12px rgba(42,39,176,.7)}
.lchip[aria-pressed=true] span{color:rgba(255,255,255,.82)}
.lchip[aria-pressed=true] i{background:rgba(255,255,255,.18);color:#fff}
.lchip[aria-pressed=true]::after{content:"✓";position:absolute;top:10px;right:12px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--haldi);color:#1B1340;font:800 .78rem/1 var(--sans)}
.lchip b[dir=rtl]{align-self:flex-end}
.lregion{margin-bottom:26px}
.lregion h3{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--laterite);margin:0 0 12px}
.lstate{margin-bottom:16px}
.lstate h4{margin:0 0 8px;font-size:1rem}
.lstate .lchips{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.lstate .lchip{padding:10px 12px}.lstate .lchip b{font-size:1.1rem}
/* Languages page: states in columns */
.lstates{columns:3 320px;column-gap:28px}
.lstates .lregion{break-inside:avoid-column;background:var(--paper);border-radius:var(--r-lg);padding:22px 22px 8px;margin:0 0 22px;display:inline-block;width:100%}
.lstates .lstate{break-inside:avoid}
@media (max-width:640px){.lang-hd,.lang-tools,.lang-body,.lang-foot{padding-left:16px;padding-right:16px}.lchips{grid-template-columns:repeat(2,minmax(0,1fr))}.lang-dlg{border-radius:22px}}
/* v7 fixes from visual review */
.mini>*:nth-child(3n+2) .ic,.mini>*:nth-child(3n+3) .ic,.grid>.card:nth-child(3n+2) .ic,.grid>.card:nth-child(3n+3) .ic{color:#fff}
.brand{flex:none}
/* Indic scripts run longer than English: smaller display sizes, wrap whole words only */
html[data-script=indic] .hero.night .mega{font-size:clamp(2.2rem,4.4vw,4rem);line-height:1.12;max-width:none;letter-spacing:-.01em}
html[data-script=indic] .hero.night .mega em{font-family:var(--sans);font-style:normal;font-weight:700}
html[data-script=indic] .final h2{font-size:clamp(2rem,4.2vw,3.6rem);line-height:1.15;letter-spacing:-.01em}
html[data-script=indic] .final h2 em{font-family:var(--sans);font-style:normal;font-weight:700}
html[data-script=indic] [data-i18n]{overflow-wrap:break-word;hyphens:manual}
@media (min-width:1061px){html[data-script=indic] .nav a:not(.btn){font-size:.8rem;padding:7px 7px}}
.lchip[aria-pressed=true]::after{top:auto;bottom:10px;right:10px}
.lang-hd h2{flex-wrap:wrap;row-gap:2px}
@media (max-width:640px){.lang-hi{flex-basis:100%;padding-left:40px;font-size:.62em}}

/* ================= v8: Made in India, proud edition hero =================
   Pride through India's own things: its 22 scheduled scripts, its geography (Kashmir to Kanyakumari,
   Kutch to Kohima), a kolam and a haldi seal. No flag, tricolour, chakra, emblem or religious symbol. */
.hero.night .kicker b{font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;color:#1B1340;
  background:var(--g-haldi);border-radius:99px;padding:4px 10px;margin:-3px 0 -3px -8px;box-shadow:var(--lift),0 2px 0 #8A5700}
.hero.night .kicker .ksep{width:1px;height:14px;background:rgba(255,226,163,.4)}
.hero.night .mega{max-width:13ch;font-size:clamp(2.6rem,5.6vw,5.2rem)}
.hero.night .mega em{display:block;font-size:.92em}
.pill.dark i{background:var(--g-haldi);box-shadow:var(--lift)}

/* the seal */
.seal{position:absolute;z-index:4;right:-2%;bottom:2%;width:clamp(118px,11vw,150px);aspect-ratio:1;
  transform:perspective(600px) rotateX(14deg) rotateY(-16deg) rotate(-8deg);
  filter:drop-shadow(0 22px 22px rgba(0,0,0,.45)) drop-shadow(0 4px 0 rgba(90,55,0,.6));animation:sealfloat 7s ease-in-out infinite}
.seal svg{width:100%;height:100%;display:block;overflow:visible}
.seal .seal-ring{transform-origin:100px 100px;animation:sealspin 60s linear infinite}
.seal text{font-family:var(--sans)}
.seal-cap{position:absolute;left:50%;bottom:-14px;translate:-50% 0;white-space:nowrap;font:800 .62rem/1 var(--sans);letter-spacing:.14em;
  text-transform:uppercase;color:#FFE2A3;background:#17156B;border:1px solid rgba(242,160,7,.6);border-radius:99px;padding:5px 9px;
  box-shadow:0 6px 12px -4px rgba(0,0,0,.5)}
@keyframes sealspin{to{transform:rotate(360deg)}}
@keyframes sealfloat{0%,100%{translate:0 0}50%{translate:0 -8px}}

/* 22 scripts ribbon */
.sribbon{position:absolute;left:0;right:0;bottom:clamp(118px,13.6vw,196px);z-index:2;overflow:hidden;pointer-events:none;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.strack{display:flex;align-items:center;gap:22px;width:max-content;animation:slide 70s linear infinite}
.strack span{font:600 clamp(1rem,1.5vw,1.3rem)/1.6 var(--sans);color:rgba(255,226,163,.42);white-space:nowrap}
.strack i{width:5px;height:5px;border-radius:50%;background:rgba(242,160,7,.5);flex:none}
.strack .dup{display:none}
.hero-grid{padding-bottom:clamp(160px,15vw,220px)}

@media (max-width:960px){.seal{right:2%;bottom:0}}
@media (max-width:560px){
  .seal{width:96px;right:-2%;bottom:-4%}
  .seal-cap{font-size:.54rem;bottom:-10px}
  .hero.night .kicker{font-size:.74rem;gap:8px;flex-wrap:wrap;row-gap:6px}
  .hero.night .mega{font-size:clamp(2.3rem,11vw,3.2rem)}
}
html[data-script=indic] .hero.night .mega em{font-size:.86em}
.hero.night .hstats{gap:14px 26px}
.hero.night .hstats dd{white-space:nowrap}
.hero.night .seal{right:auto;left:40%;bottom:-6%}
.hero.night .chip.c3{bottom:12%}
@media (max-width:960px){.hero.night .seal{left:auto;right:2%;bottom:-2%}}
@media (max-width:560px){.hero.night .seal{right:-1%;bottom:-6%}}
/* ribbon in normal flow between the copy and the landscape, so it never collides with the stats */
.hero.night .hero-grid{padding-bottom:28px}
.hero.night .sribbon{position:relative;bottom:auto;margin:6px 0 clamp(112px,13vw,190px)}
@media (min-width:961px){.hero.night .mega{max-width:none}.hero.night .mega em{font-size:.74em;white-space:nowrap;margin-top:.06em}}
.pill.dark i{white-space:nowrap}
@media (max-width:560px){
  .hero.night .kicker{display:flex;flex-direction:column;align-items:flex-start;border-radius:16px;padding:10px 14px;max-width:max-content}
  .hero.night .kicker b{margin:0}
  .hero.night .kicker .ksep{display:none}
  .hero.night .pill.dark{font-size:.78rem}
}
html[data-script=indic] .hero.night .mega em{white-space:normal;font-size:.8em}
html[data-script=indic] .hero.night .mega{font-size:clamp(2rem,3.8vw,3.5rem)}
/* footer motto (Hindi, every language): प्रियजनों से प्रेम और आदर सहित वार्तालाप */
.fsay[lang=hi]{font:700 clamp(1.9rem,4.4vw,3.6rem)/1.3 var(--sans);letter-spacing:0;max-width:22ch}
.fsay[lang=hi] em{font:inherit;color:var(--haldi);letter-spacing:0}
/* footer language row: every full language, one tap, always in its own script */
.flangs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px;padding-top:24px;border-top:1px solid rgba(251,248,243,.12)}
.flangs button{font:600 .9rem/1.2 var(--sans);color:rgba(251,248,243,.82);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:99px;padding:7px 13px;cursor:pointer}
.flangs button:hover,.flangs button[aria-pressed=true]{background:var(--haldi);color:#1B1340;border-color:var(--haldi)}
html[dir=rtl] .hero-grid,html[dir=rtl] .fgrid{direction:rtl}
html[dir=rtl] .hstats div{border-left:0;border-right:2px solid #F2A007;padding-left:0;padding-right:12px}

/* ---- Get Namaskara: access status board (downloads paused for the Play release) ---- */
.access{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:16px;align-items:stretch}
.acc{background:var(--tile);border-radius:var(--r-xl);padding:clamp(24px,3vw,36px);display:flex;flex-direction:column}
.acc-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}
.acc-top>svg{width:34px;height:34px;color:var(--neel)}
.acc h3{margin:0 0 8px}
.acc p{color:var(--muted);font-size:1rem;margin:0 0 12px}
.acc .ticks{margin:auto 0 0}
.acc.now{background:var(--neel) var(--kolam-light);color:#fff;box-shadow:0 24px 48px -24px rgba(42,39,176,.7)}
.acc.now .acc-top>svg{color:#FFD47A}
.acc.now p,.acc.now li{color:rgba(255,255,255,.88)}
.acc.now .badge.pilot{color:#FFD47A;background:rgba(242,160,7,.18)}
@media (max-width:900px){.access{grid-template-columns:1fr}}
.acc.now .ticks li{border-color:rgba(255,255,255,.16)}.acc.now .ticks li::before{background-color:rgba(255,255,255,.14);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23F2A007' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E")}