/* DealerCortex — ChatGPT Ads pages (/chatgpt-ads, /chatgpt-ads-exotic). Builds on styles.css + platform.css tokens. */
/* ChatGPT Ads page — dark world, lime accent, uppercase display type per the 10/29 mockup. */
.cg{--cg-card:#0f1410;--cg-line:rgba(156,242,36,.22);--cg-dim:#9aa59b}
.cg .section-heading h2{text-transform:uppercase;font-weight:800;letter-spacing:-.04em}
.cg .section-heading h2 em{font-style:normal}
.cg-hero{position:relative;overflow:hidden;background:#070a08;color:#fff;padding:150px var(--page-pad) 80px;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;min-height:760px}
.cg-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(900px 520px at 78% 30%,rgba(156,242,36,.13),transparent 62%),radial-gradient(600px 360px at 8% 95%,rgba(120,217,13,.08),transparent 60%)}
.cg-hero>*{position:relative}
.cg-hero .eyebrow{color:#b9c3ba}
.cg-hero h1{font-size:clamp(46px,6.4vw,92px);line-height:.94;letter-spacing:-.045em;text-transform:uppercase;font-weight:800;margin:0 0 18px}
.cg-hero h1 em{font-style:normal;color:var(--green)}
.cg-hero .sub{font-size:clamp(20px,2vw,26px);color:#e7ede6;margin:0 0 18px;letter-spacing:-.01em}
.cg-hero .lede{font-size:16.5px;line-height:1.62;color:#b2bcb3;max-width:560px;margin:0 0 30px}
.cg-trust{display:flex;flex-wrap:wrap;gap:22px;margin-top:38px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#aab4ab}
.cg-trust span{display:flex;align-items:center;gap:8px}.cg-trust i{width:16px;height:16px;border:1.5px solid var(--green);border-radius:50%;display:inline-block;position:relative}.cg-trust i:after{content:"";position:absolute;inset:4px;background:var(--green);border-radius:50%}
/* The sponsored-answer card: a conversation with a sponsored dealer placement, drawn in CSS */
.cg-chat{position:relative;isolation:isolate}
.cg-chat .car{position:absolute;z-index:0;right:-12%;bottom:-8%;width:118%;max-width:none;filter:saturate(.8) contrast(1.05);mask-image:radial-gradient(70% 70% at 55% 55%,#000 40%,transparent 100%);opacity:.9;pointer-events:none}
.cg-panel{position:relative;z-index:1;margin-left:auto;width:min(460px,100%);background:linear-gradient(160deg,#121813,#0b0f0c);border:1px solid var(--cg-line);border-radius:18px;padding:18px 18px 16px;box-shadow:0 40px 90px rgba(0,0,0,.6),0 0 60px rgba(146,240,36,.08)}
.cg-panel .ask{display:flex;gap:12px;align-items:flex-start}
.cg-panel .ask .av{width:34px;height:34px;border-radius:50%;background:#1b231c;display:grid;place-items:center;flex:0 0 34px;color:#d7ded7;font-weight:900;font-size:14px}
.cg-panel .ask p{margin:0;font-size:14.5px;line-height:1.5;color:#eef3ec;background:#161c17;border-radius:12px;padding:10px 14px}
.cg-panel .sp{margin:16px 0 8px;font:10px var(--mono);letter-spacing:.2em;color:#7c877c;text-transform:uppercase}
.cg-ad{display:grid;grid-template-columns:128px 1fr;gap:14px;border:1px solid rgba(156,242,36,.35);border-radius:14px;padding:12px;background:#0d120e}
.cg-ad img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:9px;display:block}
.cg-ad strong{display:block;font-size:15px;color:#fff;letter-spacing:-.01em;margin-bottom:4px}
.cg-ad span{display:block;font-size:12.5px;line-height:1.45;color:#aab4ab}
.cg-ad b{display:inline-block;margin-top:10px;border:1px solid #3a433b;border-radius:999px;padding:6px 12px;font-size:11px;color:#e7ede6;font-weight:700}
.cg-panel .reply{margin-top:14px;font-size:13px;line-height:1.5;color:#c4ccc4}
/* Stats band */
.cg-band{background:#0b0f0c;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);padding:26px var(--page-pad);display:flex;flex-wrap:wrap;align-items:center;gap:28px 48px;color:#fff}
.cg-band>p{margin:0;font:11px var(--mono);letter-spacing:.2em;color:#8f9a90;text-transform:uppercase;flex:1 1 320px}
.cg-band div{display:flex;flex-direction:column;gap:3px}.cg-band strong{font-size:22px;color:var(--green);letter-spacing:-.02em}.cg-band small{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#8f9a90}
/* Dark + light sections */
.cg-section{padding:110px var(--page-pad);border-top:1px solid rgba(255,255,255,.06)}
.cg-section.dark{background:var(--ink);color:#fff}.cg-section.deep{background:#070a08;color:#fff}
.cg-section .section-heading>p:last-child{color:#aab4ab}
.cg-split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
/* Google · Meta · ChatGPT cards */
.cg-era{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;perspective:1200px}
.cg-era a{display:flex;flex-direction:column;justify-content:flex-end;min-height:330px;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:22px;background:linear-gradient(180deg,#141a15,#0b0f0c);color:#fff;transform:rotateY(8deg);transition:.3s}
.cg-era a:nth-child(2){transform:none}.cg-era a:nth-child(3){transform:rotateY(-8deg);border-color:var(--green);box-shadow:0 0 50px rgba(156,242,36,.18)}
.cg-era a:hover{transform:translateY(-4px)}
.cg-era strong{font-size:22px;text-transform:uppercase;letter-spacing:-.02em;margin-bottom:6px}.cg-era span{font-size:13.5px;color:#aab4ab;line-height:1.45}
.cg-era a:nth-child(3) strong{color:var(--green)}
.cg-era .glyph{font:900 40px/1 var(--mono);color:#5f6a60;margin-bottom:auto}.cg-era a:nth-child(3) .glyph{color:var(--green)}
/* Service cards */
.cg-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cg-cards article{border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:28px 24px;background:var(--cg-card);display:flex;flex-direction:column;gap:12px;min-height:260px}
.cg-cards article b{font:12px var(--mono);letter-spacing:.2em;color:#7c877c}
.cg-cards article strong{font-size:22px;line-height:1.08;text-transform:uppercase;letter-spacing:-.02em;color:#fff}
.cg-cards article p{font-size:14.5px;line-height:1.6;color:#aab4ab;margin:0}
.cg-cards.five{grid-template-columns:repeat(5,1fr)}.cg-cards.five article{min-height:220px;padding:22px 18px}.cg-cards.five strong{font-size:16px}
/* Question chips */
.cg-asks{display:grid;gap:10px}
.cg-asks div{display:flex;align-items:center;gap:14px;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px 18px;background:#0f1410;font-size:15px;color:#eef3ec}
.cg-asks div i{flex:0 0 26px;height:26px;border-radius:50%;border:1.5px solid #4e5a4f;display:grid;place-items:center;font:900 12px var(--mono);color:#aab4ab;font-style:normal}
.cg-asks div:after{content:"→";margin-left:auto;color:var(--green)}
.cg-note{margin-top:26px;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:14px 16px;font-size:13px;line-height:1.55;color:#aab4ab;display:flex;gap:12px;align-items:flex-start}
.cg-note i{flex:0 0 18px;height:18px;border-radius:50%;border:1.5px solid #6f7b70;display:grid;place-items:center;font:900 11px var(--mono);font-style:normal;color:#aab4ab}
/* Why list */
.cg-why{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.cg-why article{border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:26px;background:#0f1410}
.cg-why b{font:12px var(--mono);letter-spacing:.2em;color:var(--green);display:block;margin-bottom:12px}
.cg-why strong{display:block;font-size:20px;letter-spacing:-.02em;margin-bottom:10px;color:#fff}
.cg-why p{font-size:14.5px;line-height:1.62;color:#aab4ab;margin:0 0 8px}.cg-why p:last-child{margin:0}
/* Inventory readiness card */
.cg-inv{border:1px solid rgba(156,242,36,.25);border-radius:16px;padding:18px;background:linear-gradient(160deg,#121813,#0b0f0c);display:grid;grid-template-columns:1.3fr 1fr;gap:16px;align-items:center}
.cg-inv .main{border-radius:12px;overflow:hidden;background:#0d120e;border:1px solid rgba(255,255,255,.08)}
.cg-inv .main img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.cg-inv .main div{padding:12px 14px;display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#fff}.cg-inv .main div span{color:var(--green);font-weight:800}
.cg-inv .side{display:grid;gap:10px}.cg-inv .side div{border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 12px;font-size:12.5px;color:#c4ccc4;display:flex;justify-content:space-between;gap:10px}.cg-inv .side div b{color:var(--green);font-family:var(--mono);font-size:11px}
/* CRM → matched audience → ChatGPT Ads */
.cg-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:10px;align-items:center;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:18px;background:#0f1410}
.cg-flow>div{text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}
.cg-flow i{font-style:normal;font-size:26px;color:var(--green);line-height:1}
.cg-flow strong{font-size:14px;color:#fff;letter-spacing:-.01em}.cg-flow span{font-size:11.5px;line-height:1.4;color:#8f9a90}
.cg-flow>b{color:#5f6a60;font-size:18px}
.cg-flow-pts{display:grid;gap:10px;margin-top:14px}
.cg-flow-pts div{display:flex;gap:12px;align-items:flex-start;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 14px;background:#0b0f0c}
.cg-flow-pts b{font:12px var(--mono);letter-spacing:.2em;color:var(--green);padding-top:2px}.cg-flow-pts span{font-size:13.5px;line-height:1.55;color:#c4ccc4}
@media (max-width:980px){.cg-flow{grid-template-columns:1fr}.cg-flow>b{transform:rotate(90deg);justify-self:center}}
/* Evolution */
.cg-evo{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid rgba(255,255,255,.1);border-radius:14px;overflow:hidden}
.cg-evo div{padding:28px 26px;border-right:1px solid rgba(255,255,255,.08);background:#0f1410}.cg-evo div:last-child{border-right:0;background:rgba(156,242,36,.06)}
.cg-evo b{display:block;font:12px var(--mono);letter-spacing:.2em;color:#7c877c;margin-bottom:10px}.cg-evo div:last-child b{color:var(--green)}
.cg-evo strong{display:block;font-size:20px;color:#fff;margin-bottom:8px;letter-spacing:-.02em}.cg-evo p{margin:0;font-size:14.5px;line-height:1.6;color:#aab4ab}
/* Final CTA tweaks */
.cg .final-cta h2{text-transform:uppercase}
.cg-final-points{display:flex;flex-wrap:wrap;gap:22px;margin-top:26px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#aab4ab}
@media (max-width:980px){
  .cg-hero{grid-template-columns:1fr;padding-top:120px;min-height:0}
  .cg-chat .car{display:none}.cg-panel{margin:0}
  .cg-split,.cg-why,.cg-era,.cg-cards,.cg-cards.five,.cg-evo{grid-template-columns:1fr}
  .cg-era a,.cg-era a:nth-child(3){transform:none;min-height:0;padding:18px}.cg-era .glyph{margin-bottom:10px}
  .cg-inv{grid-template-columns:1fr}
}
/* ---- Shared across the three ChatGPT pages (moved out of the exotic page 10/29; the acquisition page uses them too) ---- */
.cg{--cg-glow:rgba(156,242,36,.55)}.cg.gold{--cg-glow:rgba(228,194,92,.8)}
/* Phone frame around the sponsored-answer mock */
.ph{position:relative;z-index:1;margin-left:auto;width:min(380px,100%);border-radius:36px;padding:14px;background:#0b0d10;border:1px solid rgba(255,255,255,.12);box-shadow:0 50px 100px rgba(0,0,0,.7),0 0 70px var(--cg-glow)}
.ph .bar{display:flex;align-items:center;justify-content:space-between;padding:4px 8px 12px;font:600 12px/1 system-ui,sans-serif;color:#c4ccc4}
.ph .bar b{display:inline-flex;align-items:center;gap:8px}.ph .bar i{width:18px;height:18px;border-radius:50%;border:2px solid #e7ede6;display:inline-block}
.ph .cg-panel{width:100%;margin:0;border-radius:18px;padding:14px}
.ph .ask p{font-size:13.5px}.ph .cg-ad{grid-template-columns:96px 1fr;gap:10px;padding:10px}.ph .cg-ad strong{font-size:13.5px}.ph .cg-ad span{font-size:11.5px}.ph .cg-ad b{margin-top:8px;padding:5px 10px;font-size:10.5px}
.ph .qs{display:grid;gap:6px;margin-top:10px}.ph .qs div{display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:8px 10px;font-size:11.5px;color:#e7ede6;background:#0f1216}.ph .qs div:before{content:"↻";color:var(--green);font-size:11px}
/* Steps with arrows (4 on the exotic page, 6 on the acquisition page) */
.cg-steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:10px;align-items:stretch}
.cg-steps.six{grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:6px}
.cg-steps article{border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:24px 20px;background:#0f1114;display:flex;flex-direction:column;gap:10px;text-align:center;align-items:center}
.cg-steps.six article{padding:20px 14px;gap:8px}
.cg-steps b{font:12px var(--mono);letter-spacing:.2em;align-self:flex-start;color:var(--green)}
.cg-steps i{font-style:normal;font-size:28px;line-height:1;color:var(--green)}
.cg-steps strong{font-size:16px;letter-spacing:-.01em;color:#fff;line-height:1.15;text-transform:uppercase}.cg-steps.six strong{font-size:13.5px}
.cg-steps p{margin:0;font-size:13.5px;line-height:1.55;color:#aab4ab}.cg-steps.six p{font-size:12.5px}
.cg-steps>span{align-self:center;color:var(--green);font-size:22px}
.cg-steps article.hot{border-color:var(--green);box-shadow:0 0 40px var(--cg-glow)}
/* Why 2×2 beside a picture */
.cg-why.compact{grid-template-columns:1fr 1fr;gap:12px}
.cg-why.compact article{padding:18px 18px;display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start}
.cg-why.compact i{font-style:normal;font-size:24px;color:var(--green);line-height:1}
.cg-why.compact strong{font-size:13.5px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}
.cg-why.compact p{font-size:13px;margin:0}
.cg-photo{border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#0f1114;min-height:260px}
.cg-photo img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.85) contrast(1.05)}
/* Bullet list in two columns */
.cg-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.cg-list li{display:flex;gap:12px;align-items:flex-start;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px 16px;background:#0f1114;font-size:14.5px;line-height:1.5;color:#e7ede6}
.cg-list li:before{content:"";flex:0 0 8px;height:8px;margin-top:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--cg-glow)}
.cg-list.one{grid-template-columns:1fr}
/* Inline strategy-call form */
.cg-form{border:1px solid var(--cg-line);border-radius:16px;padding:22px;background:linear-gradient(160deg,#121317,#0a0c0f)}
.cg-form h3{margin:0 0 4px;font-size:20px;text-transform:uppercase;letter-spacing:-.01em;color:#fff}
.cg-form .lede{font-size:13px;color:#aab4ab;margin:0 0 16px}
.cg-form .lead .row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cg-form .lead label.f{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#8f9a90;margin-bottom:10px}
.cg-form .lead input,.cg-form .lead textarea,.cg-form .lead select{display:block;width:100%;margin-top:5px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#0b0d10;color:#fff;padding:11px 12px;font:14px system-ui,sans-serif}
.cg-form .lead input:focus,.cg-form .lead textarea:focus,.cg-form .lead select:focus{outline:none;border-color:var(--green)}
.cg-form .dialog-submit{width:100%;margin-top:4px}
.cg-form .consent-line{font-size:11px;color:#8f9a90;line-height:1.5;margin:10px 0}
.cg-form .form-error,.cg-form .form-confirmation{display:none;margin-top:10px;font-size:13px}.cg-form .form-error.show,.cg-form .form-confirmation.show{display:block}.cg-form .form-confirmation{color:var(--green)}.cg-form .form-error{color:#ff8b84}
.cg-form .hp{position:absolute;left:-9999px}
.cg-form .or{display:flex;align-items:center;gap:12px;margin:14px 0 10px;font:11px var(--mono);letter-spacing:.2em;color:#6f7b70;text-transform:uppercase}.cg-form .or:before,.cg-form .or:after{content:"";flex:1;height:1px;background:rgba(255,255,255,.1)}
.cg-form .button-ghost{width:100%;justify-content:center}
/* Links on dark sections outside .final-cta */
.cg .lead-ways a{color:#d7ded7;border-color:#3a433b}.cg .lead-ways a:hover{color:#fff;border-color:var(--green)}
/* Two-way CTA row used mid-page: Calendly + form + phone */
.cg-ctas{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:26px}
.cg-ctas .button{margin:0}
.cg-ctas small{flex-basis:100%;font-size:12px;color:#8f9a90}
.cg-ctas small a{color:#d7ded7}
/* Agency vs DealerCortex */
.cg-vs{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cg-vs div{border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:22px;background:#0f1114}
.cg-vs div.us{border-color:var(--green);background:linear-gradient(160deg,#121813,#0b0f0c)}
.cg-vs b{display:block;font:12px var(--mono);letter-spacing:.2em;color:#7c877c;margin-bottom:12px}.cg-vs div.us b{color:var(--green)}
.cg-vs ol{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.cg-vs li{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.45;color:#c4ccc4}
.cg-vs li:before{content:"→";color:#5f6a60;flex:0 0 auto}.cg-vs div.us li:before{color:var(--green)}
.cg-vs li.stop{color:#ff8b84}.cg-vs li.stop:before{content:"✕";color:#ff8b84}
/* Illustrative appraisal calculator */
.cg-calc{border:1px solid var(--cg-line);border-radius:16px;padding:22px;background:linear-gradient(160deg,#121813,#0b0f0c)}
.cg-calc h3{margin:0 0 4px;font-size:18px;text-transform:uppercase;color:#fff;letter-spacing:-.01em}
.cg-calc .lede{margin:0 0 16px;font-size:13px;color:#aab4ab}
.cg-calc .grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cg-calc label{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#8f9a90}
.cg-calc input,.cg-calc select{display:block;width:100%;margin-top:5px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#0b0d10;color:#fff;padding:11px 12px;font:15px system-ui,sans-serif;font-variant-numeric:tabular-nums}
.cg-calc input:focus,.cg-calc select:focus{outline:none;border-color:var(--green)}
.cg-calc .math{margin-top:16px;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px 16px;background:#0b0f0c;display:grid;gap:6px;font-size:13.5px;color:#c4ccc4;font-variant-numeric:tabular-nums}
.cg-calc .math div{display:flex;justify-content:space-between;gap:12px}.cg-calc .math div span:last-child{color:#fff}
.cg-calc .math .out{border-top:1px solid rgba(255,255,255,.1);margin-top:6px;padding-top:10px;font-size:15px;color:#fff}.cg-calc .math .out span:last-child{color:var(--green);font-size:24px;font-weight:800;letter-spacing:-.02em}
.cg-calc .fine{margin:12px 0 0;font-size:11.5px;line-height:1.5;color:#8f9a90}
/* Compliance / how the agent behaves */
.cg-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}
.cg-rules div{border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px 16px;background:#0b0f0c;font-size:13px;line-height:1.5;color:#aab4ab}
.cg-rules strong{display:block;color:#fff;font-size:13px;margin-bottom:4px}
/* Sister-page band */
.cg-sister{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:26px 28px;background:#0f1114}
.cg-sister strong{display:block;font-size:20px;color:#fff;text-transform:uppercase;letter-spacing:-.02em;margin-bottom:6px}.cg-sister p{margin:0;font-size:14px;color:#aab4ab}
@media (max-width:980px){
  .cg-steps,.cg-steps.six{grid-template-columns:1fr}.cg-steps>span{transform:rotate(90deg);justify-self:center}
  .cg-why.compact,.cg-list,.cg-form .lead .row,.cg-vs,.cg-calc .grid,.cg-rules,.cg-sister{grid-template-columns:1fr}.ph{margin:0}
  .cg-ctas .button{flex:1 1 100%;justify-content:center}
}