/* App-style browsing without disabling browser zoom or hiding overflowing content. */
.dealer-app-nav{display:none}
.supply-flow{text-align:center;padding:30px 20px}.flow-track{display:grid;grid-template-columns:1fr 40px 1fr 40px 1fr;align-items:center;gap:12px;margin-top:28px}.flow-track article{display:flex;flex-direction:column;align-items:center;gap:12px;padding:28px 15px;background:white;border:1px solid #e0e7f6;border-radius:22px}.flow-track article>span{font-size:34px;color:#537ac8}.flow-track img{width:115px;height:54px;object-fit:contain}.flow-track .flow-hub{background:#eaf1ff;border-color:#c6d8fb}.flow-arrow{font-size:28px;color:#5a83d4;animation:flowPulse 2s ease-in-out infinite}.flow-arrow:nth-of-type(2){animation-delay:1s}@keyframes flowPulse{50%{opacity:.35;transform:translateX(5px)}}
main,section,article,.hero>div,.deposit>div{min-width:0}
img,svg{max-width:100%}
a,summary{-webkit-tap-highlight-color:transparent}
a:focus-visible,summary:focus-visible{outline:3px solid #7ba2ef;outline-offset:4px}
@media(max-width:700px){
 html{scroll-padding-top:90px}
 body{padding-bottom:calc(84px + env(safe-area-inset-bottom));background:#f6f8fc;overflow-wrap:anywhere}
 body>header{position:sticky;top:0;z-index:10;max-width:none;min-height:72px;padding:12px max(16px,env(safe-area-inset-left));background:#ffffffed;backdrop-filter:blur(16px);border-bottom:1px solid #e7ecf7;gap:12px}
 header img{width:112px;display:block}
 header nav{gap:8px}
 header nav>a:not(.button){display:none}
 header nav .button{min-height:44px;padding:10px 18px;font-size:13px;border-radius:14px}
 main{width:100%;padding:0 max(0px,env(safe-area-inset-left)) 0 max(0px,env(safe-area-inset-right))}
 section{margin:18px 16px}
 .hero{padding:27px 22px 22px;gap:24px;border:1px solid #e0e9fb;border-radius:26px;background:radial-gradient(ellipse at top right,#e0f6ee,transparent 60%),linear-gradient(140deg,#e8f0ff,#f7faff)}
 .hero h1{font-size:clamp(32px,8.5vw,48px);letter-spacing:-1.3px;line-height:1.12}
 .eyebrow{font-size:10px;letter-spacing:1.5px}
 .intro{font-size:15px;line-height:1.75}
 .actions{display:grid;gap:10px;margin:23px 0 16px}
 .actions a{min-height:46px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:13px}
 .actions a:not(.button){background:#ffffff99;border:1px solid #d9e2f5;border-radius:12px}
 .hero small{display:block;font-size:12px;line-height:1.7}
 .illustration{min-height:300px;width:100%;margin-top:8px}
 .store{width:min(190px,75%);padding:35px 16px 16px;border-radius:18px}
 .store strong{font-size:28px}.store>span,.store small{font-size:8px}
 .store-window{font-size:28px}.orbit{max-width:112px;padding:10px;font-size:8px;border:1px solid #ffffffaa}
 .brand-one{left:0;top:0}.brand-two{right:0;top:100px}.brand-three{left:0;bottom:0}
 .benefits{grid-template-columns:1fr;gap:12px}
 .benefits article{padding:22px;border-radius:20px;box-shadow:0 4px 18px #35486d04}
 .benefits h2{font-size:23px;margin:10px 0}.benefits p{margin-bottom:0;line-height:1.75}
 .journey{padding:20px 8px}.journey h2,.deposit h2,.faq h2,.closing h2{font-size:27px;line-height:1.2}
 .journey ol{display:grid;grid-template-columns:1fr;gap:8px;padding-left:27px}
 .journey li{padding:12px 12px 12px 8px;border-bottom:1px solid #e0e6f2}.journey p{margin:6px 0}
 .deposit{padding:25px 22px;gap:18px;border-radius:24px}.deposit p{font-size:14px;line-height:1.75}.deposit-card{padding:22px}
 .faq{margin:36px 16px;padding:0}.faq details{background:white;border:1px solid #e2e7f2;border-radius:15px;margin:10px 0;padding:0 16px}
 .supply-flow{padding:20px 0}.supply-flow h2{font-size:26px}.flow-track{grid-template-columns:1fr;gap:8px;max-width:300px;margin:24px auto}.flow-track article{padding:20px}.flow-arrow{transform:rotate(90deg);animation:flowDown 2s ease-in-out infinite}@keyframes flowDown{50%{opacity:.35;transform:rotate(90deg) translateX(4px)}}
 .faq summary{min-height:56px;padding:15px 0;font-size:14px}.faq p{font-size:14px;line-height:1.75}
 .closing{padding:26px 20px}.closing>a{margin:8px 0;min-height:46px;font-size:13px;display:flex;align-items:center;justify-content:center}
 footer{padding:20px 22px;display:grid;gap:14px}footer a{min-height:44px;display:flex;align-items:center}
 .dealer-app-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;z-index:20;bottom:0;left:0;right:0;gap:4px;padding:8px max(10px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));background:#fffffffa;backdrop-filter:blur(18px);border-top:1px solid #dde5f5;box-shadow:0 -6px 28px #24375c09}
 .dealer-app-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:54px;min-width:0;font-size:10px;font-weight:650;line-height:1.3;color:#757e8f;border-radius:13px}
 .dealer-app-nav a[aria-current]{color:#386acf;background:#e7efff}
 .dealer-app-nav svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
}
@media(prefers-reduced-motion:reduce){.orbit,.flow-arrow{animation:none}}
