:root{--ink:#10233a;--muted:#65768a;--line:#e3e9ef;--pale:#f6f8fa;--blue:#1268b3;--navy:#071d35}
.nav{backdrop-filter:saturate(180%) blur(18px);background:#fffffff0}.navin{height:72px}.links{gap:17px;font-size:13px}.links .button{white-space:nowrap}
.hero{background:#071d35}.hero::before{background:linear-gradient(90deg,#06182fed 0%,#071d35d9 48%,#071d3560 100%),url('assets/brand-cover.png') center/cover;transform:scale(1.015);animation:hero-drift 18s ease-in-out infinite alternate}.hero .container{min-height:540px}.herotext{max-width:710px}.hero h1{font-size:clamp(42px,5.5vw,72px);letter-spacing:-.045em}.hero p{font-size:18px}.hero .button{border-radius:999px;padding:13px 21px}.hero .button.outline{border-color:#ffffff65;background:#ffffff0a}
.section{padding:88px 0}.section-head{margin-bottom:38px}.section-head h2{font-weight:700;letter-spacing:-.035em}.section-head p{max-width:680px}.brand-showcase{background:linear-gradient(180deg,#f7f9fb,#fff)}
.brand-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.brand-card{position:relative;min-height:124px;padding:22px 19px;border:1px solid #e5eaf0;border-radius:16px;background:#fff;display:flex;flex-direction:column;justify-content:center;gap:9px;text-decoration:none;overflow:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s}.brand-card::before{content:"";position:absolute;inset:0;background:radial-gradient(240px circle at var(--mx,50%) var(--my,50%),#b9d9f33b,transparent 70%);opacity:0;transition:opacity .3s}.brand-card:hover{transform:translateY(-4px);box-shadow:0 18px 44px #15314a14;border-color:#c7d8e7}.brand-card:hover::before{opacity:1}.brand-wordmark{position:relative;color:#122c46;font-size:23px;font-weight:800;letter-spacing:.045em;line-height:1.1}.brand-wordmark.roundel{width:43px;height:43px;display:grid;place-items:center;border:2px solid #172d43;border-radius:50%;font-size:13px;letter-spacing:0}.brand-sub{position:relative;color:#738398;font-size:12px}.brand-arrow{position:absolute;right:17px;top:17px;color:#93a4b5;font-size:16px}
.brand-wordmark.mercedes{font-size:16px;letter-spacing:.025em}
.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.category-card{min-width:0;overflow:hidden;border:1px solid #e4eaf0;border-radius:18px;background:#fff;text-decoration:none;box-shadow:0 4px 16px #10233a06;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s,border-color .3s}.category-card:hover{transform:translateY(-5px);box-shadow:0 22px 46px #10233a12;border-color:#cbd9e5}.category-photo,.category-detail-photo{display:block;height:220px;background-color:#f2f4f6;background-image:url('assets/part-product-sheet.png');background-repeat:no-repeat;background-size:300% auto;background-position:var(--crop-x,0%) var(--crop-y,0%);transition:transform .55s cubic-bezier(.2,.8,.2,1)}.category-card:hover .category-photo{transform:scale(1.025)}.category-label{display:flex;justify-content:space-between;align-items:center;padding:17px 19px;color:#122c46;font-size:16px;font-weight:700}.category-label b{color:#4d7ea9;font-size:18px}
.category-detail-section{scroll-margin-top:85px;padding-top:20px}.category-detail-card{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border-radius:24px;background:#f5f8fb;border:1px solid #e4ebf1;min-height:340px}.category-detail-photo{height:100%;min-height:340px;background-size:300% auto}.category-detail-copy{align-self:center;padding:42px 48px}.category-detail-copy h2{margin:10px 0 12px;color:#0a2745;font-size:clamp(28px,3vw,42px);letter-spacing:-.035em}.category-detail-copy p{color:#5e7185;max-width:540px}.category-detail-copy .category-note{font-size:13px;margin:20px 0}.category-detail-copy .button{border-radius:999px}
.product{border-radius:16px}.product:hover{box-shadow:0 18px 42px #0c315018;transform:translateY(-4px)}.poster-card{border-radius:16px}.button{transition:transform .25s,background .25s,box-shadow .25s}.button:hover{transform:translateY(-2px)}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.75,.25,1);transition-delay:var(--delay,0ms)}.reveal.is-visible{opacity:1;transform:translateY(0)}.brand-card.reveal,.category-card.reveal{transform:translateY(20px) scale(.99)}.brand-card.reveal.is-visible,.category-card.reveal.is-visible{transform:translateY(0) scale(1)}
@keyframes hero-drift{from{transform:scale(1.015) translateX(0)}to{transform:scale(1.055) translateX(-.6%)}}
@media(max-width:950px){.links{gap:10px}.links a[data-about-link],.links a[href$="product-introduction.html"]{display:none}.brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.hero .container{min-height:470px}.hero h1{font-size:clamp(38px,8vw,56px)}.section{padding:66px 0}.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.category-photo{height:190px}.category-detail-card{grid-template-columns:1fr}.category-detail-photo{min-height:210px;height:210px}.category-detail-copy{padding:30px 25px}}
@media(max-width:560px){.navin{height:66px}.links{gap:7px}.brand-showcase{padding-top:54px}.brand-card{min-height:100px;padding:16px 14px}.brand-wordmark{font-size:18px}.brand-wordmark.roundel{width:38px;height:38px;font-size:12px}.brand-sub{font-size:11px}.category-label{padding:13px 13px;font-size:14px;min-height:62px}.category-photo{height:154px}.section-head{margin-bottom:25px}.hero p{font-size:15px}.hero .container{min-height:440px}}
@media(max-width:700px){.navin{height:auto;min-height:66px;flex-wrap:wrap;padding:8px 0 0}.links{order:2;width:100%;display:flex;flex-wrap:nowrap;overflow-x:auto;gap:16px;padding:2px 0 10px;white-space:nowrap;scrollbar-width:none}.links::-webkit-scrollbar{display:none}.links>a:not(.button):not(.lang){display:inline-flex}.links a[data-about-link],.links a[href$="product-introduction.html"]{display:inline-flex}.links .button{padding:8px 12px;font-size:12px}.language-selector{flex:none}.language-selector summary{padding:6px 8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero::before{animation:none}.reveal{opacity:1;transform:none;transition:none}*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.story-hero{padding:100px 0 112px;background:radial-gradient(700px circle at 80% 25%,#24629675,transparent 65%),linear-gradient(125deg,#071b32,#0c3a63);overflow:hidden;position:relative}.story-hero::after{content:"";position:absolute;right:-9vw;bottom:-34vw;width:58vw;height:58vw;border:1px solid #ffffff17;border-radius:50%;box-shadow:0 0 0 5vw #ffffff05,0 0 0 10vw #ffffff04}.story-hero .container{position:relative;z-index:1}.story-hero h1{max-width:900px;letter-spacing:-.045em;font-weight:700}.story-hero p{max-width:790px;line-height:1.9}.story-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.story-stat{border-top:1px solid #d9e2ea;padding:22px 10px}.story-stat>b{font-size:13px;letter-spacing:.12em;color:#4f83ad}.story-stat h2{color:#0a2745;font-size:21px;margin:12px 0 6px}.story-stat p,.story-disclaimer p{margin:0;color:#607286;line-height:1.85}.story-disclaimer{max-width:880px;border-left:3px solid #d8b55f;padding:8px 0 8px 24px}.story-disclaimer .kicker{margin-bottom:10px}.story-cta{display:flex;align-items:center;justify-content:space-between;gap:30px}.story-cta h2{margin:8px 0;color:#fff;font-size:clamp(28px,4vw,44px);letter-spacing:-.035em}.story-cta p{max-width:650px;color:#d2e0ed}.story-cta .button{flex:none;border-radius:999px}.product-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.guide-card{overflow:hidden;border:1px solid #e3e9ef;border-radius:18px;background:#fff;box-shadow:0 7px 24px #0b27410a}.guide-card .category-photo{height:220px;background-size:300% auto;background-position:var(--crop-x) var(--crop-y)}.guide-copy{padding:21px}.guide-copy h2{font-size:20px;color:#0d2a48;margin:9px 0}.guide-copy p{font-size:14px;color:#617286;margin:0;line-height:1.75}
@media(max-width:760px){.story-hero{padding:76px 0 80px}.story-stats{grid-template-columns:1fr;gap:2px}.story-stat{padding:18px 0}.story-cta{align-items:flex-start;flex-direction:column}.product-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.product-guide-grid{grid-template-columns:1fr}.guide-card .category-photo{height:190px}.guide-copy{padding:18px}.story-hero h1{font-size:36px}}