:root{
  --navy:#071c42;
  --blue:#1388ff;
  --line:#dce8f4;
  --text:#10233f;
  --muted:#61748d;
  --panel:#ffffff;
  --radius:26px;
  --shadow:0 16px 38px rgba(6,27,59,.08);
  --good:#149d4e;
  --warn:#aa7a00;
  --bad:#c13737;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Inter,Arial,sans-serif;background:linear-gradient(180deg,#eef5fb 0%,#f8fbff 55%,#f3f7fb 100%);color:var(--text)}
a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}
.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 20px;background:rgba(255,255,255,.88);backdrop-filter:blur(12px);border-bottom:1px solid rgba(220,232,244,.9)}
.brand{display:flex;align-items:center;gap:12px;border:0;background:none;padding:0;color:var(--navy);font-size:22px;font-weight:800}.brand img{width:48px;height:48px;border-radius:50%}
.mainnav,.toolbar,.toggleGroup{display:flex;align-items:center;gap:10px}.mainnav button,.footLinks button{border:0;background:none;color:var(--text);font-weight:700;padding:10px 8px}.mainnav button.active,.footLinks button.active{color:var(--blue)}
.toggleGroup{background:#eff5fb;border:1px solid #d5e2ee;border-radius:999px;padding:4px}.toggleGroup button{min-width:44px;border:0;background:transparent;border-radius:999px;padding:8px 10px;font-weight:800;color:var(--muted)}.toggleGroup button.on{background:var(--navy);color:#fff}
main{max-width:1220px;margin:0 auto;padding:28px 18px 40px}.screen{display:none}.screen.active{display:block;animation:fade .22s ease}@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.heroWrap{display:grid;grid-template-columns:1.18fr .82fr;gap:22px;align-items:stretch}
.heroCopy{padding:34px;background:radial-gradient(circle at top right,rgba(19,136,255,.16),transparent 32%),linear-gradient(140deg,#061b3b,#0c2d6b 68%,#1679e8);color:#fff;overflow:hidden}
.heroCopy h1{font-size:54px;line-height:1.03;margin:0 0 14px}.heroCopy .lead{font-size:18px;line-height:1.65;max-width:760px;color:#dce9ff}.eyebrow{margin:0 0 12px;color:#7fb8ff;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:900}
.heroHighlights{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:26px 0 18px}.heroHighlights article{padding:16px;border-radius:18px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14)}.heroHighlights b{display:block;font-size:15px;margin-bottom:6px}.heroHighlights span{font-size:13px;line-height:1.5;color:#dce9ff}
.heroMiniStats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.heroMiniStats article{padding:16px;border-radius:18px;background:#fff;color:var(--navy)}.heroMiniStats strong{display:block;font-size:28px}.heroMiniStats span{display:block;font-size:13px;color:var(--muted);margin-top:6px}
.searchPanel{padding:26px}.searchHead{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:18px}.searchHead small,.supportCard small,.legalPanel small{display:block;font-weight:900;letter-spacing:.1em;font-size:11px;color:var(--blue)}.searchHead h2{margin:6px 0 0;font-size:31px;color:var(--navy)}.pill{display:inline-flex;align-items:center;padding:9px 12px;border-radius:999px;background:#eef6ff;color:var(--blue);font-size:12px;font-weight:900}
.stack{display:grid;gap:14px}.stack label span{display:block;font-size:13px;font-weight:800;color:#40556f;margin-bottom:6px}.split2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
input,textarea,select{width:100%;min-height:52px;border:1px solid var(--line);background:#fff;border-radius:15px;padding:0 14px;color:var(--text)}textarea{min-height:120px;padding:12px 14px;resize:vertical}
.primary,.ghost,.optionBtn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 18px;border-radius:15px;border:0;font-weight:800}.primary{background:linear-gradient(135deg,#0b2451,#1679e8);color:#fff;box-shadow:0 12px 24px rgba(10,54,117,.24)}.ghost{background:#edf4fb;color:var(--navy);border:1px solid var(--line)}
.searchSummary{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#f6faff;border:1px solid #e1ecf6;border-radius:18px;padding:14px}.searchSummary small{display:block;color:var(--muted);font-size:12px}.searchSummary strong{display:block;margin-top:4px;color:var(--navy)}.tiny{font-size:12px;line-height:1.6;color:var(--muted);margin:0}
.homeSupportGrid{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:18px;margin-top:22px}.supportCard{padding:18px}.cardTop{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.cardTop strong{font-size:22px;color:var(--navy)}.posterCard img{border-radius:18px;border:1px solid #dbe8f4}.fxCard strong{display:block;font-size:28px;color:var(--navy);margin:10px 0 8px}.fxCard p,.fxCard span{display:block;color:var(--muted);line-height:1.6}.paymentsCard ul{padding-left:18px;color:var(--muted);line-height:1.8;margin:12px 0 0}
.screenHead{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:18px}.screenHead h2{margin:0;font-size:38px;color:var(--navy)}.screenHead .muted{max-width:720px}.screenHead.narrow{margin-bottom:22px}.headActions{display:flex;gap:10px}.muted{color:var(--muted);line-height:1.6}
.stepBar{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:0 0 20px}.stepBar article{padding:14px 16px;border-radius:18px;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow)}.stepBar article.active{border-color:#86bfff;background:#eef6ff}.stepBar b{display:block;font-size:11px;color:var(--blue);margin-bottom:4px}.stepBar span{font-size:13px;font-weight:700;color:var(--text)}
.resultsTools{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px}.filterBar{display:flex;gap:10px;flex-wrap:wrap}.filterBar button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 14px;font-weight:800;color:var(--muted)}.filterBar button.active{background:var(--navy);border-color:var(--navy);color:#fff}
.resultsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.vehicleCard{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}.vehicleTop{position:relative;background:linear-gradient(180deg,#f6fbff,#eff6fd);padding:16px}.vehicleTop img{width:100%;height:220px;object-fit:cover;object-position:center;border-radius:18px;border:1px solid #dfe9f5;background:#fff}.badge,.availability{position:absolute;top:28px;padding:8px 12px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.04em}.badge{left:28px;background:rgba(6,27,59,.9);color:#fff}.availability{right:28px}.availability.available{background:#e8f7ee;color:var(--good)}.availability.low{background:#fff5d9;color:var(--warn)}.availability.unavailable{background:#fae8e8;color:var(--bad)}
.vehicleMeta{padding:18px}.vehicleMeta small{display:block;color:#6e7f95;font-weight:700;margin-bottom:6px}.vehicleMeta h3{margin:0;font-size:28px;color:var(--navy);line-height:1.15;min-height:64px}.priceLine,.specLine{display:flex;justify-content:space-between;gap:10px;align-items:flex-end;margin-top:14px}.priceLine strong{font-size:28px;color:var(--navy)}.priceLine span,.specLine span{color:var(--muted);font-size:13px}.specLine{padding:10px 0;border-top:1px dashed #d9e5f2;border-bottom:1px dashed #d9e5f2;align-items:center}.specLine b{font-size:14px;color:var(--text)}
.optionBtn{width:100%;margin-top:16px;background:#0c2048;color:#fff}.optionBtn:disabled{background:#c8d6e4;color:#6c7e92}
.detailWrap{display:grid;grid-template-columns:1.1fr .9fr;gap:22px}.detailGallery,.detailInfo{padding:20px}.detailGallery img{width:100%;height:420px;object-fit:cover;border-radius:20px;border:1px solid #dfe9f5}.miniCaption{margin-top:10px;color:#728397;font-size:13px}.detailInfo h3{margin:0 0 8px;font-size:34px;color:var(--navy)}.detailInfo .cat{color:var(--blue);font-weight:900;letter-spacing:.08em;font-size:12px;text-transform:uppercase}.detailFacts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.fact{padding:14px;border-radius:18px;background:#f6faff;border:1px solid #e2ecf6}.fact small{display:block;color:var(--muted)}.fact strong{display:block;margin-top:5px;color:var(--navy)}.detailPrice{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.priceBox{padding:16px;border-radius:20px;background:#061b3b;color:#fff}.priceBox small{display:block;color:#9fc8ff}.priceBox strong{display:block;margin-top:6px;font-size:29px}.detailActions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.inlineList{padding-left:18px;color:var(--muted);line-height:1.8}
.coverageGrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.coverageCard{padding:20px;border-radius:24px;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow);cursor:pointer}.coverageCard.active{border-color:#6aaeff;box-shadow:0 0 0 3px rgba(19,136,255,.13),var(--shadow)}.coverageCard h3{margin:0 0 10px;font-size:28px;color:var(--navy)}.coverageCard p{color:var(--muted);line-height:1.6}.coverageCard ul{padding-left:18px;color:#48596d;line-height:1.8}.coverageCard .priceTag{display:inline-flex;margin-top:8px;padding:10px 14px;border-radius:999px;background:#eef6ff;color:var(--navy);font-weight:900}.ctaRow{display:flex;justify-content:flex-end;gap:12px;margin-top:18px}.ctaRow.between{justify-content:space-between;align-items:center}.ctaRow.wrap{flex-wrap:wrap}
.formPanel{padding:20px}.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.formGrid .full{grid-column:1/-1}
.summaryGrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}.summaryCard{padding:20px}.summaryCard h3{margin:0 0 14px;font-size:24px;color:var(--navy)}.summaryList{display:grid;gap:10px}.summaryItem{display:flex;justify-content:space-between;gap:12px;border-bottom:1px dashed #dce8f4;padding-bottom:9px}.summaryItem span{color:var(--muted)}.summaryItem b{color:var(--navy);text-align:right}
.infoScreen .infoGrid,.requirementsGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.infoBlock,.reqBlock{padding:18px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.infoBlock b,.reqBlock b{display:inline-flex;width:36px;height:36px;border-radius:50%;align-items:center;justify-content:center;background:#eef6ff;color:var(--blue);margin-bottom:10px}.infoBlock h3,.reqBlock h3{margin:0 0 10px;font-size:21px;color:var(--navy)}.infoBlock p,.reqBlock li,.reqBlock p{color:var(--muted);line-height:1.65}.reqBlock ul{padding-left:18px;margin:0}
.legalPanel{margin-top:20px;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:16px}.legalPanel strong{display:block;margin-top:6px;font-size:20px;color:var(--navy)}.legalLinks{display:flex;gap:10px;flex-wrap:wrap}.legalLinks a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 16px;border-radius:14px;background:#0b2451;color:#fff;font-weight:800}
#floatingWA{position:fixed;right:18px;bottom:18px;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:#1bb456;color:#fff;font-weight:900;box-shadow:0 20px 38px rgba(0,0,0,.16);z-index:40}
footer{max-width:1220px;margin:10px auto 40px;padding:20px 18px;border-top:1px solid #dce8f4;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;color:#61748d}.footBrand{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--navy)}.footBrand img{width:34px;height:34px;border-radius:50%}.footLinks{display:flex;gap:10px;flex-wrap:wrap}
@media (max-width:1100px){.heroWrap,.detailWrap,.homeSupportGrid{grid-template-columns:1fr}.resultsGrid,.summaryGrid,.infoScreen .infoGrid,.requirementsGrid{grid-template-columns:1fr 1fr}.heroHighlights,.heroMiniStats,.coverageGrid{grid-template-columns:1fr 1fr}.stepBar{grid-template-columns:1fr 1fr 1fr}.detailGallery img{height:340px}}
@media (max-width:760px){.topbar{flex-direction:column;align-items:stretch}.mainnav{justify-content:space-between;flex-wrap:wrap}.toolbar{justify-content:space-between}.heroCopy h1{font-size:38px}.screenHead{flex-direction:column;align-items:stretch}.resultsGrid,.summaryGrid,.infoScreen .infoGrid,.requirementsGrid,.heroHighlights,.heroMiniStats,.coverageGrid,.formGrid,.split2,.detailFacts,.detailPrice{grid-template-columns:1fr}.stepBar{grid-template-columns:1fr}.vehicleTop img{height:210px}.detailGallery img{height:260px}.detailActions,.ctaRow,.legalPanel{flex-direction:column;align-items:stretch}footer{margin-bottom:90px}}
@media (max-width:420px){main{padding:18px 12px 34px}.brand{font-size:20px}.mainnav button,.footLinks button{font-size:12px;padding:6px}.heroCopy,.searchPanel,.supportCard,.summaryCard,.detailGallery,.detailInfo,.coverageCard,.formPanel,.infoBlock,.reqBlock{padding:16px}.heroCopy h1{font-size:31px}.screenHead h2{font-size:31px}.searchHead h2{font-size:26px}.vehicleMeta h3{font-size:24px}.detailInfo h3{font-size:28px}.priceLine strong,.priceBox strong{font-size:24px}.summaryItem{align-items:flex-start;flex-direction:column}#floatingWA{right:12px;bottom:12px;width:56px;height:56px}}

/* QuickRental 1.4 premium flow */
.flowRibbon{position:sticky;top:77px;z-index:24;background:rgba(7,28,66,.96);color:#fff;border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 10px 28px rgba(7,28,66,.14)}
.flowRibbon.hidden{display:none}
.flowRibbonInner{max-width:1220px;margin:0 auto;padding:10px 18px;display:grid;grid-template-columns:1.2fr 1.1fr .7fr auto;gap:14px;align-items:center}
.tripMini{min-width:0}.tripMini small{display:block;font-size:9px;letter-spacing:.12em;color:#7fc1ff;font-weight:900}.tripMini strong{display:block;margin-top:3px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ribbonEdit{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#fff;border-radius:999px;padding:9px 13px;font-size:12px;font-weight:800}

.stepBar{position:relative;gap:0;background:transparent;padding:8px 4px 20px;margin-bottom:18px}
.stepBar::before{content:"";position:absolute;left:8%;right:8%;top:27px;height:3px;background:#dbe7f3;border-radius:999px;z-index:0}
.stepBar article{position:relative;z-index:1;border:0;box-shadow:none;background:transparent;text-align:center;padding:0 8px}
.stepBar article::before{content:"";display:block;width:38px;height:38px;border-radius:50%;margin:0 auto 8px;background:#fff;border:3px solid #cfdeec;box-shadow:0 4px 14px rgba(7,28,66,.08)}
.stepBar article.active::before{border-color:var(--blue);background:linear-gradient(135deg,#0b2451,#1679e8);box-shadow:0 6px 20px rgba(19,136,255,.24)}
.stepBar article.active{background:transparent;border:0}
.stepBar article b{position:absolute;top:10px;left:50%;transform:translateX(-50%);font-size:10px;color:#8092a8;margin:0}.stepBar article.active b{color:#fff}
.stepBar article span{display:block;font-size:12px;color:#647890}.stepBar article.active span{color:var(--navy);font-weight:900}

.resultsGrid{align-items:stretch}
.vehicleCard{display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.vehicleCard:hover{transform:translateY(-5px);border-color:#b9d8f6;box-shadow:0 24px 46px rgba(6,27,59,.13)}
.vehicleTop{overflow:hidden;padding:14px 14px 4px;background:radial-gradient(circle at 70% 30%,#fff 0%,#f6fbff 42%,#eaf4ff 100%)}
.vehicleTop::after{content:"";position:absolute;left:8%;right:8%;bottom:8px;height:22px;background:radial-gradient(ellipse,rgba(7,28,66,.18),transparent 70%);filter:blur(6px)}
.vehicleTop img{position:relative;z-index:2;height:205px;object-fit:contain;border:0;background:transparent;transition:transform .25s ease}.vehicleCard:hover .vehicleTop img{transform:scale(1.035)}
.vehicleMeta{display:flex;flex-direction:column;flex:1}.vehicleMeta h3{min-height:auto;margin-bottom:4px}.vehicleMeta small{font-size:11px;line-height:1.45;color:#7b8da2}
.quickChips{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.quickChips span{padding:7px 9px;border-radius:999px;background:#f2f7fc;border:1px solid #e0ebf6;color:#4c6078;font-size:11px;font-weight:800}
.priceLine{margin-top:auto;padding-top:8px}.priceLine>div{display:flex;flex-direction:column;gap:3px}.priceLine strong{font-size:25px}.priceLine span{font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:800}
.optionBtn{background:linear-gradient(135deg,#071c42,#1388ff);transition:filter .2s ease,transform .2s ease}.optionBtn:hover{filter:brightness(1.06);transform:translateY(-1px)}

.screen.active .screenHead,.screen.active .stepBar,.screen.active .resultsTools,.screen.active .resultsGrid,.screen.active .detailWrap,.screen.active .coverageGrid,.screen.active .formPanel,.screen.active .summaryGrid,.screen.active .infoGrid,.screen.active .requirementsGrid,.screen.active .legalPanel{animation:premiumIn .36s cubic-bezier(.22,.75,.28,1) both}
.screen.active .stepBar{animation-delay:.04s}.screen.active .resultsTools,.screen.active .detailWrap,.screen.active .coverageGrid,.screen.active .formPanel,.screen.active .summaryGrid,.screen.active .infoGrid,.screen.active .requirementsGrid{animation-delay:.08s}
@keyframes premiumIn{from{opacity:0;transform:translateY(14px) scale(.995)}to{opacity:1;transform:none}}

.detailGallery{background:linear-gradient(145deg,#fff,#edf6ff)}.detailGallery img{object-fit:contain;background:transparent;border:0}.detailInfo{position:relative;overflow:hidden}.detailInfo::after{content:"QR";position:absolute;right:-12px;bottom:-32px;font-size:130px;font-weight:900;color:#eef5fc;z-index:0}.detailInfo>*{position:relative;z-index:1}

.coverageCard{position:relative;overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.coverageCard:hover{transform:translateY(-3px)}.coverageCard.active::after{content:"✓";position:absolute;right:18px;top:16px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff;font-weight:900}

.formPanel{background:linear-gradient(145deg,#fff,#f9fcff)}.formGrid label span{display:block;margin-bottom:7px;font-size:12px;font-weight:900;color:#435874}.formGrid input:focus,.formGrid select:focus,.formGrid textarea:focus{outline:none;border-color:#62aaf3;box-shadow:0 0 0 4px rgba(19,136,255,.09)}

.summaryGrid{grid-template-columns:1.2fr .9fr .9fr}.summaryHero{grid-column:1/-1;display:grid;grid-template-columns:1.1fr 1fr;gap:18px;padding:18px;background:linear-gradient(135deg,#061b3b,#0d3b83);color:#fff;overflow:hidden}.summaryHeroVisual{min-height:260px;border-radius:20px;background:radial-gradient(circle,#fff 0%,#e8f4ff 60%,#cfe5fb 100%);display:grid;place-items:center;overflow:hidden}.summaryHeroVisual img{width:100%;height:260px;object-fit:contain}.summaryHeroCopy{padding:12px 12px 12px 6px;display:flex;flex-direction:column;justify-content:center}.summaryHeroCopy small{font-size:11px;letter-spacing:.12em;color:#7fc1ff;font-weight:900}.summaryHeroCopy h3{font-size:34px;line-height:1.08;margin:8px 0}.summaryHeroCopy p{color:#d8e8fb;line-height:1.6}.grandTotal{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.15)}.grandTotal span{font-size:12px;color:#9bc9ff}.grandTotal strong{font-size:38px;color:#fff}.depositSeparate{margin-top:8px;font-size:12px;color:#b7d9ff}
.summaryCard{transition:transform .2s ease}.summaryCard:hover{transform:translateY(-2px)}

.finalCtaPanel{margin-top:18px;padding:18px;border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);display:flex;justify-content:space-between;align-items:center;gap:16px}.finalCtaPanel .copy b{display:block;color:var(--navy);font-size:19px}.finalCtaPanel .copy span{display:block;margin-top:5px;color:var(--muted);font-size:13px}.finalCtaPanel .actions{display:flex;gap:10px;flex-wrap:wrap}

@media(max-width:900px){.flowRibbon{top:145px}.flowRibbonInner{grid-template-columns:1fr 1fr}.ribbonEdit{justify-self:start}.summaryGrid{grid-template-columns:1fr 1fr}.summaryHero{grid-template-columns:1fr}.summaryHeroVisual{min-height:220px}.summaryHeroVisual img{height:220px}}
@media(max-width:760px){.flowRibbon{position:static}.flowRibbonInner{grid-template-columns:1fr 1fr}.stepBar{display:flex;overflow:auto;gap:4px;padding-bottom:14px}.stepBar::before{display:none}.stepBar article{min-width:92px}.summaryGrid{grid-template-columns:1fr}.summaryHero{grid-column:auto}.finalCtaPanel{align-items:stretch;flex-direction:column}.finalCtaPanel .actions{flex-direction:column}.finalCtaPanel .actions button{width:100%}}
@media(max-width:420px){.flowRibbonInner{grid-template-columns:1fr}.tripMini:nth-child(2){display:none}.vehicleTop img{height:180px}.summaryHeroCopy h3{font-size:28px}.grandTotal strong{font-size:31px}}

/* 1.4 reviewed legal-consent and image polish */
.legalConsent{display:flex;align-items:flex-start;gap:10px;margin-top:16px;padding:14px 16px;border:1px solid #dce8f4;border-radius:16px;background:#f7fbff;color:#52667f;font-size:13px;line-height:1.55}.legalConsent input{width:18px;min-height:18px;height:18px;margin-top:2px;flex:0 0 auto}.legalConsent a{color:#0e72c9;font-weight:800;text-decoration:underline;text-underline-offset:2px}.vehicleTop img,.detailGallery img,.summaryHeroVisual img{filter:saturate(1.03) contrast(1.015)}


/* v1.4.1 autonomous flow */
.paymentChoiceGrid{display:grid;gap:14px;max-width:920px;margin:24px auto}
.payChoice{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:20px;border:1px solid #d7e4f5;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(6,27,59,.07);cursor:pointer}
.payChoice input{width:20px;height:20px}.payChoice div{display:grid;gap:4px}.payChoice span{color:#64748b}.payChoice b{color:#0b5ed7}.payChoice.disabled{opacity:.58;cursor:not-allowed;background:#f8fafc}
.confirmationCard{max-width:820px;margin:30px auto;text-align:center;padding:36px}.confirmIcon{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;background:#16a34a;color:white;font-size:42px;font-weight:800}.confirmationDetails{display:grid;gap:10px;margin:24px 0;text-align:left}.confirmationDetails>div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #e6edf7}.confirmationCard .actions{justify-content:center;display:flex;gap:12px;flex-wrap:wrap}.center{text-align:center}
footer a{color:inherit;text-decoration:none}footer a:hover{text-decoration:underline}
@media(max-width:720px){.payChoice{grid-template-columns:auto 1fr}.payChoice>b{grid-column:2}.confirmationDetails>div{align-items:flex-start}.confirmationDetails b{text-align:right}}

/* v1.4.2 SPEI payment details */
.speiPanel{max-width:920px;margin:14px auto 22px;padding:22px;background:linear-gradient(145deg,#f8fcff,#fff);border-color:#cfe4f8}.speiPanel.hidden{display:none}.speiHead{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:16px}.speiHead small{display:block;font-size:10px;letter-spacing:.12em;color:#0b6fc8;font-weight:900}.speiHead strong{display:block;margin-top:4px;color:var(--navy);font-size:19px}.speiGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.speiGrid>div{position:relative;padding:14px 15px;border:1px solid #dce8f4;background:#fff;border-radius:14px}.speiGrid span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:#75869a;font-weight:800}.speiGrid b{display:block;margin-top:5px;color:#0a2451;font-size:15px;word-break:break-word}.speiWide{grid-column:1/-1;padding-right:150px!important}.miniCopy{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:1px solid #bdd7ef;background:#eef7ff;color:#0a5fae;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:900}.miniCopy:hover{background:#dff0ff}.speiPanel .tiny{margin:14px 2px 0;color:#677b92}@media(max-width:620px){.speiGrid{grid-template-columns:1fr}.speiWide{grid-column:auto;padding-right:15px!important}.miniCopy{position:static;transform:none;margin-top:10px;width:100%}.speiHead{align-items:flex-start}}

/* v1.4.3 visual redesign closer to approved mockup direction */
:root{
  --navy:#061937;
  --navy-2:#0a2557;
  --blue:#1f8fff;
  --blue-2:#56b6ff;
  --line:#d7e5f3;
  --text:#0f2344;
  --muted:#6c7f97;
  --panel:#ffffff;
  --shadow:0 18px 42px rgba(6,25,55,.10);
  --shadow-strong:0 22px 54px rgba(6,25,55,.16);
  --glow:0 0 0 1px rgba(95,177,255,.18),0 20px 44px rgba(8,45,99,.16);
}
html,body{background:
 radial-gradient(circle at 15% 0%,rgba(84,170,255,.16),transparent 30%),
 radial-gradient(circle at 100% 20%,rgba(34,105,220,.12),transparent 25%),
 linear-gradient(180deg,#edf4fb 0%,#f6fbff 36%,#eef4fb 100%);
 color:var(--text)}
body{min-height:100vh}
.topbar{background:linear-gradient(135deg,rgba(6,25,55,.97),rgba(10,37,87,.95));border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 14px 38px rgba(6,25,55,.20)}
.brand{color:#fff}.brand span{display:flex;align-items:baseline;gap:6px}.brand b{color:#7fc8ff}
.mainnav{flex-wrap:wrap;justify-content:center}
.mainnav button,.footLinks button{color:#deecff;border-radius:999px;padding:10px 14px;transition:all .18s ease}
.mainnav button:hover,.mainnav button.active{background:rgba(255,255,255,.11);color:#fff}
.toolbar{gap:12px}.toggleGroup{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.18)}.toggleGroup button{color:#d6e6f7}.toggleGroup button.on{background:#fff;color:var(--navy)}
main{max-width:1280px;padding:26px 18px 54px}
.screen{position:relative}
.flowRibbon{background:transparent;border:0}.flowRibbonInner{background:linear-gradient(135deg,#0a214b,#0f3a7c);border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow-strong)}
.tripMini{background:rgba(255,255,255,.08)}.tripMini small{color:#9ecbff}.tripMini strong{color:#fff}.ribbonEdit{background:#fff;color:#08214b}
.heroWrap{grid-template-columns:1.22fr .78fr;gap:24px}
.heroCopy,.searchPanel,.supportCard,.vehicleCard,.coverageCard,.summaryCard,.summaryHero,.formPanel,.paymentChoiceGrid+.panel,.confirmationCard,.legalPanel,.infoGrid .panel,.requirementsGrid .panel{box-shadow:var(--shadow)}
.heroCopy{position:relative;isolation:isolate;min-height:620px;display:flex;flex-direction:column;justify-content:space-between;padding:40px;background:
 linear-gradient(130deg,rgba(4,18,42,.98),rgba(8,34,78,.96) 46%,rgba(16,96,194,.88));overflow:hidden}
.heroCopy::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,19,43,.85) 0%,rgba(5,19,43,.63) 40%,rgba(5,19,43,.22) 100%);z-index:-1}
.heroCopy h1{font-size:60px;max-width:780px;text-wrap:balance}
.heroCopy .lead{max-width:690px;font-size:18px}
.heroHighlights article{backdrop-filter:blur(6px);background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.14)}
.heroMiniStats article{border:1px solid rgba(19,143,255,.12);box-shadow:0 10px 22px rgba(2,15,35,.08)}
.searchPanel{position:relative;padding:28px;background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)}
.searchPanel::before{content:"";position:absolute;right:24px;top:22px;width:44px;height:3px;border-radius:999px;background:linear-gradient(90deg,#8dcaff,#177fe9)}
.searchHead h2{font-size:34px}.pill{background:#0d285b;color:#fff}
.stack label span{font-size:12px;letter-spacing:.04em;text-transform:uppercase}
input,textarea,select{min-height:56px;border-color:#d8e5f2;background:#fbfdff;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
input:focus,textarea:focus,select:focus{outline:none;border-color:#72b9ff;box-shadow:0 0 0 4px rgba(31,143,255,.12)}
.primary,.ghost,.optionBtn{min-height:54px;border-radius:17px}
.primary{background:linear-gradient(135deg,#0a214b,#1483f0 72%);box-shadow:0 16px 34px rgba(9,50,110,.24)}
.primary:hover,.optionBtn:hover{filter:brightness(1.05)}
.ghost{background:#eef5fc}
.homeSupportGrid{grid-template-columns:1.15fr .85fr .85fr;gap:20px}
.supportCard{padding:20px;background:linear-gradient(180deg,#fff,#f7fbff)}
.posterCard img{border-radius:20px;box-shadow:var(--shadow)}
.fxCard{background:linear-gradient(135deg,#071c42,#0d3f87);color:#fff}.fxCard strong,.fxCard p,.fxCard span,.fxCard small{color:inherit}.fxCard small{opacity:.82}.fxCard p,.fxCard span{color:#dbe9ff}
.paymentsCard ul{padding-left:0;list-style:none}.paymentsCard li{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px dashed #dbe7f3}.paymentsCard li::before{content:"•";color:var(--blue);font-size:20px;line-height:1}
.screenHead{padding:4px 2px 10px}.screenHead h2{font-size:42px;text-wrap:balance}
.stepBar{grid-template-columns:repeat(6,1fr);gap:14px}
.resultsTools,.screenHead,.detailWrap,.coverageGrid,.summaryGrid,.paymentChoiceGrid,.requirementsGrid,.infoGrid{position:relative;z-index:1}
.resultsGrid{grid-template-columns:repeat(3,1fr);gap:22px}
.vehicleCard{border:1px solid rgba(13,63,135,.10);border-radius:28px;overflow:hidden;box-shadow:var(--shadow);background:linear-gradient(180deg,#fff 0%,#f9fcff 100%)}
.vehicleCard:hover{box-shadow:var(--shadow-strong)}
.vehicleTop{padding:18px 18px 8px;background:radial-gradient(circle at 50% 24%,#ffffff 0%,#f2f8ff 50%,#e8f2fd 100%)}
.vehicleTop::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(255,255,255,.48) 100%)}
.vehicleTop img{height:230px;object-fit:contain;filter:drop-shadow(0 14px 18px rgba(11,40,91,.12)) saturate(1.02)}
.badge,.availability{top:20px;border:1px solid rgba(255,255,255,.54);backdrop-filter:blur(10px)}
.badge{left:20px;background:rgba(7,28,66,.86)}.availability{right:20px}
.vehicleMeta{padding:20px}.vehicleMeta h3{font-size:30px;line-height:1.05;margin-bottom:6px}.vehicleMeta small{font-size:11px;letter-spacing:.03em;text-transform:uppercase}
.quickChips span{background:#eef5fc;border-color:#d9e7f4}
.priceLine strong{font-size:31px}.specLine{margin-top:12px;padding:12px 0}
.optionBtn{margin-top:18px;background:linear-gradient(135deg,#081f48,#1679e8)}
.detailWrap{grid-template-columns:1.08fr .92fr;gap:24px}.detailGallery,.detailInfo{padding:24px;border-radius:28px}.detailGallery{background:radial-gradient(circle at 50% 24%,#fff 0%,#edf6ff 55%,#e0efff 100%)}.detailGallery img{height:460px}
.detailInfo{background:linear-gradient(180deg,#fff 0%,#f9fcff 100%)}.detailInfo h3{font-size:40px}.detailFacts{gap:14px}.fact{border-radius:20px}
.coverageGrid{gap:22px}.coverageCard{padding:24px;border-radius:28px;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)}.coverageCard h3{font-size:30px}
.formPanel{padding:24px 24px 18px;border-radius:28px}
.summaryGrid{gap:22px;grid-template-columns:1.15fr .92fr .92fr}.summaryHero{border-radius:28px}.summaryHeroVisual{min-height:280px}.summaryHeroVisual img{height:280px}.summaryHeroCopy h3{font-size:38px}.grandTotal strong{font-size:40px}
.paymentChoiceGrid{gap:16px}.payChoice{padding:22px 24px;border-radius:22px}.speiPanel{border-radius:24px}.confirmationCard{border-radius:28px}
.infoGrid,.requirementsGrid{gap:18px}.infoGrid .panel,.requirementsGrid .panel{padding:20px;border-radius:24px;background:linear-gradient(180deg,#fff,#f9fcff)}
footer{margin-top:48px;padding:34px 18px 44px;background:linear-gradient(135deg,#071c42,#0a2d67);color:#d8e9ff;text-align:center}.footBrand{justify-content:center;gap:12px}.footBrand img{width:52px;height:52px;border-radius:50%}.footBrand span{font-size:22px;font-weight:900;color:#fff}.footLinks{justify-content:center;display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.footLinks button{background:rgba(255,255,255,.08);color:#fff}.footLinks button:hover{background:rgba(255,255,255,.14)}footer p,footer a{color:#d8e9ff}
#floatingWA{background:linear-gradient(135deg,#18c85a,#0ea548);box-shadow:0 14px 28px rgba(16,160,73,.28)}

/* stronger mobile parity with mockup app feel */
@media(max-width:1100px){
  .heroWrap{grid-template-columns:1fr}
  .heroCopy{min-height:unset}
  .homeSupportGrid{grid-template-columns:1fr 1fr}
  .resultsGrid{grid-template-columns:repeat(2,1fr)}
  .detailWrap,.summaryGrid{grid-template-columns:1fr}
}
@media(max-width:860px){
  .topbar{padding:12px 14px;gap:12px;flex-wrap:wrap;justify-content:center}
  .brand{width:100%;justify-content:center}
  .mainnav{order:3;width:100%;overflow:auto;justify-content:flex-start;gap:6px;padding-bottom:2px}
  .mainnav::-webkit-scrollbar{display:none}
  .toolbar{width:100%;justify-content:center}
  .heroCopy{padding:28px}
  .heroCopy h1{font-size:42px}
  .heroHighlights,.heroMiniStats,.homeSupportGrid,.resultsGrid,.coverageGrid{grid-template-columns:1fr}
  .screenHead{align-items:flex-start;flex-direction:column}
  .screenHead h2{font-size:34px}
  .detailGallery img{height:320px}
}
@media(max-width:600px){
  main{padding:18px 12px 38px}
  .panel,.vehicleCard,.coverageCard,.summaryHero,.summaryCard,.speiPanel,.formPanel,.confirmationCard{border-radius:22px}
  .heroCopy{padding:24px 20px}.heroCopy h1{font-size:34px;line-height:1.05}.heroCopy .lead{font-size:15px}
  .searchPanel{padding:20px}.searchHead h2{font-size:28px}
  .heroHighlights article,.heroMiniStats article{padding:14px}
  .stepBar{display:flex;overflow:auto;gap:8px;padding-bottom:10px}.stepBar article{min-width:110px}
  .resultsGrid{grid-template-columns:1fr;gap:16px}.vehicleTop img{height:190px}.vehicleMeta h3{font-size:24px}.priceLine strong{font-size:28px}
  .detailGallery,.detailInfo,.summaryHero,.summaryCard,.coverageCard,.formPanel,.confirmationCard{padding:18px}
  .detailGallery img{height:260px}.detailInfo h3{font-size:32px}
  .detailFacts,.detailPrice,.paymentChoiceGrid,.speiGrid{grid-template-columns:1fr}
  .summaryHeroVisual{min-height:200px}.summaryHeroVisual img{height:200px}.summaryHeroCopy h3{font-size:28px}.grandTotal strong{font-size:32px}
  .finalCtaPanel{padding:16px}
  footer{padding-bottom:88px}
  #floatingWA{right:14px;bottom:16px;width:56px;height:56px}
}

.benefitsList{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:12px}.benefitsList li{position:relative;padding-left:18px;color:#29405b;font-size:14px;line-height:1.5}.benefitsList li:before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:50%;background:#1e76ff}.benefitsCard{display:flex;flex-direction:column;justify-content:center;min-height:220px;}

/* v1.4.6 QA corrections */
.vehicleTop{isolation:isolate;min-height:252px;display:grid;place-items:center}
.vehicleTop::before,.vehicleTop::after{z-index:0;pointer-events:none}
.vehicleTop img{position:relative!important;z-index:1!important;width:100%;height:230px!important;object-fit:contain!important;object-position:center!important;border-radius:18px}
.badge,.availability{z-index:6!important;pointer-events:none;box-shadow:0 6px 16px rgba(5,25,55,.10)}
.detailGallery img,.summaryHeroVisual img{object-fit:contain!important;object-position:center!important}
@media(max-width:600px){.vehicleTop{min-height:222px}.vehicleTop img{height:200px!important}}

/* 1.4.7 — estados de pago, autorización y comprobantes */
.cashHoldPanel,.speiPanel{margin-top:18px;padding:20px;border:1px solid #d8e6f4;border-radius:22px;background:linear-gradient(180deg,#fff,#f7fbff)}
.cashHoldHead,.speiHead{display:grid;gap:5px;margin-bottom:16px}
.cashHoldHead small,.speiHead small{font-size:11px;font-weight:900;letter-spacing:.09em;color:#2078d7}
.cashHoldHead h3,.speiHead h3{margin:0;color:#0b244f}
.cashHoldGrid,.speiGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cashHoldGrid>div,.speiGrid>div{padding:14px;border:1px solid #dbe8f5;border-radius:16px;background:#fff}
.cashHoldGrid span,.speiGrid span{display:block;font-size:12px;color:#6f8197;margin-bottom:5px}
.cashHoldGrid b,.speiGrid b{display:block;color:#0c2349;overflow-wrap:anywhere}
.holdAccent{background:#edf7ff!important;border-color:#8fc9ff!important}
.approvalNotice{margin-top:16px;padding:14px 16px;border-radius:16px;background:#fff8e7;border:1px solid #f3d178;color:#684b00;line-height:1.45}
.approvalNotice strong{display:block;color:#493500;margin-bottom:4px}
.approvalNotice.warning{background:#fff7ed;border-color:#fdba74;color:#7c2d12}
.approvalStatusBadge{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900;background:#fff5d9;color:#815d00;border:1px solid #f4d37d}
.proofPanel{margin-top:18px;padding:18px;border-radius:18px;background:#f6faff;border:1px solid #d9e9f8}
.proofPanel h3{margin:0 0 5px}.proofPanel p{margin:0 0 14px;color:#62768e}
.proofActions,.cashHoldActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.linkButton{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;min-height:48px;padding:0 18px;border-radius:15px;font-weight:900;background:#0b326b;color:#fff}
.linkButton.secondary{background:#eaf3fc;color:#0c2c5c}
.disabledLink{opacity:.48;cursor:not-allowed;pointer-events:auto}
.confirmationStatus{margin:12px 0 18px}
@media(max-width:600px){.cashHoldGrid,.speiGrid{grid-template-columns:1fr}.proofActions,.cashHoldActions{display:grid}.linkButton{width:100%}}