:root{--bg:#f6f8fb;--surface:#fff;--ink:#0f2038;--muted:#51627c;--line:#d9e1ec;--brand:#1f5fae;--accent:#f26a21;--on-brand:#fff;--hero:#0f2038}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0b1422;--surface:#132038;--ink:#eaf0f9;--muted:#9fb0c8;--line:#233350;--brand:#6aa6ee;--on-brand:#0b1422;--hero:#091120}}
:root[data-theme="dark"]{--bg:#0b1422;--surface:#132038;--ink:#eaf0f9;--muted:#9fb0c8;--line:#233350;--brand:#6aa6ee;--on-brand:#0b1422;--hero:#091120}
*{box-sizing:border-box;margin:0}
:root{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html{scroll-behavior:smooth;scroll-padding-top:72px}
body{background:var(--bg);color:var(--ink);font-family:"Hind Siliguri","Segoe UI",system-ui,sans-serif;line-height:1.65;font-size:17px}
h1,h2,h3{font-family:"Outfit","Hind Siliguri","Segoe UI",system-ui,sans-serif;line-height:1.15}
a{color:inherit}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:var(--surface);border-bottom:1px solid var(--line)}
header .wrap{display:flex;align-items:center;justify-content:space-between;height:64px;gap:12px}
header img{height:46px;width:auto;border-radius:6px;background:#fff;display:block}
nav{display:flex;gap:20px;font-size:15px}
nav a{text-decoration:none;color:var(--muted)}
nav a:hover{color:var(--ink)}
a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.hero{background:var(--hero);color:#fff;padding:76px 0 68px}
.hero h1{font-size:clamp(34px,6.4vw,64px);font-weight:800;max-width:15ch}
.hero p{max-width:52ch;margin:20px 0 28px;color:#c4d2e8;font-size:19px}
.btn{display:inline-block;padding:12px 24px;border-radius:8px;font-weight:600;text-decoration:none;background:var(--accent);color:#1a0a00;margin:0 10px 8px 0}
.btn.alt{background:transparent;color:#fff;border:1.5px solid #6c82a6}
.marks{display:flex;flex-wrap:wrap;gap:10px 14px;margin-top:40px}
.marks span{font-family:Outfit,sans-serif;font-weight:700;font-size:21px;padding:6px 16px;border:1.5px solid #3a5176;border-radius:6px}
section{padding:64px 0}
h2{font-size:clamp(26px,4vw,38px);margin-bottom:10px}
.sub{color:var(--muted);max-width:58ch;margin-bottom:30px}
.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.card{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:24px}
.card h3{font-size:21px;margin-bottom:6px}
.card p{color:var(--muted);font-size:15.5px;white-space:pre-line}
.card img.pp{width:100%;height:150px;object-fit:cover;border-radius:6px;margin-bottom:12px}
.ico{font-size:30px;margin-bottom:8px}
.brands{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
.brand{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:22px 12px;text-align:center;font-family:Outfit,sans-serif;font-weight:800;font-size:25px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px}
.brand img{max-height:52px;max-width:100%;border-radius:4px}
.brand small{display:block;font-family:"Hind Siliguri",sans-serif;font-weight:400;font-size:13px;color:var(--muted);margin-top:6px}
.strip{background:var(--surface);border-block:1px solid var(--line)}
.sister{display:flex;flex-wrap:wrap;gap:22px;align-items:center;justify-content:space-between;background:#f2562d;color:#fff;border-radius:12px;padding:28px 32px}
.sister img{height:72px;border-radius:6px;display:block}
.sister h2{font-size:clamp(22px,3.4vw,30px);margin:0 0 4px}
.sister .btn{background:#fff;color:#a22f0b;margin:0}
footer{background:var(--hero);color:#b4c4de;padding:34px 0;font-size:15px}
footer .wrap{display:flex;flex-wrap:wrap;gap:10px 30px;justify-content:space-between}
footer a{color:#fff}
.fl{display:block;margin:10px 0;font-size:14px;color:var(--muted)}
.fl input,.fl textarea{display:block;width:100%;margin-top:4px;padding:9px 10px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--ink);font:inherit}
.row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}
.row span{flex:1}
.ab{border:0;cursor:pointer;font:inherit;font-weight:600;margin:0 0 0 6px}
@media(max-width:620px){nav{gap:12px;font-size:14px}.hero{padding:52px 0}header img{height:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
input[type=file]{border:0!important;padding:6px 0!important}