/* Genesis Auto · Commercial proposal extension */
.brand-preview::before{background-image:url('./assets/showroom.webp');background-position:62% center;opacity:.76;filter:saturate(.78) contrast(1.04)}
.brand-preview::after{background:linear-gradient(90deg,#101514ed 0%,#1015149c 61%,#10151435)}
.hero-confidence{display:flex;gap:19px;flex-wrap:wrap;margin:-25px 0 35px;font-size:11px;color:#646963;font-weight:800}
.hero-confidence span{color:#21794b;margin-right:-14px}
.hero-copy strong{color:#292d28;font-weight:800}
.text-link{display:inline-flex;align-items:center;gap:16px;border-bottom:1px solid #a92229;color:#a92229;padding-bottom:9px;font-size:13px;font-weight:800}
.illustration-note{font-size:10px;color:#989d96;text-align:right;margin:12px 0 0}

/* Portals versus a branded showroom */
.marketplace-section{padding-top:106px;padding-bottom:105px}
.marketplace-intro{display:grid;grid-template-columns:1.16fr .84fr;gap:8%;align-items:end;margin-bottom:43px}
.marketplace-intro h2{max-width:760px;margin-bottom:0}
.marketplace-explainer{padding-bottom:5px}
.marketplace-explainer p{font-size:15px;line-height:1.82;color:#6b716a;margin:0 0 15px}
.marketplace-explainer strong{color:#272c27}
.marketplace-explainer .text-link{margin-top:7px}
.market-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.market-card{position:relative;overflow:hidden;border:1px solid #dfe1db;border-radius:21px;padding:29px 29px 25px;min-width:0;display:flex;flex-direction:column}
.portal-card{background:#f2f2ef}
.owned-card{background:#151815;color:white;border-color:#151815}
.market-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:33px}
.market-index{letter-spacing:.11em;font-size:10px;font-weight:800;color:#81867e}
.owned-card .market-index{color:#9fa9a0}
.market-pill{border:1px solid #dadcd6;border-radius:30px;font-size:10px;font-weight:800;padding:8px 12px;color:#656a63;background:#fafaf8}
.market-pill-red{color:#fff;border-color:#9f2830;background:#a71924}
.market-card h3{font-size:clamp(25px,2.75vw,36px);letter-spacing:-.055em;line-height:1.14;margin:0 0 12px}
.market-card h3 em{color:#898f87}
.owned-card h3 em{color:#f0b3b8}
.market-card>p{font-size:13px;line-height:1.72;color:#7e827b;min-height:62px;margin:0 0 21px;max-width:420px}
.owned-card>p{color:#b1b8b0}
.market-interface{border-radius:14px;overflow:hidden;min-height:275px;margin-top:auto}
.portal-interface{background:#fff;border:1px solid #e2e5e0}
.interface-toolbar{display:flex;gap:10px;align-items:center;border-bottom:1px solid #edf0eb;padding:15px}
.fake-search{flex:1;font-size:10px;border:1px solid #e5e8e4;border-radius:7px;padding:10px;color:#7e847c}
.fake-filter{font-size:9px;font-weight:800;background:#f1f2ee;border-radius:7px;padding:10px}
.comparison-list{padding:9px 14px}
.comparison-row{display:grid;grid-template-columns:78px minmax(0,1fr) auto;align-items:center;gap:11px;border-bottom:1px solid #edf0eb;padding:8px 0}
.comparison-row:last-child{border-bottom:0}
.comparison-row.selected{background:#fff9f8;outline:1px solid #e6b5b6;border-radius:8px;padding:8px}
.comparison-thumb{height:51px;border-radius:6px;display:grid;place-items:center;overflow:hidden}
.comparison-thumb svg{width:100%;height:58px}
.comparison-row strong{font-size:10px;font-weight:800;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.comparison-row small{display:block;color:#a5aaa2;font-size:8px;margin-top:3px}
.comparison-row b{font-size:11px;white-space:nowrap}
.owned-interface{background:#f7f8f5;color:#171d18;border:1px solid #464e45}
.owned-top{height:53px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;font-size:9px;font-weight:700;color:#7d837b}
.owned-logo{color:#151815;font-size:13px;font-weight:900;letter-spacing:-.07em}
.owned-logo span{color:#b6242d}
.owned-hero{min-height:148px;background:radial-gradient(circle at 83% 23%,#67756a 1%,transparent 53%),linear-gradient(115deg,#252f2a,#101915);color:#fff;display:flex;flex-direction:column;padding:24px 25px 22px;gap:8px}
.owned-hero>span{font-size:9px;font-weight:800;color:#f2bec2;letter-spacing:.13em}
.owned-hero strong{font-size:27px;line-height:1.06;letter-spacing:-.055em}
.owned-hero small{font-size:10px;color:#d4dcd4}
.owned-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:13px}
.owned-actions span{min-height:58px;background:#f0f2ed;border:1px solid #e6e9e3;border-radius:7px;font-size:9px;font-weight:800;padding:9px;display:flex;align-items:center;justify-content:center;text-align:center}
.owned-actions span:first-child{background:#a61a22;color:#fff;border-color:#a61a22}
.market-conclusion{border-top:1px solid #dbded8;font-size:12px;line-height:1.6;font-weight:800;padding-top:21px;margin-top:24px;color:#51584f}
.owned-card .market-conclusion{border-color:#3c433d;color:#e0e7de}
.market-benefits{margin-top:49px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.market-benefits>div{display:grid;grid-template-columns:35px 1fr;column-gap:12px}
.market-benefits span{color:#b02229;font-size:11px;font-weight:900;letter-spacing:.09em;padding-top:4px}
.market-benefits strong{font-size:16px;letter-spacing:-.04em}
.market-benefits p{grid-column:2;font-size:12px;line-height:1.75;color:#798076;margin:8px 0 0}

/* Three practical conversion routes */
.section-convert{max-width:none;background:#f4f4f1;padding:92px max(34px,calc((100vw - var(--max))/2 + 34px)) 100px;border-top:1px solid #e4e5df;border-bottom:1px solid #e4e5df}
.section-convert .section-head{max-width:1150px}
.section-convert .section-head h2{max-width:1050px}
.conversion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:var(--max);margin:0 auto}
.conversion-card{padding:27px 25px 0;background:#fff;border:1px solid #e1e4de;border-radius:19px;overflow:hidden;display:flex;flex-direction:column;min-height:510px}
.conversion-top{display:flex;align-items:center;gap:12px;color:#8a9087;font-size:9px;font-weight:900;letter-spacing:.09em;min-height:47px}
.conversion-icon{width:40px;height:40px;border:1px solid #e3e5df;background:#f6f7f4;color:#1c261b;border-radius:11px;display:grid;place-items:center;font-size:19px;font-weight:900;letter-spacing:0}
.conversion-card h3{font-size:clamp(24px,2.5vw,33px);line-height:1.2;letter-spacing:-.055em;margin:24px 0 12px}
.conversion-card>p{color:#7a8078;font-size:12px;line-height:1.75;margin:0 0 27px;min-height:92px}
.conversion-visual{background:radial-gradient(#dce2da .9px,transparent 1px);background-size:17px 17px;border-radius:11px 11px 0 0;min-height:185px;flex:1;display:flex;align-items:center;justify-content:center;padding:20px 12px;margin-top:auto}
.message-box,.finance-box,.trade-box{width:100%;max-width:300px;border:1px solid #e2e5de;background:#fff;box-shadow:0 14px 38px #28362714;border-radius:11px;padding:18px;transform:rotate(-2deg)}
.message-box>span,.finance-box>span,.trade-box>span{display:block;font-size:8px;font-weight:900;color:#9da39a;letter-spacing:.08em;margin-bottom:13px}
.message-box strong{display:block;font-size:10px;font-weight:700;line-height:1.58;background:#e8f5e9;padding:10px;border-radius:9px}
.message-box small{display:block;background:#1c241d;color:#fff;border-radius:7px;padding:10px;margin-top:12px;font-size:9px;font-weight:800;text-align:center}
.finance-box{transform:rotate(2deg)}
.finance-box>div{display:flex;align-items:center;gap:9px;margin:8px 0;font-size:9px;font-weight:700;color:#6c746b}
.finance-box i{height:24px;width:24px;border:1px solid #e6eae4;background:#f3f5f1;border-radius:5px}
.finance-box strong,.trade-box strong{display:block;text-align:center;background:#a81e28;color:#fff;font-size:9px;font-weight:800;padding:11px;border-radius:7px;margin-top:13px}
.trade-box{transform:rotate(-1deg)}
.trade-fields{display:grid;grid-template-columns:1.5fr .85fr .9fr;gap:5px}
.trade-fields small{border:1px solid #e2e6e0;border-radius:5px;min-height:38px;padding:7px 5px;font-size:8px;color:#919890;display:flex;align-items:center}
.conversion-footnote{max-width:var(--max);margin:24px auto 0;padding:20px 23px;background:#e8eae4;border-radius:11px;color:#616a5f;font-size:12px;line-height:1.75}
.conversion-footnote strong{color:#272f27}

/* Standardized scope */
.deliverable-section{padding-top:105px;padding-bottom:108px}
.deliverable-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:8%;align-items:end;margin-bottom:42px}
.deliverable-heading h2{margin-bottom:0}
.deliverable-grid{display:grid;grid-template-columns:1fr .85fr;gap:7%;align-items:stretch}
.deliverable-list>div{display:grid;grid-template-columns:39px 1fr;gap:13px;padding:19px 0;border-bottom:1px solid #e1e5df}
.deliverable-list>div:first-child{border-top:1px solid #e1e5df}
.deliverable-list>div>span{font-size:11px;letter-spacing:.08em;font-weight:900;color:#a81f28;padding-top:5px}
.deliverable-list p{margin:0}
.deliverable-list strong{display:block;font-size:17px;letter-spacing:-.035em;line-height:1.3;margin-bottom:6px}
.deliverable-list small{display:block;color:#788078;font-size:12px;line-height:1.7}
.package-visual{min-height:560px;background:#181c19;color:white;border-radius:20px;padding:29px;display:flex;flex-direction:column;overflow:hidden;position:relative}
.package-visual:before{content:'';position:absolute;width:550px;height:550px;border:1px solid #ffffff0c;border-radius:50%;top:-190px;right:-260px;box-shadow:0 0 0 65px #ffffff07,0 0 0 130px #ffffff04}
.package-visual-top{position:relative;display:flex;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:.13em;font-weight:900;color:#acb6ae}
.package-stack{margin:auto 0;display:flex;flex-direction:column;gap:13px;position:relative}
.stack-card{background:#f7f8f5;border-radius:11px;color:#1b211b;padding:21px;display:flex;align-items:center;gap:15px;box-shadow:0 15px 29px #0002}
.stack-card:nth-child(2){margin-left:23px}
.stack-card:nth-child(3){margin-left:46px}
.stack-card .stack-dot{width:39px;height:39px;border-radius:9px;background:#171d19;display:grid;place-items:center;color:#d9deda;flex-shrink:0}
.stack-card:nth-child(2) .stack-dot{background:#9f1b23;color:#fff}
.stack-card:nth-child(3) .stack-dot{background:#e8ece7;color:#263b29}
.stack-card strong{display:block;font-size:14px;letter-spacing:-.04em;line-height:1.2}
.stack-card small{display:block;color:#969d94;font-size:10px;margin-top:4px}
.stack-card b{font-size:18px;margin-left:auto}
.package-bottom{position:relative;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #49534b;padding-top:21px;font-size:11px;line-height:1.5;color:#c0cac2}
.package-bottom strong{color:#fff;white-space:nowrap}

/* One-off price offer and transparent technical renewals */
.price-section{max-width:calc(var(--max) + 44px);margin:0 auto;border:1px solid #dce0d8;border-radius:32px;padding:45px;position:relative}
.price-inner{display:grid;grid-template-columns:1.08fr .92fr;gap:7%;align-items:stretch}
.price-main{padding:36px 0 35px 10px;display:flex;flex-direction:column;align-items:flex-start}
.price-main h2{font-size:clamp(43px,5vw,73px);line-height:1.1;letter-spacing:-.065em;margin:0 0 20px}
.price-main>p:not(.section-kicker):not(.price-safety){font-size:15px;line-height:1.85;color:#697068;max-width:530px;margin:0}
.price-number{display:flex;align-items:baseline;gap:2px;font-weight:900;font-size:clamp(79px,9vw,129px);letter-spacing:-.105em;line-height:1.15;margin:26px 0 17px;white-space:nowrap}
.price-number>span{font-size:31px;letter-spacing:-.05em;margin-right:9px;align-self:center}
.price-number small{font-size:13px;letter-spacing:0;font-weight:900;color:#828981;margin-left:17px}
.price-tags{display:flex;gap:9px;flex-wrap:wrap;max-width:530px;margin-bottom:24px}
.price-tags span{background:#fff;border:1px solid #d7dcd3;border-radius:30px;padding:8px 11px;color:#444e44;font-size:10px;font-weight:800}
.price-cta{padding:17px 25px}
.price-safety{font-size:11px;color:#8e948c;line-height:1.7;max-width:420px;margin:18px 0 0}
.price-receipt{background:#1a1e1b;color:#fff;border-radius:20px;padding:29px 28px 25px;display:flex;flex-direction:column;min-width:0}
.receipt-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:21px;border-bottom:1px solid #444a43;font-size:10px;font-weight:900;letter-spacing:.1em;color:#b8c1b7}
.receipt-head strong{font-size:26px;color:#fff;letter-spacing:-.1em}
.receipt-head strong span{color:#d34950}
.receipt-label{font-size:9px;color:#a4b0a4;font-weight:900;letter-spacing:.14em;margin:33px 0 21px}
.receipt-line{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #3b423b;padding:13px 0;font-size:12px;line-height:1.35;color:#d1d7cf}
.receipt-line span:last-child{white-space:nowrap;color:#91d1a1;font-weight:800}
.receipt-total{display:flex;justify-content:space-between;gap:13px;align-items:center;padding:26px 0 16px;font-size:13px;font-weight:800}
.receipt-total strong{font-size:33px;letter-spacing:-.055em}
.receipt-month{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#b7c5b7}
.receipt-month strong{color:#9ee1a6;white-space:nowrap}
.receipt-honest{background:#2c332d;border:1px solid #495149;color:#b8c5b8;border-radius:11px;font-size:10px;line-height:1.7;padding:16px;margin-top:auto}
.receipt-honest strong{color:#fff}
.cta-followup{font-size:12px!important;margin-top:17px;max-width:730px}

@media(max-width:1020px){
  .marketplace-intro,.deliverable-heading{gap:5%}
  .section-convert{padding:75px 30px}
  .conversion-card{padding:20px 17px 0;min-height:510px}
  .comparison-row{grid-template-columns:60px minmax(0,1fr) auto;gap:6px}
  .owned-actions{gap:3px;padding:9px}
  .price-section{margin:0 15px}
  .price-inner{gap:4%}
  .price-section{padding:33px}
}
@media(max-width:760px){
  .hero-confidence{font-size:10px;gap:14px;margin:-14px 0 25px}
  .hero-confidence span{margin-right:-10px}
  .marketplace-section{padding-top:78px;padding-bottom:74px}
  .marketplace-intro,.market-compare,.deliverable-heading,.deliverable-grid,.price-inner{grid-template-columns:1fr;gap:24px}
  .marketplace-intro{margin-bottom:28px}
  .market-card{padding:22px;min-height:auto}
  .market-card-head{margin-bottom:24px}
  .market-card>p{min-height:auto}
  .market-benefits{grid-template-columns:1fr;gap:20px;margin-top:35px}
  .market-benefits>div{grid-template-columns:27px 1fr}
  .market-benefits strong{font-size:15px}
  .section-convert{padding:73px 20px}
  .conversion-grid{grid-template-columns:1fr}
  .conversion-card{min-height:unset;padding:23px 21px 0}
  .conversion-card h3{font-size:28px;margin:18px 0 10px}
  .conversion-card>p{min-height:0;margin-bottom:16px}
  .conversion-visual{height:185px;flex:unset}
  .deliverable-section{padding-top:78px;padding-bottom:77px}
  .deliverable-heading{margin-bottom:17px}
  .package-visual{min-height:490px;padding:22px}
  .stack-card{padding:17px 13px}
  .stack-card:nth-child(2){margin-left:12px}
  .stack-card:nth-child(3){margin-left:24px}
  .stack-card strong{font-size:12px}
  .package-bottom{font-size:10px}
  .price-section{margin:0 10px;padding:26px 22px;border-radius:24px}
  .price-main{padding:10px 0 0}
  .price-main h2{font-size:46px}
  .price-main>p:not(.section-kicker):not(.price-safety){font-size:14px}
  .price-number{font-size:clamp(73px,16vw,112px);margin:18px 0 9px}
  .price-number>span{font-size:26px}
  .price-number small{font-size:11px;margin-left:9px}
  .price-receipt{padding:25px 21px}
  .receipt-line{font-size:11px}
  .receipt-honest{margin-top:32px}
}
@media(max-width:410px){
  .hero-confidence{gap:7px 14px}
  .comparison-row{grid-template-columns:55px minmax(0,1fr) auto}
  .comparison-row b{font-size:10px}
  .owned-top span:last-child{display:none}
  .market-card{padding:18px}
  .owned-actions span{font-size:8px}
  .package-bottom{flex-direction:column;gap:5px}
  .price-number{font-size:70px}
  .price-number>span{font-size:22px;margin-right:5px}
  .price-number small{font-size:9px}
  .receipt-total strong{font-size:29px}
}