/* Rentonemi — midnight navy #0F2A4A with logo blue #3567B1 (colour option B, chosen by the owner on 15 Nov 2026) */
@font-face{font-family:"Manrope";src:url("../fonts/manrope-latin-wght-normal.woff2") format("woff2");font-weight:400 800;font-display:swap}
@font-face{font-family:"Inter";src:url("../fonts/inter-latin-wght-normal.woff2") format("woff2");font-weight:400 700;font-display:swap}
@font-face{font-family:"Noto Sans Devanagari";src:url("../fonts/noto-sans-devanagari-devanagari-400-normal.woff2") format("woff2");font-weight:400;font-display:swap;unicode-range:U+0900-097F}
@font-face{font-family:"Noto Sans Devanagari";src:url("../fonts/noto-sans-devanagari-devanagari-700-normal.woff2") format("woff2");font-weight:700;font-display:swap;unicode-range:U+0900-097F}

:root{
  --ink:#1B2430; --char:#4B4C4E; --line:#D9DFE8; --white:#fff; --mist:#F4F6F9; --wa-ink:#1FA855;
  --strong:#0F2A4A; --accent:#3567B1; --link:#2B579F; --primary:#0F2A4A; --primary-fg:#fff; --band:#0F2A4A; --result:#EEF2F8;
  --hero-bg:#0F2A4A; --hero-fg:#fff; --hero-sub:#C8D3E3; --hero-rule:rgba(255,255,255,.2); --hero-shape:#153763; --hero-primary:#fff; --hero-primary-fg:#0F2A4A;
  --muted:#5A6272; --ok:#0E7A4B; --warn:#8A5A00;
  --head:"Manrope","Noto Sans Devanagari",system-ui,sans-serif;
  --body:"Inter","Noto Sans Devanagari",system-ui,sans-serif;
  --wrap:1120px; --r:14px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--body);font-size:17px;line-height:1.6;color:var(--ink);background:var(--white)}
img,svg{max-width:100%;display:block}
a{color:var(--link);text-underline-offset:3px}
a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
h1,h2,h3{font-family:var(--head);line-height:1.15;margin:0 0 .5em;letter-spacing:-.01em}
h1{font-size:clamp(2.1rem,5.2vw,3.4rem);font-weight:800}
h2{font-size:clamp(1.55rem,3.2vw,2.2rem);font-weight:800}
h3{font-size:1.15rem;font-weight:700}
p{margin:0 0 1em;max-width:68ch}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:#fff;padding:8px 12px;z-index:99}

/* header */
.top{position:sticky;top:0;z-index:40;background:#fff;border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;gap:18px;min-height:68px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.brand img{height:40px;width:auto}
.foot-logo{height:40px;width:auto;margin-bottom:14px}
.brand span{font:600 .78rem/1.2 var(--body);color:var(--muted);max-width:9.5em}
.nav{display:flex;gap:20px;margin-left:auto;font-weight:600;font-size:.95rem}
.nav a{text-decoration:none;color:var(--ink);padding:6px 0;white-space:nowrap}
.nav a:hover,.nav a[aria-current="page"]{color:var(--strong);box-shadow:0 2px 0 var(--accent)}
.top-cta{display:flex;gap:8px}
.menu{display:none;position:relative}
.menu summary{list-style:none;cursor:pointer}
.menu summary::-webkit-details-marker{display:none}
.menu nav{position:absolute;right:0;top:calc(100% + 12px);z-index:50;display:grid;min-width:230px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 14px 34px rgba(15,42,74,.18)}
.menu nav a{padding:12px 14px;border-radius:6px;font-weight:600;text-decoration:none;color:var(--ink)}
.menu nav a[aria-current="page"]{background:var(--mist);color:var(--strong)}
@media (max-width:1320px){.brand span{display:none}}
@media (max-width:1080px){.nav{display:none}.top-cta{margin-left:auto}.menu{display:block}}
@media (max-width:560px){.top-cta .btn-call span{display:none}}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border-radius:8px;border:0;font:700 1rem var(--head);text-decoration:none;cursor:pointer;color:var(--ink)}
.btn svg{width:20px;height:20px;flex:none}
.btn-amber{background:var(--primary);color:var(--primary-fg)}
.btn-wa{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}
.btn-wa svg{color:var(--wa-ink)}
.btn-line{background:transparent;box-shadow:inset 0 0 0 1.5px currentColor;color:inherit}
.btn-blue{background:transparent;box-shadow:inset 0 0 0 1.5px var(--strong);color:var(--strong)}
.btn-sm{min-height:42px;padding:0 16px;font-size:.92rem}
.btn:hover{filter:brightness(.96)}

