.page-shell{display:flex;align-items:center;justify-content:center;padding:0 10px;margin-top:80px}
.campaign-card{width:min(100%,782px);padding:8px 42px 58px;border-radius:18px;background:#e7edf1}
.page-shell h2{text-align:center;margin-bottom:30px}
.card-content{display:grid;grid-template-columns:362px 1fr;align-items:center;gap:36px}
.charger-image{height:213px;overflow:hidden;position:relative;border-radius:15px;background:#3a3430;isolation:isolate}
.sunset{position:absolute;inset:0;background:linear-gradient(125deg,#9c5426 0,#e09a5e 20%,#60505a 49%,#141517 77%)}
.sunset::after{content:"";position:absolute;inset:0;opacity:.36;background:repeating-linear-gradient(0,transparent 0 34px,#151719 35px 38px),linear-gradient(90deg,#222 0 17%,transparent 18% 100%)}
.car-body{position:absolute;width:282px;height:194px;top:21px;left:98px;border-radius:124px 0 0 0;transform:rotate(-9deg);background:linear-gradient(135deg,#202125 12%,#82838b 31%,#222226 59%,#4c4d52 79%,#101113);box-shadow:-8px 7px 10px rgba(0,0,0,.48)}
.charge-port{position:absolute;z-index:2;width:94px;height:114px;right:15px;top:56px;border-radius:24px 28px 26px 23px;background:#111216;box-shadow:inset 0 0 0 5px #2e2f32,0 2px 5px #000}
.charge-port span{position:absolute;width:42px;height:46px;top:20px;left:20px;border-radius:50%;border:5px solid #282a2d;background:#0c0d0e}
.charge-port i,.charge-port b{position:absolute;right:10px;width:8px;height:13px;border-radius:2px;background:#65bda7}
.charge-port i{top:30px}
.charge-port b{top:51px;background:#34353a}
.connector{position:absolute;z-index:3;left:75px;top:30px;width:97px;height:76px;border-radius:24px 22px 16px 20px;transform:rotate(35deg);background:linear-gradient(145deg,#25262a,#060709 70%);box-shadow:4px 5px 6px rgba(0,0,0,.8)}
.connector span{position:absolute;width:68px;height:30px;right:-48px;top:41px;border-radius:7px 15px 15px 4px;background:#0d0e10;transform:rotate(11deg)}
.connector i{position:absolute;width:11px;height:31px;left:14px;top:17px;border-radius:4px;background:#1a1b1e}
.cable{position:absolute;z-index:2;left:126px;top:98px;width:170px;height:170px;border:9px solid #0c0d0f;border-left:0;border-top:0;border-radius:0 0 100% 0;transform:rotate(24deg)}
.charger-image small{z-index:4;position:absolute;bottom:15px;left:11px;color:rgba(255,255,255,.74);font-size:5px;line-height:1.12}
.campaign-copy{min-width:0}
.campaign-copy .tabs{display:flex;height:47px;border-radius:20px;background:#d9d9d9;overflow:hidden}
.campaign-copy .tab{flex:1;border:0;background:transparent;color:#fff;cursor:pointer;padding:6px 10px;font:600 11px/1.05 inherit;transition:background .2s}
.campaign-copy .tab span,.campaign-copy .tab strong{display:block}
.campaign-copy .tab strong{font-size:11px}
.campaign-copy .tab.is-active{background:#494849;border-radius:19px}
.campaign-copy .tab:not(.is-active):hover{background:rgba(255,255,255,.28)}
.message-panel{margin-top:8px;min-height:116px;display:flex;align-items:center;padding:17px 25px;border:1px solid #fff;border-radius:19px;background:#fff}
.message-panel p{margin:0;color:#000;font-size:22px;font-weight:700;line-height:1.31;letter-spacing:-.25px}
.actions{display:flex;justify-content:space-between;gap:16px;margin-top:26px}
.action-button{min-width:127px;padding:7px 12px;border-radius:999px;background:#161616;color:white;text-align:center;text-decoration:none;font-size:10px;font-weight:700;transition:transform .2s,background .2s}
.action-button:hover{transform:translateY(-2px);background:#333}
@media(max-width:600px){.page-shell{padding:28px 12px}
.campaign-card{width:min(100%,343px);padding:10px 39px 27px;border-radius:18px}
h1{margin-bottom:14px;font-size:20px;text-align:left;line-height:1.28}
.card-content{grid-template-columns:1fr;gap:11px}
.charger-image{height:160px;border-radius:15px}
.campaign-copy{display:contents}
.campaign-copy .tabs{order:2;height:47px}
.message-panel{order:3;margin-top:0;min-height:74px;padding:10px 18px;border-radius:18px}
.message-panel p{font-size:22px;line-height:1.28}
.actions{order:4;margin-top:6px;gap:14px}
.action-button{min-width:0;flex:1;padding:8px 4px;font-size:10px}
.car-body{transform:scale(.79) rotate(-9deg);transform-origin:top left;left:80px}
.charge-port{transform:scale(.79);transform-origin:top right;right:8px;top:42px}
.connector{transform:scale(.79) rotate(35deg);transform-origin:top left;left:60px;top:22px}
.cable{transform:scale(.79) rotate(24deg);transform-origin:top left;left:100px;top:76px}
}
.campaign-card{width:min(100%,980px);padding:20px 54px 64px;border-radius:22px}
.card-content{grid-template-columns:470px 1fr;gap:42px}
.charger-image{height:276px;border-radius:18px}
.charger-image{background:#d6dce0}
.charger-image>img{display:block;width:100%;height:100%;object-fit:cover}
.campaign-copy .tabs{position:relative;height:64px;border-radius:26px;isolation:isolate}
.campaign-copy .tabs::before{content:"";position:absolute;z-index:-1;inset:0 auto 0 0;width:50%;border-radius:26px;background:#171717;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.campaign-copy .tabs.ac-active::before{transform:translateX(100%)}
.campaign-copy .tab{position:relative;z-index:1;padding:7px 12px;background:transparent !important;font-size:14px;color:#000}
.campaign-copy .tab.is-active{color:#fff}
.campaign-copy .tab strong{font-size:14px}
.campaign-copy .tab:focus-visible{outline:3px solid #6a8fc8;outline-offset:-3px}
.message-panel{margin-top:12px;min-height:142px;padding:20px 28px;border-radius:22px}
.message-panel p{font-size:24px}
.actions{gap:20px;margin-top:30px}
.action-button{min-width:160px;padding:11px 16px;font-size:13px}
@media(max-width:700px){.campaign-card{width:min(100%,395px);padding:15px 30px 30px}
.page-shell h2{margin-bottom:16px;font-size:22px}
.card-content{grid-template-columns:1fr;gap:12px}
.charger-image{height:188px}
.campaign-copy .tabs{order:2;height:54px}
.campaign-copy .tab,.campaign-copy .tab strong{font-size:12px}
.message-panel{order:3;min-height:88px;padding:12px 18px}
.message-panel p{font-size:14px}
.actions{order:4;margin-top:8px;gap:14px}
.action-button{min-width:0;flex:1;padding:10px 4px;font-size:11px}
}