/* Home Section 08 estimator starter, shared with inner pages. Copied from web/index.html (home keeps its inline copy). */
/* =====================================================================
   SECTION 08: COST ESTIMATOR STARTER (four-step mini journey)
   ===================================================================== */
.sec-est{background:var(--paper);padding:clamp(36px,3.8vw,52px) 0;border-top:1px solid var(--line)}
.sec-est-wrap{max-width:1320px;margin:0 auto;padding:0 clamp(16px,4vw,48px);display:grid;grid-template-columns:.85fr 1.6fr;gap:clamp(20px,3vw,40px);align-items:center}
.sec-est h2{font:800 clamp(30px,3.4vw,46px)/1 Poppins,sans-serif;letter-spacing:-.04em;margin:0 0 10px;color:var(--ink)}
.sec-est-hi{font-family:"Tiro Devanagari Hindi",serif;color:var(--orange-d);font-size:clamp(17px,1.6vw,21px);margin:0 0 12px}
.sec-est-lead{color:var(--ink2);font-size:15px;max-width:38ch;margin:0 0 14px}
.sec-est-ticks{list-style:none;padding:0;margin:0;color:var(--ink2);font-size:14px;line-height:1.9}
.sec-est-ticks li::before{content:"";display:inline-block;width:8px;height:8px;border-radius:2px;background:var(--orange);margin-right:10px;vertical-align:1px}
.sec-est-disc{font-size:11.5px;color:var(--ink2);margin:16px 0 0;max-width:40ch}
.sec-est-card{background:#fff;border-radius:22px;padding:18px 22px 18px;box-shadow:0 24px 50px -28px rgba(29,42,56,.55)}
.sec-est-prog{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.sec-est-prog span{font:600 12px Inter,sans-serif;color:var(--ink2);white-space:nowrap}
.sec-est-bar{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:5px}
.sec-est-bar i{height:5px;border-radius:5px;background:var(--line)}
.sec-est-bar i.on{background:var(--orange)}
.sec-est-panel{min-height:290px}
.sec-est-panel[hidden]{display:none}
.sec-est-q{font:700 clamp(19px,1.7vw,23px)/1.15 Poppins,sans-serif;letter-spacing:-.02em;margin:0;color:var(--ink)}
.sec-est-qhi{font-family:"Tiro Devanagari Hindi",serif;color:var(--orange-d);font-size:14px;margin:4px 0 14px}
.sec-est-opts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.sec-est-opt{display:flex;align-items:center;gap:10px;text-align:left;font:600 14px Inter,sans-serif;color:var(--ink);background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:12px 14px;cursor:pointer;transition:border-color .2s,background-color .2s}
.sec-est-opt:hover,.sec-est-opt:focus-visible{border-color:var(--ink)}
.sec-est-opt[aria-pressed="true"]{border-color:var(--ink);background:#F3EFE8}
.sec-est-opt img{width:42px;height:38px;object-fit:contain;flex:none}
.sec-est-opt b{display:block;font:700 14px Poppins,sans-serif}
.sec-est-opt small{display:block;font:500 11.5px/1.35 Inter,sans-serif;color:var(--ink2);margin-top:2px}
.sec-est-cams{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sec-est-cam{display:flex;align-items:center;gap:10px;border:1.5px solid var(--line);border-radius:14px;padding:10px 12px}
.sec-est-cam[hidden]{display:none}
.sec-est-cam img{width:46px;height:40px;object-fit:contain;flex:none}
.sec-est-cam b{display:block;font:700 14px Poppins,sans-serif;line-height:1.1}
.sec-est-cam small{display:block;font-size:11.5px;color:var(--ink2)}
.sec-est-step{display:flex;align-items:center;gap:8px;margin-left:auto}
.sec-est-step button{width:32px;height:32px;border-radius:9px;border:1.5px solid var(--line);background:#fff;font:600 16px Inter,sans-serif;color:var(--ink);cursor:pointer}
.sec-est-step output{font:800 20px Poppins,sans-serif;min-width:24px;text-align:center}
.sec-est-sugg{font-size:12.5px;color:var(--ink2);margin:12px 0 0}
.sec-est-nav{display:flex;justify-content:space-between;align-items:center;margin-top:16px}
.sec-est-back{font:600 13px Inter,sans-serif;color:var(--ink2);background:none;border:0;padding:8px 0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.sec-est-back[hidden]{display:none}
.sec-est-next{font:600 14px Poppins,sans-serif;background:var(--ink);color:#fff;border:0;border-radius:999px;padding:11px 22px;cursor:pointer}
.sec-est-next[hidden]{display:none}
.sec-est-res small{display:block;font:600 12px Inter,sans-serif;color:var(--ink2);margin-bottom:4px}
.sec-est-price{font:800 clamp(28px,2.8vw,36px)/1 Poppins,sans-serif;letter-spacing:-.03em;color:var(--ink)}
.sec-est-sum{font-size:12.5px;color:var(--ink2);margin:6px 0 0}
.sec-est-inc{font-size:12px;color:var(--ink2);background:#F6F2EB;border-radius:12px;padding:8px 12px;margin:12px 0 0;line-height:1.45}
.sec-est-inc b{color:var(--ink)}
.sec-est-hint{font-size:12.5px;margin:10px 0 0;color:#14653D;font-weight:600;line-height:1.4}
.sec-est-hint[hidden]{display:none}
.sec-est-acts{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:14px}
.sec-est-cta{display:inline-flex;align-items:center;font:600 14px Poppins,sans-serif;background:var(--orange);color:var(--ink);border-radius:999px;padding:12px 22px;text-decoration:none;box-shadow:0 10px 26px -12px rgba(247,149,33,.85)}
.sec-est-ribbon{display:flex;align-items:center;gap:10px;background:var(--ink);color:#fff;border-radius:14px;padding:8px 14px;margin-top:14px;font-size:12.5px}
.sec-est-ribbon svg{width:22px;height:22px;flex:none;stroke:var(--orange);fill:none;stroke-width:2;stroke-linecap:round}
.sec-est-ribbon span[lang="hi"]{display:block;font-family:"Tiro Devanagari Hindi",serif;color:#FFC46B;font-size:13px}
@media (max-width:900px){
  .sec-est-wrap{grid-template-columns:1fr}
  .sec-est-opts{grid-template-columns:1fr 1fr}
  .sec-est-cams{grid-template-columns:1fr}
  .sec-est-panel{min-height:0}
}
@media (prefers-reduced-motion:reduce){.sec-est-opt{transition:none}}
.sec-est-next:disabled{opacity:.4;cursor:default}
.sec-est-trail button{display:inline-flex;align-items:center;gap:7px;padding:4px 12px 4px 4px;background:#fff;border:1.5px solid var(--line);box-shadow:0 6px 14px -10px rgba(29,42,56,.5)}
.sec-est-trail button img{width:24px;height:24px;object-fit:contain;border-radius:50%;background:#F6F2EB;padding:2px}
.sec-est-tico{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#F6F2EB}
.sec-est-tico svg{width:15px;height:15px;fill:var(--ink)}
.sec-est-tico svg path[opacity]{fill:var(--orange);opacity:.9}
.sec-est-tico.is-star svg{fill:var(--orange)}
.sec-est-sugg b{color:var(--ink)}
.sec-est-card{position:relative;overflow:hidden;isolation:isolate}
.sec-est-card > :not(.sec-est-bg){position:relative;z-index:1}
.sec-est-bg{position:absolute;z-index:0;right:-7%;bottom:62px;width:56%;max-width:470px;opacity:0;pointer-events:none;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease;
  -webkit-mask-image:radial-gradient(130% 120% at 100% 100%,#000 38%,transparent 78%);mask-image:radial-gradient(130% 120% at 100% 100%,#000 38%,transparent 78%)}
.sec-est-bg.on{opacity:.3;transform:none}
@media (max-width:900px){.sec-est-bg{width:78%;right:-12%;bottom:40px}.sec-est-bg.on{opacity:.16}}
@media (prefers-reduced-motion:reduce){.sec-est-bg{transition:none;transform:none}}
.sec-est-q:focus{outline:none}
.sec-est-callout{display:flex;align-items:center;gap:12px;margin-top:16px;max-width:470px;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1.5px solid var(--line);border-left:4px solid var(--orange);border-radius:14px;padding:11px 16px 11px 12px;box-shadow:0 12px 26px -20px rgba(29,42,56,.6)}
.sec-est-tick{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--orange);flex:none}
.sec-est-tick svg{width:16px;height:16px;fill:none;stroke:var(--ink);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.sec-est-callout b{display:block;font:700 15px/1.25 Poppins,sans-serif;color:var(--ink)}
.sec-est-callout div span{display:block;font-size:13.5px;line-height:1.4;color:var(--ink2);margin-top:2px}
.sec-est-callout em{font-style:normal;font-weight:700;color:var(--ink);background:#FEF1E2;border-radius:6px;padding:1px 6px}
.sec-est-opt{position:relative}
.sec-est-reco{position:absolute;top:-9px;right:10px;font:700 10.5px/1 Inter,sans-serif;color:var(--ink);background:var(--orange);border-radius:999px;padding:4px 8px;box-shadow:0 4px 10px -6px rgba(247,149,33,.9)}
.sec-est-sugg b{color:var(--ink)}
.sec-est-fig{margin:0;height:200px;display:grid;place-items:end center}
.sec-est-fig img{max-width:100%;max-height:200px;object-fit:contain;filter:drop-shadow(0 18px 22px rgba(29,42,56,.18))}
.sec-est-ph{width:100%;height:100%;border:1.5px dashed var(--line);border-radius:16px;display:grid;place-items:center;align-content:center;gap:8px;background:radial-gradient(circle at 50% 60%,#F6F2EB,transparent 70%)}
.sec-est-ph[hidden]{display:none}
.sec-est-ph .sec-est-ico{width:64px;height:64px;border-radius:18px;background:#fff}
.sec-est-ph .sec-est-ico svg{width:40px;height:40px}
.sec-est-ph small{font-size:11px;color:var(--ink2)}
@media (max-width:900px){.sec-est-ill{grid-template-columns:1fr}.sec-est-fig{height:120px}}
.sec-est-lock{position:relative;display:inline-block;margin-top:2px}
.sec-est-lock .sec-est-price{filter:blur(9px);user-select:none;pointer-events:none;opacity:.85}
.sec-est-lockbadge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:7px;white-space:nowrap;background:rgba(255,255,255,.78);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--line);border-radius:999px;padding:7px 14px;font:600 12.5px Inter,sans-serif;color:var(--ink);box-shadow:0 8px 20px -12px rgba(29,42,56,.45)}
.sec-est-lockbadge svg{width:15px;height:15px;stroke:var(--orange-d);fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.sec-est-ctanote{font-size:12px;color:var(--ink2)}
.sec-est-place{flex-direction:column;align-items:flex-start;gap:8px}
.sec-est-ico{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#F6F2EB}
.sec-est-ico svg{width:26px;height:26px;fill:var(--ink)}
.sec-est-ico svg path[opacity]{fill:var(--orange);opacity:.9}
.sec-est-opt[aria-pressed="true"] .sec-est-ico{background:#fff}
.sec-est-sys{flex-direction:column;align-items:flex-start;gap:6px;padding:14px 16px 16px}
.sec-est-sys img{width:56px;height:48px;object-position:left center}
.sec-est-sys b{font:800 24px/1 Poppins,sans-serif;letter-spacing:-.01em}
.sec-est-sys i{display:inline-block;font:700 11.5px/1 Inter,sans-serif;font-style:normal;color:var(--orange-d);background:#FEF1E2;border-radius:6px;padding:4px 7px;margin-top:7px}
.sec-est-sys small{margin-top:7px}
.sec-est-trail{display:flex;flex-wrap:wrap;gap:6px;min-height:0;margin:-4px 0 10px}
.sec-est-trail:empty{display:none}
.sec-est-trail button{font:600 12px Inter,sans-serif;color:var(--ink);background:#F3EFE8;border:0;border-radius:999px;padding:5px 11px;cursor:pointer}
.sec-est-trail button:hover,.sec-est-trail button:focus-visible{background:#EAE2D5}
.sec-est-panel.is-in{animation:secEstIn .28s cubic-bezier(.2,.8,.2,1) both}
.sec-est-panel.is-back{animation:secEstBack .28s cubic-bezier(.2,.8,.2,1) both}
.sec-est-calc[hidden],[data-reveal][hidden]{display:none}
.sec-est-calc-t{font:700 18px Poppins,sans-serif;color:var(--ink);margin:6px 0 12px}
.sec-est-calc ul{list-style:none;padding:0;margin:0;display:grid;gap:9px}
.sec-est-calc li{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--ink2);opacity:.35;transition:opacity .2s}
.sec-est-calc li::before{content:"";width:18px;height:18px;border-radius:50%;border:2px solid var(--line);flex:none;transition:background-color .2s,border-color .2s}
.sec-est-calc li.done{opacity:1;color:var(--ink)}
.sec-est-calc li.done::before{border-color:var(--orange);background:var(--orange) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12l5 5L19 7' fill='none' stroke='%231D2A38' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.sec-est-hint{display:flex;align-items:flex-start;gap:8px;background:#E9F6EF;border-radius:12px;padding:8px 12px}
.sec-est-hint svg{width:18px;height:18px;flex:none;stroke:#14653D;fill:none;stroke-width:2;stroke-linecap:round;margin-top:1px}
@media (prefers-reduced-motion:reduce){.sec-est-panel.is-in,.sec-est-panel.is-back{animation:none}.sec-est-calc li,.sec-est-calc li::before{transition:none}}
@keyframes secEstIn{from{opacity:0;transform:translateX(18px)}}
@keyframes secEstBack{from{opacity:0;transform:translateX(-18px)}}