@import url("./platform-base.css");
@import url("./platform-core.css");

/* Mewcar identity and preserved service banner; neutral layout is imported. */
:root{--brand-ci:#21b1ba;--brand:#358b91;--brand-dark:#28666c;--brand-soft:#eaf4f4;--brand-line:#bccdce;--accent:var(--brand);--ink:#171b1c;--muted:#687477;--quiet:#687477;--line:#e3e8e8;--wash:#f4f7f7;--platform-brand-hover:#20565b;--platform-hero-fill:#e9e3d9}
.badge{background:var(--brand-soft);color:var(--brand-dark)}
.hero{border-radius:var(--radius-card)}
@media(max-width:700px){
.hero{border-radius:0}
}
.hero-benefits{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.hero-benefits>span{font-size:12px;font-weight:700;padding:6px 10px;border-radius:6px;background:#ffffffb8;color:var(--brand-dark)}
.hero-copy .hero-benefit-note{font-size:10px;line-height:1.6;margin-top:10px;max-width:400px;color:var(--muted)}
@media(max-width:700px){
.hero-benefits{margin-top:12px;gap:6px}
.hero-benefits>span{font-size:11px;padding:5px 8px}
.hero-copy .hero-benefit-note{font-size:9px;max-width:330px;margin-top:7px}
}
.hero{height:340px}
.hero-copy{padding:30px 36px;max-width:540px}
.hero-eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:.02em;color:var(--brand-dark);margin-bottom:11px}
.hero h1{font-size:35px;margin-bottom:14px;line-height:1.2}
.hero-copy>p:not(.hero-benefit-note){font-size:14px;line-height:1.7;max-width:420px}
.hero-benefits{margin-top:16px}
.hero-mobile-break{display:none}
.hero .hero-price-basis{font-size:10px;line-height:1.6;bottom:14px}
.hero-caption{display:none}
@media(min-width:701px) and (max-width:1000px){
.hero{height:350px}
.hero-copy{max-width:470px;padding:30px}
}
@media(max-width:700px){
.hero{height:460px;background-size:auto 250px;background-position:right bottom}
.hero:before{background:linear-gradient(#e9e3d9 0%,#e9e3d9 35%,transparent 64%)}
.hero-copy{padding:25px 24px;max-width:100%}
.hero-eyebrow{font-size:10px;margin-bottom:9px}
.hero h1{font-size:30px;margin-bottom:12px}
.hero-copy>p:not(.hero-benefit-note){font-size:12px}
.hero-mobile-break{display:block}
.hero-benefits{margin-top:12px;gap:5px}
.hero-benefits>span{font-size:10px;padding:5px 7px}
.hero-copy .hero-benefit-note{font-size:9px;line-height:1.6;margin-top:8px}
.hero .hero-price-basis{font-size:9px;line-height:1.5;bottom:10px}
}

/* Approved English CI lockup; preserve the original mewcar mark height. */
.header .brand-logo img[src="/assets/mewcar-mobility-ci.svg"]{height:32px}
@media(max-width:700px){.header .brand-logo img[src="/assets/mewcar-mobility-ci.svg"]{height:28px}}