/* hero */
.hero{background:var(--hero-bg);color:var(--hero-fg);padding:56px 0 64px;position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;right:-120px;bottom:-140px;width:520px;height:320px;background:var(--hero-shape);clip-path:polygon(0 22%,72% 22%,72% 0,100% 50%,72% 100%,72% 78%,0 78%)}
.hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;position:relative;z-index:1}
.hero p.lead{font-size:1.2rem;color:var(--hero-sub);max-width:34ch}
.hero .second{color:var(--hero-sub);font-size:.98rem}
.hero .second a{color:var(--hero-fg);font-weight:700}
.hero .truth{margin-top:22px;padding-top:16px;border-top:1px solid var(--hero-rule);font-size:.92rem;color:var(--hero-sub)}
@media (max-width:900px){.hero{padding:36px 0 44px}.hero .wrap{grid-template-columns:1fr;gap:28px}}
.page-hero{background:var(--hero-bg);color:var(--hero-fg);padding:44px 0}
.page-hero p{color:var(--hero-sub);font-size:1.15rem}
.actions-row{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0 18px}
.hero .actions-row .btn-amber,.page-hero .actions-row .btn-amber{background:var(--hero-primary);color:var(--hero-primary-fg)}
.crumbs{font-size:.88rem;margin:0 0 14px;color:var(--hero-sub)}
.crumbs a{color:var(--hero-fg)}

