/* Vishwas Setu — static site styles. Fonts are self-hosted; no external dependencies. */
@font-face{font-family:Mukta;src:url(../fonts/Mukta-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Mukta;src:url(../fonts/Mukta-SemiBold.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:Mukta;src:url(../fonts/Mukta-Bold.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:Mukta;src:url(../fonts/Mukta-ExtraBold.woff2) format("woff2");font-weight:800;font-display:swap}

:root{
  --grape:#4A235A; --grape-deep:#2F1339; --grape-mid:#6A3F7E; --lav:#F3ECF7;
  --leaf:#2E7D32; --leaf-soft:#E5F2E6; --vine:#9BD39E; --gold:#C9962B; --stamp:#B3261E;
  --ink:#201A25; --mut:#5B5362; --line:#E3D8EA; --white:#fff;
  --r:14px; --wrap:1140px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:76px}
body{margin:0;font-family:Mukta,"Nirmala UI",system-ui,sans-serif;font-size:18px;line-height:1.6;color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:var(--leaf)}
h1,h2,h3{line-height:1.2;margin:0 0 .5em;font-weight:800}
h2{font-size:clamp(28px,3.4vw,40px);color:var(--grape)}
h3{font-size:20px}
p{margin:0 0 1em}
.wrap{width:min(100% - 40px,var(--wrap));margin-inline:auto}
.narrow{width:min(100% - 40px,820px)}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.ic{width:1.15em;height:1.15em;flex:none}
.ic.lg{width:34px;height:34px}

/* language switching: show only the active language */
html[data-lang="mr"] [lang="en"]{display:none!important}
html[data-lang="en"] [lang="mr"]:not(html){display:none!important}

.skip{position:absolute;left:-999px;top:8px;background:var(--grape);color:#fff;padding:8px 14px;border-radius:8px;z-index:100}
.skip:focus{left:12px}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:6px}

/* header */
.top{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--line)}
.top-row{display:flex;align-items:center;gap:20px;height:68px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--grape);font-weight:800;font-size:22px}
.brand img{width:40px;height:40px}
nav{margin-left:auto}
nav ul{display:flex;gap:22px;list-style:none;margin:0;padding:0}
nav a{text-decoration:none;color:var(--ink);font-weight:600;font-size:16px}
nav a:hover{color:var(--grape)}
.menu{display:none;background:none;border:0;color:var(--grape);padding:6px;cursor:pointer}
.menu .ic{width:28px;height:28px}
.lang{display:flex;border:1.5px solid var(--grape);border-radius:999px;overflow:hidden;flex:none}
.lang button{font:inherit;font-size:14px;font-weight:700;border:0;background:none;color:var(--grape);padding:5px 12px;cursor:pointer}
.lang button[aria-pressed="true"]{background:var(--grape);color:#fff}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:10px;font:inherit;font-weight:700;font-size:17px;padding:12px 22px;border-radius:999px;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:transform .15s ease,background .15s ease}
.btn:hover{transform:translateY(-1px)}
.btn-wa{background:var(--leaf);color:#fff}
.btn-wa:hover{background:#246428}
.btn-ghost{border-color:rgba(255,255,255,.55);color:#fff}
.btn-ghost:hover{background:rgba(255,255,255,.1)}

/* hero */
.hero{position:relative;background:var(--grape);color:#fff;overflow:hidden;padding:72px 0 84px}
.hero::before{content:"";position:absolute;inset:0;opacity:.55;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='90' viewBox='0 0 120 90'%3E%3Cg fill='%235E3470'%3E%3Ccircle cx='30' cy='30' r='4'/%3E%3Ccircle cx='36' cy='37' r='4'/%3E%3Ccircle cx='24' cy='37' r='4'/%3E%3Ccircle cx='30' cy='44' r='4'/%3E%3Ccircle cx='90' cy='70' r='4'/%3E%3Ccircle cx='96' cy='77' r='4'/%3E%3Ccircle cx='84' cy='77' r='4'/%3E%3Ccircle cx='90' cy='84' r='4'/%3E%3C/g%3E%3Cpath d='M0 20 L120 0 M0 65 L120 45' stroke='%235E3470' stroke-width='1.2'/%3E%3C/svg%3E")}
.hero-grid{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.kicker{color:#D8C7E2;font-weight:600;margin-bottom:14px}
.hero h1{font-size:clamp(38px,5.4vw,64px);letter-spacing:-.01em;margin-bottom:18px}
.hero h1[lang="en"]{letter-spacing:-.02em}
.lead{font-size:clamp(18px,1.6vw,21px);color:#EADFF0;max-width:34em}
.cta-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}
.free{display:flex;align-items:center;gap:8px;margin-top:22px;color:var(--vine);font-weight:700}

/* hero before/after demo */
.hero-demo{display:flex;flex-direction:column;align-items:center;gap:18px}
.seg{display:inline-flex;background:rgba(0,0,0,.22);border-radius:999px;padding:4px}
.seg button{font:inherit;font-weight:700;font-size:15px;border:0;background:none;color:#E6D9EE;padding:7px 16px;border-radius:999px;cursor:pointer}
.seg button[aria-selected="true"]{background:#fff;color:var(--grape)}
.flip{position:relative;width:min(100%,430px);height:300px;perspective:1400px}
.face{position:absolute;inset:0;border-radius:16px;backface-visibility:hidden;transition:transform .8s cubic-bezier(.3,.8,.3,1);box-shadow:0 18px 40px rgba(0,0,0,.28)}
.flip[data-side="vs"] .cheque{transform:rotateY(180deg)}
.phone{transform:rotateY(-180deg)}
.flip[data-side="vs"] .phone{transform:rotateY(0)}
.cheque{background:#EEF4EC;color:#2f3d2c;padding:22px 24px;border:1px solid #B9CDB6}
.cq-top{display:flex;justify-content:space-between;font-size:14px;color:#55704f}
.cq-pay{margin-top:26px;font-size:18px;border-bottom:1.5px dashed #9FB79B;padding-bottom:4px;width:62%}
.cq-amt{position:absolute;right:24px;top:70px;font-weight:700;font-size:20px;background:#fff;border:1px solid #B9CDB6;padding:2px 12px}
.cq-micr{position:absolute;left:24px;top:156px;font-size:13px;letter-spacing:2px;color:#7d9479}
.cq-sig{position:absolute;right:28px;top:150px;width:120px;text-align:center;border-top:1px solid #9FB79B;font-size:13px;color:#55704f;padding-top:2px}
.stamp{position:absolute;left:96px;top:96px;transform:rotate(-12deg);border:4px solid var(--stamp);color:var(--stamp);font-weight:800;font-size:30px;padding:0 16px 2px;border-radius:8px;background:rgba(255,255,255,.35);letter-spacing:.02em}
.stamp [lang="en"]{font-size:22px;letter-spacing:.08em}
html[data-lang="en"] .stamp{left:34px;top:104px}
.cap{position:absolute;left:24px;right:24px;bottom:16px;margin:0;font-size:15px;line-height:1.4}
.cheque .cap{color:#3e4d3a}
.phone{background:#ECE5DD;color:#1f2a1d;overflow:hidden}
.ph-bar{display:flex;align-items:center;gap:10px;background:#1F5C3B;color:#fff;padding:12px 18px;font-size:16px}
.bubble{position:relative;margin:22px 22px 0;background:#DCF8C6;border-radius:12px 12px 12px 3px;padding:14px 16px 22px;box-shadow:0 1px 2px rgba(0,0,0,.15)}
.bubble p{margin:0;font-size:16px;line-height:1.45}
.bh{display:flex;align-items:center;gap:8px;font-weight:800;color:#1E5B22;font-size:18px;margin-bottom:4px}
.tm{position:absolute;right:12px;bottom:5px;font-size:12px;color:#6b8a66}
.phone .cap{color:#38463a}

/* sections */
.sec{padding:88px 0}
.sec-tint{background:var(--lav)}
.sec-dark{background:var(--grape-deep);color:#fff}
.sec-dark h2{color:#fff}
.intro{font-size:19px;color:var(--mut);max-width:44em}
.sec-dark .intro{color:#DCCDE5}

/* problem */
.today{display:grid;grid-template-columns:repeat(5,1fr);gap:0;list-style:none;padding:0;margin:28px 0 44px;counter-reset:t}
.today li{position:relative;padding:18px 18px 18px 0;border-top:4px solid var(--line);font-weight:600;color:var(--ink);counter-increment:t}
.today li::before{content:counter(t);display:block;font-size:14px;color:var(--mut);margin-bottom:4px}
html[data-lang="mr"] .today li::before{content:counter(t,devanagari)}
.today li.risk{border-top-color:var(--stamp);color:var(--stamp)}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:48px}
.fact{background:var(--lav);border-radius:var(--r);padding:24px}
.fact b{display:block;font-size:clamp(30px,3.4vw,42px);font-weight:800;color:var(--grape);line-height:1.1;margin-bottom:8px}
.fact p{margin:0;color:var(--mut);font-size:16px}
.fact.hot{background:var(--grape);}
.fact.hot b{color:#fff}.fact.hot p{color:#E3D6EA}
.cases{list-style:none;padding:0;margin:0 0 48px;border-top:1px solid var(--line)}
.cases li{display:grid;grid-template-columns:90px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}
.cases b{color:var(--grape);font-size:18px}
.causes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cause{padding:18px 20px;border-left:4px solid var(--leaf);background:#fff;box-shadow:0 1px 0 var(--line)}
.cause b{display:block;font-size:18px;color:var(--ink);margin-bottom:4px}
.cause p{margin:0;font-size:16px;color:var(--mut)}

/* layers */
.layers{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:34px}
.layer{position:relative;background:#fff;border-radius:var(--r);padding:26px 20px 22px;color:var(--grape)}
.layer h3{margin:14px 0 8px;color:var(--grape)}
.layer p{margin:0;font-size:16px;color:var(--mut)}
.layer .ln{position:absolute;right:18px;top:16px;font-weight:800;color:#C9B5D4;font-size:20px}
.layer.key{background:var(--grape);color:var(--vine)}
.layer.key h3{color:#fff}.layer.key p{color:#E3D6EA}.layer.key .ln{color:var(--vine)}

/* steps */
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:22px;list-style:none;padding:0;margin:34px 0 46px;position:relative}
.steps::before{content:"";position:absolute;left:28px;right:28px;top:27px;height:3px;background:var(--line)}
.steps li{position:relative}
.sn{position:relative;display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--grape);color:#fff;font-weight:800;font-size:22px;margin-bottom:14px}
.steps li.key .sn{background:var(--leaf)}
.steps li.key h3{color:var(--leaf)}
.steps h3{font-size:19px;color:var(--grape);margin-bottom:6px}
.steps p{font-size:16px;color:var(--mut);margin:0}
.wrong{background:var(--leaf-soft);border-radius:var(--r);padding:28px 30px}
.wrong h3{color:var(--leaf)}
.wrong dl{display:grid;grid-template-columns:170px 1fr;gap:10px 22px;margin:0}
.wrong dt{font-weight:800;color:var(--ink)}
.wrong dd{margin:0;color:var(--mut)}

/* trust score */
.score-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.sl-label{display:block;font-weight:700;margin:26px 0 10px;color:var(--vine)}
input[type=range]{width:100%;accent-color:var(--vine);height:32px;cursor:pointer}
.tier-card{background:#fff;color:var(--ink);border-radius:20px;padding:30px 32px;box-shadow:0 20px 50px rgba(0,0,0,.3)}
.tc-score{font-size:72px;font-weight:800;line-height:1;color:var(--grape)}
.tc-score small{font-size:26px;color:var(--mut);font-weight:600;margin-left:4px}
.tc-name{display:inline-block;margin-top:12px;font-weight:800;font-size:20px;padding:4px 14px;border-radius:999px}
.tc-rule{margin-top:12px;font-size:19px;font-weight:600;min-height:2.9em}
.bar{height:10px;border-radius:99px;background:#EEE6F3;margin:14px 0 18px;overflow:hidden}
.bar i{display:block;height:100%;border-radius:99px;background:var(--grape);transition:width .3s ease,background .3s ease}
.tc-note{font-size:15px;color:var(--mut);margin:0}

/* stakeholder tabs */
.tabs{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0 26px}
.tabs button{display:inline-flex;align-items:center;gap:8px;font:inherit;font-weight:700;font-size:16px;padding:9px 16px;border-radius:999px;border:1.5px solid var(--line);background:#fff;color:var(--ink);cursor:pointer}
.tabs button[aria-selected="true"]{background:var(--grape);border-color:var(--grape);color:#fff}
.panels [role=tabpanel]{background:var(--lav);border-radius:20px;padding:32px 34px}
.psum{font-size:20px;font-weight:600;color:var(--grape);margin-bottom:22px}
.pcols{display:grid;grid-template-columns:1fr 1fr;gap:34px}
.pcols h3{color:var(--leaf)}
.pcols div:last-child h3{color:var(--gold)}
.ticks,.asks{list-style:none;padding:0;margin:0}
.ticks li,.asks li{position:relative;padding-left:30px;margin-bottom:12px;font-size:17px;color:var(--mut)}
.ticks li b,.asks li b{color:var(--ink)}
.ticks li::before{content:"";position:absolute;left:0;top:.35em;width:18px;height:18px;border-radius:50%;background:var(--leaf) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12l4 4 8-8'/%3E%3C/svg%3E") center/12px no-repeat}
.asks{counter-reset:a}
.asks li{counter-increment:a}
.asks li::before{content:counter(a);position:absolute;left:0;top:.15em;width:20px;height:20px;border-radius:50%;background:var(--gold);color:#fff;font-size:13px;font-weight:800;text-align:center;line-height:20px}
html[data-lang="mr"] .asks li::before{content:counter(a,devanagari)}

/* pilot */
.pilot-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin:22px 0 34px}
.where{display:flex;gap:10px;align-items:flex-start;font-weight:600;max-width:30em}
.where .ic{color:var(--leaf);margin-top:4px}
.pnums{display:flex;gap:12px;flex-wrap:wrap}
.pnums div{background:#fff;border-radius:var(--r);padding:12px 20px;text-align:center;color:var(--mut);font-size:15px;min-width:110px}
.pnums b{display:block;font-size:32px;font-weight:800;color:var(--leaf);line-height:1.1}
.road{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;list-style:none;padding:0;margin:0 0 40px}
.road li{background:#fff;border-radius:var(--r);padding:20px;border-top:5px solid #D6C5E0}
.road li.now{border-top-color:var(--gold)}
.road li.key{border-top-color:var(--leaf)}
.road b{display:block;font-size:19px;color:var(--grape)}
.road em{display:block;font-style:normal;font-weight:700;color:var(--gold);font-size:15px;margin:2px 0 8px}
.road p{margin:0;font-size:15px;color:var(--mut)}
.promise{background:var(--grape);color:#fff;border-radius:20px;padding:30px 34px}
.promise h3{color:#fff}
.promise .ticks li{color:#EADFF0}
.promise .ticks li::before{background-color:var(--vine)}

/* faq */
details{border-bottom:1px solid var(--line);padding:6px 0}
summary{cursor:pointer;font-weight:700;font-size:19px;padding:14px 36px 14px 0;list-style:none;position:relative;color:var(--ink)}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";position:absolute;right:6px;top:8px;font-size:28px;color:var(--grape);font-weight:400}
details[open] summary::after{content:"–"}
details p{color:var(--mut);margin:0 0 16px}

/* downloads */
.dls{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:26px}
.dl{display:flex;gap:14px;align-items:flex-start;background:#fff;border-radius:var(--r);padding:20px;text-decoration:none;color:var(--ink);font-weight:700;border:1.5px solid transparent}
.dl:hover{border-color:var(--grape)}
.dl .ic{color:var(--grape);width:28px;height:28px}
.dl small{display:block;font-weight:400;color:var(--mut);font-size:14px;margin-top:2px}

/* contact */
.contact-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:48px;align-items:start}
.ways{list-style:none;padding:0;margin:8px 0 30px}
.ways li{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.14);color:#E3D6EA}
.ways b{color:#fff}
.wa-form{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:26px}
.wa-form h3{color:var(--vine)}
.fr{margin-bottom:14px}
.fr.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.wa-form label{display:block;font-size:15px;font-weight:600;color:#DCCDE5;margin-bottom:4px}
.wa-form input,.wa-form select{width:100%;font:inherit;font-size:17px;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.25);background:#fff;color:var(--ink)}
.wa-form .btn{margin-top:6px}
.fine{font-size:14px;color:#B9A8C3;margin:14px 0 0}
.contact-card{background:#fff;color:var(--ink);border-radius:20px;padding:28px;text-align:center}
.contact-card img{width:180px;height:180px;margin:0 auto}
.qrcap{font-size:14px;color:var(--mut);margin:6px 0 16px}
.who b{display:block;font-size:20px;color:var(--grape)}
.who{color:var(--mut);margin-bottom:14px}
.cl{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--ink);text-decoration:none;font-weight:600;margin:8px 0;word-break:break-all}
.cl .ic{color:var(--leaf)}

/* footer */
.foot{background:#1E0C25;color:#CDBBD8;padding:40px 0 30px;font-size:15px}
.foot-grid{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}
.fb{display:flex;gap:12px;align-items:center}
.fb b{color:#fff;font-size:18px}
.fb p{margin:0}
.src{max-width:560px}
.src a{color:#E5D7EE}
.sh{margin:0 0 4px;font-weight:700;color:#fff}
.legal{margin-top:24px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);font-size:13px;color:#9F8BAB}
.legal p{margin:0}

.wa-float{position:fixed;right:18px;bottom:18px;width:56px;height:56px;border-radius:50%;background:var(--leaf);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 22px rgba(0,0,0,.25);z-index:60}
.wa-float .ic{width:28px;height:28px}

/* responsive */
@media (max-width:1020px){
  nav ul{gap:14px}
  nav a{font-size:15px}
  .layers{grid-template-columns:repeat(3,1fr)}
  .road{grid-template-columns:repeat(3,1fr)}
  .dls{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:860px){
  .menu{display:block}
  nav ul{display:none;position:absolute;left:0;right:0;top:68px;flex-direction:column;gap:0;background:#fff;border-bottom:1px solid var(--line);padding:8px 20px 16px}
  nav ul.open{display:flex}
  nav li a{display:block;padding:10px 0;font-size:17px}
  .hero{padding:48px 0 60px}
  .hero-grid,.score-grid,.contact-grid,.pcols{grid-template-columns:1fr;gap:36px}
  .today{grid-template-columns:1fr;margin-bottom:32px}
  .today li{border-top:0;border-left:4px solid var(--line);padding:10px 0 10px 16px}
  .today li.risk{border-left-color:var(--stamp)}
  .facts,.causes{grid-template-columns:1fr}
  .layers,.road,.steps{grid-template-columns:1fr 1fr}
  .steps::before{display:none}
  .wrong dl{grid-template-columns:1fr}
  .wrong dt{margin-top:8px}
  .sec{padding:64px 0}
  .panels [role=tabpanel]{padding:24px}
}
@media (max-width:520px){
  body{font-size:17px}
  .brand span{font-size:19px}
  .layers,.road,.steps,.dls{grid-template-columns:1fr}
  .fr.two{grid-template-columns:1fr}
  .flip{height:310px}
  .stamp{left:60px;font-size:26px}
  .cq-pay{width:100%}
  .cq-amt{top:112px;right:18px}
  .cq-micr,.cq-sig{top:178px}
  .cq-sig{width:90px}
  .lang button{padding:5px 9px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .face,.bar i,.btn{transition:none}
}
@media print{
  .top,.wa-float,.hero-demo .seg,.wa-form{display:none}
  .hero,.sec-dark{background:#fff;color:#000}
}