.autosar-page{--asr-navy:#061b33;--asr-deep:#082b49;--asr-cyan:#2ddfd4;--asr-blue:#166fe8;--asr-line:#cadbe5;--asr-copy:#536d80;background:#edf3f6;color:#15334d}
.autosar-page section{padding:72px clamp(24px,6vw,92px)}
.autosar-page .asr-kicker{margin:0 0 12px;color:#159d9f;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.autosar-page .asr-hero{display:grid;grid-template-columns:minmax(0,.94fr) minmax(430px,1.06fr);gap:0;padding:0;background:linear-gradient(135deg,#06192f,#0a4054);color:#fff}
.autosar-page .asr-hero>div{display:flex;flex-direction:column;justify-content:center;padding:66px clamp(28px,4.5vw,76px)}
.autosar-page .asr-hero .asr-kicker{color:#38eadc}.autosar-page .asr-hero h2{margin:0;font-size:clamp(43px,5vw,72px);line-height:1.08;letter-spacing:-.045em}
.autosar-page .asr-subtitle{margin:24px 0 12px;color:#fff;font-size:20px;font-weight:700;line-height:1.55}.autosar-page .asr-hero p:not(.asr-kicker):not(.asr-subtitle){margin:0;color:#c7dce6;font-size:14px;line-height:1.9}
.asr-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:27px}.asr-tags span{padding:8px 11px;border:1px solid rgba(70,239,225,.38);color:#e2fffb;font-size:11px}
.autosar-page figure{margin:0}.autosar-page img{display:block;width:100%}.asr-hero figure{display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:520px;overflow:hidden;padding:30px;background:#092842;box-sizing:border-box}.asr-hero figure img{height:100%;min-height:420px;padding:20px;background:#fff;object-fit:contain;box-sizing:border-box}.asr-hero figcaption{padding:11px 14px;background:#061b33;color:#d8e8ef;font-size:11px;line-height:1.55}
.asr-section-head{display:grid;grid-template-columns:minmax(0,.85fr) minmax(300px,1fr);gap:42px;align-items:end;margin-bottom:31px}.asr-section-head h3{margin:0;color:#102f4a;font-size:clamp(30px,3.8vw,51px);line-height:1.14}.asr-section-head>p{margin:0;color:var(--asr-copy);font-size:15px;line-height:1.9}
.asr-definition{background:#fff}.asr-definition-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:32px}.asr-definition-copy{padding:38px;background:#0b3557;color:#fff}.asr-definition-copy h4{margin:0 0 18px;font-size:29px}.asr-definition-copy p{margin:0;color:#d4e5ed;font-size:15px;line-height:1.9}.asr-definition-copy strong{color:#47eadf}.asr-platforms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--asr-line);border-left:1px solid var(--asr-line)}.asr-platforms div{padding:29px;border-right:1px solid var(--asr-line);border-bottom:1px solid var(--asr-line);background:#f8fbfc}.asr-platforms b,.asr-platforms span{display:block}.asr-platforms b{color:#0c7e87;font-size:18px}.asr-platforms span{margin-top:12px;color:var(--asr-copy);font-size:13px;line-height:1.75}
.asr-flow{background:#edf3f6}.asr-flow ol{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));margin:0;padding:0;border:1px solid var(--asr-line);list-style:none}.asr-flow li{min-height:205px;padding:24px 18px;border-right:1px solid var(--asr-line);background:#fff}.asr-flow li:last-child{border-right:0}.asr-flow b,.asr-flow strong,.asr-flow span{display:block}.asr-flow b{color:#139798;font-size:11px}.asr-flow strong{margin:30px 0 10px;font-size:16px;line-height:1.45}.asr-flow span{color:#62798b;font-size:12px;line-height:1.7}
.asr-capabilities{background:#061c35;color:#fff}.asr-capabilities .asr-section-head h3{color:#fff}.asr-capabilities .asr-section-head>p{color:#bdd1dc}.asr-capability-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.2);border-left:1px solid rgba(255,255,255,.2)}.asr-capability-grid div{min-height:180px;padding:25px;border-right:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2);background:#0b3557}.asr-capability-grid small,.asr-capability-grid b,.asr-capability-grid span{display:block}.asr-capability-grid small{color:#43e8dc;font-weight:800}.asr-capability-grid b{margin:25px 0 9px;color:#fff;font-size:17px}.asr-capability-grid span{color:#d3e4eb;font-size:13px;line-height:1.7}
.asr-media{background:#fff}.asr-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.asr-media figure{display:flex;flex-direction:column;border:1px solid var(--asr-line);background:#f4f8fa}.asr-media figure img{aspect-ratio:16/9;padding:20px;background:#fff;object-fit:contain;box-sizing:border-box}.asr-media figcaption{display:grid;gap:7px;padding:18px 20px}.asr-media figcaption b{color:#143b58;font-size:18px}.asr-media figcaption span{color:var(--asr-copy);font-size:13px;line-height:1.7}
.asr-integration{background:#0a3152;color:#fff}.asr-integration .asr-section-head h3{color:#fff}.asr-integration .asr-section-head>p{color:#c0d4de}.asr-thread{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin:0;padding:0;border:1px solid #b8cbd6;list-style:none}.autosar-page .asr-integration .asr-thread li{padding:25px 20px;border-right:1px solid #b8cbd6;background:#fff;color:#15334d}.autosar-page .asr-integration .asr-thread li:last-child{border-right:0}.asr-thread b,.asr-thread strong,.asr-thread span{display:block}.autosar-page .asr-integration .asr-thread b{color:#087f89;font-size:12px;font-weight:800}.autosar-page .asr-integration .asr-thread strong{margin:25px 0 9px;color:#102f4a;font-size:16px;font-weight:800}.autosar-page .asr-integration .asr-thread span{color:#526c80;font-size:13px;font-weight:500;line-height:1.75}.asr-boundaries{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:26px}.asr-boundaries div{padding:21px;border:1px solid rgba(255,255,255,.18);border-right:0}.asr-boundaries div:last-child{border-right:1px solid rgba(255,255,255,.18)}.asr-boundaries b,.asr-boundaries span{display:block}.asr-boundaries b{color:#45eadd}.asr-boundaries span{margin-top:8px;color:#c4d8e1;font-size:12px;line-height:1.65}
.asr-roadmap{background:#edf3f6}.asr-roadmap ol{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;border:1px solid var(--asr-line);list-style:none}.asr-roadmap li{padding:28px;border-right:1px solid var(--asr-line);background:#fff}.asr-roadmap li:last-child{border-right:0}.asr-roadmap b,.asr-roadmap strong,.asr-roadmap span{display:block}.asr-roadmap b{color:var(--asr-blue);font-size:11px}.asr-roadmap strong{margin:27px 0 10px}.asr-roadmap span{color:var(--asr-copy);font-size:12px;line-height:1.7}
.asr-faq{background:#edf3f6}.asr-faq details{margin:0;border:1px solid var(--asr-line);border-bottom:0;background:#fff}.asr-faq details:last-child{border-bottom:1px solid var(--asr-line)}.asr-faq summary{padding:21px 24px;color:#15334d;font-weight:800;cursor:pointer}.asr-faq details p{margin:0;padding:0 24px 23px;color:var(--asr-copy);font-size:14px;line-height:1.8}
.asr-sources{background:#fff}.asr-sources ul{margin:0;padding:0;border-top:1px solid var(--asr-line);list-style:none}.asr-sources li{display:grid;grid-template-columns:220px 1fr auto;gap:22px;align-items:center;padding:19px 0;border-bottom:1px solid var(--asr-line)}.asr-sources b{color:#087f89;font-size:12px}.asr-sources span{color:#526c80;font-size:14px;line-height:1.75}.asr-sources a{color:#1267e8;font-size:13px;font-weight:700;white-space:nowrap}.asr-note{margin:25px 0 0;padding:18px 20px;background:#e9f1f5;color:#61788a;font-size:13px;line-height:1.8}
@media(max-width:1100px){.autosar-page .asr-hero{grid-template-columns:1fr}.asr-hero figure{min-height:420px}.asr-definition-grid{grid-template-columns:1fr}.asr-flow ol{grid-template-columns:repeat(4,1fr)}.asr-flow li{border-bottom:1px solid var(--asr-line)}.asr-capability-grid{grid-template-columns:repeat(2,1fr)}.asr-thread{grid-template-columns:repeat(3,1fr)}.asr-thread li{border-bottom:1px solid rgba(255,255,255,.2)}.asr-roadmap ol{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.autosar-page section{padding:56px 22px}.autosar-page .asr-hero{padding:0}.autosar-page .asr-hero>div{padding:52px 22px}.autosar-page .asr-hero h2{font-size:40px}.asr-hero figure{min-height:300px;padding:18px}.asr-hero figure img{min-height:250px;padding:10px}.asr-section-head{grid-template-columns:1fr;gap:16px}.asr-platforms,.asr-flow ol,.asr-capability-grid,.asr-media-grid,.asr-thread,.asr-boundaries,.asr-roadmap ol{grid-template-columns:1fr}.asr-flow li,.asr-thread li,.asr-roadmap li{min-height:0;border-right:0;border-bottom:1px solid var(--asr-line)}.asr-sources li{grid-template-columns:1fr;gap:7px}.asr-sources a{white-space:normal}}