:root{color-scheme:dark;--bg:#0b0e11;--panel:#11161b;--line:#293139;--text:#f3f5f7;--muted:#a6b0bb;--blue:#159bff;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--blue);outline-offset:4px}.wrap{width:min(var(--max),calc(100% - 64px));margin-inline:auto}.skip-link{position:absolute;left:-9999px;top:10px;background:#fff;color:#000;padding:10px;z-index:99}.skip-link:focus{left:10px}.site-header{height:76px;padding:0 max(32px,calc((100vw - var(--max))/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #252c32;background:#0b0e11eF;position:sticky;top:0;z-index:10;backdrop-filter:blur(16px)}.wordmark{font-size:30px;letter-spacing:-1.4px;font-weight:800}.wordmark span{color:#a8b2bd}.nav{display:flex;gap:38px;font-size:13px;color:#c2cbd4}.nav a:hover,.back-top:hover{color:var(--blue)}.menu-toggle{display:none;background:none;color:var(--text);border:1px solid var(--line);border-radius:6px;padding:8px 12px}.hero{min-height:520px;position:relative;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid var(--line);isolation:isolate}.hero-image{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(90deg,#0b0e11 0%,#0b0e11ef 27%,#0b0e1190 54%,#0b0e1130 100%),linear-gradient(0deg,#0b0e11a0,transparent 40%),url("/assets/models/i5-p90549808_highres_the-new-bmw-i5-m60-x.webp");background-position:center,center,center 58%;background-size:cover}.hero-content{padding-top:28px;padding-bottom:72px}.eyebrow{text-transform:uppercase;letter-spacing:.23em;font-size:10px;font-weight:700;color:#b4c1cf;display:flex;align-items:center;gap:17px}.hero .eyebrow span{width:34px;height:2px;background:var(--blue)}h1{font-size:clamp(48px,6vw,82px);letter-spacing:-.055em;line-height:.98;max-width:700px;margin:24px 0 20px;font-weight:760}h1 em,h2 em{font-style:normal;color:#aebbc9}.hero-lead{font-size:clamp(18px,2.2vw,25px);color:#c1cbd5;max-width:430px;line-height:1.45;margin:0 0 30px}.text-link{display:inline-flex;gap:26px;align-items:center;font-size:13px;font-weight:650;border-bottom:1px solid #57636f;padding:0 0 10px}.text-link span{color:var(--blue);font-size:20px}.hero-index{position:absolute;right:max(32px,calc((100vw - var(--max))/2));bottom:22px;color:#a0abb7;font-size:9px;letter-spacing:.18em}.section{padding-top:82px;padding-bottom:86px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:30px}h2{font-size:clamp(32px,4vw,49px);line-height:1.08;letter-spacing:-.045em;margin:13px 0 0}.section-intro{color:var(--muted);max-width:360px;font-size:14px;margin:0 0 3px}.model-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.model-card{border:1px solid var(--line);border-radius:5px;overflow:hidden;background:linear-gradient(140deg,#141a20,#0c1014);transition:transform .25s,border-color .25s}.model-card:hover{transform:translateY(-4px);border-color:#536474}.car-photo{height:230px;display:block;background-size:cover;background-position:center;position:relative}.car-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0b0e1155,transparent 45%);transition:opacity .25s}.model-card:hover .car-photo:after{opacity:.45}.car-i4{background-image:url("/assets/models/i4-p90546638_highres_the-new-bmw-i4-m50-x.webp")}.car-i5{background-image:url("/assets/models/i5-sedan-michal-lauko-nvcaimuw_mi-unsplash.webp")}.car-touring{background-image:url("/assets/models/i5-p90549790_highres_the-new-bmw-i5-m60-x.webp")}.card-body{padding:19px 22px 17px}.card-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#b5c0cc;margin:0 0 5px}.card-body h3{font-size:25px;letter-spacing:-.035em;margin:0;line-height:1.2}.card-subtitle{color:#aeb8c3;margin:4px 0 21px;font-size:14px}.card-bottom{border-top:1px solid #293139;padding-top:13px;display:flex;justify-content:space-between;align-items:center;color:#9eaab6;font-size:11px}.card-bottom a{font-size:22px;color:var(--blue)}.fine-print{color:#788592;font-size:11px;margin:17px 0 0}.tech-band{background:#11161b;border-block:1px solid #252d35;padding:76px 0}.tech-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.tech-layout h2{margin:18px 0}.muted{color:var(--muted);font-size:14px;max-width:440px}.spec-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 28px}.spec{padding:22px 0;border-bottom:1px solid #303840;display:flex;flex-direction:column;gap:5px}.spec strong{font-size:clamp(34px,4vw,48px);letter-spacing:-.05em;line-height:1}.spec small{font-size:.48em;color:#b2bfcb}.spec span{font-size:11px;color:#9da9b5}.about{padding-top:92px;padding-bottom:100px}.about h2{font-size:clamp(40px,5vw,62px)}.about-bottom{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-top:30px}.about-bottom p{max-width:530px;color:var(--muted);font-size:15px;margin:0}.site-footer{border-top:1px solid var(--line)}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:26px;padding-bottom:24px}.footer-top p{font-size:12px;color:#8794a1}.back-top{font-size:12px;color:#c2ccd5}.footer-legal{border-top:1px solid #222a31;padding-top:20px;padding-bottom:17px;display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.footer-legal p{font-size:10px;line-height:1.65;color:#788592;margin:0}.footer-bottom{border-top:1px solid #222a31;display:flex;justify-content:space-between;gap:20px;padding-top:15px;padding-bottom:18px;font-size:10px;color:#84909c}.footer-bottom a:hover{color:var(--blue)}
/* detail pages */.detail-hero{padding:80px 0 60px;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 80% 15%,#183148 0,transparent 48%),var(--bg)}.breadcrumbs{font-size:12px;color:#93a0ac;margin-bottom:30px}.breadcrumbs a:hover{color:var(--blue)}.detail-hero h1{font-size:clamp(42px,6vw,72px);max-width:850px}.detail-lead{color:#b2bec9;font-size:19px;max-width:680px}.detail-content{padding:55px 0 90px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr);gap:70px}.detail-content h2{font-size:30px;margin:0 0 18px}.detail-content p,.detail-content li{color:#aeb9c4;font-size:14px}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat{padding:20px;border:1px solid var(--line);border-radius:5px;background:#11161b}.stat strong{font-size:28px;display:block;letter-spacing:-.04em}.stat span{font-size:11px;color:#9aa6b1}.source-list{padding-left:18px}.source-list a{color:#dce8f4;text-decoration:underline;text-decoration-color:#536474;text-underline-offset:3px}.legal-page{max-width:820px;padding:70px 0 100px}.legal-page h1{font-size:clamp(42px,6vw,68px)}.legal-page h2{font-size:27px;margin-top:40px}.legal-page p{color:#aeb9c4}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.site-header{height:68px;padding-inline:20px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:67px;left:0;right:0;background:#0d1115;border-bottom:1px solid var(--line);padding:20px;flex-direction:column;gap:20px}.nav.open{display:flex}.hero{min-height:520px}.hero-image{background-image:linear-gradient(90deg,#0b0e11 0%,#0b0e11d9 45%,#0b0e1166 100%),linear-gradient(0deg,#0b0e11b0,transparent 60%),url("/assets/models/i5-p90549808_highres_the-new-bmw-i5-m60-x.webp");background-position:center,center,62% center}.hero-content{padding-top:35px;padding-bottom:90px}.hero-index{right:20px}.section{padding-top:60px;padding-bottom:65px}.section-heading{display:block}.section-intro{margin-top:17px}.model-grid{grid-template-columns:1fr;gap:15px}.car-photo{height:245px}.tech-layout{grid-template-columns:1fr;gap:30px}.tech-band{padding:55px 0}.about{padding-top:65px;padding-bottom:70px}.about-bottom{display:block}.about-bottom .text-link{margin-top:24px}.footer-top{flex-wrap:wrap}.footer-top p{order:3;flex-basis:100%;margin:0}.footer-legal{grid-template-columns:1fr;gap:10px}.footer-bottom{flex-wrap:wrap}.detail-hero{padding:55px 0 40px}.detail-content{grid-template-columns:1fr;gap:35px}.legal-page{padding:50px 0 70px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}