/* MTL FOX access: clear choices, real photographs, no text layered over the preview. */
.entry-access{background:radial-gradient(ellipse at 72% 0,#ff681d0e,transparent 50%),#0b0b0c;color:#fff;min-block-size:100svh;padding:0 32px 24px}
.entry-wrap{max-inline-size:1200px;margin-inline:auto}
.entry-header{display:flex;align-items:center;justify-content:space-between;min-block-size:92px;gap:24px}
.entry-header .brand-original{inline-size:148px;block-size:52px;max-inline-size:100%}
.entry-back{display:inline-flex;align-items:center;gap:10px;min-block-size:44px;color:#b5b5b8;font-size:14px}
.entry-back>.icon{inline-size:18px;block-size:18px;transform:rotate(180deg)}
.entry-role-switch{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:6px auto 24px;max-inline-size:820px}
.entry-role{display:flex;align-items:center;gap:14px;min-inline-size:0;min-block-size:76px;padding:14px 20px;border-radius:22px;border:1px solid #ffffff24;background:#1c1c1f;color:#eee;font-size:18px;font-weight:700;line-height:1.25;transition:background .2s,border-color .2s,box-shadow .2s}
.entry-role-icon{display:flex;align-items:center;justify-content:center;inline-size:44px;block-size:44px;border-radius:14px;background:#ffffff0c;flex-shrink:0}
.entry-role-icon>.icon{inline-size:25px;block-size:25px}
.entry-role-indicator{display:flex;margin-inline-start:auto;flex-shrink:0;opacity:.55}
.entry-role-indicator>.icon{inline-size:19px;block-size:19px}
.entry-role.is-selected{background:var(--orange);border-color:var(--orange);color:#101010;box-shadow:0 8px 30px #ff671d1f}
.entry-role.is-selected .entry-role-icon{background:#ffffff32}
.entry-role.is-selected .entry-role-indicator{opacity:1}
.entry-role:hover{border-color:#ff854e}
.entry-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);border:1px solid #ffffff18;border-radius:32px;overflow:hidden;box-shadow:0 26px 80px #0005;background:#151517}
.entry-story{padding:38px 36px 26px;display:flex;flex-direction:column;gap:24px;min-inline-size:0}
.entry-intro{text-align:center;max-inline-size:510px;margin-inline:auto}
.entry-intro h1{font-size:48px;font-weight:700;line-height:1.08;letter-spacing:-.045em;margin:0 0 18px;color:#fff}
.entry-intro h1 em{font-style:normal;color:var(--orange)}
.entry-intro>p{font-size:16px;line-height:1.65;color:#b4b4ba;margin:0 auto;max-inline-size:430px}
.entry-visual{min-inline-size:0;margin-block:auto}
.entry-cars{inline-size:100%;max-inline-size:550px;margin-inline:auto}
.entry-car-photo{position:relative;overflow:hidden;border-radius:23px;aspect-ratio:16/10;background:#e4e3e0;box-shadow:0 15px 34px #0004;border:1px solid #ffffff24}
.entry-car-photo>img{display:block;inline-size:100%;block-size:100%;object-fit:cover;object-position:center}
.entry-car-caption{position:absolute;inset:auto 0 0;padding:34px 18px 15px;background:linear-gradient(transparent,#000c);display:flex;align-items:flex-end;justify-content:space-between;gap:16px;color:white}
.entry-car-caption>span:first-child{font-size:17px;font-weight:700;line-height:1.3}
.entry-car-caption>span:last-child{font-size:12px;color:#ddd;line-height:1.4;max-inline-size:90px;text-align:right}
.entry-car-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-block-start:12px}
.entry-car-options>button{padding:12px 10px;min-block-size:45px;border:1px solid #ffffff1f;border-radius:14px;color:#b7b7bd;background:#202023;display:flex;justify-content:center;align-items:center;gap:10px;font-size:14px;line-height:1.25}
.entry-car-options>button[aria-pressed=true]{background:#fff;color:#171717;border-color:#fff;font-weight:700;box-shadow:0 4px 12px #0002}
.entry-car-options .icon{inline-size:14px;block-size:14px;flex-shrink:0}
.entry-benefits{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px 22px;color:#bdbdc1;font-size:13px;line-height:1.4}
.entry-benefits>span{display:inline-flex;align-items:center;gap:8px}
.entry-benefits .icon{inline-size:17px;block-size:17px;color:#ff8b55;flex-shrink:0}
.entry-signup{background:#fafaf9;color:#171717;padding:48px 38px 30px;display:flex;flex-direction:column;justify-content:center;min-inline-size:0}
.entry-signup-heading{text-align:center}
.entry-signup-heading h2{font-size:34px;line-height:1.15;letter-spacing:-.04em;margin:0 0 12px}
.entry-signup-heading h2>span{color:var(--orange)}
.entry-signup-heading>p{font-size:15px;line-height:1.6;color:#65656a;margin:0}
.entry-smart-buttons.a-smart-buttons{margin:28px 0 22px;gap:12px}
.entry-smart-buttons.a-smart-buttons>button{inline-size:100%;min-block-size:58px;padding:16px 20px;border-radius:18px;font-size:16px;line-height:1.4;gap:14px;box-shadow:0 4px 12px #00000005}
.entry-smart-buttons.a-smart-buttons>button>svg:first-child{inline-size:23px;block-size:23px}
.entry-smart-buttons.a-smart-buttons>button>.icon{inline-size:18px;block-size:18px}
.entry-access-note{display:flex;align-items:center;justify-content:center;gap:10px;margin:0;font-size:14px;line-height:1.6;color:#696970;text-align:center}
.entry-access-note>.icon{inline-size:19px;block-size:19px;flex-shrink:0;color:#9a6a4c}
.entry-tour{display:flex;justify-content:center;align-items:center;gap:10px;min-block-size:48px;padding:10px 14px;margin:22px auto 0;font-size:14px;font-weight:700;line-height:1.5;color:#a24920}
.entry-tour>.icon{inline-size:17px;block-size:17px;flex-shrink:0}
.entry-demo-note{margin-block-start:26px;border-top:1px solid #e4e4e4;padding-block-start:20px;text-align:center;color:#78787e}
.entry-demo-note>b{font-size:12px;line-height:1.5;font-weight:700}
.entry-demo-note>p{font-size:13px;line-height:1.6;margin:7px auto 0;max-inline-size:320px}
.entry-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;padding:24px 4px 0;color:#939398;font-size:12px;line-height:1.6}
/* The signal stays in its own column, with a correctly sized layout box. */
.entry-report.a-report-preview{position:relative;inset:auto;transform:none;filter:none;opacity:1;inline-size:100%;padding:22px;border-radius:23px;overflow:hidden;isolation:isolate;background:linear-gradient(130deg,#29292c,#1c1c1e 75%);border:1px solid #ffffff25;box-shadow:0 15px 34px #0004}
.entry-report.a-report-preview:after{display:none}
.entry-report-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-block-end:17px;border-bottom:1px solid #ffffff12;font-size:13px;line-height:1.5;color:#b8b8be}
.entry-demo-pill{font-size:11px;font-weight:700;letter-spacing:.06em;padding:4px 8px;border-radius:7px;border:1px solid #ffffff20;color:#bbb}
.entry-report-main{display:grid;grid-template-columns:minmax(0,1fr) 84px;align-items:center;gap:20px;padding-block:22px}
.entry-report-person{min-inline-size:0}
.entry-report-person h3{font-size:30px;font-weight:700;line-height:1.15;letter-spacing:-.035em;color:white;margin:0 0 14px}
.entry-report-person h3>span{color:var(--orange)}
.entry-report-status{display:inline-flex;align-items:center;gap:8px;font-size:13px;line-height:1.4;color:#ffc69f;background:#ff892613;padding:8px 11px;border:1px solid #ffad6236;border-radius:11px}
.entry-report-status>i{inline-size:6px;block-size:6px;border-radius:50%;background:#ffab50;flex-shrink:0;box-shadow:0 0 9px #ff892655}
.entry-report-document{display:flex;align-items:center;gap:12px;margin-block-start:21px;min-inline-size:0}
.entry-report-document>img{display:block;inline-size:88px;block-size:57px;object-fit:contain;border-radius:7px;flex-shrink:0;box-shadow:0 5px 12px #0004}
.entry-report-document>span{display:grid;grid-template-columns:16px minmax(0,1fr);gap:5px 6px;min-inline-size:0}
.entry-report-document .icon{inline-size:16px;block-size:16px;color:#aaa}
.entry-report-document b{font-size:13px;line-height:1.4;color:#ddd;font-weight:400}
.entry-report-document small{grid-column:1/-1;font-size:12px;line-height:1.5;color:#93939b}
.entry-report-history{display:flex;align-items:center;gap:8px;font-size:13px;line-height:1.4;color:#aaa;margin-block-start:18px}
.entry-report-history>.icon{inline-size:16px;block-size:16px}
.entry-report-signal{inline-size:84px;block-size:218px;justify-self:end}
.entry-report-signal>.d-traffic.d-traffic-real.story{inline-size:84px;block-size:218px;height:218px;width:84px;margin:0;transform:none}
.entry-report-signal .traffic-housing{transform:scale(.47);transform-origin:top left}
.entry-report-footer{border-top:1px solid #ffffff12;padding-block-start:15px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;line-height:1.5;color:#a9a9b0;text-align:center}
.entry-report-footer>.icon{inline-size:16px;block-size:16px;flex-shrink:0;color:#ff9b69}
@media(max-width:1050px){
 .entry-access{padding-inline:24px}
 .entry-layout{grid-template-columns:minmax(0,1fr) minmax(330px,.9fr)}
 .entry-story{padding:32px 26px 24px}
 .entry-intro h1{font-size:40px}
 .entry-signup{padding:34px 28px}
 .entry-report-main{grid-template-columns:minmax(0,1fr) 72px;gap:12px}
 .entry-report-signal,.entry-report-signal>.d-traffic.d-traffic-real.story{inline-size:72px;block-size:187px;width:72px;height:187px}
 .entry-report-signal .traffic-housing{transform:scale(.403)}
 .entry-report-person h3{font-size:26px}
 .entry-report-document{flex-wrap:wrap;gap:10px}
}
@media(max-width:760px){
 .entry-access{padding:0 16px 20px}
 .entry-header{min-block-size:74px;gap:16px}
 .entry-header .brand-original{inline-size:120px;block-size:42px}
 .entry-role-switch{gap:10px;margin:4px 0 20px;max-inline-size:none}
 .entry-role{font-size:16px;min-block-size:74px;padding:12px 14px;gap:10px;border-radius:19px}
 .entry-role-icon{inline-size:38px;block-size:38px;border-radius:12px}
 .entry-role-icon>.icon{inline-size:23px;block-size:23px}
 .entry-role-indicator{display:none}
 .entry-layout{grid-template-columns:minmax(0,1fr);border-radius:26px}
 .entry-story{padding:26px 20px 21px;gap:20px}
 .entry-intro h1{font-size:36px;line-height:1.08;margin-block-end:14px}
 .entry-intro>p{font-size:15px;line-height:1.65;max-inline-size:440px}
 .entry-car-photo{aspect-ratio:16/9;border-radius:18px}
 .entry-car-caption{padding:32px 14px 12px;gap:10px}
 .entry-car-caption>span:first-child{font-size:15px}
 .entry-car-caption>span:last-child{font-size:11px;max-inline-size:70px}
 .entry-car-options{gap:7px;margin-block-start:10px}
 .entry-car-options>button{font-size:13px;min-block-size:42px;border-radius:12px;padding:10px 7px;gap:5px}
 .entry-car-options .icon{display:none}
 .entry-benefits{font-size:12px;gap:10px 16px}
 .entry-benefits .icon{inline-size:15px;block-size:15px}
 .entry-signup{padding:26px 24px}
 .entry-signup-heading h2{font-size:28px;margin-block-end:9px}
 .entry-signup-heading>p{font-size:14px;line-height:1.5}
 .entry-smart-buttons.a-smart-buttons{margin:22px 0 18px;gap:10px}
 .entry-smart-buttons.a-smart-buttons>button{min-block-size:55px;padding:14px 16px;font-size:16px;border-radius:16px;gap:12px}
 .entry-access-note{font-size:13px;line-height:1.55}
 .entry-tour{margin-block-start:16px;min-block-size:44px}
 .entry-demo-note{margin-block-start:17px;padding-block-start:17px}
 .entry-footer{justify-content:center;text-align:center;gap:5px 20px;padding:20px 10px 0}
 .entry-report.a-report-preview{padding:18px;border-radius:18px}
 .entry-report-heading{padding-block-end:13px;font-size:12px}
 .entry-report-main{padding-block:18px;gap:12px;grid-template-columns:minmax(0,1fr) 65px}
 .entry-report-person h3{font-size:26px;margin-block-end:12px}
 .entry-report-status{font-size:12px;padding:7px 9px;gap:6px}
 .entry-report-document{margin-block-start:16px;flex-wrap:nowrap;gap:10px}
 .entry-report-document>img{inline-size:70px;block-size:46px}
 .entry-report-document>span{display:block}
 .entry-report-document .icon{display:none}
 .entry-report-document b{font-size:12px;display:block}
 .entry-report-document small{font-size:11px;display:block;margin-block-start:4px}
 .entry-report-history{font-size:12px;margin-block-start:14px;gap:6px}
 .entry-report-signal,.entry-report-signal>.d-traffic.d-traffic-real.story{inline-size:65px;block-size:169px;width:65px;height:169px}
 .entry-report-signal .traffic-housing{transform:scale(.364)}
 .entry-report-footer{font-size:12px;padding-block-start:13px}
}
@media(max-width:560px){
 .entry-role-switch{grid-template-columns:minmax(0,1fr);gap:10px}
 .entry-role{min-block-size:64px;font-size:17px;padding:12px 16px;gap:14px}
 .entry-role-icon{inline-size:38px;block-size:38px}
 .entry-role-indicator{display:flex}
 .entry-role-indicator>.icon{inline-size:18px;block-size:18px}
 .entry-story{padding-inline:18px}
 .entry-intro h1{font-size:34px}
}
@media(max-width:360px){
 .entry-access{padding-inline:12px}
 .entry-header{min-block-size:66px}
 .entry-role-switch{margin-block-end:16px;gap:8px}
 .entry-role{font-size:16px;min-block-size:60px;padding:10px 13px;gap:10px}
 .entry-role-icon{inline-size:36px;block-size:36px}
 .entry-story{padding:24px 15px 19px;gap:18px}
 .entry-intro h1{font-size:30px}
 .entry-intro>p{font-size:14px}
 .entry-report.a-report-preview{padding:14px}
 .entry-report-main{grid-template-columns:minmax(0,1fr) 57px;gap:10px}
 .entry-report-person h3{font-size:23px}
 .entry-report-status{font-size:11px;padding:7px;gap:5px}
 .entry-report-document{flex-wrap:wrap;gap:8px}
 .entry-report-document>img{inline-size:68px;block-size:44px}
 .entry-report-document small{display:none}
 .entry-report-history{font-size:11px;gap:5px}
 .entry-report-signal,.entry-report-signal>.d-traffic.d-traffic-real.story{inline-size:57px;block-size:148px;width:57px;height:148px}
 .entry-report-signal .traffic-housing{transform:scale(.319)}
 .entry-report-footer{font-size:11px}
 .entry-signup{padding:24px 18px}
 .entry-smart-buttons.a-smart-buttons>button{font-size:15px;padding:14px;gap:10px}
 .entry-smart-buttons.a-smart-buttons>button>.icon{inline-size:15px;block-size:15px}
 .entry-benefits{gap:9px;font-size:11px}
}
@media(prefers-reduced-motion:reduce){.entry-role{transition:none}}