:root{--navy:#0b2f6b;--navy2:#123e7c;--green:#178040;--green2:#1fa34a;--ink:#0f1e33;--mut:#5a6b84;--bg:#f4f7fa;--card:#fff;--line:#e3eaf2;--r:18px;--sh:0 12px 32px rgba(11,47,107,.10);--max:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.6;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}a{color:var(--navy2)}
.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}
/* topbar */
.topbar{background:var(--navy);color:#dbe6f7;font-size:12.5px}.topbar-in{display:flex;justify-content:space-between;gap:12px;padding:7px 20px;flex-wrap:wrap}.topbar a{color:#fff;text-decoration:none;font-weight:600}.topbar i{opacity:.5;font-style:normal;margin:0 8px}
/* header */
.header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.header-in{display:flex;align-items:center;gap:18px;padding:10px 20px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;margin-right:auto;min-width:0}.brand-logo{height:50px;width:auto;object-fit:contain;display:block;flex:none;border-radius:10px}.brand-text{white-space:nowrap}.brand-text strong{font-size:21px;letter-spacing:.2px;color:var(--navy);font-weight:900;white-space:nowrap}.brand-text strong em{font-style:normal;color:var(--green)}.brand-text small{display:block;font-size:10.5px;letter-spacing:2.5px;color:var(--navy);font-weight:700}
.footer .brand-logo{height:58px;background:#fff;padding:3px}.mobile-menu .brand-logo{height:42px}
.nav{display:flex;align-items:center;gap:2px;flex-wrap:wrap}.nav-link{text-decoration:none;color:var(--ink);font-weight:600;font-size:14px;padding:9px 10px;border-radius:10px}.nav-link:hover{background:#eef4fb}.nav-link.active{color:var(--navy);background:#e7eefb}
.nav-more{position:relative}.nav-more-btn{border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 10px;font-weight:700;font-size:14px;cursor:pointer}.nav-more-menu{position:absolute;right:0;top:110%;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--sh);display:none;min-width:170px;overflow:hidden}.nav-more:hover .nav-more-menu{display:block}.nav-more-menu a{display:block;padding:10px 14px;text-decoration:none;color:var(--ink);font-weight:600;font-size:14px}.nav-more-menu a:hover{background:#eef4fb}
.header-cta{display:flex;align-items:center;gap:10px}.btn{display:inline-block;text-decoration:none;font-weight:800;border-radius:12px;padding:12px 20px;font-size:14.5px;border:1.5px solid transparent;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;text-align:center;line-height:1.25}
.btn:hover{transform:translateY(-1px)}.btn-call{background:var(--navy);color:#fff!important;line-height:1.1}.btn-call small{font-size:12px}.btn-call.big,.btn-wa.big,.btn-light.big{width:100%;margin-top:10px}
.btn-primary{background:linear-gradient(135deg,var(--green2),var(--green));color:#fff!important;box-shadow:0 8px 20px rgba(23,128,64,.28)}.btn-dark{background:var(--navy);color:#fff!important}.btn-wa{background:#1faa55;color:#fff!important}.btn-light{background:#fff;color:var(--navy)!important}.btn-outline{border-color:var(--navy);color:var(--navy)!important;background:#fff}
.hamburger{display:none;flex-direction:column;gap:5px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px;cursor:pointer}.hamburger span{width:22px;height:2.5px;background:var(--navy);border-radius:2px}
/* mobile menu */
.mobile-menu{position:fixed;inset:0 0 0 auto;width:min(360px,88vw);background:#fff;z-index:90;transform:translateX(105%);transition:transform .25s ease;padding:16px;overflow:auto;box-shadow:-20px 0 60px rgba(0,0,0,.15)}.mobile-menu.open{transform:none}.mobile-menu nav a{display:block;padding:12px 10px;border-radius:10px;text-decoration:none;color:var(--ink);font-weight:700}.mobile-menu nav a.active,.mobile-menu nav a:hover{background:#eaf1fb}.mobile-menu-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.mobile-menu-head .brand-text strong{font-size:17px}#mobileClose{border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 12px;cursor:pointer}.scrim{position:fixed;inset:0;background:rgba(10,25,50,.45);z-index:80;display:none}.scrim.show{display:block}
/* hero */
.eyebrow{color:var(--green);font-weight:800;letter-spacing:2px;font-size:12.5px;margin:0 0 10px}.center{text-align:center}
.hero{background:linear-gradient(180deg,#eef4fb 0%,#fff 70%);padding:46px 0 30px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center}
.hero h1{font-size:clamp(30px,4.4vw,54px);line-height:1.08;margin:0 0 14px;color:var(--navy);font-weight:900}.hero h1 span{color:var(--green)}.lead{color:var(--mut);font-size:17px}.hero-ctas{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}
.trust-row{display:flex;flex-wrap:wrap;gap:8px 18px;font-weight:700;font-size:14px;color:var(--navy)}
.hero-media{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--sh);overflow:hidden}.hero-media img{width:100%;object-fit:contain;background:#f2f6fa}.media-cap{font-size:12.5px;color:var(--mut);padding:10px 14px;margin:0}
/* strip */
.strip{background:var(--navy);color:#e6eefc}.strip-grid{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px;flex-wrap:wrap}.strip strong{display:block;font-size:19px}.strip span{opacity:.85;font-size:14px}.strip-ctas{display:flex;gap:10px;flex-wrap:wrap}
/* sections */
.section{padding:64px 0}.section.alt{background:var(--bg)}.section h2{font-size:clamp(24px,3vw,36px);color:var(--navy);margin:0 0 10px;font-weight:900}.sub{color:var(--mut);margin:0 0 26px}
.page-hero{background:linear-gradient(135deg,var(--navy),#0d5a2c);color:#fff;padding:52px 0}.page-hero h1{margin:0;font-size:clamp(28px,4vw,46px)}.page-hero .eyebrow{color:#b9e6c6}.page-hero .lead{color:#dcebf7}
/* grids & cards */
.grid{display:grid;gap:20px}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:0 6px 20px rgba(11,47,107,.07);display:flex;flex-direction:column;transition:transform .18s ease,box-shadow .18s ease}.card:hover{transform:translateY(-4px);box-shadow:var(--sh)}
.card-media{background:#eef3f7}.card-media img{width:100%;aspect-ratio:3/3.4;object-fit:contain;transition:transform .3s ease}.card:hover .card-media img{transform:scale(1.015)}
.card-body{padding:18px;display:flex;flex-direction:column;gap:8px;flex:1}.card-body h3{margin:0;color:var(--navy);font-size:18px}.card-body p{margin:0;color:var(--mut);font-size:14.5px;flex:1}.card-icon{font-size:24px}
.feat{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px;box-shadow:0 6px 18px rgba(11,47,107,.06)}.section.alt .feat{background:#fff}.f-ico{font-size:28px;margin-bottom:8px}.feat h3{margin:0 0 6px;color:var(--navy)}.feat p{margin:0;color:var(--mut);font-size:15px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center;margin-top:40px}.split.reverse>.split-media{order:-1}.split-media img{border-radius:20px;border:1px solid var(--line);box-shadow:var(--sh);object-fit:contain;background:#fff;width:100%}.ticks{list-style:none;padding:0;margin:16px 0;display:grid;gap:10px}.ticks li{padding-left:30px;position:relative;font-weight:600}.ticks li::before{content:"✓";position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;background:#e3f4e8;color:var(--green);font-weight:900;display:grid;place-items:center;font-size:13px}
/* steps */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:26px}.step{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;position:relative}.section.alt .step{background:#fff}.step span{display:inline-grid;place-items:center;min-width:44px;height:44px;border-radius:12px;background:var(--navy);color:#fff;font-weight:900;margin-bottom:10px}.step h3{margin:0 0 6px;color:var(--navy);font-size:17px}.step p{margin:0;color:var(--mut);font-size:14.5px}
/* cta band */
.cta-band{background:linear-gradient(135deg,#0b2f6b,#136434);color:#fff;padding:56px 0}.cta-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center}.cta-band h2{margin:0 0 8px;font-size:clamp(24px,3vw,36px)}.cta-band p{color:#d9ecff}.cta-btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.cta-media img{border-radius:18px;object-fit:contain;background:#fff;width:100%}
/* poster pages */
.poster img{border-radius:20px;border:1px solid var(--line);box-shadow:var(--sh);object-fit:contain;background:#f2f6fa;width:100%}.note{background:#eef6ff;border:1px solid #cfe2fb;padding:12px 14px;border-radius:12px;font-size:14px}.notice{background:#fff8e6;border:1px solid #f0d48a;padding:12px 14px;border-radius:12px;margin-top:18px;font-size:14.5px}.emg{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
/* form */
.form{display:grid;gap:14px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:var(--sh)}.form label{display:grid;gap:6px;font-weight:700;font-size:14px}.form input,.form select,.form textarea{border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;font-size:15px;font-family:inherit;width:100%}.form input:focus,.form select:focus,.form textarea:focus{outline:none;border-color:var(--green)}.form-err{color:#b3261e;font-weight:700;margin:0}
/* footer */
.footer{background:#0a2449;color:#cfe0f7;margin-top:0}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px;padding:52px 20px 30px}.footer .brand-text strong{color:#fff}.footer .brand-text small{color:#9fd8ae}.f-brand p{margin:12px 0}.f-desc{font-size:14px;opacity:.85}.footer h4{color:#fff;margin:0 0 12px}.footer ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}.footer a{color:#cfe0f7;text-decoration:none;font-size:14.5px}.footer a:hover{color:#fff}.f-actions{display:flex;gap:10px;flex-wrap:wrap}.f-bottom{border-top:1px solid rgba(255,255,255,.15);padding:16px 0;font-size:13.5px;text-align:center}
/* social + gstin (footer additions only) */
.social-row{display:flex;gap:12px;margin-top:16px;align-items:center}
.soc-btn{width:44px;height:44px;border-radius:50%;display:inline-grid;place-items:center;transition:transform .15s ease;text-decoration:none!important;flex:none}
.soc-btn:hover{transform:translateY(-2px)}
.soc-btn svg{width:22px;height:22px;fill:#fff;display:block}
.soc-fb{background:#1877F2}.soc-ig{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.soc-yt{background:#FF0000}
.f-contact .gstin{font-weight:700;color:#fff;letter-spacing:.4px}
.f-bottom .f-gst{opacity:.85;white-space:nowrap}
/* floating */
.float-btns{position:fixed;right:16px;bottom:16px;display:flex;flex-direction:column;gap:10px;z-index:70}.float-btns a{display:flex;align-items:center;gap:8px;text-decoration:none;color:#fff;font-weight:800;font-size:14px;padding:12px 16px;border-radius:999px;box-shadow:0 10px 26px rgba(0,0,0,.25)}.float-call{background:var(--navy)}.float-wa{background:#1faa55}
/* reveal */
.reveal{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
/* responsive */
@media(max-width:1020px){.nav{display:none}.hamburger{display:flex}.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3,.steps{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.hero-grid,.split,.cta-grid{grid-template-columns:1fr}.grid-4,.grid-3,.steps{grid-template-columns:1fr}.section{padding:44px 0}.header-in{gap:8px;padding:8px 14px}.brand{gap:8px}.brand-logo{height:38px;border-radius:8px}.brand-text strong{font-size:15px}.brand-text small{font-size:8.5px;letter-spacing:1.8px}.btn-call{padding:10px 12px;font-size:13px}.topbar-right span:last-child{display:none}.float-btns{left:12px;right:12px;flex-direction:row}.float-btns a{flex:1;justify-content:center}}