/* rating plate = the price tool */
.plate{background:#fff;color:var(--ink);border-radius:12px;padding:22px 22px 20px;border:1px solid var(--line);box-shadow:0 14px 34px rgba(15,31,51,.10);position:relative}
.plate::before,.plate::after{content:"";position:absolute;top:14px;width:9px;height:9px;border-radius:50%;background:var(--line);box-shadow:inset 0 1px 2px rgba(0,0,0,.25)}
.plate::before{left:14px}.plate::after{right:14px}
.plate h2,.plate h3{font-size:1.2rem;margin:0 26px 4px;text-align:center}
.plate .hint{font-size:.88rem;color:var(--muted);text-align:center;margin:0 0 14px;max-width:none}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fields.one{grid-template-columns:1fr}
.f label{display:block;font:600 .84rem var(--body);color:var(--char);margin-bottom:4px}
.f select,.f input,.f textarea{width:100%;min-height:46px;padding:10px 12px;border:1.5px solid var(--line);border-radius:10px;font:500 1rem var(--body);color:var(--ink);background:#fff}
.f textarea{min-height:96px;resize:vertical}
.f select:hover,.f input:hover{border-color:var(--accent)}
@media (max-width:420px){.fields{grid-template-columns:1fr}}
.result{margin-top:16px;background:var(--result);border-radius:8px;padding:14px 16px;display:grid;gap:2px;text-align:center}
.result .lbl{font:600 .86rem var(--body);color:var(--char)}
.result .amt{font:800 2.5rem/1.1 var(--head);color:var(--strong);font-variant-numeric:tabular-nums}
.result .upto{font-size:.92rem;color:var(--ink);font-weight:600}
.result .note{font-size:.82rem;color:var(--muted);max-width:none;margin:4px 0 0}
.plate .actions{display:grid;gap:10px;margin-top:14px}
.plate .linkish{background:none;border:0;padding:6px;font:600 .95rem var(--body);color:var(--link);text-decoration:underline;cursor:pointer;text-underline-offset:3px}
.bargain{margin-top:10px;border-top:1px dashed var(--line);padding-top:14px}
.status{font-size:.92rem;border-radius:10px;padding:10px 12px;margin-top:10px}
.status.ok{background:#E6F5EC;color:var(--ok)}
.status.info{background:#FFF4DC;color:var(--warn)}
[hidden]{display:none!important}

/* sections */
.sec{padding:64px 0}
.sec.tint{background:var(--mist)}
.sec.dark{background:var(--band);color:#fff}
.sec.dark a{color:#fff}
.sec .intro{font-size:1.1rem;color:var(--muted)}
.sec.dark .intro{color:#C9CED8}
@media (max-width:700px){.sec{padding:44px 0}}

/* steps: the arrow from the logo carries the four steps */
.steps{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;counter-reset:s;position:relative}
.steps::before{content:"";position:absolute;left:0;right:0;top:22px;height:4px;background:var(--line);border-radius:2px}
.steps::after{content:"";position:absolute;left:0;top:22px;height:4px;width:calc(var(--p,1)*100%);background:var(--accent);border-radius:2px;transition:width .15s linear}
.steps li{counter-increment:s;padding:64px 22px 0 0;position:relative}
.steps li::before{content:counter(s);position:absolute;top:0;left:0;width:48px;height:48px;border-radius:50%;background:#fff;border:2px solid var(--accent);color:var(--strong);font:800 1.15rem var(--head);display:grid;place-items:center;z-index:1}
.steps li.on::before{background:var(--strong);border-color:var(--strong);color:#fff}
.steps h3{margin-bottom:.3em}
.steps p{font-size:.98rem;color:var(--muted);margin:0}
@media (max-width:800px){
  .steps{grid-template-columns:1fr;gap:22px}
  .steps::before{left:22px;right:auto;top:0;bottom:0;width:4px;height:auto}
  .steps::after{left:22px;top:0;width:4px;height:calc(var(--p,1)*100%);transition:height .15s linear}
  .steps li{padding:2px 0 0 68px}
}

/* plain rows instead of cards */
.rows{border-top:2px solid var(--ink);margin-top:24px}
.rows>div,.rows>a{display:grid;grid-template-columns:minmax(150px,240px) 1fr auto;gap:18px;align-items:baseline;padding:16px 0;border-bottom:1px solid var(--line);text-decoration:none;color:inherit}
.rows dt,.rows .k{font:700 1.08rem var(--head)}
.rows dd,.rows .v{margin:0;color:var(--muted)}
.rows .go{font:600 .92rem var(--body);color:var(--link);white-space:nowrap}
.sec.dark .rows{border-top-color:#fff}.sec.dark .rows>div{border-bottom-color:rgba(255,255,255,.22)}
.sec.dark .btn-amber{background:#fff;color:var(--band)}.sec.dark .rows .v{color:#C9CED8}
@media (max-width:640px){.rows>div,.rows>a{grid-template-columns:1fr;gap:4px}}

.grades{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:22px;border:1.5px solid var(--line);border-radius:var(--r);overflow:hidden}
.grades div{padding:18px 20px;border-right:1.5px solid var(--line);background:#fff}
.grades div:last-child{border-right:0}
.grades b{font:800 1.4rem var(--head);color:var(--strong);display:block}
.grades span{display:block;font-weight:600}
.grades p{font-size:.95rem;color:var(--muted);margin:.3em 0 0}
@media (max-width:700px){.grades{grid-template-columns:1fr}.grades div{border-right:0;border-bottom:1.5px solid var(--line)}.grades div:last-child{border-bottom:0}}

.cities{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 0;padding:0;list-style:none}
.cities li{border:1.5px solid var(--line);border-radius:8px;padding:8px 16px;font-weight:600;background:#fff}
.cities.links li{border:0;padding:0;background:none}
.cities.links a{display:block;border:1.5px solid var(--line);border-radius:8px;padding:10px 16px;font-weight:600;background:#fff;color:var(--strong);text-decoration:none}
.cities.links a:hover{border-color:var(--accent)}
ol.plain{margin:14px 0 18px;padding-left:1.3em;display:grid;gap:8px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
@media (max-width:860px){.split{grid-template-columns:1fr;gap:28px}}
.checks{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:10px}
.checks li{padding-left:30px;position:relative}
.checks li::before{content:"";position:absolute;left:0;top:.45em;width:18px;height:10px;border-left:3px solid var(--accent);border-bottom:3px solid var(--accent);transform:rotate(-45deg) scale(.8)}

/* FAQ */
.faq{margin-top:18px;border-top:2px solid var(--ink)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;padding:16px 36px 16px 0;font:700 1.05rem var(--head);position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:6px;top:12px;font:600 1.5rem var(--head);color:var(--accent)}
.faq details[open] summary::after{content:"–"}
.faq details p{margin:0 0 16px;color:var(--char)}

/* tables */
.tbl{width:100%;border-collapse:collapse;margin-top:18px;font-variant-numeric:tabular-nums}
.tbl th,.tbl td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:right}
.tbl th:first-child,.tbl td:first-child{text-align:left}
.tbl thead th{font:700 .9rem var(--body);color:var(--char);border-bottom:2px solid var(--ink);vertical-align:bottom}
.tbl-wrap{overflow-x:auto}

/* form */
.form{background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px}
.form .fields{margin-bottom:12px}
.form .full{grid-column:1/-1}
.placeholder-note{background:#FFF4DC;border:1.5px dashed #D9A441;border-radius:8px;padding:2px 8px;font-size:.88rem;color:#6B4700}

/* footer */
.foot{background:var(--ink);color:#C9CED8;padding:44px 0 96px;font-size:.95rem}
.foot a{color:#fff}
.foot .cols{display:grid;grid-template-columns:1.6fr repeat(5,1fr);gap:28px}
.foot .cols>div:first-child{grid-row:span 1}
.foot h3{color:#fff;font-size:1rem}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.foot .legal{margin-top:28px;padding-top:18px;border-top:1px solid rgba(255,255,255,.2);font-size:.85rem}
@media (max-width:1100px){.foot .cols{grid-template-columns:repeat(3,1fr)}}
@media (max-width:700px){.foot .cols{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.foot .cols{grid-template-columns:1fr}}
.bar{position:fixed;left:0;right:0;bottom:0;z-index:50;display:none;grid-template-columns:1fr 1fr;gap:8px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line)}
@media (max-width:760px){.bar{display:grid}}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.steps::after{transition:none}}

.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.prose{max-width:70ch}
.prose h2{margin-top:1.6em;font-size:1.45rem}
.prose p,.prose li{font-size:1.05rem}
.prose .grades{margin:22px 0}