/* Homepage contrast refresh: navy, electric blue, white and selective gold. */
.hero-shell{background:#071536;color:#fff}
.hero-shell .hero-semantic-title,.hero-shell .hero-brand-title,.hero-shell .hero-positioning,.hero-shell .hero-positioning strong{color:#fff}
.hero-shell .hero-brand-title .motion-moving{color:var(--blue)}
.hero-shell .hero-eyebrow{color:#f0c66b}
.hero-shell .hero-body{color:#d4e1f3}
.hero-shell .hero-market-line{color:#7ed7ff}
.hero-shell .hero-disclaimer{color:#b7c8df}
.hero-shell .hero-owner-action{background:#10264a;border:1px solid #365477;border-radius:14px;box-shadow:none}
.hero-shell .hero-owner-action>p{color:#d4e1f3}
.hero-shell .hero-owner-action .texas-traction{border-color:#365477}
.hero-shell .texas-traction strong{color:#fff}
.hero-shell .texas-traction [data-pending-owners],.hero-shell .texas-traction [data-pending-trevlers]{color:#f0c66b;font-weight:800}
.hero-shell .texas-traction small{color:#b7c8df}
.hero-shell .hero-secondary-actions .button[data-audience]{background:transparent;color:#fff;border:1px solid #6384ac;box-shadow:none}
.hero-shell .hero-secondary-actions .button[data-audience]:hover{background:#173762;border-color:#8edbff}
.hero-shell .hero-work-availability{color:#f6deab;background:#172a4e;border-left:3px solid #e3b957;border-radius:0 10px 10px 0}
.hero-shell .hero-product{background-color:#0c2348;background-image:linear-gradient(rgba(88,180,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(88,180,255,.12) 1px,transparent 1px);background-size:52px 52px;border:1px solid #31557e;box-shadow:none;color:#051033;border-radius:24px}
.hero-shell .hero-product:after{background:none}
.hero-shell .map-label{color:#d8ebff}
.hero-shell .hero-route path{stroke:rgba(62,190,255,.25)}
.hero-shell .hero-route .route-dash{stroke:#49c6ff}
.why-now-strip{background:#fff}
.why-now-strip>a{background:#fff;border:1px solid #c7d5e7;border-left:4px solid #c18c38;box-shadow:none;border-radius:12px}
.role-ribbon{background:#fff;border-color:#cbd5e1}
.role-ribbon>a{border-color:#cbd5e1}
/* The section is a spacing wrapper; only its inner content is a visual panel. */
.news-bulletin{background:transparent;border:0;box-shadow:none;border-radius:0}
.news-bulletin .news-bulletin-inner{background:#0b2452;border:0;border-radius:18px;box-shadow:none}
.news-bulletin .news-bulletin-inner:before{display:none}
.owner-section-concise{background:#fff}
.owner-section-concise .section-copy{max-width:none}
.owner-section-concise .owner-points li{background:#fff;border:1px solid #b8c9df;border-top:4px solid #0a66ff;border-radius:12px;box-shadow:none}
.owner-section-concise .owner-calculator-cta{background:#f2f5fa;border:1px solid #b8c9df;border-radius:12px}
.owner-projection{max-width:none;background:#0b2452}
.owner-projection .projection-frame{max-width:1280px;margin-inline:auto;background:#fff;border:0;border-radius:16px;box-shadow:none;overflow:hidden}
.owner-projection .projection-public,.owner-projection .calculator-preview{background:#fff}
.owner-projection .projection-heading h2,.owner-projection .calculator-preview h3{color:#051033}
.owner-projection .projection-heading p,.owner-projection .projection-note,.owner-projection .calculator-preview p{color:#334155}
.owner-projection .projection-assumptions span{background:#f7f1e6;border-color:#d4b981;color:#17253f}
.trevler-section{background:#0758dc;color:#fff}
.trevler-section .section-kicker{color:#ffe0a0}
.trevler-section h2{color:#fff}
.trevler-section .section-copy,.trevler-section .section-copy p{color:#fff}
.trevler-section .section-signup-cta{background:#fff;color:#074fc4;box-shadow:none;border:1px solid #fff}
.trevler-section .trevler-availability-notice{color:#fff;background:#0645aa;border-left-color:#f0c66b}
.trevler-section .trevler-heading{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(28px,4vw,60px)}
.trevler-section .trevler-heading .role-promise{display:block!important;width:100%;max-width:none;margin:0;position:static}
.trevler-section .trevler-promise-media{border:1px solid #76b7ff;border-radius:16px;box-shadow:none;margin:0}
.home-partner-section{background:#e9eef6}
.home-partner-section .home-partner-grid article{border:1px solid #b8c9df;border-radius:16px;box-shadow:none}
.rollout-footer{background:#0a66ff}
.hero-shell a:focus-visible,.trevler-section a:focus-visible{outline:3px solid #f0c66b;outline-offset:4px}
@media(max-width:900px){.trevler-section .trevler-heading{grid-template-columns:1fr}.trevler-section .trevler-heading .role-promise{max-width:640px;margin-top:0}}
@media(max-width:600px){.hero-shell .hero-product{border-radius:18px}.hero-shell .hero-owner-action{padding:15px}.owner-projection .projection-frame{border-radius:12px}.trevler-section .section-signup-cta{width:100%;text-align:center}.trevler-section .trevler-promise-media{border-radius:12px}}
/* Matching illustrated Owner benefits: public concepts, not application screens. */
.owner-section-concise .owner-points{gap:20px;align-items:stretch}
.owner-section-concise .owner-points li{padding:24px;background:#0b2452;border:1px solid #355a8c;border-radius:18px;color:#dce8f8;font-size:15px;line-height:1.65;overflow:hidden;transition:transform .2s,border-color .2s}
.owner-section-concise .owner-points li:before{display:none}
.owner-section-concise .owner-points li:hover{transform:translateY(-4px);border-color:#62c5ff}
.owner-section-concise .owner-points li strong{display:block;color:#fff;font-size:21px;line-height:1.2;letter-spacing:-.025em;margin:0 0 12px}
.owner-benefit-meta{display:flex;align-items:center;gap:12px;color:#a5d8ff;font:750 10px/1.3 Montserrat,Arial,sans-serif;letter-spacing:.13em}
.owner-benefit-meta>span{color:#f0c66b;font-size:18px;letter-spacing:0}
.owner-benefit-visual{margin:18px -10px 22px;background:radial-gradient(ellipse at center,#17458055,transparent 70%);border-bottom:1px solid #33527b;padding:0 0 17px}
.owner-benefit-visual svg{display:block;width:100%;height:auto;aspect-ratio:300/170}
.owner-points li:hover .benefit-revenue-line{stroke-dasharray:7 5;animation:benefitLineMotion 1.8s linear infinite}
.owner-points li:hover .benefit-fleet-ring{stroke:#f0c66b}
@keyframes benefitLineMotion{to{stroke-dashoffset:-24}}
@media(max-width:800px){.owner-section-concise .owner-points{grid-template-columns:1fr}.owner-benefit-visual{max-width:300px;margin:12px auto 20px;width:100%}.owner-section-concise .owner-points li strong{min-height:0;display:block}}
@media(prefers-reduced-motion:reduce){.owner-section-concise .owner-points li{transition:none}.owner-section-concise .owner-points li:hover{transform:none}.owner-points li:hover .benefit-revenue-line{animation:none}}

/* Restore the Cybercab visual beside its section while the text scrolls. */
@media(min-width:901px){
 .trevler-section{overflow:visible;contain:none;content-visibility:visible}
 .trevler-section .trevler-heading{overflow:visible;align-items:start}
 .trevler-section .trevler-heading .role-promise{position:sticky;top:110px;align-self:start}
}

/* Charging marker: a calm gold heartbeat, independent of its floating motion. */
.hero-product .map-dot-c{color:#b97908;isolation:isolate;animation:markerFloat 4.5s ease-in-out 1.1s infinite,heroBoltBadgePulse 2.4s ease-in-out infinite}
.hero-product .map-dot-c svg{animation:heroBoltPulse 2.4s ease-in-out infinite;transform-origin:center}
.hero-product .map-dot-c:after{content:"";position:absolute;inset:-4px;border:2px solid #f0c66b;border-radius:50%;pointer-events:none;animation:heroBoltHalo 2.4s ease-out infinite;z-index:-1}
@keyframes heroBoltPulse{0%,100%{transform:scale(1);filter:drop-shadow(0 0 0 transparent)}35%{transform:scale(1.35);filter:drop-shadow(0 0 8px #f0c66b)}65%{transform:scale(1)}}
@keyframes heroBoltBadgePulse{0%,100%{background:#fff;box-shadow:0 0 0 0 #f0c66b00}35%{background:#ffe4a0;box-shadow:0 0 0 8px #f0c66b40,0 0 28px #f0c66b80}70%{background:#fff;box-shadow:0 0 0 15px #f0c66b00}}
@keyframes heroBoltHalo{0%{transform:scale(.9);opacity:0}20%{opacity:.9}70%,100%{transform:scale(1.65);opacity:0}}
@media(prefers-reduced-motion:reduce){.hero-product .map-dot-c{animation:none}.hero-product .map-dot-c svg,.hero-product .map-dot-c:after{animation:none}.hero-product .map-dot-c:after{display:none}}

/* Keep both partner actions blue and aligned despite different copy lengths. */
.home-partner-section .home-partner-grid>article{display:flex;flex-direction:column;align-items:flex-start}
.home-partner-section .home-partner-grid>article>.button{margin-top:auto}
