:root{--blue:#1565e8;--blue-d:#0d4fc0;--soft:#e3eeff;--bg:#f2f7ff;--text:#1f2937;--muted:#6b7280;--border:#e5eaf2;--navy:#0f2a52}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,sans-serif;color:var(--text);background:#fff;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}img{max-width:100%}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.s-nav{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--border)}
.s-nav-in{display:flex;align-items:center;justify-content:space-between;height:78px}
.s-brand{display:flex;align-items:center;gap:10px}.s-brand img{height:44px;width:auto}
.s-brand span{display:flex;flex-direction:column;line-height:1.15}.s-brand strong{font-size:21px;color:var(--navy);font-weight:800}.s-brand small{font-size:11.5px;color:var(--muted)}
.s-brand.light strong{color:#fff}.s-brand.light small{color:#b7c8e6}
.s-links{display:flex;align-items:center;gap:6px}.s-links>a{padding:9px 14px;border-radius:8px;font-weight:500;font-size:15px;color:#374151}
.s-links>a:hover,.s-links>a.on{color:var(--blue);background:var(--soft)}.s-auth{display:flex;gap:10px;margin-left:12px}
.s-btn,.s-btn-o{display:inline-block;padding:10px 20px;border-radius:9px;font-weight:600;font-size:14.5px;border:1.5px solid var(--blue);cursor:pointer}
.s-btn{background:var(--blue);color:#fff}.s-btn:hover{background:var(--blue-d)}.s-btn-o{background:#fff;color:var(--blue)}.s-btn-o:hover{background:var(--soft)}
.s-btn.lg,.s-btn-o.lg{padding:14px 28px;font-size:16px}.s-burger{display:none;background:none;border:0;font-size:22px;color:var(--navy);cursor:pointer}
/* hero: blue gradient box with the Vidhana Soudha photo covering the whole box, softly transparent behind the text */
.s-hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#d9e9ff 0%,#b9d4f7 55%,#93bdee 100%)}
.s-hero-bg{position:absolute;right:-4%;bottom:0;width:112%;max-width:1900px;aspect-ratio:1600/355;background-size:100% 100%;background-repeat:no-repeat;opacity:.66;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 55%);mask-image:linear-gradient(180deg,transparent 0,#000 55%)}
.s-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(226,238,255,.9) 0%,rgba(226,238,255,.5) 45%,rgba(226,238,255,0) 80%)}
.s-hero-in{position:relative;z-index:2;display:block;padding:70px 20px 76px}
.s-hero-txt{max-width:560px}
.s-chip{display:inline-block;background:#fff;color:var(--blue);font-weight:600;font-size:13px;padding:6px 14px;border-radius:30px;margin-bottom:16px}
.s-hero h1{font-size:46px;line-height:1.12;color:var(--navy);font-weight:800;letter-spacing:-.5px}.s-hero h1 em{font-style:normal;color:var(--blue)}
.s-hero p{margin:16px 0 26px;font-size:17px;color:#4b5563}.s-cta{display:flex;gap:12px;flex-wrap:wrap}
.s-trust{background:var(--navy);color:#fff}.s-trust-in{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:18px 20px;text-align:center;font-size:14.5px;font-weight:500}.s-trust i{color:#7fb2ff;margin-right:6px}
.s-sec{padding:64px 0}.s-sec.alt{background:var(--bg)}.s-title{text-align:center;max-width:640px;margin:0 auto 38px}.s-title h2{font-size:32px;color:var(--navy);font-weight:800}.s-title p{color:var(--muted);margin-top:8px}
.s-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.s-card{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:16px;transition:.15s}
.s-card:hover{border-color:var(--blue);box-shadow:0 6px 20px rgba(21,101,232,.12);transform:translateY(-2px)}
.s-ic{flex:0 0 46px;height:46px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:20px}.s-card b{display:block;font-size:15px}.s-card small{color:var(--muted);font-size:12.5px;line-height:1.35;display:block}
.s-more{text-align:center;margin-top:30px}
.s-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;counter-reset:st}
.s-step{background:#fff;border:1px solid var(--border);border-radius:14px;padding:26px 22px;position:relative}
.s-step:before{counter-increment:st;content:counter(st);position:absolute;top:-16px;left:22px;width:34px;height:34px;background:var(--blue);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}
.s-step h3{font-size:17px;margin:6px 0}.s-step p{color:var(--muted);font-size:14.5px}
.s-why{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.s-why div{background:#fff;border:1px solid var(--border);border-radius:14px;padding:24px}
.s-why i{font-size:24px;color:var(--blue);background:var(--soft);width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}.s-why h3{font-size:17px;margin-bottom:6px}.s-why p{color:var(--muted);font-size:14.5px}
.s-faq{max-width:820px;margin:0 auto}.s-faq details{background:#fff;border:1px solid var(--border);border-radius:12px;margin-bottom:12px;padding:16px 20px}
.s-faq summary{font-weight:600;cursor:pointer}.s-faq p{margin-top:10px;color:var(--muted);font-size:15px}
.s-band{background:linear-gradient(100deg,var(--blue),#2f86ff);color:#fff;text-align:center;padding:52px 20px}.s-band h2{font-size:30px;font-weight:800}.s-band p{margin:10px 0 22px;opacity:.92}.s-band .s-btn{background:#fff;color:var(--blue)}
.s-page-h{background:linear-gradient(100deg,#d6e7fc,#a9ccf3);padding:44px 0}.s-page-h h1{font-size:34px;color:var(--navy);font-weight:800}.s-page-h p{color:#2b3a52;margin-top:6px}
.s-svc{background:#fff;border:1px solid var(--border);border-radius:14px;padding:22px;margin-bottom:18px}.s-svc-h{display:flex;align-items:center;gap:14px;margin-bottom:12px}.s-svc-h h2{font-size:20px}.s-svc-h p{color:var(--muted);font-size:14px}
.s-sub{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--border);flex-wrap:wrap}.s-sub b{font-size:15px}.s-sub small{color:var(--muted);display:block;font-size:13px}
.s-price{font-weight:700;color:var(--navy);margin-right:12px}.s-tag{display:inline-block;background:#fff4dd;color:#9a5b00;font-size:11.5px;font-weight:600;padding:2px 8px;border-radius:20px;margin-left:6px}
.s-search{max-width:560px;margin:0 auto 30px;display:flex;border:1.5px solid var(--border);border-radius:10px;overflow:hidden;background:#fff}.s-search input{flex:1;border:0;padding:13px 16px;font:inherit;outline:0}.s-search i{padding:14px 0 0 16px;color:var(--muted)}
.s-doc{max-width:860px;margin:0 auto;padding:44px 20px 70px}.s-doc h2{font-size:21px;margin:28px 0 8px;color:var(--navy)}.s-doc p,.s-doc li{color:#374151;margin-bottom:10px}.s-doc ul{padding-left:22px}
.s-cols{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}.s-box{background:#fff;border:1px solid var(--border);border-radius:14px;padding:26px}
.s-ci{display:flex;gap:14px;margin-bottom:18px}.s-ci i{flex:0 0 44px;height:44px;border-radius:11px;background:var(--soft);color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:18px}.s-ci b{display:block}.s-ci span{color:var(--muted);font-size:14.5px}
.s-foot{background:var(--navy);color:#c9d6ee;margin-top:0}.s-foot-in{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.3fr;gap:30px;padding:46px 20px 30px}
.s-foot h4{color:#fff;margin-bottom:12px;font-size:15px}.s-foot a,.s-foot span{display:block;font-size:14px;margin-bottom:8px;color:#c9d6ee}.s-foot a:hover{color:#fff}.s-foot p{font-size:14px;margin-top:12px;max-width:340px}.s-foot i{width:18px;color:#7fb2ff}
.s-copy{border-top:1px solid #234577;text-align:center;font-size:13px;padding:16px 20px;color:#9fb3d6}
@media(max-width:960px){.s-grid{grid-template-columns:repeat(2,1fr)}.s-steps,.s-why{grid-template-columns:repeat(2,1fr)}.s-foot-in{grid-template-columns:1fr 1fr}.s-cols{grid-template-columns:1fr}.s-trust-in{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.s-burger{display:block}.s-links{display:none;position:absolute;top:78px;left:0;right:0;background:#fff;border-bottom:1px solid var(--border);flex-direction:column;align-items:stretch;padding:12px 20px 18px}.s-links.open{display:flex}.s-auth{margin:8px 0 0}.s-auth a{flex:1;text-align:center}
.s-hero h1{font-size:33px}.s-grid,.s-steps,.s-why{grid-template-columns:1fr}.s-foot-in{grid-template-columns:1fr}.s-sec{padding:44px 0}.s-title h2{font-size:26px}.s-brand small{display:none}}

.s-grid.big .s-card{padding:20px}
.s-search+.s-grid{margin-top:4px}

.s-brand .s-logo{height:70px;width:auto;display:block}
.s-hero-txt{max-width:600px}
@media(max-width:760px){.s-brand .s-logo{height:54px}.s-hero-in{padding:40px 20px 205px}.s-hero-bg{left:calc(50% - 440px);right:auto;width:800px;max-width:none;opacity:.8}.s-hero:after{background:linear-gradient(180deg,rgba(226,238,255,.35) 0%,rgba(226,238,255,0) 60%)}.s-hero h1{font-size:32px}.s-hero p{font-size:16px}.s-chip{font-size:12.5px}}

/* trust card: floats over the bottom edge of the hero */
.s-trust{background:none;color:var(--text);position:relative;z-index:5;margin-top:-46px;padding-bottom:6px}
.s-trust-in{background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 14px 34px rgba(15,42,82,.14);display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:6px 0;text-align:left;font-size:14px;font-weight:400}
.s-ti{display:flex;align-items:center;gap:12px;padding:16px 20px;border-right:1px solid var(--border)}.s-ti:last-child{border-right:0}
.s-ti i{flex:none;width:42px;height:42px;border-radius:12px;background:var(--soft);color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:17px;margin:0}
.s-ti span{display:flex;flex-direction:column;line-height:1.3;color:var(--muted);font-size:13px}.s-ti b{color:var(--navy);font-size:15px;font-weight:700}
@media(max-width:960px){.s-trust-in{grid-template-columns:1fr 1fr}.s-ti:nth-child(2){border-right:0}.s-ti:nth-child(-n+2){border-bottom:1px solid var(--border)}}
@media(max-width:760px){.s-trust{margin-top:-40px}.s-trust .wrap{padding:0 14px}.s-ti{padding:14px 10px;gap:9px}.s-ti i{width:36px;height:36px;font-size:15px;border-radius:10px}.s-ti b{font-size:13.5px}.s-ti span{font-size:11.5px}}

/* language switch */
.lang-sw{display:inline-flex;border:1px solid #cbd5e1;border-radius:999px;overflow:hidden;background:#fff;font-size:13px;line-height:1;flex:none;align-self:center}
.lang-sw a{padding:7px 12px;color:#334155;font-weight:600;text-decoration:none}
.lang-sw a.on{background:#1e4fd8;color:#fff}
.lang-sw.in-app{margin-right:6px}
.lang-sw.auth-sw{position:absolute;top:14px;right:14px;z-index:5}
.auth-wrap{position:relative}
html[lang="kn"] body{font-family:'Noto Sans Kannada','Inter',system-ui,sans-serif}
@media(max-width:800px){.lang-sw a{padding:6px 9px;font-size:12px}.lang-sw.in-app{margin-right:2px}}
.lang-sw.s-top{margin-left:14px}
@media(max-width:760px){.lang-sw.s-top{margin-left:auto;margin-right:10px}}
/* ---- Home hero v2: illustration (no photo) ---- */
.s-hero{background:radial-gradient(70% 90% at 100% 0%,#dbe8ff 0%,rgba(219,232,255,0) 70%),radial-gradient(60% 70% at 0% 100%,#fff1e6 0%,rgba(255,241,230,0) 70%),#fff}
.s-hero:after,.s-hero-bg{display:none}
.s-hero-in{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:30px;padding:64px 20px 90px}
.s-hero .s-chip{background:#e8f0ff}
.s-ill{position:relative;height:340px}
.s-blob{position:absolute;border-radius:50%}
.s-blob.b1{width:290px;height:290px;left:50%;top:20px;transform:translateX(-50%);background:#e3edff}
.s-blob.b2{width:120px;height:120px;right:6%;bottom:6px;background:#ffe9d6}
.s-phone{position:absolute;left:50%;top:22px;transform:translateX(-50%);width:190px;height:auto;filter:drop-shadow(0 18px 30px rgba(15,42,82,.22))}
.s-fc{position:absolute;display:flex;gap:10px;align-items:center;background:#fff;border-radius:14px;box-shadow:0 12px 30px rgba(15,42,82,.15);padding:10px 14px 10px 10px;animation:sfloat 5s ease-in-out infinite}
.s-fc i{width:34px;height:34px;border-radius:10px;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;flex:none}
.s-fc span{display:flex;flex-direction:column;line-height:1.25}.s-fc b{font-size:13.5px;color:var(--navy)}.s-fc small{font-size:11.5px;color:var(--muted)}
.s-fc.f1{left:2%;top:70px}.s-fc.f2{right:0;top:160px;animation-delay:1.2s}.s-fc.f3{left:8%;top:236px;animation-delay:2.4s}
@keyframes sfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@media(prefers-reduced-motion:reduce){.s-fc{animation:none}}
@media(max-width:760px){
  .s-hero-in{grid-template-columns:1fr;gap:0;padding:24px 20px 60px}
  .s-ill{height:270px;margin-top:10px}
  .s-phone{width:150px}.s-blob.b1{width:220px;height:220px}.s-blob.b2{width:90px;height:90px}
  .s-fc{padding:8px 11px 8px 8px;gap:8px}.s-fc i{width:30px;height:30px;font-size:12px}.s-fc b{font-size:12px}.s-fc small{font-size:10.5px}
  .s-fc.f1{left:0;top:50px}.s-fc.f2{right:0;top:128px}.s-fc.f3{left:4%;top:196px}
}