/* Warm SwiftCharge public design; account controls and live maps stay functional. */
:root{--journey-ink:#173c40;--journey-cream:#fffaf1;--journey-red:#b00d20;--journey-mint:#e0f0e6;--journey-gold:#ffdc78}
body.sc6971-public,body.host-site,body[data-page=terms],body[data-page=map]{background:var(--journey-cream)!important;color:#173c40}
body.sc6971-public .swift-public-main{background:transparent!important}.swift-public-heading{border-bottom:1px solid #e5decf!important;padding-bottom:30px!important}.swift-public-heading h1,body[data-page=map] .page-title h1{color:#173c40!important}.swift-public-heading>span{color:#a70d20!important}
.sc61-grid>.card{border-radius:24px!important;border:1px solid #dfdfce!important;box-shadow:0 10px 30px #173c4007!important;transition:transform .2s}.sc61-grid>.card:nth-child(3n+1){background:#e4f1e9!important}.sc61-grid>.card:nth-child(3n+2){background:#fff0c9!important}.sc61-grid>.card:nth-child(3n){background:#f9e5df!important}.sc61-grid>.card:hover{transform:translateY(-4px)}
body[data-page=map] .map-filter-bar{background:#e5f1eb!important;border-color:#cfdfd4!important}.swift-contact-panel,.swift-contact-card{border-radius:24px!important}
body:has(#driverLoggedOut:not(.hidden)){background:var(--journey-cream)!important}body:has(#driverLoggedOut:not(.hidden)) .auth-card{border:1px solid #e0dcca!important;box-shadow:0 18px 50px #173c400c!important}body[data-page=terms] .terms-hero{background:#e4f1e9!important}
/* More room above the fold, and a practical help link at the point of need. */
.sc-hero{padding-top:40px!important}.sc-launch .sc-hero h1{margin-top:5px}.sc-actions .sc-help-link{background:#ffdc78!important;color:#173c40!important;border:1px solid #ebc35d}.sc-download{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:18px}.sc-download img{display:block;width:180px;height:auto}.sc-download a{display:inline-flex;margin-left:-10px}.sc-download small{font-size:12px;color:#627176;max-width:190px;line-height:1.5}
.sc-site-header .sc-site-nav{gap:3px}.sc-site-header .sc-site-nav a{padding-inline:11px}
/* Host page: an illustrated destination, not a software dashboard. */
.host-site{background:var(--journey-cream)!important}.host-site .host-hero{background:var(--journey-cream)!important;padding-top:52px!important}.host-site .host-hero h1{color:#173c40!important}.host-site .host-hero h1 em{color:#b00d20!important}.host-site .host-hero__visual{background:none!important;box-shadow:none!important;transform:none!important;min-height:0!important;padding:0!important}.host-site .host-hero__grid{align-items:center!important}.host-colour-scene{width:100%;min-width:0;overflow:hidden}.host-colour-scene svg{display:block;width:100%;height:auto}.host-scene-caption{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.host-scene-caption span{padding:8px 13px;border-radius:30px;font-size:12px;font-weight:700;background:#dff0e4;color:#245a47}.host-scene-caption span+span{background:#ffedb8;color:#72581d}
.host-site .host-intro,.host-site .host-industries,.host-site .host-faq{background:#fffaf1!important}.host-site .host-process{background:#e5f1e9!important}.host-site .benefit-card{border-radius:22px!important;background:#e2f0e7!important;border:1px solid #d2e3d5!important}.host-site .benefit-card:nth-child(2n){background:#fff0cb!important;border-color:#f0ddac!important}.host-site .benefit-card:nth-child(3n){background:#f8e3dd!important;border-color:#eccdc5!important}.host-site .industry-card{border-radius:24px!important;overflow:hidden}.host-site .industry-card__art{background:#e4f1e9!important}.host-site .industry-card:nth-child(2n) .industry-card__art{background:#ffebbb!important}.host-site .host-final-cta{background:#173c40!important}.host-site .host-final-cta h2,.host-site .host-final-cta p{color:#fff!important}.host-site .process-grid>li{background:#fff!important;border-radius:20px!important}.host-site .host-button--primary{background:#b00d20!important;color:#fff!important;box-shadow:0 6px 0 #7e0d1b!important}.host-site .host-hero__copy{animation:journey-enter .7s ease both}
.host-arriving-car{animation:host-arrive 14s ease-in-out infinite}.host-cable{animation:host-connect 14s ease infinite}.host-energy{animation:journey-flow 2s linear infinite,host-connect 14s ease infinite}.host-scene-badge,.scene-cloud{animation:journey-float 6s ease-in-out infinite}.scene-tree{transform-origin:84% 76%;animation:journey-sway 6s ease-in-out infinite}
/* Charging help diagrams */
body[data-public-path='/help'] .swift-public-heading{margin-bottom:0!important;border:0!important;padding-bottom:0!important}body[data-public-path='/help'] .swift-public-heading h1{font-size:clamp(32px,4vw,52px)!important}body[data-public-path='/help'] .swift-public-heading>p{max-width:760px}
.charge-guide{color:#173c40}.guide-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:36px;align-items:center;padding:32px 0 44px}.guide-intro h2{font-size:clamp(30px,4.5vw,56px);line-height:1.08;letter-spacing:-1.5px;color:#173c40;margin:18px 0}.guide-intro p{font-size:17px;line-height:1.7;max-width:630px;color:#53656a}.guide-pill{display:inline-flex;border-radius:30px;padding:8px 14px;background:#deefdf;color:#2e6048;font-size:12px;font-weight:800}.guide-intro-art{padding:25px;border-radius:36px;background:#e3f0e5;transform:rotate(2deg)}.guide-intro-art svg{width:100%;height:auto;display:block}.guide-jumps{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.guide-jumps a{display:inline-flex;align-items:center;gap:18px;border-radius:12px;padding:14px 18px;background:#173c40;color:#fff!important;text-decoration:none;font-size:15px;font-weight:750;min-height:46px;box-sizing:border-box}.guide-jumps a:nth-child(2){background:#ffdc78;color:#173c40!important}
.guide-route{margin-bottom:34px;padding:30px;border-radius:28px;border:1px solid #d6e3d7;background:#edf5ed;scroll-margin-top:20px}.guide-route-card{background:#fff1cd;border-color:#ebd9ac}.guide-route-heading{display:flex;align-items:flex-start;gap:20px;margin-bottom:26px}.guide-route-number{flex:0 0 46px;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:#173c40;color:#fff;font-size:18px;font-weight:800}.guide-route-card .guide-route-number{background:#b00d20}.guide-label{font-size:11px;letter-spacing:1.4px;text-transform:uppercase;font-weight:800;color:#677b71}.guide-route-heading h2{font-size:clamp(24px,3vw,34px);line-height:1.2;color:#173c40;margin:6px 0 9px}.guide-route-heading p{font-size:15px;line-height:1.6;max-width:790px;margin:0;color:#53656a}
.guide-flow{list-style:none;padding:0!important;margin:0!important;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;counter-reset:steps}.guide-flow>li{position:relative;background:#fffdf8;border:1px solid #dfe4d6;border-radius:20px;padding:17px;min-width:0;box-shadow:0 8px 20px #173c4005}.guide-flow>li:not(:last-child):after{content:'→';position:absolute;right:-19px;top:87px;width:19px;font-size:23px;font-weight:900;color:#497466;z-index:1}.guide-step-art{height:130px;display:flex;justify-content:center;align-items:center;background:#f3f6ec;border-radius:13px;margin-bottom:18px;overflow:hidden}.guide-step-art svg{display:block;width:100%;height:100%;max-width:230px}.guide-step-number{display:inline-grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#b00d20;color:#fff;font-size:13px;font-weight:800}.guide-flow h3{font-size:19px;line-height:1.25;color:#173c40;margin:10px 0}.guide-flow p,.guide-flow li li{font-size:14px;line-height:1.65;color:#526267}.guide-flow ul{padding-left:17px!important;list-style:disc!important;margin:12px 0!important}.guide-flow ul li+li{margin-top:8px}.guide-small{font-size:12px!important;line-height:1.6!important;color:#6c7779!important}.guide-route-action{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:20px}.guide-play img{display:block;width:170px;height:auto}.guide-hold{display:flex;align-items:center;gap:25px;background:#173c40;color:#fff;border-radius:15px;padding:20px;margin-top:22px}.guide-hold strong{font-size:20px;white-space:nowrap;color:#ffdc78}.guide-hold p{font-size:14px;line-height:1.65;margin:0;color:#e0eee8}.guide-trouble{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:34px 0}.guide-trouble h2{font-size:34px;color:#173c40;margin:8px 0 15px}.guide-trouble p{line-height:1.7;color:#53656a}.guide-faq details{border:1px solid #e2decf;background:#fff;border-radius:14px;padding:18px;margin-bottom:10px}.guide-faq summary{cursor:pointer;font-weight:750;font-size:15px;color:#173c40;line-height:1.5}.guide-faq p{font-size:14px;margin-bottom:0}.guide-trademark{margin-top:20px}.charge-guide a:focus-visible,.charge-guide summary:focus-visible{outline:3px solid #087a89;outline-offset:4px}
.guide-plug{animation:guide-plug-in 7s ease-in-out infinite}.guide-cable{stroke-dasharray:1;animation:guide-cable-in 7s ease-in-out infinite}.guide-phone{animation:journey-float 5s ease-in-out infinite}.guide-scan{animation:guide-scan 3s ease-in-out infinite}.guide-card{animation:guide-tap 5s ease-in-out infinite}.guide-glow{animation:guide-glow 4s ease-in-out infinite}.guide-battery{transform-box:fill-box;transform-origin:left;animation:guide-battery 6s ease-in-out infinite}
@keyframes journey-enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes journey-float{50%{transform:translateY(-7px)}}@keyframes journey-sway{50%{transform:rotate(2deg)}}@keyframes journey-flow{to{stroke-dashoffset:-34}}@keyframes host-arrive{0%,5%{transform:translateX(370px);opacity:0}12%{opacity:1}30%,84%{transform:none;opacity:1}98%,100%{transform:translateX(-560px);opacity:0}}@keyframes host-connect{0%,33%,88%,100%{opacity:0}42%,78%{opacity:1}}@keyframes guide-plug-in{0%,15%{transform:translate(-24px,22px);opacity:.25}38%,85%{transform:none;opacity:1}100%{transform:translate(-24px,22px);opacity:.25}}@keyframes guide-cable-in{0%,15%,100%{stroke-dashoffset:1;opacity:.2}38%,85%{stroke-dashoffset:0;opacity:1}}@keyframes guide-scan{50%{transform:translateY(33px)}}@keyframes guide-tap{0%,100%{transform:translate(-12px,8px) rotate(-5deg)}45%,70%{transform:translate(19px,-6px)}}@keyframes guide-glow{50%{opacity:.55}}@keyframes guide-battery{0%,100%{transform:scaleX(.22)}75%,90%{transform:scaleX(1)}}
@media(max-width:1100px){.guide-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-flow>li:nth-child(2):after{content:'↓';top:auto;bottom:-24px;right:50%;height:23px}.host-site .host-hero__grid{gap:24px!important}}
@media(max-width:900px){.sc-hero{padding-top:26px!important}.guide-intro{gap:20px}.host-site .host-hero{padding-top:30px!important}.host-site .host-hero__grid{display:flex!important;flex-direction:column!important}.host-site .host-hero__visual{width:100%;max-width:620px;margin:auto!important}.guide-trouble{grid-template-columns:1fr}.guide-hold{align-items:flex-start;flex-direction:column;gap:10px}}
@media(max-width:600px){.sc-download{gap:4px;margin-top:8px}.sc-download img{width:165px}.guide-intro{grid-template-columns:1fr;padding-top:20px;gap:16px}.guide-intro-art{max-width:280px;width:100%;box-sizing:border-box;margin:auto;padding:12px}.guide-intro h2{font-size:34px}.guide-jumps{gap:8px}.guide-jumps a{width:100%;justify-content:space-between}.guide-route{padding:18px 14px;border-radius:22px}.guide-route-heading{gap:12px}.guide-route-number{flex-basis:36px;width:36px;height:36px;font-size:15px}.guide-route-heading h2{font-size:24px}.guide-flow{grid-template-columns:minmax(0,1fr);gap:28px}.guide-flow>li{padding:18px}.guide-flow>li:not(:last-child):after{content:'↓';top:auto;bottom:-27px;right:calc(50% - 10px);height:26px;font-size:25px}.guide-step-art{height:145px}.guide-flow h3{font-size:21px}.guide-flow p,.guide-flow li li{font-size:15px}.guide-route-action{gap:6px}.guide-route-action .button{flex:1;text-align:center}.guide-hold{padding:18px}.guide-hold strong{font-size:19px;white-space:normal}.guide-trouble{gap:16px;padding-top:18px}.host-scene-caption{gap:6px}.host-scene-caption span{font-size:10px}.host-site .host-proof{flex-wrap:wrap!important}}
@media(prefers-reduced-motion:reduce){.charge-guide *,.host-colour-scene *,.host-site .host-hero__copy,.sc61-grid>.card{animation:none!important;transition:none!important}.guide-cable{stroke-dashoffset:0}.host-arriving-car,.host-cable,.host-energy{opacity:1}}

.guide-method-carousel{position:relative;min-height:150px}.guide-method-carousel>div{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.guide-method-carousel svg{height:120px}.guide-method-carousel span{font-size:11px;color:#315b52;font-weight:700}.guide-method-qr{animation:guide-method-qr 10s ease infinite}.guide-method-nfc{animation:guide-method-nfc 10s ease infinite}@keyframes guide-method-qr{0%,42%,100%{opacity:1}48%,94%{opacity:0}}@keyframes guide-method-nfc{0%,42%,100%{opacity:0}48%,94%{opacity:1}}@media(prefers-reduced-motion:reduce){.guide-method-nfc{display:none!important}}