/* Public commercial pages share AutoKern's forest, cream and yellow palette. */
.legal-navigation > summary { cursor: pointer; min-height: 48px; padding: 14px 16px; color: var(--ink); background: var(--paper); border: 1px solid var(--line); border-radius: 10px; font-size: 14px; font-weight: 600; }
.legal-navigation > summary:focus-visible { outline: 3px solid #987500; outline-offset: 4px; }
.legal-page > .legal-navigation { margin-bottom: 30px; }
.legal-navigation[open] > summary { margin-bottom: 12px; }
.legal-navigation .legal-documents { margin-bottom: 0; }
.legal-contents .legal-navigation > nav { padding: 14px 4px; }
@media print { .legal-navigation { display: none !important; } }
@media (max-width: 760px) {
  .legal-page > .legal-navigation { margin-bottom: 12px; }
  .legal-layout { gap: 28px; }
  .legal-page .legal-contents { padding: 0; background: none; border-radius: 0; }
  .legal-navigation .legal-documents { border: 0; padding: 6px 0; }
  .legal-contents .legal-navigation a { min-height: 44px; }
}
/* AutoKern business: editorial scale, precision rules and a signature yellow edge. */
.business-page { --business-line:#d5dfd5; padding-bottom:40px; }
.business-page .breadcrumbs { margin-bottom:32px; }
.business-intro { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(310px,1fr); gap:clamp(32px,4vw,58px); align-items:center; padding:34px 0 48px; position:relative; isolation:isolate; }
.business-intro::before { content:""; position:absolute; z-index:-1; inset:0; background:radial-gradient(ellipse at 75% 52%,#e6ede0 0,transparent 61%); pointer-events:none; }
.business-intro > * { min-width:0; }
.business-intro__copy > .eyebrow { display:flex; align-items:center; gap:12px; color:#425d4d; font-size:11px; letter-spacing:.16em; margin-bottom:28px; }
.business-intro__copy > .eyebrow::before { content:""; width:28px; height:3px; background:var(--yellow); box-shadow:0 1px 0 #957104; }
.business-intro h1 { font-size:clamp(48px,5.5vw,82px); line-height:1.02; letter-spacing:-.065em; font-weight:750; margin:0 0 32px; color:#183d30; text-wrap:balance; }
.business-intro h1 em { display:block; color:#66816a; font-style:normal; }
.business-intro__copy > p { max-width:530px; color:#52675a; font-size:18px; line-height:1.85; margin:0; }
.business-intro__actions { display:flex; flex-wrap:wrap; gap:16px 28px; align-items:center; margin:32px 0 22px; }
.business-intro__actions .button { min-height:56px; padding:15px 24px; border-radius:8px; gap:22px; font-size:14px; }
.business-intro__link { display:inline-flex; align-items:center; justify-content:space-between; gap:12px; min-height:52px; color:#234a38; font-weight:650; font-size:14px; text-decoration:none; }
.business-intro__link:hover { color:#57724c; }
.business-intro__actions a > span { flex:none; line-height:1; font-size:18px; }
.business-intro__copy > .business-intro__note { font-size:12px; color:#5b6f60; line-height:1.8; }
.business-showcase { position:relative; isolation:isolate; min-width:0; margin:0; padding:28px; color:#fff; background:linear-gradient(135deg,#2a503c,#103427 80%); border:1px solid #365a43; border-radius:6px 30px 6px 6px; box-shadow:inset 0 1px 0 #ffffff24,0 32px 50px -32px #163b3359; }
.business-showcase::before { content:""; z-index:-1; position:absolute; inset:0; border-radius:inherit; pointer-events:none; background:linear-gradient(115deg,transparent 58%,#ffffff04 58%,#ffffff04 78%,transparent 78%); }
.business-showcase__top { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:24px; color:#e2e9dc; font-size:10px; letter-spacing:.11em; text-transform:uppercase; }
.business-showcase__top > span:last-child { flex:none; color:#e9cc60; letter-spacing:3px; font-size:7px; }
.business-showcase__vehicle { margin:0; background:#f7f8f0; border-radius:6px; box-shadow:0 12px 30px #061d2630; color:#1d422e; }
.business-showcase__vehicle img { display:block; width:100%; height:auto; aspect-ratio:16/10; object-fit:cover; border-radius:6px 6px 0 0; }
.business-showcase__vehicle > div { padding:22px 24px 28px; }
.business-showcase__vehicle span { display:block; margin-bottom:9px; color:#526c55; font-size:9px; text-transform:uppercase; letter-spacing:.1em; }
.business-showcase__vehicle strong { display:block; font-size:27px; line-height:1.2; letter-spacing:-.04em; }
.business-showcase__vehicle p { font-size:12px; margin:8px 0 0; line-height:1.6; color:#546c59; }
.business-showcase__ribbon { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:3px 20px; position:relative; width:fit-content; max-width:100%; margin:-10px -38px 0 auto; padding:17px 22px; color:#163a28; background:linear-gradient(110deg,#ffe156,#ffca08); border:1px solid #ffe16d; box-shadow:0 10px 25px -10px #102c275e; transform:rotate(-4deg); }
.business-showcase__ribbon > span:first-child { font-size:9px; text-transform:uppercase; letter-spacing:.1em; }
.business-showcase__ribbon > strong { grid-column:1; font-size:24px; line-height:1.1; letter-spacing:-.04em; }
.business-showcase__ribbon > span:last-child { grid-column:2; grid-row:1/3; align-self:center; font-size:31px; line-height:1; }
.business-showcase figcaption { margin-top:30px; }
.business-showcase figcaption > span { display:block; font-size:12px; line-height:1.6; color:#d8e3d2; }
.business-showcase figcaption a { display:inline-flex; align-items:center; gap:14px; min-height:44px; color:#fff; font-size:13px; font-weight:600; text-decoration:none; }
.business-showcase figcaption a > span { font-size:19px; line-height:1; }
.business-showcase figcaption a:hover { color:#ffdb4c; }
.business-intro__footer { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:12px 24px; padding:20px 0 0; border-top:1px solid var(--business-line); font-size:13px; color:#5a7061; }
.business-intro__footer p { margin:0; }
.business-intro__footer .text-link { min-height:44px; gap:18px; color:#234b37; }
.business-packages { padding-block:80px; background:linear-gradient(180deg,#f2f3eb,#f8f9f3); border-block:1px solid #dbe2d4; }
.business-section-heading { max-width:850px; margin-bottom:42px; }
.business-section-heading > .eyebrow { font-size:10px; color:#536e59; letter-spacing:.15em; margin-bottom:18px; }
.business-section-heading h2 { font-size:clamp(34px,4vw,56px); line-height:1.1; letter-spacing:-.045em; margin:0 0 20px; color:#1b402f; text-wrap:balance; }
.business-section-heading > p { max-width:670px; color:#566b5b; font-size:16px; line-height:1.85; margin:0; }
.business-package-footer { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:24px 48px; align-items:start; margin-top:30px; padding-top:26px; border-top:1px solid #ccd8c8; }
.business-package-footer > p { max-width:760px; color:#5b6d5d; line-height:1.85; font-size:13px; margin:0; }
.business-package-footer > .button { min-height:52px; border-radius:8px; gap:20px; }
.business-calculator-section { padding-block:80px; }
.business-platform { padding-block:80px; border-top:1px solid #d9e2d5; }
.business-features { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 60px; }
.business-features article { display:grid; grid-template-columns:56px minmax(0,1fr); gap:22px; padding:34px 0; border-top:1px solid #d2ddce; }
.business-feature__number { color:#6a826c; font-size:30px; line-height:1.2; letter-spacing:-.05em; font-variant-numeric:tabular-nums; padding-top:2px; }
.business-features h3 { font-size:25px; line-height:1.3; letter-spacing:-.035em; margin:0 0 16px; color:#254b36; text-wrap:balance; }
.business-features p { font-size:14px; line-height:1.9; color:#566d5c; margin:0; }
.business-features .text-link { min-height:44px; margin-top:16px; gap:18px; }
.business-page :is(a,button):focus-visible,.business-platform a:focus-visible { outline:3px solid #997500; outline-offset:5px; }
.business-showcase a:focus-visible { outline-color:#ffda46; }
@media (max-width:1000px) {
 .business-intro { grid-template-columns:minmax(0,1.2fr) minmax(280px,.85fr); gap:32px; }
 .business-intro h1 { font-size:clamp(49px,6vw,64px); }
 .business-showcase { padding:24px; }
 .business-intro__copy > p { font-size:16px; }
 .business-package-footer { grid-template-columns:1fr; gap:24px; }
 .business-package-footer > .button { justify-self:start; }
 .business-features { gap:0 32px; }
 .business-features article { grid-template-columns:38px minmax(0,1fr); gap:16px; }
}
@media (max-width:700px) {
 .business-page { padding-bottom:30px; }
 .business-page .breadcrumbs { margin-bottom:20px; }
 .business-intro { grid-template-columns:minmax(0,1fr); gap:34px; padding:20px 0 32px; }
 .business-intro::before { inset:0; }
 .business-intro h1 { font-size:clamp(44px,10.6vw,67px); line-height:1.03; letter-spacing:-.055em; margin-bottom:25px; }
 .business-intro__copy > .eyebrow { font-size:10px; gap:9px; letter-spacing:.12em; margin-bottom:24px; }
 .business-intro__copy > p { font-size:16px; line-height:1.85; }
 .business-intro__actions { gap:10px; margin:26px 0 18px; }
 .business-intro__actions .button { flex:1 1 100%; justify-content:space-between; font-size:14px; }
 .business-intro__link { justify-content:flex-start; gap:12px; min-height:48px; padding-inline:2px; }
 .business-intro__copy > .business-intro__note { font-size:12px; }
 .business-showcase { padding:22px; }
 .business-showcase__top { font-size:9px; gap:12px; margin-bottom:20px; }
 .business-showcase__vehicle > div { padding:19px 18px 27px; }
 .business-showcase__vehicle strong { font-size:25px; }
 .business-showcase__ribbon { margin-right:-29px; padding:13px 17px; gap:3px 16px; }
 .business-showcase__ribbon > strong { font-size:21px; }
 .business-intro__footer { padding-top:16px; gap:4px 20px; }
 .business-packages,.business-platform,.business-calculator-section { padding-block:48px; }
 .business-section-heading { margin-bottom:28px; }
 .business-section-heading h2 { font-size:36px; }
 .business-section-heading > p { font-size:15px; }
 .business-features { grid-template-columns:minmax(0,1fr); }
 .business-features article { grid-template-columns:34px minmax(0,1fr); gap:16px; padding-block:27px; }
 .business-features h3 { font-size:24px; }
 .business-feature__number { font-size:26px; }
}
@media(prefers-reduced-motion:reduce) { .business-page *, .business-platform * { scroll-behavior:auto; } }
