.sol-page{min-height:100vh;background:radial-gradient(circle at 78% 12%,rgba(70,128,255,.09),transparent 32%),linear-gradient(180deg,#061019 0%,#02070b 48%,#020406 100%);color:#f5f7fa}
.sol-shell{width:min(1240px,calc(100% - 64px));margin:0 auto}.sol-hero{padding:110px 0 84px;border-bottom:1px solid rgba(255,255,255,.07)}
.sol-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:72px;align-items:center}
.sol-kicker{display:inline-block;margin-bottom:18px;color:#9fb4c9;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.sol-hero h1{margin:0;font-size:clamp(52px,6.5vw,88px);line-height:.95;letter-spacing:-.055em}
.sol-lead{margin:30px 0 0;max-width:720px;font-size:27px;line-height:1.25;letter-spacing:-.025em}.sol-copy{margin:18px 0 0;max-width:700px;color:#b6c1cb;font-size:16px;line-height:1.72}
.sol-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:30px}.sol-primary,.sol-secondary{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:0 18px;border-radius:7px;font-size:14px;font-weight:800;text-decoration:none}
.sol-primary{background:#f4f6f8;color:#06090d}.sol-secondary{border:1px solid rgba(255,255,255,.18);color:#fff;background:rgba(255,255,255,.025)}
.sol-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:26px}.sol-tags span{padding:8px 12px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#b9c5cf;background:rgba(255,255,255,.025);font:700 11px/1 monospace}
.sol-panel{overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(4,12,18,.92);box-shadow:0 28px 70px rgba(0,0,0,.22)}
.sol-panel-head{display:flex;align-items:center;justify-content:space-between;min-height:50px;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.08);color:#84929e;font:800 11px/1 monospace}
.sol-panel-body{padding:22px}.sol-row{display:grid;grid-template-columns:140px 1fr;gap:20px;padding:17px 0;border-top:1px solid rgba(255,255,255,.08)}.sol-row:first-child{border-top:0}
.sol-row span{color:#788794;font:800 10px/1.4 monospace;text-transform:uppercase}.sol-row strong{font-size:14px}
.sol-section{padding:84px 0;border-bottom:1px solid rgba(255,255,255,.07)}.sol-heading{max-width:850px;margin-bottom:40px}
.sol-heading span{display:inline-block;margin-bottom:16px;color:#9fb4c9;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.sol-heading h2{margin:0;font-size:clamp(36px,4.1vw,60px);line-height:1;letter-spacing:-.045em}.sol-heading p{margin:20px 0 0;max-width:760px;color:#aab6c0;font-size:16px;line-height:1.7}
.sol-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.sol-card{padding:24px;border:1px solid rgba(255,255,255,.10);border-radius:12px;background:rgba(255,255,255,.018)}
.sol-card em{display:block;color:#7f8d98;font:800 11px/1 monospace;font-style:normal}.sol-card strong{display:block;margin:25px 0 9px;font-size:19px}.sol-card p{margin:0;color:#95a3ae;font-size:14px;line-height:1.62}
.sol-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid rgba(255,255,255,.10);border-radius:13px;overflow:hidden;background:rgba(255,255,255,.018)}
.sol-flow article{min-height:190px;padding:25px 22px;border-left:1px solid rgba(255,255,255,.08)}.sol-flow article:first-child{border-left:0}
.sol-flow span{display:block;margin-bottom:30px;color:#7f8c98;font:800 11px/1 monospace}.sol-flow strong{display:block;margin-bottom:10px;font-size:18px}.sol-flow p{margin:0;color:#95a3ae;font-size:14px;line-height:1.62}
.sol-final{padding:80px 0 104px}.sol-final-box{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:38px 40px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.02)}
.sol-final-box h2{margin:0;max-width:720px;font-size:clamp(32px,3.8vw,52px);line-height:1;letter-spacing:-.045em}
@media(max-width:1020px){.sol-hero-grid{grid-template-columns:1fr}.sol-grid3{grid-template-columns:repeat(2,1fr)}.sol-flow{grid-template-columns:repeat(2,1fr)}.sol-flow article:nth-child(3){border-left:0;border-top:1px solid rgba(255,255,255,.08)}.sol-flow article:nth-child(4){border-top:1px solid rgba(255,255,255,.08)}}
@media(max-width:720px){.sol-shell{width:min(100% - 34px,1240px)}.sol-hero{padding:78px 0 62px}.sol-lead{font-size:22px}.sol-grid3,.sol-flow{grid-template-columns:1fr}.sol-flow article{border-left:0;border-top:1px solid rgba(255,255,255,.08)}.sol-flow article:first-child{border-top:0}.sol-final-box{align-items:flex-start;flex-direction:column;padding:28px 24px}}

/* =========================================================
   ASCARS PAGE BACKGROUND
   Same background logic as automotive-data-api.css
   ========================================================= */
.sol-page {
    background:
        linear-gradient(
            rgba(3, 9, 16, .72),
            rgba(3, 9, 16, .94)
        ),
        url("/assets/img/home-bg.png")
        center top / cover fixed;
}