*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:#374151;font:17px/1.75 "DM Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:#102B60}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.top{border-bottom:1px solid #E8ECF4;background:#fff;position:sticky;top:0;z-index:5}
.top-in{display:flex;align-items:center;gap:24px;height:68px}
.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;line-height:1}
.logo svg{width:36px;height:36px;color:#C9A227;flex-shrink:0}
.logo span{display:flex;flex-direction:column}
.logo small{font:600 9.5px "DM Sans",sans-serif;letter-spacing:.52em;text-transform:uppercase;color:#C9A227}
.logo b{font:400 1.75rem/1.1 "Rozha One","Tiro Devanagari Hindi",serif;color:#102B60}
.top nav{display:flex;gap:26px;margin-left:auto;font-size:15px}
.top nav a{text-decoration:none;color:#68738A}
.top nav a:hover,.top nav a.on{color:#102B60}
.top nav a.on{font-weight:600}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border-radius:999px;font-weight:600;font-size:15px;text-decoration:none;border:1px solid transparent}
.btn-royal{background:#102B60;color:#fff}.btn-royal:hover{background:#0A1D45}
.btn-wa{background:#fff;color:#1E8E5A;border-color:#25A366}.btn-wa:hover{background:#F2FBF6}
.btn-line{background:#fff;color:#102B60;border-color:#C9D2E4}
@media (max-width:860px){.top nav{display:none}.top-cta{margin-left:auto}.top-in{height:60px}.logo svg{width:30px;height:30px}.logo b{font-size:1.5rem}}
.eyebrow{font-size:11px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:rgba(16,43,96,.7);margin:0}
.hero{background:#FAF7F0;border-bottom:1px solid #E9E0D2;padding:56px 0 44px}
.hero h1{font:400 clamp(2.1rem,5vw,3.2rem)/1.12 "DM Serif Display",Georgia,serif;color:#102B60;margin:.35em 0 .3em}
.hero p.lead{max-width:640px;font-size:18px;color:#68738A;margin:0}
.rule{width:56px;height:2px;background:#C9A227;margin:18px 0 0;border:0}
.list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px;padding:44px 0 72px}
.card{display:flex;flex-direction:column;border:1px solid #E8ECF4;border-radius:18px;padding:24px;overflow:hidden;text-decoration:none;color:inherit;background:#fff;transition:border-color .15s}
.card:hover{border-color:#C9A227}
.card .eyebrow{color:#B58A45}
.card picture{display:block;margin:-24px -24px 20px}
.card img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#F3EFE6}
.card h2{font:400 1.45rem/1.25 "DM Serif Display",Georgia,serif;color:#102B60;margin:.45em 0 .4em}
.card p{font-size:15.5px;line-height:1.6;color:#68738A;margin:0 0 16px}
.meta{margin-top:auto;font-size:13px;color:#77716A}
.post{max-width:740px;margin:0 auto;padding:0 20px}
.post-head{padding:44px 0 8px}
.crumbs{font-size:13.5px;color:#77716A;margin:0 0 18px}.crumbs a{color:#77716A}
.post-head h1{font:400 clamp(2rem,4.6vw,2.9rem)/1.15 "DM Serif Display",Georgia,serif;color:#102B60;margin:.3em 0 .4em}
.post-head .meta{font-size:14px}
.cover{margin:22px 0 4px}
.cover img,.body figure img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:16px;background:#F3EFE6}
.body figure{margin:1.6em 0 1.8em}
.body{padding:8px 0 24px}
.body h2{font:400 1.75rem/1.25 "DM Serif Display",Georgia,serif;color:#102B60;margin:1.7em 0 .5em}
.body h3{font-size:1.15rem;color:#14213D;margin:1.5em 0 .3em}
.body p{margin:0 0 1.15em}
.body ul,.body ol{padding-left:1.3em;margin:0 0 1.2em}.body li{margin:.3em 0}
.body blockquote{margin:1.2em 0 1.4em;padding:16px 20px;background:#FAF7F0;border-left:3px solid #C9A227;border-radius:0 12px 12px 0;color:#1F2937;font-size:16px;line-height:1.7}
.body a{text-underline-offset:3px;text-decoration-color:#C9A227}
.cta{margin:28px 0 36px;padding:28px 26px;border:1px solid #E9E0D2;background:#FAF7F0;border-radius:20px}
.cta h2{font:400 1.6rem/1.25 "DM Serif Display",Georgia,serif;color:#102B60;margin:.3em 0 .35em}
.cta p{margin:0 0 18px;color:#4B5563;font-size:16px;line-height:1.65}
.cta .row{display:flex;flex-wrap:wrap;gap:12px}
.more{border-top:1px solid #E8ECF4;padding:28px 0 56px}
.more h2{font:400 1.4rem "DM Serif Display",Georgia,serif;color:#102B60;margin:0 0 10px}
.more a{display:block;padding:12px 0;border-bottom:1px solid #F1F3F8;text-decoration:none;font-weight:500}
.more a:hover{color:#B58A45}
.foot{border-top:1px solid #E8ECF4;background:#fff;color:#102B60;font-size:14.5px}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:28px;padding-top:52px;padding-bottom:36px}
.foot-brand p{color:#68738A;max-width:300px;line-height:1.6}
.foot-h{font-size:11px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;margin:0 0 10px}
.foot nav a,.foot-grid>div>a{display:block;padding:4px 0;color:#68738A;text-decoration:none}
.foot a:hover{color:#102B60}
.foot-note{color:#68738A;margin:4px 0}
.foot-base{border-top:1px solid #E8ECF4;font-size:12px;color:#68738A}.foot-base p{margin:0;padding:18px 0}
@media (max-width:860px){.foot-grid{grid-template-columns:1fr 1fr}.foot-brand,.foot-grid>div:last-child{grid-column:span 2}body{font-size:16.5px}.hero{padding:40px 0 32px}.list{padding:28px 0 56px}}
