/* Touch devices outside the approved narrow portrait profile use a real layout.
   Existing logo/garage artwork is contained at its natural ratio. No UA detection.
   All rules are entry-only: reports, auth dialogs and phones retain their styles. */
@media screen {
  html[data-page="entry"][data-tablet-entry],
  html[data-page="entry"][data-tablet-entry] body { height: auto; min-height: 100%; overflow: visible; background: #171c20; }
  html[data-page="entry"][data-tablet-entry] .shell { position: static; display: block; width: 100%; height: auto; margin: 0; overflow: visible; background: #171c20; border: 0; box-shadow: none; }
  html[data-page="entry"][data-tablet-entry] main { position: static; display: block; width: 100%; height: auto; min-height: 0; padding: 0; container-type: normal; }
  html[data-page="entry"][data-tablet-entry] .hero-stage {
    position: relative; inset: auto; transform: none; display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr);
    grid-template-rows: auto minmax(0, 1fr) auto;
    grid-template-areas: "header header" "form scene" "benefits benefits";
    gap: 28px; align-items: center; width: min(100%, 1440px);
    height: calc(100svh - 32px); min-height: 660px; max-height: none;
    aspect-ratio: auto; padding: 24px 32px; margin: 0 auto;
    overflow: visible; container-type: inline-size; color: #f7f7f5;
    background: radial-gradient(ellipse at 72% 50%, #40342b 0%, #20262a 45%, #171c20 80%);
  }
  html[data-page="entry"][data-tablet-entry] :is(.desktop-master-art,.garage-underlay,.garage-architecture,.reference-masks,.left-info-panel,.right-kjoreglede,.bottom-tagline,.led-track,.fx-layer,.chain-icon) { display: none; }
  html[data-page="entry"][data-tablet-entry] :is(.hero-stage,.hero-machine,.hero-title,.hero-copy,.listing-input-shell,.hero-scene,.logo-sign,.top-nav,.login-control,.benefit-row)::before,
  html[data-page="entry"][data-tablet-entry] :is(.hero-stage,.hero-machine,.hero-title,.hero-copy,.listing-input-shell,.hero-scene,.logo-sign,.top-nav,.login-control,.benefit-row)::after { display: none; }
  html[data-page="entry"][data-tablet-entry] .topbar { grid-area: header; position: static; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px 24px; padding: 0; margin: 0; }
  html[data-page="entry"][data-tablet-entry] .logo-sign { position: static; display: block; width: clamp(210px, 26cqw, 290px); height: auto; min-width: 0; max-width: none; min-height: 44px; max-height: none; margin: 0; padding: 0; transform: none; background: none; border: 0; box-shadow: none; }
  html[data-page="entry"][data-tablet-entry] .logo-sign img { position: static; display: block; width: 100%; height: auto; max-height: none; object-fit: contain; opacity: 1; transform: none; }
  html[data-page="entry"][data-tablet-entry] .top-nav { position: static; display: flex; width: auto; height: auto; gap: 8px; margin: 0; padding: 0; background: none; }
  html[data-page="entry"][data-tablet-entry] .top-nav a { display: flex; align-items: center; justify-content: center; min-width: 72px; min-height: 48px; padding: 8px; font: 700 14px/1.3 Arial,sans-serif; letter-spacing: .04em; color: #f3eee8; text-decoration: none; }
  html[data-page="entry"][data-tablet-entry] .login-control { position: static; display: flex; align-items: center; justify-content: center; width: auto; height: auto; min-width: 120px; min-height: 48px; margin: 0; padding: 10px 16px; transform: none; border: 1px solid #b07549; border-radius: 6px; background: #272624; box-shadow: inset 0 1px #ffffff19; color: #fff3e7; font: 700 15px/1.3 Arial,sans-serif; }
  html[data-page="entry"][data-tablet-entry] .login-control span { display: none; }
  html[data-page="entry"][data-tablet-entry] .intro.hero-machine { grid-area: form; position: relative; inset: auto; display: block; width: 100%; height: auto; min-height: 0; max-width: none; margin: 0; padding: 24px; transform: none; clip-path: none; filter: none; background: linear-gradient(145deg,#35383a,#151a1d 70%); border: 1px solid #655344; border-top: 3px solid #f48939; border-radius: 10px; box-shadow: 0 12px 30px #0004; text-align: left; }
  html[data-page="entry"][data-tablet-entry] .hero-title { position: static; display: block; width: auto; height: auto; padding: 0; margin: 0; background: none; }
  html[data-page="entry"][data-tablet-entry] .hero-title .eyebrow { display: block; margin: 0 0 12px; color: #d9bc9f; font: 700 12px/1.4 Arial,sans-serif; letter-spacing: .12em; }
  html[data-page="entry"][data-tablet-entry] .hero-title h1 { position: static; width: auto; height: auto; margin: 0; padding: 0; color: #fff5e6; -webkit-text-fill-color: currentColor; background: none; filter: none; text-shadow: none; font: 800 clamp(32px,4.1cqw,56px)/1.05 Arial,sans-serif; white-space: normal; }
  html[data-page="entry"][data-tablet-entry] .heading-full { display: inline; }
  html[data-page="entry"][data-tablet-entry] .heading-mobile { display: none; }
  html[data-page="entry"][data-tablet-entry] .hero-title h1 em { font-style: normal; color: #ff983f; -webkit-text-fill-color: currentColor; }
  html[data-page="entry"][data-tablet-entry] .intro.hero-machine .hero-copy { position: static; display: block; width: auto; height: auto; max-width: none; margin: 16px 0 20px; padding: 0; color: #e4e5e5; background: none; font: 400 16px/1.5 Arial,sans-serif; text-align: left; }
  html[data-page="entry"][data-tablet-entry] .copy-full { display: inline; }
  html[data-page="entry"][data-tablet-entry] .copy-mobile { display: none; }
  html[data-page="entry"][data-tablet-entry] .listing-input-shell { position: static; display: block; width: 100%; height: auto; min-height: 0; padding: 0; margin: 0; background: none; border: 0; border-radius: 0; clip-path: none; box-shadow: none; }
  html[data-page="entry"][data-tablet-entry] .listing-input-shell .search-row { position: static; display: grid; grid-template-columns: minmax(0,1fr); gap: 12px; }
  html[data-page="entry"][data-tablet-entry] .input-region { position: static; display: block; width: 100%; height: 56px; min-height: 56px; margin: 0; padding: 0; background: #f7f7f9; border: 1px solid #9ea9ae; border-radius: 5px; clip-path: none; box-shadow: none; }
  html[data-page="entry"][data-tablet-entry] #finn-input { position: static; display: block; width: 100%; height: 100%; min-height: 54px; padding: 12px; margin: 0; border: 0; border-radius: 5px; background: transparent; color: #263745; font: 400 18px/1.4 Arial,sans-serif; }
  html[data-page="entry"][data-tablet-entry] #finn-input::placeholder { color: #4d5d6a; opacity: 1; }
  html[data-page="entry"][data-tablet-entry] #submit-button { position: static; display: flex; align-items: center; justify-content: center; gap: 12px; width: 100%; height: 60px; min-height: 60px; padding: 12px; margin: 0; border: 1px solid #ffbe79; border-radius: 5px; clip-path: none; background: linear-gradient(#ff9838,#dd430d); color: #fff; font: 700 22px/1.2 Arial,sans-serif; text-shadow: 0 1px 2px #632400; box-shadow: inset 0 1px #ffe0aa,0 3px 10px #e65b1620; transform: none; }
  html[data-page="entry"][data-tablet-entry] #submit-button span { display: inline; color: inherit; font-size: 1.2em; }
  html[data-page="entry"][data-tablet-entry] #submit-button:disabled { opacity: .7; }
  html[data-page="entry"][data-tablet-entry] .truth-note { position: static; display: block; width: auto; height: auto; margin: 16px 0 0; padding: 0; color: #c1c6ca; font: 400 13px/1.5 Arial,sans-serif; text-align: left; background: none; }
  html[data-page="entry"][data-tablet-entry] .hero-scene { grid-area: scene; position: relative; inset: auto; display: block; width: 100%; height: auto; min-height: 0; aspect-ratio: 1672/941; margin: 0; padding: 0; overflow: visible; z-index: 0; background: none; mask: none; clip-path: none; filter: none; border: 1px solid #6e5540; border-radius: 8px; box-shadow: 0 16px 40px #0004; }
  html[data-page="entry"][data-tablet-entry] .hero-scene > picture > img { position: static; display: block; width: 100%; height: auto; object-fit: contain; clip-path: none; border-radius: 7px; }
  html[data-page="entry"][data-tablet-entry] .benefit-row { grid-area: benefits; position: static; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 20px; width: auto; height: auto; margin: 0; padding: 20px 0 0; background: none; border: 0; border-top: 1px solid #69707850; box-shadow: none; }
  html[data-page="entry"][data-tablet-entry] .benefit-row > div { display: flex; align-items: center; gap: 12px; padding: 0; margin: 0; border: 0; background: none; }
  html[data-page="entry"][data-tablet-entry] .benefit-row > div > span { color: #f79340; font-size: 28px; }
  html[data-page="entry"][data-tablet-entry] .benefit-row p { margin: 0; }
  html[data-page="entry"][data-tablet-entry] .benefit-row strong { display: block; color: #f5eee8; font: 700 13px/1.4 Arial,sans-serif; text-shadow: none; }
  html[data-page="entry"][data-tablet-entry] .benefit-row small { display: block; margin-top: 4px; color: #c7cccf; font: 400 13px/1.4 Arial,sans-serif; text-shadow: none; }
  html[data-page="entry"][data-tablet-entry] #hero-stage #feedback { position: relative; grid-column: 1/-1; width: 100%; max-height: none; inset: auto; margin: 0; padding: 12px; font-size: 16px; z-index: 5; }
  html[data-page="entry"][data-tablet-entry] :is(a,button,input):focus-visible { outline: 3px solid #ffb568; outline-offset: 3px; }
  html[data-page="entry"][data-tablet-entry] .footer { position: static; display: flex; justify-content: center; gap: 16px; width: 100%; height: auto; min-height: 32px; padding: 6px 16px; margin: 0; background: #171c20; color: #b9c0c5; font-size: 11px; }
}
@media screen and (orientation: portrait) {
  html[data-page="entry"][data-tablet-entry] .hero-stage { grid-template-columns: minmax(0,1fr); grid-template-rows: auto auto minmax(0,1fr) auto; grid-template-areas: "header" "form" "scene" "benefits"; gap: 20px; padding: 24px 32px; min-height: 940px; }
  html[data-page="entry"][data-tablet-entry] .top-nav { order: 3; justify-content: center; width: 100%; }
  html[data-page="entry"][data-tablet-entry] .hero-title h1 { font-size: clamp(40px,6cqw,58px); }
  html[data-page="entry"][data-tablet-entry] .intro.hero-machine { padding: 22px 28px; }
  html[data-page="entry"][data-tablet-entry] .hero-copy { margin: 12px 0 16px; }
  html[data-page="entry"][data-tablet-entry] .listing-input-shell .search-row { grid-template-columns: minmax(0,1fr) 210px; align-items: center; }
  html[data-page="entry"][data-tablet-entry] .hero-scene { width: auto; height: 100%; max-width: 100%; max-height: 470px; justify-self: center; }
  html[data-page="entry"][data-tablet-entry] .hero-scene > picture > img { height: 100%; width: auto; max-width: 100%; }
  html[data-page="entry"][data-tablet-entry] .benefit-row { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px 28px; padding-top: 16px; }
}
@media screen and (max-width:700px) {
  html[data-page="entry"][data-tablet-entry] .hero-stage { display: flex; flex-direction: column; height: auto; min-height: 100svh; padding: 20px; }
  html[data-page="entry"][data-tablet-entry] .listing-input-shell .search-row { grid-template-columns: minmax(0,1fr); }
}
@media screen {
  html[data-page="entry"][data-tablet-entry] .hero-scene > picture { position: static; display: block; width: 100%; height: 100%; transform: none; }
  html[data-page="entry"][data-tablet-entry] .hero-scene > picture > img { inset: auto; transform: none; margin: 0; opacity: 1; mask: none; filter: none; object-fit: contain; width: 100%; height: 100%; }
  html[data-page="entry"][data-tablet-entry] :is(.hero-title .eyebrow,.intro.hero-machine .hero-copy,.truth-note) { text-shadow: none; }
  html[data-page="entry"][data-tablet-entry] #submit-button { white-space: nowrap; font-size: 20px; }
  html[data-page="entry"][data-tablet-entry] .benefit-row { border-radius: 0; }
}
@media screen {
  html[data-page="entry"][data-tablet-entry] .logo-sign picture { position: static; display: block; width: 100%; height: auto; transform: none; }
  html[data-page="entry"][data-tablet-entry] .hero-title .eyebrow { position: static; inset: auto; width: auto; height: auto; transform: none; }
  html[data-page="entry"][data-tablet-entry] .hero-title h1 .heading-full { position: static; display: inline; width: auto; height: auto; color: inherit; background: none; -webkit-text-fill-color: currentColor; text-shadow: none; filter: none; }
  html[data-page="entry"][data-tablet-entry] .hero-title h1 .heading-full em { background: none; text-shadow: none; filter: none; }
}
@media screen {
  html[data-page="entry"][data-tablet-entry] .topbar { min-height: 0; height: auto; }
  html[data-page="entry"][data-tablet-entry] .hero-title { text-align: left; }
}