/* Explicit app shell; viewport width alone must never activate app mode. */
.website-mode .webapp-shell{display:block;max-width:1280px;margin-inline:auto;padding-inline:20px}
.website-mode .webapp-main{margin:0;width:100%;min-width:0}
.website-mode .webapp-nav{display:none!important}
.website-mode{padding-bottom:0!important}
.website-mode .webapp-shell .webapp-main{padding-bottom:32px}
.app-mode .site-header,.app-mode .site-footer{display:none!important}
.app-mode #vehicle-guide,.app-mode .webapp-seo-content,.app-mode .vehicle-siblings,.app-mode .webapp-breadcrumbs{display:none!important}
.app-mode{overscroll-behavior-y:none;min-height:100dvh}
.pwa-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:calc(12px + env(safe-area-inset-top)) 20px 12px;background:var(--card,#fff);border-bottom:1px solid var(--border,#e2e8f0);position:sticky;top:0;z-index:40}
.pwa-topbar strong{font-size:1.05rem}.pwa-topbar a{text-decoration:none;color:inherit}.pwa-topbar small{color:var(--muted,#66778a)}
.pwa-topbar button{background:transparent;border:1px solid var(--border,#d9e1ea);border-radius:12px;min-width:40px;min-height:40px;color:inherit;font:inherit;cursor:pointer}
.pwa-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:24px 0}
.pwa-menu-card{display:grid;grid-template-columns:1fr auto;gap:6px;padding:20px;border:1px solid var(--border,#dce4ed);border-radius:18px;background:var(--card,#fff);text-decoration:none;color:inherit}
.pwa-menu-card small{grid-row:2;color:var(--muted,#65758c);line-height:1.8}.pwa-menu-card span{grid-column:2;grid-row:1/3;align-self:center;color:#bf8518}
.pwa-install-help{line-height:2;background:var(--card,#fff);padding:22px;border-radius:18px;margin-bottom:24px}.pwa-install-help h2{font-size:1.1rem}
.hero-real-panel{position:relative;isolation:isolate;align-self:center;max-width:600px;width:100%;padding:18px;border:1px solid #ffffff24;border-radius:30px;background:linear-gradient(145deg,#172633,#080f18);box-shadow:0 32px 65px #0007;overflow:hidden}
.hero-real-image{display:block;width:100%;height:auto;aspect-ratio:1024/770;object-fit:contain;border-radius:18px;position:relative;z-index:1}
.hero-real-glow{position:absolute;inset:-30%;background:radial-gradient(ellipse,#f6bb3540,transparent 60%);animation:panel-light 9s ease-in-out infinite;pointer-events:none}
.hero-real-caption{display:block;position:relative;text-align:center;color:#d5dce4;padding-top:14px;font-size:.8rem;letter-spacing:0}
@keyframes panel-light{0%,100%{transform:translate(-15%,-10%);opacity:.45}50%{transform:translate(15%,10%);opacity:1}}
@media(max-width:800px){
 .app-mode .webapp-nav nav>.desktop-only-item{display:none!important}
 .app-mode .webapp-shell{padding-top:8px}.app-mode .webapp-main{padding-bottom:calc(96px + env(safe-area-inset-bottom))}
 .app-mode .webapp-nav-logout-mobile{display:none!important}
 .website-mode .webapp-shell{padding-inline:12px}.hero-real-panel{max-width:540px;margin:12px auto 0;border-radius:22px;padding:12px}
 .pwa-menu-grid{grid-template-columns:1fr;gap:10px}.pwa-menu-card{padding:17px}.pwa-topbar{padding-inline:16px}
}
@media(prefers-reduced-motion:reduce){.hero-real-glow{animation:none}}

.download-page .page-hero h1{font-size:clamp(1.45rem,2.4vw,2.3rem);line-height:1.65;max-width:100%;margin-inline:auto}
.download-card .store-official-icon{display:block;width:80px;height:80px;object-fit:contain;margin:0 auto 18px;border-radius:18px}
.hero-fuse-demo{position:relative;z-index:1;width:100%;aspect-ratio:1024/770;direction:ltr}
.hero-fuse-demo .hero-real-image{border-radius:18px;width:100%;height:100%}
.hero-fuse-hotspot{position:absolute;transform:translate(-50%,-50%);width:4.6%;height:17%;border:2px solid transparent;border-radius:7px;background:transparent;cursor:pointer;padding:0;z-index:3;transition:box-shadow .2s,border-color .2s}
.hero-fuse-hotspot:hover,.hero-fuse-hotspot:focus-visible,.hero-fuse-hotspot.is-selected{outline:none;border-color:#fff2ad;box-shadow:0 0 0 3px #ffc64085,0 0 22px #ffc640ab;background:#ffd16612}
.hero-fuse-card{position:absolute;top:11%;left:9%;width:82%;z-index:5;background:#faf8ef;color:#272b30;border:1px solid #fff;border-radius:14px;padding:14px 16px;text-align:right;direction:rtl;box-shadow:0 15px 45px #0008;box-sizing:border-box}
.hero-fuse-card.card-below{top:43%}.hero-fuse-card[hidden],.hero-demo-cursor[hidden]{display:none!important}
.hero-fuse-card-top{display:flex;align-items:center;gap:9px;direction:ltr}
.hero-fuse-card-top>b{font:800 clamp(13px,1.8vw,21px)/1.5 Arial,sans-serif;min-width:55px;padding:4px 8px;border-radius:7px;color:#fff;text-align:center}
.hero-fuse-card-top>span{margin-left:auto;background:#ffd983;border-radius:7px;padding:4px 9px;font-size:clamp(10px,1.1vw,14px);direction:rtl}
.hero-fuse-card-top>strong{font:800 clamp(13px,1.6vw,20px)/1.4 Arial,sans-serif}
.hero-fuse-card-top>button{border:0;background:transparent;color:#697078;font:24px/1 Arial;cursor:pointer;min-width:28px;min-height:32px;padding:0}
.hero-fuse-card p{margin:12px 0 6px;color:#282c31;font-size:clamp(15px,1.8vw,23px);line-height:1.7;font-weight:500}
.hero-fuse-card small{display:block;color:#626970;font-size:clamp(9px,.85vw,11px);line-height:1.7}
.hero-demo-cursor{position:absolute;width:23px;height:30px;background:#fff;clip-path:polygon(4% 2%,96% 61%,58% 65%,78% 96%,60% 100%,42% 70%,15% 92%);filter:drop-shadow(0 2px 3px #000);z-index:4;pointer-events:none;transform:translate(-5%,-5%);animation:fuse-demo-click .8s ease-out}
.hero-demo-controls{display:flex;justify-content:space-between;align-items:center;gap:10px;position:relative;z-index:2;color:#d5dce4;font-size:.72rem;line-height:1.8;padding-top:13px}
.hero-demo-controls>button{flex-shrink:0;border:1px solid #ffffff40;border-radius:8px;background:#ffffff0c;color:#fff;font:inherit;padding:4px 8px;cursor:pointer;min-height:32px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.card-enter{animation:fuse-card-enter .3s ease-out}
@keyframes fuse-card-enter{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}
@keyframes fuse-demo-click{50%{transform:translate(-5%,-5%) scale(.82)}100%{transform:translate(-5%,-5%) scale(1)}}
@media(max-width:600px){.hero-fuse-card{padding:11px 12px;border-radius:11px}.hero-fuse-card-top{gap:5px}.hero-fuse-card-top>b{min-width:42px;padding:3px 5px}.hero-demo-controls{font-size:.64rem;gap:6px}.hero-fuse-card-top>span{padding:3px 5px}.hero-fuse-card small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.hero-fuse-hotspot{transition:none}.card-enter,.hero-demo-cursor{animation:none}}