/* Heritage Auto Finance — premium visual refinement */
:root{color-scheme:dark;--heritage-gold:#f4b41a;--heritage-cream:#fff0c7;--heritage-ink:#090510;--heritage-panel:rgba(22,12,35,.82);--heritage-line:rgba(244,180,26,.24)}
html{scroll-padding-top:100px}
body{line-height:1.65;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
nav{background:rgba(8,5,16,.94);border-bottom-color:var(--heritage-line);box-shadow:0 8px 28px rgba(0,0,0,.22)}
.nav-links a{padding:8px 2px;color:#f5f1f8;transition:color .2s ease}
.nav-links a:hover{color:var(--heritage-gold)}
.hero-banner{padding:clamp(36px,6vw,78px) 18px 32px}
.secure-badge{border:1px solid var(--heritage-line);background:rgba(244,180,26,.08);border-radius:999px;padding:9px 16px;letter-spacing:.08em}
.typing-container{line-height:1.25;text-wrap:balance}
.hero-supporting{max-width:700px}
.hero-cta{min-width:190px}
.hero-cta-primary{box-shadow:0 8px 28px rgba(244,180,26,.2)}
.stats-bar{max-width:1180px;margin:28px auto 72px;padding:22px clamp(16px,3vw,36px);border:1px solid var(--heritage-line);border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.035),rgba(244,180,26,.035));}
.stat-item{text-align:center}
.stat-item h3{letter-spacing:.02em}
.section-title{letter-spacing:-.025em;text-wrap:balance}
.section-subtitle{max-width:720px;margin:0 auto 36px;padding:0 16px;line-height:1.8;color:#bcb3c9}
.details-container{gap:22px}
.detail-box{border:1px solid var(--heritage-line);border-radius:20px;background:linear-gradient(145deg,rgba(35,17,55,.82),rgba(9,5,16,.9));}
.detail-box h3{line-height:1.4}
.poster-grid{gap:24px}
.poster-item img{background:#12091d;border-color:var(--heritage-line);box-shadow:0 12px 36px rgba(0,0,0,.36)}
.filter-tabs{margin-bottom:26px}
.tab-btn{border-radius:999px;min-height:42px;padding:10px 18px}
.tab-btn:focus-visible,.hero-cta:focus-visible,.float-wa:focus-visible,.back-to-top:focus-visible{outline-color:var(--heritage-cream)}
.calc-card{border-color:var(--heritage-line);background:linear-gradient(145deg,rgba(31,13,49,.94),rgba(10,5,18,.96));box-shadow:0 18px 55px rgba(0,0,0,.24)}
.emi-input-group label{gap:16px;line-height:1.5}
.emi-result{border-style:solid;border-color:rgba(244,180,26,.38);background:rgba(0,0,0,.28)}
.calculator-note{max-width:650px;margin-inline:auto}
.review-card{border-color:var(--heritage-line);background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(18,8,30,.8))}
.review-card p{font-style:normal;line-height:1.75}
.faq-item{border-color:var(--heritage-line);background:rgba(255,255,255,.025)}
.faq-question{gap:18px;line-height:1.55}
.faq-question span{flex:0 0 auto}
.lead-form-section{background-image:linear-gradient(130deg,rgba(5,3,10,.97),rgba(24,8,42,.91)),url('03.png')}
.form-container{border-color:var(--heritage-line);box-shadow:0 18px 60px rgba(0,0,0,.42)}
footer{border-top:1px solid rgba(244,180,26,.15)}
.site-disclaimer{max-width:760px}
.float-wa{box-shadow:0 8px 28px rgba(37,211,102,.32)}
@media(max-width:768px){
 .hero-banner{padding:34px 12px 22px}
 .stats-bar{margin:24px 14px 52px;gap:8px}
 .stat-item{padding:8px 4px}
 .stat-item p{font-size:.82rem}
 .detail-box{margin-inline:14px}
 .testimonials-container{padding-inline:16px;scroll-snap-type:x mandatory}
 .review-card{scroll-snap-align:start}
 .form-container{border-radius:18px}
}
@media(prefers-reduced-motion:reduce){
 .float-wa{animation:none}
 .hero-cta:hover,.detail-box:hover,.poster-item img:hover{transform:none}
}

/* Accessibility, legal navigation and shared policy-page layout */
.skip-link{position:absolute;left:12px;top:-60px;z-index:2000;padding:10px 16px;background:var(--heritage-gold);color:#160d20;border-radius:8px;font-weight:700}
.skip-link:focus{top:12px}
.footer-legal{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;margin-top:28px;color:#a99db8;font-size:.9rem}
.footer-legal a,.legal-back{color:var(--heritage-cream);text-decoration:none}
.footer-legal a:hover,.legal-back:hover{text-decoration:underline;color:var(--heritage-gold)}
.legal-page{width:min(900px,calc(100% - 32px));margin:48px auto 72px;padding:clamp(24px,5vw,52px);border:1px solid var(--heritage-line);border-radius:24px;background:linear-gradient(145deg,rgba(31,13,49,.94),rgba(10,5,18,.96));box-shadow:0 18px 55px rgba(0,0,0,.25)}
.legal-page h1,.legal-page h2{color:var(--heritage-gold);line-height:1.25}
.legal-page h1{font-size:clamp(2rem,5vw,3.25rem);margin-top:12px}
.legal-page h2{font-size:1.25rem;margin-top:30px}
.legal-page p,.legal-page li{color:#e0d9e8;line-height:1.85}
.legal-page a{color:var(--heritage-cream)}
.legal-top{padding:20px clamp(16px,5vw,48px);border-bottom:1px solid var(--heritage-line);display:flex;align-items:center;justify-content:space-between;gap:18px}
.legal-top img{width:min(180px,45vw);height:auto}
.legal-top a{color:var(--heritage-cream);text-decoration:none}
.legal-note{padding:14px 16px;border-left:3px solid var(--heritage-gold);background:rgba(244,180,26,.07);border-radius:0 10px 10px 0}
@media(max-width:600px){.legal-top{align-items:flex-start;flex-direction:column}.legal-page{margin-top:24px}}


/* Premium mobile conversion bar */
.mobile-quick-actions { display:none; }
@media (max-width: 640px) {
  body { padding-bottom: calc(68px + env(safe-area-inset-bottom, 0px)); }
  .mobile-quick-actions {
    position: fixed;
    z-index: 999;
    inset: auto 0 0;
    display: grid;
    grid-template-columns: 1fr 1.15fr 1fr;
    gap: 8px;
    padding: 10px 12px calc(10px + env(safe-area-inset-bottom, 0px));
    background: rgba(12, 9, 20, .96);
    border-top: 1px solid rgba(244, 180, 26, .35);
    box-shadow: 0 -8px 28px rgba(0,0,0,.22);
    backdrop-filter: blur(14px);
  }
  .mobile-quick-actions a {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-height:44px;
    padding:10px 8px;
    border:1px solid rgba(244,180,26,.48);
    border-radius:12px;
    color:#fff;
    font-size:.84rem;
    font-weight:700;
    text-decoration:none;
    white-space:nowrap;
  }
  .mobile-quick-actions .mobile-action-whatsapp {
    background:#f4b41a;
    border-color:#f4b41a;
    color:#160f20;
  }
  .mobile-quick-actions a:focus-visible { outline:3px solid #fff; outline-offset:2px; }
}
@media (prefers-reduced-motion: reduce) {
  .mobile-quick-actions a { transition:none !important; }
}


/* Premium trust strip and service journey */
.trust-strip {
  width:min(1120px, calc(100% - 36px));
  margin:-8px auto 42px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border:1px solid rgba(244,180,26,.22);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.018));
  box-shadow:0 16px 40px rgba(0,0,0,.12);
  overflow:hidden;
}
.trust-strip > div {display:flex;align-items:center;gap:12px;padding:18px 20px;min-width:0}
.trust-strip > div + div {border-left:1px solid rgba(244,180,26,.16)}
.trust-icon {display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:12px;background:rgba(244,180,26,.12);border:1px solid rgba(244,180,26,.28);color:#f4b41a;font-weight:800;font-size:1.15rem}
.trust-strip strong,.trust-strip small {display:block}
.trust-strip strong {color:#fff;font-size:.93rem;letter-spacing:.01em}
.trust-strip small {margin-top:3px;color:rgba(255,255,255,.64);font-size:.78rem;line-height:1.35}
.service-journey {width:min(1120px,calc(100% - 36px));margin:26px auto 38px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;text-align:left}
.journey-step {position:relative;padding:24px;border:1px solid rgba(244,180,26,.18);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));}
.journey-step > span {display:inline-grid;place-items:center;width:42px;height:42px;border-radius:13px;background:rgba(244,180,26,.12);color:#f4b41a;font-weight:800;letter-spacing:.04em}
.journey-step h3 {margin:16px 0 8px;color:#fff;font-size:1.08rem}
.journey-step p {margin:0;color:rgba(255,255,255,.7);line-height:1.65;font-size:.92rem}
@media(max-width:760px) {
 .trust-strip {grid-template-columns:1fr;margin:0 auto 30px}
 .trust-strip > div {padding:14px 16px}
 .trust-strip > div + div {border-left:0;border-top:1px solid rgba(244,180,26,.16)}
 .service-journey {grid-template-columns:1fr;gap:12px;margin:22px auto 30px}
 .journey-step {padding:20px}
}


/* Premium EMI repayment breakdown and next step */
.emi-breakdown {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0 14px;text-align:left}
.emi-breakdown > div {padding:13px 14px;border-radius:13px;border:1px solid rgba(244,180,26,.2);background:rgba(255,255,255,.035);min-width:0}
.emi-breakdown span,.emi-breakdown strong {display:block}
.emi-breakdown span {font-size:.77rem;line-height:1.4;color:rgba(255,255,255,.66)}
.emi-breakdown strong {margin-top:7px;color:#f4b41a;font-size:1rem;overflow-wrap:anywhere}
.emi-whatsapp-cta {display:flex;align-items:center;justify-content:center;gap:10px;width:100%;box-sizing:border-box;padding:14px 18px;border-radius:13px;background:#f4b41a;color:#170f20;font-weight:800;text-decoration:none;transition:transform .2s ease,filter .2s ease}
.emi-whatsapp-cta:hover {transform:translateY(-2px);filter:brightness(1.05)}
.emi-whatsapp-cta:focus-visible {outline:3px solid #fff;outline-offset:3px}
@media(max-width:640px) {.emi-breakdown {grid-template-columns:1fr;gap:8px}.emi-breakdown>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.emi-breakdown strong{margin-top:0;text-align:right}}
@media(prefers-reduced-motion:reduce){.emi-whatsapp-cta{transition:none}}


/* Service-specific enquiry paths */
.enquiry-paths {width:min(1120px,calc(100% - 36px));margin:28px auto 54px;padding:12px 0}
.enquiry-path-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px;text-align:left}
.enquiry-path {display:flex;flex-direction:column;align-items:flex-start;min-height:190px;padding:22px;border:1px solid rgba(244,180,26,.2);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));text-decoration:none;color:#fff;transition:transform .2s ease,border-color .2s ease,background .2s ease}
.enquiry-path:hover {transform:translateY(-3px);border-color:rgba(244,180,26,.65);background:linear-gradient(145deg,rgba(244,180,26,.09),rgba(255,255,255,.025))}
.enquiry-path:focus-visible {outline:3px solid #f4b41a;outline-offset:3px}
.enquiry-path>span {display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:rgba(244,180,26,.12);font-size:1.2rem}
.enquiry-path strong {margin-top:15px;font-size:1.03rem}
.enquiry-path small {margin-top:6px;color:rgba(255,255,255,.66);line-height:1.5}
.enquiry-path b {margin-top:auto;padding-top:18px;color:#f4b41a;font-size:.88rem}
.enquiry-path-general {border-style:dashed}
.enquiry-path-note {max-width:900px;margin:20px auto 0;text-align:center;color:rgba(255,255,255,.58);font-size:.8rem;line-height:1.65}
@media(max-width:760px){.enquiry-path-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.enquiry-path{padding:17px;min-height:180px}}
@media(max-width:440px){.enquiry-path-grid{grid-template-columns:1fr}.enquiry-path{min-height:150px}}
@media(prefers-reduced-motion:reduce){.enquiry-path{transition:none}}


/* Privacy guidance beside the callback form */
.form-privacy-note{max-width:680px;margin:18px auto 0;color:rgba(255,255,255,.68);font-size:.82rem;line-height:1.7;text-align:left}
.form-privacy-note a{color:var(--heritage-cream);text-underline-offset:3px}
.form-privacy-note a:focus-visible{outline:2px solid var(--heritage-gold);outline-offset:3px;border-radius:2px}

/* Consistent keyboard focus for links, controls and interactive FAQ cards */
:where(a,button,input,select,textarea,[role="button"],[tabindex]):focus-visible{
 outline:3px solid var(--heritage-cream);
 outline-offset:3px;
}
.faq-item[role="button"]{cursor:pointer}
