/* ===================== BOOTH MASTER — shared styles ===================== */
:root{
  --navy:#1B2A60; --navy-dark:#14204d; --navy-2:#22306e; --maroon:#8B1E1E; --maroon-dark:#6e1414;
  --saffron:#D4A017; --gold:#E0A800; --green:#2E7D32; --purple:#5E2C8A;
  --cream:#f7f5ef; --ink:#1f2330; --muted:#5a6172; --line:#e2e0d6; --white:#fff;
  --shadow:0 2px 10px rgba(20,32,77,.08); --shadow-lg:0 8px 30px rgba(20,32,77,.14);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Open Sans',sans-serif;color:var(--ink);background:var(--cream);line-height:1.6;font-size:16px}
body.lang-hi{font-family:'Noto Sans Devanagari','Open Sans',sans-serif}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.wrap{max-width:1200px;margin:0 auto;padding:0 18px}
[hidden]{display:none!important}

/* icons */
.icon{width:1.25em;height:1.25em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto;vertical-align:-.18em}

/* dev banner */
.devbar{background:#fffae6;border-bottom:1px solid #e8d98a;color:#7a5c00;font-size:12px;text-align:center;padding:6px}

/* tricolor */
.tricolor{height:5px;background:linear-gradient(to right,#FF9933 0 33.3%,#fff 33.3% 66.6%,#138808 66.6% 100%)}

/* utility bar */
.utility{background:var(--navy-dark);color:#cfd6f0;font-size:13px}
.utility .wrap{display:flex;align-items:center;justify-content:space-between;min-height:38px;flex-wrap:wrap;gap:8px}
.utility a,.utility button{color:#cfd6f0;background:none;border:none;cursor:pointer;font:inherit}
.utility a:hover,.utility button:hover{color:#fff;text-decoration:underline}
.util-group{display:flex;align-items:center;gap:14px}
.fontsize button{border:1px solid #3a477f;border-radius:4px;width:26px;height:24px;line-height:1}
.fontsize button.active{background:var(--saffron);color:var(--navy-dark);border-color:var(--saffron)}
.lang-toggle{display:flex;border:1px solid #3a477f;border-radius:6px;overflow:hidden}
.lang-toggle button{padding:4px 12px}
.lang-toggle button.active{background:var(--saffron);color:var(--navy-dark);font-weight:700}

/* header */
.site-header{background:var(--white);border-bottom:3px solid var(--saffron)}
.site-header .wrap{display:flex;align-items:center;gap:18px;padding:14px 18px;flex-wrap:wrap}
.emblem{width:86px;height:86px;flex:0 0 auto;object-fit:contain;border-radius:8px}
.brand-titles{flex:0 1 auto;min-width:200px}
.brand-titles .org{font-size:13px;color:var(--maroon);font-weight:700;letter-spacing:.5px}
.brand-titles .nm{font-size:30px;color:var(--navy);font-weight:800;letter-spacing:.5px;line-height:1;font-family:'Open Sans',sans-serif}
.brand-titles .nm .mr{color:var(--maroon)}
.brand-titles .sub{font-size:12.5px;color:var(--muted);margin-top:3px}
.header-actions{flex:1 1 auto;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.header-actions .hbtn{padding:9px 16px;font-size:13.5px;border-radius:8px}
.header-actions .hbtn .icon{width:1.05em;height:1.05em}
.header-contact{flex:0 0 auto;text-align:right;font-size:13px;color:var(--muted)}
.header-contact .helpline{font-size:20px;font-weight:800;color:var(--green)}
.header-contact .msme{display:inline-block;margin-top:4px;background:var(--cream);border:1px solid var(--line);border-radius:4px;padding:2px 8px;font-size:11px}

/* main nav */
.mainnav{background:var(--navy);position:sticky;top:0;z-index:50;box-shadow:var(--shadow)}
.mainnav .wrap{display:flex;align-items:stretch;gap:0;flex-wrap:wrap}
.mainnav a{color:#eef1fb;padding:13px 15px;font-weight:600;font-size:14.5px;display:flex;align-items:center;gap:6px;border-bottom:3px solid transparent}
.mainnav a:hover{background:var(--navy-dark);border-bottom-color:var(--saffron)}
.mainnav a.active{background:var(--navy-dark);border-bottom-color:var(--saffron);color:#fff}
.mainnav a.cta{background:var(--maroon);margin-left:auto}
.mainnav a.cta:hover{background:var(--maroon-dark);border-bottom-color:var(--gold)}
.nav-links{display:contents}
.nav-toggle{display:none}

/* ticker */
.ticker{background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;overflow:hidden}
.ticker .label{background:var(--maroon);color:#fff;font-weight:700;font-size:13px;padding:8px 14px;flex:0 0 auto;display:flex;align-items:center;gap:6px}
.ticker .label .dot{width:8px;height:8px;border-radius:50%;background:var(--gold);animation:blink 1s infinite}
@keyframes blink{50%{opacity:.3}}
.ticker .track{flex:1;overflow:hidden;white-space:nowrap}
.ticker .move{display:inline-block;padding-left:100%;animation:scroll 30s linear infinite;font-size:13.5px}
.ticker .move a{margin:0 28px;color:var(--navy);font-weight:600}
.ticker .move a::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--saffron);margin-right:9px;vertical-align:middle}
@keyframes scroll{to{transform:translateX(-100%)}}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:7px;font-weight:700;font-size:15px;cursor:pointer;border:2px solid transparent;transition:.15s}
.btn .icon{width:1.1em;height:1.1em}
.btn-primary{background:var(--saffron);color:var(--navy-dark)}
.btn-primary:hover{background:var(--gold)}
.btn-ghost{background:transparent;color:#fff;border-color:#54639f}
.btn-ghost:hover{background:rgba(255,255,255,.1)}
.btn-green{background:var(--green);color:#fff}.btn-green:hover{filter:brightness(1.1)}
.btn-navy{background:var(--navy);color:#fff}.btn-navy:hover{background:var(--navy-dark)}
.btn-outline{background:#fff;color:var(--navy);border-color:var(--navy)}
.btn-outline:hover{background:var(--navy);color:#fff}
.btn-lg{padding:14px 28px;font-size:16px}
.btn-block{display:flex;width:100%;justify-content:center}

/* hero (home) */
.hero{position:relative;background:linear-gradient(115deg,var(--navy) 0%,var(--navy-dark) 55%,#0d1840 100%);color:#fff;overflow:hidden}
.hero::after{content:"";position:absolute;inset:0;background:
  radial-gradient(circle at 85% 30%,rgba(212,160,23,.18),transparent 40%),
  url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60"><path d="M0 30h60M30 0v60" stroke="%23ffffff" stroke-opacity="0.04" stroke-width="1"/></svg>');pointer-events:none}
.hero .wrap{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:center;padding:46px 18px 52px}
.hero .badge{display:inline-flex;align-items:center;gap:6px;background:rgba(212,160,23,.18);border:1px solid var(--saffron);color:var(--gold);font-size:13px;font-weight:700;padding:5px 14px;border-radius:30px;margin-bottom:16px}
.hero h2{font-size:38px;line-height:1.18;font-weight:800;margin-bottom:14px}
.hero h2 .hl{color:var(--gold)}
.hero p.lead{font-size:16.5px;color:#d4dbf2;max-width:560px;margin-bottom:24px}
.hero .ctas{display:flex;gap:12px;flex-wrap:wrap}
.hero-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);border-radius:14px;padding:8px}
.img-ph{display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;font-size:13px;white-space:pre-line}
.hero-img-ph{aspect-ratio:4/3;border-radius:10px;color:#8fa0d8;border:1px dashed #54639f;
  background:repeating-linear-gradient(45deg,#22306e,#22306e 12px,#1d2a60 12px,#1d2a60 24px)}

/* sections */
.section{padding:46px 0}
.section.alt{background:#fff}
.section.navy{background:var(--navy);color:#fff}
.sec-head{text-align:center;max-width:760px;margin:0 auto 34px}
.sec-head .kicker{color:var(--maroon);font-weight:700;font-size:13px;letter-spacing:1.5px;text-transform:uppercase}
.section.navy .sec-head .kicker{color:var(--gold)}
.sec-head h3{font-size:28px;color:var(--navy);font-weight:800;margin:6px 0 8px}
.section.navy .sec-head h3{color:#fff}
.sec-head h3::after{content:"";display:block;width:64px;height:4px;background:var(--saffron);border-radius:3px;margin:12px auto 0}
.sec-head p{color:var(--muted);font-size:15.5px}
.section.navy .sec-head p{color:#c9d2f0}
.kicker{font-weight:700;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;color:var(--maroon)}

/* tiles */
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.tile{background:#fff;border:1px solid var(--line);border-top:4px solid var(--navy);border-radius:10px;padding:22px;box-shadow:var(--shadow);transition:.18s;position:relative;display:block}
.tile:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-top-color:var(--saffron)}
.tile .ico{width:54px;height:54px;border-radius:12px;background:var(--cream);display:flex;align-items:center;justify-content:center;margin-bottom:14px;color:var(--navy)}
.tile .ico .icon{width:28px;height:28px}
.tile h4{font-size:18px;color:var(--navy);margin-bottom:6px}
.tile p{font-size:14px;color:var(--muted);margin-bottom:12px}
.tile .price{font-weight:800;color:var(--maroon);font-size:15px}
.tile .free{color:var(--green)}
.tile .more{color:var(--navy);font-weight:700;font-size:14px;display:inline-flex;align-items:center;gap:5px}

/* pandav */
.pandav{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.pillar{border-radius:10px;padding:24px 16px;color:#fff;text-align:center;min-height:190px;box-shadow:var(--shadow)}
.pillar .pico{width:46px;height:46px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.18);border-radius:12px}
.pillar .pico .icon{width:26px;height:26px;stroke:#fff;stroke-width:1.8}
.pillar .num{font-size:11px;opacity:.85;font-weight:700;letter-spacing:1px}
.pillar h5{font-size:16px;margin:4px 0 8px;font-weight:700}
.pillar p{font-size:12.5px;opacity:.94}
.p1{background:linear-gradient(160deg,#28387f,var(--navy))}
.p2{background:linear-gradient(160deg,#359139,#1f5d22)}
.p3{background:linear-gradient(160deg,#e0a800,#b5860a);color:#3a2c00}
.p3 .pico{background:rgba(0,0,0,.12)} .p3 .pico .icon{stroke:#3a2c00}
.p4{background:linear-gradient(160deg,#a52a2a,var(--maroon))}
.p5{background:linear-gradient(160deg,#7639ad,var(--purple))}

/* split */
.split{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.split.rev .img-ph{order:2}
.split .imgbox{aspect-ratio:5/4;border-radius:12px;color:#9a9580;border:1px dashed #c9c6b6;
  background:repeating-linear-gradient(45deg,#eceadf,#eceadf 14px,#f5f3ea 14px,#f5f3ea 28px);
  display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;font-size:13px;white-space:pre-line}
.split h3{font-size:26px;color:var(--navy);font-weight:800;margin:6px 0 12px}
.split p{color:var(--muted);margin-bottom:14px;font-size:15.5px}
.checklist{list-style:none;display:grid;gap:10px}
.checklist li{display:flex;gap:10px;font-size:15px;align-items:flex-start}
.checklist li .icon{color:var(--green);width:20px;height:20px;margin-top:2px}

/* stats */
.stats{background:var(--maroon);color:#fff;padding:34px 0}
.stats .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}
.stats .n{font-size:34px;font-weight:800;color:var(--gold)}
.stats .l{font-size:14px;opacity:.92}

/* features */
.feat{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.feat .item{background:#fff;border:1px solid var(--line);border-left:4px solid var(--saffron);border-radius:8px;padding:18px 20px;display:flex;gap:14px}
.feat .item .fi{width:42px;height:42px;border-radius:10px;background:var(--cream);display:flex;align-items:center;justify-content:center;color:var(--maroon);flex:0 0 auto}
.feat .item .fi .icon{width:24px;height:24px}
.feat .item h5{color:var(--navy);font-size:17px;margin-bottom:4px}
.feat .item p{color:var(--muted);font-size:14px}

/* audience cards */
.aud-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.aud-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px 12px 20px;text-align:center;box-shadow:var(--shadow);transition:.18s;border-bottom:4px solid transparent}
.aud-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-bottom-color:var(--saffron)}
.aud-card .ring{width:66px;height:66px;border-radius:50%;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;border:2px solid currentColor}
.aud-card .ring .icon{width:30px;height:30px}
.aud-card b{display:block;color:var(--navy);font-size:14px;line-height:1.3}
.aud-card .r1{color:var(--navy);background:rgba(27,42,96,.08)}
.aud-card .r2{color:var(--green);background:rgba(46,125,50,.1)}
.aud-card .r3{color:var(--gold);background:rgba(212,160,23,.12)}
.aud-card .r4{color:var(--maroon);background:rgba(139,30,30,.08)}
.aud-card .r5{color:var(--purple);background:rgba(94,44,138,.1)}
.aud-card .r6{color:var(--navy);background:rgba(27,42,96,.08)}

/* process timeline */
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:0;counter-reset:s;position:relative}
.steps .step{text-align:center;padding:0 10px;position:relative}
.steps .step:not(:last-child)::after{content:"";position:absolute;top:26px;left:60%;right:-40%;height:3px;background:var(--line)}
.steps .step .num{counter-increment:s;width:54px;height:54px;border-radius:50%;background:var(--navy);color:#fff;font-weight:800;font-size:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;position:relative;z-index:1;border:3px solid var(--saffron)}
.steps .step .num::before{content:counter(s)}
.steps .step h5{color:var(--navy);font-size:15.5px;margin-bottom:4px}
.steps .step p{color:var(--muted);font-size:13px}

/* curriculum grid */
.curr{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.curr .c{background:#fff;border:1px solid var(--line);border-radius:8px;padding:14px 16px;display:flex;gap:12px;align-items:center;font-weight:600;color:var(--navy);font-size:14.5px}
.curr .c .icon{width:22px;height:22px;color:var(--saffron);flex:0 0 auto}

/* testimonials */
.tgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.tcard{background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px;box-shadow:var(--shadow);position:relative}
.tcard .q{color:var(--saffron);width:30px;height:30px;margin-bottom:8px}
.tcard p{font-size:14.5px;color:#3a3f4d;font-style:italic;margin-bottom:16px}
.tcard .who{display:flex;align-items:center;gap:12px}
.tcard .av{width:44px;height:44px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}
.tcard .who b{color:var(--navy);font-size:14.5px;display:block}
.tcard .who span{color:var(--muted);font-size:12.5px}

/* accordion / FAQ */
.acc{max-width:840px;margin:0 auto;display:grid;gap:10px}
.acc .ai{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.acc .q{width:100%;text-align:left;background:none;border:none;padding:16px 20px;font:inherit;font-weight:700;color:var(--navy);font-size:15.5px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px}
.acc .q .icon{width:20px;height:20px;color:var(--maroon);transition:transform .2s;flex:0 0 auto}
.acc .ai.open .q .icon{transform:rotate(45deg)}
.acc .a{padding:0 20px;max-height:0;overflow:hidden;transition:.25s;color:var(--muted);font-size:14.5px}
.acc .ai.open .a{padding:0 20px 18px;max-height:300px}

/* blog cards */
.bgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.bcard{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:var(--shadow);transition:.18s}
.bcard:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.bcard .thumb{aspect-ratio:16/9;color:#9a9580;border-bottom:1px dashed #c9c6b6;
  background:repeating-linear-gradient(45deg,#eceadf,#eceadf 14px,#f5f3ea 14px,#f5f3ea 28px);
  display:flex;align-items:center;justify-content:center;font-size:12px;text-align:center;padding:10px}
.bcard .body{padding:16px 18px}
.bcard .tag{font-size:11px;font-weight:700;color:var(--maroon);text-transform:uppercase;letter-spacing:.5px}
.bcard h5{color:var(--navy);font-size:16px;margin:6px 0 8px;line-height:1.35}
.bcard .meta{color:var(--muted);font-size:12.5px}

/* notifications + links panels */
.two-col{display:grid;grid-template-columns:1.4fr 1fr;gap:28px}
.panel{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:var(--shadow)}
.panel .ph{background:var(--navy);color:#fff;padding:12px 18px;font-weight:700;display:flex;justify-content:space-between;align-items:center;gap:10px}
.panel .ph span{display:inline-flex;align-items:center;gap:8px}
.panel .ph a{font-size:12px;color:var(--gold)}
.notif{list-style:none}
.notif li{padding:13px 18px;border-bottom:1px solid var(--line);display:flex;gap:12px;align-items:flex-start;font-size:14.5px}
.notif li:last-child{border-bottom:none}
.notif .new{background:var(--maroon);color:#fff;font-size:9px;font-weight:700;padding:2px 6px;border-radius:3px;margin-top:3px}
.notif .date{color:var(--muted);font-size:12px;display:block}
.links-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:18px}
.link-logo{aspect-ratio:16/7;border:1px dashed #c9c6b6;border-radius:8px;background:var(--cream);display:flex;align-items:center;justify-content:center;color:#9a9580;font-size:11px;text-align:center;padding:8px}

/* cta band */
.ctaband{background:linear-gradient(120deg,var(--navy),var(--navy-dark));color:#fff;text-align:center;padding:42px 18px}
.ctaband h3{font-size:26px;font-weight:800;margin-bottom:8px}
.ctaband p{color:#cfd6f0;margin-bottom:20px}

/* page banner (inner pages) */
.pbanner{background:linear-gradient(115deg,var(--navy),var(--navy-dark));color:#fff;padding:34px 0}
.pbanner h1{font-size:30px;font-weight:800}
.pbanner p{color:#c9d2f0;margin-top:6px;max-width:680px}
.breadcrumb{background:#fff;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}
.breadcrumb .wrap{padding:10px 18px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.breadcrumb a{color:var(--navy);font-weight:600}
.breadcrumb .sep{color:#b9bccb}

/* prose content */
.prose{max-width:820px;margin:0 auto}
.prose h2{color:var(--navy);font-size:23px;margin:26px 0 10px}
.prose h3{color:var(--maroon);font-size:18px;margin:20px 0 8px}
.prose p{color:#3a3f4d;margin-bottom:12px;font-size:15.5px}
.prose ul{margin:0 0 14px 4px;list-style:none;display:grid;gap:8px}
.prose ul li{display:flex;gap:10px}
.prose ul li .icon{color:var(--green);width:20px;height:20px;flex:0 0 auto;margin-top:2px}
.callout{background:#fff;border-left:4px solid var(--saffron);border-radius:8px;padding:16px 20px;box-shadow:var(--shadow);margin:18px 0;color:#3a3f4d}

/* pricing */
.pricing{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:stretch}
.pcard{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}
.pcard.feat-card{border:2px solid var(--saffron);box-shadow:var(--shadow-lg)}
.pcard .ribbon.ghost{visibility:hidden}
.pcard .top{padding:22px 22px 16px;text-align:center;border-bottom:1px solid var(--line)}
.pcard .top .ico{width:50px;height:50px;border-radius:12px;background:var(--cream);color:var(--navy);display:flex;align-items:center;justify-content:center;margin:0 auto 12px}
.pcard .top .ico .icon{width:26px;height:26px}
.pcard h4{color:var(--navy);font-size:18px}
.pcard .amt{font-size:28px;font-weight:800;color:var(--maroon);margin-top:8px}
.pcard .amt small{font-size:13px;color:var(--muted);font-weight:600}
.pcard .ribbon{background:var(--saffron);color:var(--navy-dark);font-size:11px;font-weight:800;text-align:center;padding:5px;letter-spacing:.5px}
.pcard ul{list-style:none;padding:18px 22px;display:grid;gap:9px;flex:1}
.pcard ul li{display:flex;gap:9px;font-size:13.5px;color:#3a3f4d}
.pcard ul li .icon{color:var(--green);width:18px;height:18px;flex:0 0 auto;margin-top:2px}
.pcard .foot{padding:0 22px 22px}

/* forms */
.formcard{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:26px;max-width:900px;margin:0 auto}
.fsec{margin-bottom:26px}
.fsec .ft{display:flex;align-items:center;gap:10px;color:#fff;background:var(--navy);padding:9px 16px;border-radius:7px;font-weight:700;font-size:15px;margin-bottom:16px}
.fsec .ft .icon{width:20px;height:20px;stroke:var(--gold)}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}
.field{display:flex;flex-direction:column;gap:5px}
.field.full{grid-column:1/-1}
.field label{font-size:13.5px;font-weight:600;color:var(--navy)}
.field label .req{color:var(--maroon)}
.field input,.field select,.field textarea{border:1px solid var(--line);border-radius:7px;padding:10px 12px;font:inherit;font-size:14.5px;background:#fdfdfb}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px rgba(27,42,96,.1)}
.radios{display:flex;flex-wrap:wrap;gap:10px}
.radios label{display:inline-flex;align-items:center;gap:7px;background:var(--cream);border:1px solid var(--line);border-radius:6px;padding:8px 13px;font-size:14px;font-weight:600;color:var(--ink);cursor:pointer}
.note{font-size:13px;color:var(--muted)}
.declbox{background:var(--cream);border:1px solid var(--line);border-radius:8px;padding:16px;font-size:13.5px;color:#3a3f4d;display:flex;gap:10px}

/* auth / payment cards */
.authwrap{max-width:440px;margin:0 auto}
.stepbar{display:flex;gap:8px;justify-content:center;margin-bottom:22px}
.stepbar .s{flex:1;height:5px;border-radius:3px;background:var(--line)}
.stepbar .s.on{background:var(--saffron)}
.paygrid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.qrbox{aspect-ratio:1;max-width:230px;margin:0 auto;border:1px dashed #c9c6b6;border-radius:10px;background:var(--cream);display:flex;align-items:center;justify-content:center;color:#9a9580;text-align:center;font-size:12px;padding:16px}
.bankrow{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px dashed var(--line);font-size:14px}
.bankrow b{color:var(--navy)}
.timer{background:var(--maroon);color:#fff;border-radius:8px;padding:12px;text-align:center;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px}
.timer .icon{stroke:var(--gold)}

/* footer */
.footer{background:#11193f;color:#c6cdec;font-size:14px}
.footer .grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.1fr;gap:28px;padding:42px 18px 26px}
.footer h6{color:#fff;font-size:15px;margin-bottom:14px;border-bottom:2px solid var(--saffron);display:inline-block;padding-bottom:5px}
.footer ul{list-style:none;display:grid;gap:8px}
.footer a:hover{color:var(--gold)}
.footer .addr{line-height:1.7;white-space:pre-line}
.footer .disclaimer{background:#0c1230;font-size:12.5px;color:#9aa3cc;padding:14px 0;border-top:1px solid #25305f}
.footer .botbar{border-top:1px solid #25305f;padding:14px 18px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:12.5px;color:#9aa3cc;max-width:1200px;margin:0 auto}
.footer .visitor{background:#0c1230;border:1px solid #25305f;border-radius:5px;padding:3px 10px;font-family:monospace;letter-spacing:2px;color:var(--gold)}

/* responsive */
@media(max-width:1080px){ .header-actions{display:none} }
@media(max-width:980px){
  .pricing{grid-template-columns:repeat(2,1fr)}
  .curr,.tgrid,.bgrid,.tiles{grid-template-columns:repeat(2,1fr)}
  .aud-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:900px){
  .hero .wrap{grid-template-columns:1fr;gap:24px}
  .pandav{grid-template-columns:repeat(2,1fr)}
  .split,.two-col,.feat,.fgrid{grid-template-columns:1fr}
  .split.rev .img-ph{order:0}
  .stats .grid{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:1fr 1fr;gap:24px 0}
  .steps .step::after{display:none}
  .paygrid{grid-template-columns:1fr}
  .footer .grid{grid-template-columns:1fr 1fr}
  .mainnav .wrap{flex-direction:column;align-items:stretch}
  .mainnav a.cta{margin-left:0}
  .nav-links{display:none;flex-direction:column}
  .nav-links.open{display:flex}
  .nav-toggle{display:flex;justify-content:space-between;align-items:center;color:#fff;padding:13px 16px;font-weight:700;cursor:pointer}
}
@media(max-width:560px){
  .tiles,.pandav,.stats .grid,.footer .grid,.curr,.tgrid,.bgrid,.pricing,.steps{grid-template-columns:1fr}
  .aud-grid{grid-template-columns:repeat(2,1fr)}
  .hero h2{font-size:30px}.brand-titles .nm{font-size:24px}.pbanner h1{font-size:24px}
  .header-contact{text-align:left}
}

/* ===== Font Awesome icon sizing (overrides SVG-era .icon rules) ===== */
.icon{display:inline-block;width:auto;height:auto;line-height:1;vertical-align:-.06em;text-align:center}
.btn .icon{font-size:1.05em}
.header-actions .hbtn .icon{font-size:1em}
.emblem .icon{font-size:30px;color:var(--gold)}
.hero .badge .icon{font-size:.95em}
.tile .ico .icon{font-size:25px}
.tile > .icon{font-size:15px;color:var(--navy)}
.pillar .pico .icon{font-size:23px;color:#fff}
.p3 .pico .icon{color:#3a2c00}
.aud-card .ring .icon{font-size:28px}
.feat .item .fi .icon{font-size:21px}
.checklist li .icon{font-size:17px;color:var(--green);margin-top:3px}
.curr .c .icon{font-size:19px;color:var(--saffron)}
.tcard .q.icon{font-size:28px;color:var(--saffron);width:auto;height:auto}
.acc .q .icon{font-size:17px;color:var(--maroon)}
.prose ul li .icon{font-size:17px;color:var(--green);margin-top:3px}
.ft .icon{font-size:18px;color:var(--gold)}
.pcard .top .ico .icon{font-size:24px}
.pcard ul li .icon{font-size:15px;color:var(--green);margin-top:2px}
.panel .ph .icon{font-size:1.05em}
.timer .icon{color:var(--gold)}
.field .icon,.notif .icon{font-size:1em}

/* ===== auth / tables / status (user + shared) ===== */
.otpbox{width:46px;height:54px;text-align:center;font-size:22px;font-weight:700;border:1px solid var(--line);border-radius:8px;background:#fdfdfb}
.otpbox:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px rgba(27,42,96,.1)}
.dtable{width:100%;border-collapse:collapse;font-size:14.5px;min-width:620px}
.dtable th{background:var(--navy);color:#fff;text-align:left;padding:12px 16px;font-size:13px;font-weight:600}
.dtable td{padding:13px 16px;border-bottom:1px solid var(--line);vertical-align:middle}
.dtable tbody tr:hover{background:#faf9f4}
.dtable .note{font-size:11.5px}
.pwd{background:var(--cream);border:1px dashed var(--saffron);border-radius:5px;padding:3px 9px;font-family:monospace;font-weight:700;color:var(--maroon);letter-spacing:1px}
.st{display:inline-block;padding:4px 11px;border-radius:20px;font-size:12px;font-weight:700}
.st-ok{background:rgba(46,125,50,.12);color:var(--green)}
.st-pend{background:rgba(212,160,23,.16);color:#9a7400}
.st-cancel{background:rgba(139,30,30,.1);color:var(--maroon)}
.st-new{background:rgba(27,42,96,.1);color:var(--navy)}

/* ===================== real images ===================== */
.imgfill{width:100%;height:100%;object-fit:cover;display:block}
.hero-img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;display:block}
.imgbox-img{width:100%;aspect-ratio:5/4;object-fit:cover;border-radius:12px;display:block}
.bcard .thumb{padding:0;overflow:hidden;background:none}
.bcard .thumb img{width:100%;height:100%;object-fit:cover;display:block}

/* ===================== MOBILE POLISH ===================== */
html,body{overflow-x:hidden}
@media(max-width:768px){
  .section{padding:34px 0}
  .sec-head{margin-bottom:24px}
  .sec-head h3{font-size:23px}
  .pbanner{padding:24px 0}
  .pbanner h1{font-size:25px}
  .hero h2{font-size:28px}
}
@media(max-width:640px){
  .wrap{padding:0 14px}
  .section{padding:30px 0}
  .sec-head h3{font-size:21px}
  .sec-head p{font-size:14.5px}
  /* header compact */
  .site-header .wrap{gap:12px;padding:12px 14px;align-items:center}
  .emblem{width:66px;height:66px}
  .brand-titles{flex:1 1 140px;min-width:0}
  .brand-titles .nm{font-size:21px}
  .brand-titles .org{font-size:10.5px}
  .brand-titles .sub{display:none}
  .header-contact{flex:1 1 100%;text-align:left;display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:4px;padding-top:8px}
  .header-contact > div:first-child{display:none}
  .header-contact .helpline{font-size:18px}
  .header-contact .msme{margin-top:0}
  /* utility bar */
  .utility{font-size:11.5px}
  .utility .wrap{min-height:0;padding:6px 14px}
  /* hero */
  .hero .wrap{padding:30px 14px 34px}
  .hero h2{font-size:25px}
  .hero p.lead{font-size:14.5px}
  .hero .ctas{flex-direction:column}
  .hero .ctas .btn{width:100%;justify-content:center}
  /* misc */
  .stats{padding:26px 0}
  .stats .n{font-size:27px}
  .ctaband{padding:32px 14px}
  .ctaband h3{font-size:21px}
  .feat .item{padding:15px 16px}
  .breadcrumb .wrap{padding:9px 14px}
}
@media(max-width:430px){
  .brand-titles .org{display:none}
  .brand-titles .nm{font-size:19px}
  .emblem{width:60px;height:60px}
  .hero h2{font-size:22px}
  .sec-head h3{font-size:19px}
  .pbanner h1{font-size:21px}
  .aud-grid{grid-template-columns:1fr 1fr}
  .otpbox{width:38px;height:48px;font-size:18px}
  .stats .grid{gap:12px}
}

/* ========================================================================
   LIVELINESS PACK — utility/lang, ticker label, bottom nav, animations
   ======================================================================== */

/* language area pushed right, bigger toggle */
.utility .lang-area{gap:10px}
.lang-toggle button{transition:background .15s, color .15s}

/* ticker label icon (shown only on mobile where text hides) */
.ticker .label .lbl-ic{display:none}

/* ---- scroll reveal ---- */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .6s ease, transform .6s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}

/* ---- hover micro-interactions ---- */
.tile{transition:transform .22s, box-shadow .22s, border-color .22s}
.tile .ico{transition:transform .28s, background .25s, color .25s}
.tile:hover .ico{transform:scale(1.12) rotate(-6deg);background:var(--navy);color:#fff}
.tile:hover h4{color:var(--maroon)}
.pillar{transition:transform .25s, box-shadow .25s}
.pillar:hover{transform:translateY(-7px) scale(1.02);box-shadow:var(--shadow-lg)}
.pillar .pico{transition:transform .3s}
.pillar:hover .pico{transform:scale(1.15) rotate(6deg)}
.aud-card .ring{transition:transform .3s, box-shadow .3s}
.aud-card:hover .ring{transform:scale(1.08) rotate(6deg)}
.feat .item{transition:transform .2s, box-shadow .2s, border-color .2s}
.feat .item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-left-color:var(--maroon)}
.feat .item .fi{transition:transform .25s}
.feat .item:hover .fi{transform:rotate(-8deg) scale(1.1)}
.bcard .thumb img{transition:transform .5s ease}
.bcard:hover .thumb img{transform:scale(1.08)}
.tcard{transition:transform .2s, box-shadow .2s}
.tcard:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}
.pcard{transition:transform .2s, box-shadow .2s}
.pcard:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}
.curr .c{transition:transform .18s, box-shadow .18s, border-color .18s}
.curr .c:hover{transform:translateX(5px);border-color:var(--saffron);box-shadow:var(--shadow)}
.chip,.link-logo{transition:transform .18s, box-shadow .18s}
.btn{transition:transform .15s, box-shadow .18s, background .15s, filter .15s, border-color .15s}
.btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(20,32,77,.18)}
.btn:active{transform:translateY(0)}
.steps .step .num{transition:transform .25s, box-shadow .25s}
.steps .step:hover .num{transform:scale(1.12);box-shadow:0 6px 16px rgba(139,30,30,.3)}
.notif li{transition:background .15s}
.notif li:hover{background:#faf8f0}

/* ---- continuous animated icons (subtle) ---- */
@keyframes wapulse{0%,100%{transform:scale(1)}50%{transform:scale(1.18)}}
@keyframes wave{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}
@keyframes ringbell{0%,88%,100%{transform:rotate(0)}90%{transform:rotate(12deg)}94%{transform:rotate(-12deg)}97%{transform:rotate(8deg)}}
@keyframes floaty{50%{transform:translateY(-9px)}}
@keyframes pop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.08)}100%{transform:scale(1);opacity:1}}
.btn .fa-whatsapp{animation:wapulse 1.8s ease-in-out infinite;transform-origin:center}
.hero .badge .icon{animation:wave 2.6s ease-in-out infinite;transform-origin:60% 80%}
.panel .ph .fa-bell{animation:ringbell 4s ease-in-out infinite;transform-origin:top center;display:inline-block}
.hero-img{animation:floaty 6s ease-in-out infinite}
.aud-card:hover .ring .icon,.tile:hover .ico .icon{animation:pop .4s}

/* ---- bottom mobile nav (app-style) ---- */
.botnav{position:fixed;left:0;right:0;bottom:0;z-index:90;background:#fff;border-top:1px solid var(--line);
  box-shadow:0 -3px 16px rgba(20,32,77,.12);display:none;justify-content:space-around;align-items:stretch;padding:5px 4px}
.botnav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--muted);font-size:10.5px;font-weight:700;padding:4px 2px;text-decoration:none}
.botnav a .bn-ic{width:42px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:11px;font-size:17px;transition:.2s}
.botnav a.active{color:var(--navy)}
.botnav a.active .bn-ic{background:var(--navy);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(27,42,96,.35)}
.botnav a:active .bn-ic{transform:scale(.9)}

/* ---- mobile-specific tweaks ---- */
@media(max-width:768px){
  .botnav{display:flex}
  body{padding-bottom:62px}
  .botnav a span:last-child{line-height:1}
}
@media(max-width:640px){
  /* language fills the right side (no empty gap) */
  .utility .wrap{gap:10px}
  .utility .fontsize{display:flex}
  .utility .lang-area{flex:1}
  .lang-toggle{flex:1;display:flex}
  .lang-toggle button{flex:1;text-align:center;padding:6px 8px;font-size:13px}
  .lang-lbl{display:none}
  /* compact what's new label */
  .ticker .label{padding:8px 12px}
  .ticker .label .txt{display:none}
  .ticker .label .lbl-ic{display:inline-block;font-size:14px}
  /* full-width cards */
  .tiles .tile,.contact-cards .tile{width:100%}
}

/* ---- respect reduced motion ---- */
@media(prefers-reduced-motion:reduce){
  .reveal{opacity:1!important;transform:none!important;transition:none}
  .btn .fa-whatsapp,.hero .badge .icon,.panel .ph .fa-bell,.hero-img{animation:none}
}

/* ========================================================================
   MOBILE HEADER + FLOATING BUTTONS PACK
   ======================================================================== */
.emblem-link{flex:0 0 auto;display:block;line-height:0}
.emblem{transition:transform .2s}
.emblem-link:hover .emblem{transform:scale(1.05)}

/* 3-part mobile nav bar: MENU | Free PDF | hamburger */
.nav-toggle .nt-menu{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:700}
.nav-toggle .nt-burger{font-size:22px;cursor:pointer;padding:0 6px;line-height:1}
.nav-toggle .nt-dl{display:inline-flex;align-items:center;gap:7px;background:var(--saffron);color:var(--navy-dark);
  font-weight:800;font-size:13px;padding:8px 15px;border-radius:9px;text-decoration:none;transition:background .15s, transform .15s}
.nav-toggle .nt-dl:hover{background:var(--gold);transform:translateY(-1px)}
.nav-toggle .nt-dl:active{transform:scale(.96)}

/* open hamburger menu: keep Login/Buy PDF off the bottom edge */
.nav-links.open a.cta{margin:12px 12px 16px;border-radius:10px;justify-content:center}
.nav-links.open > a{border-bottom:1px solid rgba(255,255,255,.07)}

/* floating WhatsApp + Call buttons (mobile + desktop) */
.fab{position:fixed;right:18px;bottom:24px;z-index:95;display:flex;flex-direction:column;gap:12px}
.fab a{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;
  font-size:23px;box-shadow:0 5px 16px rgba(0,0,0,.28);transition:transform .2s, box-shadow .2s;position:relative;text-decoration:none}
.fab a.wa{background:#25D366}
.fab a.call{background:var(--navy)}
.fab a:hover{transform:scale(1.12) translateY(-2px);box-shadow:0 9px 24px rgba(0,0,0,.34)}
.fab a:active{transform:scale(.94)}
.fab a .lbl{position:absolute;right:64px;top:50%;white-space:nowrap;background:#1f2330;color:#fff;
  padding:7px 13px;border-radius:8px;font-size:13px;font-weight:600;opacity:0;pointer-events:none;
  transform:translateY(-50%) translateX(8px);transition:.22s}
.fab a:hover .lbl{opacity:1;transform:translateY(-50%) translateX(0)}
.fab a.wa{animation:fabpulse 2.2s ease-in-out infinite}
@keyframes fabpulse{0%,100%{box-shadow:0 5px 16px rgba(0,0,0,.28),0 0 0 0 rgba(37,211,102,.5)}
  50%{box-shadow:0 5px 16px rgba(0,0,0,.28),0 0 0 13px rgba(37,211,102,0)}}
@media(max-width:768px){ .fab{right:12px;bottom:74px;gap:10px} .fab a{width:48px;height:48px;font-size:20px} }
@media(prefers-reduced-motion:reduce){ .fab a.wa{animation:none} }

/* ========================================================================
   USER DASHBOARD — full-width stat cards + stacked purchase cards (no h-scroll)
   ======================================================================== */
.dash-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:8px}
.dstat{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:18px;text-align:center;text-decoration:none;display:flex;flex-direction:column;justify-content:center;transition:transform .18s, box-shadow .18s}
.dstat:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.dstat .dv{font-size:26px;font-weight:800;line-height:1;margin-bottom:4px}
.porders{display:grid;gap:14px}
.pord{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:16px 18px;border-left:4px solid var(--saffron)}
.pord-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.pord-title{color:var(--navy);font-size:15.5px;line-height:1.35;display:block}
.pord-row{display:flex;align-items:center;gap:10px;margin-top:12px;flex-wrap:wrap}
.pord-lbl{color:var(--muted);font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:6px}
.pord-dl{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
@media(max-width:640px){
  .dash-stats{grid-template-columns:1fr 1fr;gap:12px}
  .dstat{padding:15px}
  .dstat .dv{font-size:23px}
  .pord-dl .btn{flex:1 1 44%;justify-content:center}
}
@media(max-width:430px){
  .dash-stats{grid-template-columns:1fr}
}