@font-face{font-family:Manrope;src:url('assets/manrope-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/manrope-semibold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/manrope-extrabold.ttf') format('truetype');font-weight:800;font-display:swap}
:root{color-scheme:dark;--paper:#080f18;--surface:#101e2b;--ink:#edf4fa;--muted:#96abba;--line:#243646;--blue:#80b8f0;--teal:#4ad5cc;--green:#86c99a;--orange:#eb9c65}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:400 14px/1.65 Manrope,Arial,sans-serif}button,input{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit;border:0;background:none;padding:0;cursor:pointer}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}svg{display:block;width:100%;height:100%}[hidden]{display:none!important}::selection{background:#23696e;color:white}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--teal);outline-offset:5px}.site-wrap{max-width:1248px;padding:0 56px;margin:auto}.site-header{height:98px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:25px;letter-spacing:-1px;line-height:1}.brand-heavy{font-weight:800}.brand-dot{color:var(--teal)}.brand-mark{width:36px;height:36px;background:#173e51;border:1px solid #285368;border-radius:10px}.brand-mark svg{fill:var(--teal);padding:7px}.header-nav{display:flex;gap:30px;align-items:center;font-size:12px;font-weight:600;color:#bfd0db}.header-nav a:hover{color:var(--teal)}.help-link{display:flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid #344856;border-radius:8px}.help-link:hover{background:#172735}.help-link [data-icon]{width:16px;height:16px}.small-arrow{margin-left:8px;color:var(--teal)}
.hero{padding:49px 0 35px}.eyebrow{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:600;letter-spacing:1.7px;color:#95aebb}.status-dot{width:5px;height:5px;background:var(--green);border-radius:50%;display:inline-block}.hero h1{font-size:clamp(42px,4.6vw,62px);line-height:1.13;font-weight:600;letter-spacing:-2.9px;margin:18px 0}.muted-heading{color:var(--teal)}.hero p,.section-heading p{color:var(--muted);margin:0;font-size:13px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.choice-card{display:flex;flex-direction:column;position:relative;overflow:hidden;border:1px solid #294353;border-radius:16px;padding:23px 28px 22px;min-height:410px;transition:transform .2s,border-color .2s,background .2s}.customer-card{background:#112b35}.partner-card{background:#13283e;border-color:#2b4461}.choice-card:hover{transform:translateY(-4px);border-color:#58a3b2}.partner-card:hover{border-color:#6d9ed1}.card-meta{display:flex;align-items:center;justify-content:space-between}.category-pill{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1.3px;color:#9dc5cf;font-weight:600}.category-pill [data-icon]{width:13px;height:13px}.partner-card .category-pill{color:#a4bedb}.card-number{font-size:10px;color:#668899;letter-spacing:1px}.scooter-art,.partner-art{height:160px;margin:8px 0 10px}.scooter-art svg,.partner-art svg{overflow:visible;transition:transform .3s}.choice-card:hover .scooter-art svg{transform:translateX(5px)}.choice-card:hover .partner-art svg{transform:translateY(-4px)}.choice-copy h2{font-size:31px;line-height:1.16;font-weight:600;letter-spacing:-1px;margin:9px 0 13px}.choice-copy .soft{color:#96b0c8;font-size:25px;font-weight:400}.choice-copy p{font-size:12px;line-height:1.8;color:#9dbac7;margin:0 0 20px;max-width:350px}.partner-card .choice-copy p{color:#a3b8d1}.customer-card .choice-copy{padding-top:29px}.card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #2a4553;padding-top:14px;margin-top:auto;font-size:12px;font-weight:600;color:#dbeaf0}.partner-card .card-bottom{border-color:#30465f}.round-arrow{width:33px;height:33px;border:1px solid #3e7885;border-radius:8px;display:grid;place-items:center;color:var(--teal);font-size:24px;line-height:1}.partner-card .round-arrow{color:var(--blue);border-color:#486a8d}.transition-note{display:flex;align-items:center;gap:12px;padding:24px 0 30px;color:var(--muted)}.note-icon{display:block;width:16px;height:16px;color:var(--orange)}.transition-note strong{font-size:11px;font-weight:400}.transition-note button{margin-left:auto;font-size:11px;font-weight:600;color:#c7d8e3}.transition-note button:hover{color:var(--teal)}.transition-note button span{margin-left:12px;color:var(--teal)}.site-footer{display:flex;align-items:center;gap:24px;padding:23px 0 28px;border-top:1px solid var(--line);font-size:10px;color:#8ca1b1}.footer-brand{font-size:13px;font-weight:600;letter-spacing:-.3px;color:#b8cad8}.footer-brand span{color:var(--teal)}.site-footer nav{display:flex;gap:21px;margin-left:auto}.site-footer nav a:hover,.site-footer nav button:hover{color:var(--ink)}.copyright{font-size:9px;color:#7e94a5}
.back-link{display:inline-flex;align-items:center;gap:10px;font-size:11px;color:#a5bbcb;margin:26px 0}.back-link:hover{color:var(--teal)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:8px 0 32px}.section-heading h1{font-size:48px;line-height:1.15;font-weight:600;letter-spacing:-2px;margin:16px 0}.heading-stamp{width:68px;height:68px;border:1px solid #2e505f;border-radius:16px;display:grid;place-items:center;background:#102a35;color:var(--teal)}.heading-stamp [data-icon]{width:29px;height:29px}.directory-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:24px 0 16px}.search-field{display:flex;align-items:center;gap:10px;background:#111e2b;border:1px solid #304452;border-radius:8px;height:46px;padding:0 14px;max-width:380px;flex:1}.search-field [data-icon]{width:17px;height:17px;color:#9db0bf;flex-shrink:0}.search-field input{width:100%;border:0;background:transparent;outline:none;color:var(--ink);font-size:12px}.search-field input::placeholder{color:#90a5b6}.search-field:focus-within{outline:2px solid var(--teal);outline-offset:2px}.search-field kbd{font:11px Manrope;border:1px solid #385060;border-radius:3px;padding:0 5px;color:#8da6b7}.filter-group{display:flex;gap:5px}.filter-group button{padding:8px 15px;border:1px solid transparent;border-radius:7px;font-size:11px;color:#a9becd}.filter-group button:hover{border-color:#476171}.filter-group button[aria-pressed=true]{background:#1b4654;border-color:#376b78;color:#b6f2e9}.directory-count{color:#8ea5b6;font-size:10px;margin:16px 0}.dealer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.dealer-card{background:#101d2a;border:1px solid #2a3e50;border-radius:13px;padding:20px;display:flex;flex-direction:column}.dealer-visual{height:126px;display:grid;place-items:center;border-radius:8px;background:#153b46;position:relative;overflow:hidden}.dealer-visual:before,.dealer-visual:after{content:"";position:absolute;border:1px solid #2b5560;border-radius:50%;width:115px;height:115px;left:-36px;top:36px}.dealer-visual:after{left:auto;right:-36px;top:-36px}.dealer-visual.blue{background:#1b3656}.dealer-visual.blue:before,.dealer-visual.blue:after{border-color:#355779}.dealer-visual.sand{background:#183c40}.dealer-monogram{font-size:36px;font-weight:600;letter-spacing:-2px;color:#7fc8d0}.blue .dealer-monogram{color:#8db9ec}.sand .dealer-monogram{color:#78c7bd}.dealer-monogram>span{font-weight:400;font-size:29px;margin-left:5px}.sample-tag{font-size:8px;color:#91a8ba;letter-spacing:1.2px;margin-top:19px}.dealer-card h2{font-size:20px;font-weight:600;letter-spacing:-.5px;line-height:1.4;margin:5px 0 8px}.dealer-card p{font-size:11px;color:#a0b5c5;line-height:1.8;margin:0;min-height:40px}.dealer-tags{display:flex;gap:6px;margin:18px 0}.dealer-tags span{font-size:9px;padding:3px 8px;background:#1b3040;border-radius:4px;color:#a8c9dd}.dealer-shop-link{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:600;padding-top:14px;border-top:1px solid #2b4051;margin-top:auto}.dealer-shop-link span{color:var(--teal);font-size:17px}.dealer-shop-link:hover{color:var(--teal)}.support-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:26px 0;margin:30px 0 12px}.support-strip h2{font-size:19px;font-weight:600;margin:0 0 6px;letter-spacing:-.5px}.support-strip p{color:var(--muted);font-size:11px;margin:0}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:12px 18px;background:#1b4556;border:1px solid #386378;border-radius:8px;color:#d4f0f3;font-size:11px;font-weight:600;white-space:nowrap}.primary-button:hover{background:#245b6b;border-color:#5e99a4}.primary-button span{color:var(--teal)}.empty-state{text-align:center;padding:45px 16px}.empty-state [data-icon]{display:block;width:26px;height:26px;margin:auto;color:var(--teal)}.empty-state h2{font-size:23px;font-weight:600}.empty-state p{font-size:12px;color:var(--muted)}.text-button{display:inline-flex;gap:18px;align-items:center;color:#a1d5f4;font-size:11px;font-weight:600}.text-button:hover{color:var(--teal)}
.business-hero{position:relative;overflow:hidden;background:#132c44;border:1px solid #2d4864;border-radius:16px;padding:36px}.business-hero h1{font-size:52px;font-weight:600;line-height:1.2;letter-spacing:-2px;margin:18px 0}.business-hero h1>span{color:var(--teal)}.business-hero p{font-size:13px;color:#a6bfd0;margin:0}.business-orbit{position:absolute;right:40px;top:18px;width:160px;height:160px;border:1px solid #365571;border-radius:50%;display:grid;place-items:center;color:#62a6da;transform:rotate(-10deg)}.business-orbit span{font-size:92px;font-weight:400;line-height:1}.business-intro{display:flex;align-items:center;justify-content:space-between;margin:30px 0 16px;gap:20px}.business-intro h2{font-size:20px;font-weight:600;letter-spacing:-.4px;margin:0}.business-intro p{font-size:11px;color:var(--muted);margin:0}.business-options{display:grid;grid-template-columns:1fr 1fr;gap:18px}.business-options article{padding:28px;border:1px solid #2a4053;border-radius:13px;background:#101e2c}.business-icon{width:39px;height:39px;border:1px solid #315566;border-radius:10px;padding:10px;margin-bottom:23px;background:#183644;color:#68c9cf}.business-options article:last-child .business-icon{background:#1b3453;color:#8cbcf0;border-color:#365575}.micro-label{font-size:8px;letter-spacing:1.3px;color:#91aabd}.business-options h3{font-size:26px;font-weight:600;letter-spacing:-.8px;margin:7px 0 12px}.business-options p{font-size:12px;color:#a4b9c8;max-width:340px;min-height:44px;line-height:1.8;margin:0 0 25px}.login-strip{display:flex;align-items:center;gap:14px;padding:29px 0;margin:5px 0 13px}.login-icon{width:32px;height:32px;padding:8px;color:var(--teal)}.login-strip h2{font-size:15px;font-weight:600;margin:0}.login-strip .primary-button{margin-left:auto}
.skip-link{position:absolute;left:15px;top:-100px;z-index:20;background:#1e5f6b;color:white;padding:10px}.skip-link:focus{top:10px}main:focus{outline:0}.page{animation:page-in .25s ease both}dialog{width:min(480px,calc(100% - 32px));border:1px solid #355368;border-radius:16px;background:#101f2e;color:var(--ink);padding:27px;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#030912ce;backdrop-filter:blur(6px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.dialog-header .eyebrow{font-size:8px}.close-dialog{display:grid;place-items:center;background:#213747;color:#cbdbe5;font-size:24px;border-radius:7px;width:30px;height:30px;line-height:1}.dialog-icon{display:block;width:43px;height:43px;padding:11px;border-radius:10px;background:#1b4c59;color:var(--teal);margin:22px 0 16px}dialog h2{font-size:26px;font-weight:600;line-height:1.3;letter-spacing:-.8px;margin:0 0 13px}dialog p{font-size:12px;color:#a1b7c7;line-height:1.8}#dialog-actions{display:grid;gap:10px;margin-top:23px}.dialog-action{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px;border:1px solid #38556a;border-radius:8px;background:#172e41;font-size:12px;font-weight:600}.dialog-action:hover{background:#1d4053}.dialog-action span{color:var(--teal)}.dialog-footnote{font-size:9px!important;margin:18px 0 0}.noscript-notice{position:fixed;bottom:0;width:100%;background:#164e5c;color:white;padding:18px;text-align:center}@keyframes page-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.site-wrap{padding:0 34px}.choice-copy h2{font-size:27px}.choice-copy .soft{font-size:23px}.choice-card{padding:22px;min-height:400px}.choice-copy p{font-size:11px}.customer-card .choice-copy{padding-top:27px}.scooter-art,.partner-art{height:145px}.site-footer{flex-wrap:wrap;row-gap:12px}.copyright{flex-basis:100%}.business-orbit{width:125px;height:125px;right:26px;top:32px}.business-orbit span{font-size:76px}.business-hero h1{font-size:44px}.dealer-grid{gap:12px}.dealer-card{padding:16px}.dealer-card h2{font-size:18px}}
@media(max-width:700px){.site-wrap{padding:0 22px}.site-header{height:80px}.brand{font-size:22px;gap:8px}.brand-mark{width:32px;height:32px;border-radius:8px}.nav-dealers{display:none}.help-link{padding:9px}.help-link>span:not([data-icon]){display:none}.hero{padding:34px 0 28px}.hero h1{font-size:clamp(36px,8.8vw,48px);letter-spacing:-1.8px;margin:16px 0}.hero .eyebrow{font-size:8px}.hero p{font-size:12px}.choice-grid{grid-template-columns:1fr;gap:16px}.choice-card{padding:23px;min-height:360px}.scooter-art,.partner-art{height:143px;margin:4px 0 8px}.choice-copy h2{font-size:29px}.choice-copy .soft{font-size:24px}.customer-card .choice-copy{padding-top:0}.choice-copy p{font-size:12px;margin-bottom:18px}.card-bottom{font-size:11px}.transition-note{flex-wrap:wrap;gap:9px;padding:23px 0 26px}.transition-note>div{flex:1}.transition-note button{margin-left:25px}.transition-note strong{font-size:10px}.site-footer{gap:16px;font-size:9px}.site-footer nav{gap:15px}.footer-brand{font-size:12px}.copyright{font-size:8px}.back-link{margin:23px 0}.section-heading{margin:5px 0 26px;gap:12px}.section-heading h1{font-size:38px;letter-spacing:-1.5px}.section-heading p{font-size:12px}.section-heading .eyebrow{font-size:8px}.heading-stamp{display:none}.directory-toolbar{flex-direction:column;align-items:stretch;gap:13px}.search-field{flex:auto;max-width:100%}.filter-group button{font-size:10px;padding:8px 15px}.dealer-grid{grid-template-columns:1fr;gap:15px}.dealer-card{padding:22px}.dealer-visual{height:120px}.dealer-card h2{font-size:22px}.dealer-card p{min-height:0;font-size:12px}.support-strip{align-items:flex-start;flex-direction:column;gap:18px}.support-strip h2{font-size:20px}.business-hero{padding:27px 23px}.business-hero h1{font-size:38px;letter-spacing:-1.5px}.business-hero .eyebrow{font-size:8px}.business-hero p{font-size:12px;position:relative;z-index:1}.business-orbit{display:none}.business-intro{align-items:flex-start;flex-direction:column;gap:5px;margin:26px 0 17px}.business-intro h2{font-size:20px}.business-options{grid-template-columns:1fr;gap:15px}.business-options article{padding:24px}.business-options h3{font-size:26px}.business-options p{min-height:0}.login-strip{flex-wrap:wrap;gap:10px}.login-strip .primary-button{margin-left:auto}.login-strip h2{font-size:13px}.login-icon{display:none}}
@media(max-width:370px){.site-wrap{padding:0 16px}.hero h1{font-size:34px}.brand{font-size:20px}.choice-card{padding:21px}.choice-copy h2{font-size:26px}.choice-copy .soft{font-size:23px}.site-footer nav{margin-left:0}.business-options h3{font-size:24px}.primary-button{gap:15px;padding:11px 13px}.login-strip .primary-button{margin-left:0}.login-strip{justify-content:space-between}.business-hero h1{font-size:34px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Longer audience headlines retain a shared baseline and natural wrapping. */
.choice-copy h2{font-size:28px;line-height:1.25;letter-spacing:-.7px;text-wrap:balance;overflow-wrap:break-word}.customer-card .choice-copy{padding-top:0}.choice-copy p{margin-bottom:23px}
@media(max-width:1000px){.choice-copy h2{font-size:25px}}
@media(max-width:700px){.choice-copy h2{font-size:26px}}
@media(max-width:370px){.choice-copy h2{font-size:24px}}

/* The two audience choices are the complete homepage content. */
.home-page{padding:42px 0}
body:has(.home-page:not([hidden])) .header-nav{visibility:hidden}
.home-page .choice-card{padding:30px;min-height:490px}
.audience-heading{display:flex;align-items:flex-start;gap:14px;min-height:90px}
.audience-heading h2{font-size:36px;line-height:1.16;letter-spacing:-1px;font-weight:600;margin:0}
.audience-icon{display:block;flex:none;width:35px;height:35px;padding:7px;border:1px solid #3e6f7b;border-radius:9px;color:var(--teal);margin-top:4px}
.partner-card .audience-icon{color:var(--blue);border-color:#4a6485}
.home-page .scooter-art,.home-page .partner-art{height:185px;margin:8px 0 22px}
.home-page .choice-copy p{font-size:17px;line-height:1.65;color:#c1d5df;max-width:430px;margin:0 0 26px}
.home-page .partner-card .choice-copy p{color:#bdcfe3}
.home-page .card-bottom{padding-top:18px}
.scooter-art>svg{animation:scooter-glide 4.8s ease-in-out infinite}
.floating-bolt{animation:icon-float 3.8s ease-in-out infinite}
.floating-package{animation:icon-float 5s ease-in-out infinite}
.floating-creator{animation:icon-float 4s ease-in-out infinite reverse}
@keyframes scooter-glide{0%,100%{transform:translateX(-3px)}50%{transform:translateX(5px)}}
@keyframes icon-float{0%,100%{translate:0 0}50%{translate:0 -9px}}
@media(max-width:1000px){.home-page .choice-card{padding:24px}.audience-heading{gap:10px;min-height:78px}.audience-heading h2{font-size:28px}.audience-icon{width:29px;height:29px;padding:6px}.home-page .choice-copy p{font-size:15px}}
@media(max-width:700px){.home-page{padding:26px 0}.home-page .choice-card{min-height:0;padding:25px}.audience-heading{min-height:0;gap:12px}.audience-heading h2{font-size:30px}.home-page .scooter-art,.home-page .partner-art{height:150px;margin:24px 0 18px}.home-page .choice-copy p{font-size:16px;margin-bottom:23px}}
@media(max-width:370px){.home-page .choice-card{padding:21px}.audience-heading{gap:9px}.audience-heading h2{font-size:25px}.audience-icon{width:25px;height:25px;padding:5px}.home-page .choice-copy p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.scooter-art>svg,.floating-bolt,.floating-package,.floating-creator{animation:none!important}}

/* Original logo files already have alpha transparency; no opaque logo tiles. */
.brand-overview{display:grid;gap:34px;margin-top:42px;padding-top:30px;border-top:1px solid var(--line)}
.brand-group h2{font-size:17px;line-height:1.5;font-weight:600;letter-spacing:-.2px;color:#c5d7e3;margin:0 0 20px}
.brand-logos{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.brand-logos li{min-width:0;height:72px;padding:15px 18px;display:flex;align-items:center;justify-content:center;background:transparent}
.brand-logos img{display:block;max-width:100%;width:110px;height:37px;object-fit:contain;filter:brightness(0) invert(1);opacity:.78}
.brand-logos img:is([alt="Xiaomi"],[alt="Bafang"],[alt="Prophete"]){filter:saturate(.65) brightness(1.12);opacity:.85}
.brand-logos img[alt="OLI"]{filter:grayscale(1) invert(1);opacity:.85}
.brand-logos img:is([alt="Xiaomi"],[alt="OLI"]){height:59px}
.instant-tuning-brands{position:relative;isolation:isolate;overflow:hidden;border:1px solid #356c87;border-radius:14px;padding:16px 26px 20px;background:linear-gradient(115deg,#102b43 0%,#163c51 50%,#10333d 100%);box-shadow:inset 0 1px 0 #91d9eb18}
.instant-tuning-brands::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 0%,#45b9c91a,transparent 70%);pointer-events:none}
.brand-shine{position:absolute;inset:-80% auto -80% 0;width:40%;z-index:-1;background:linear-gradient(90deg,transparent,#94e6ff16 35%,#c2f5ff30 50%,#71d9ed16 65%,transparent);transform:translateX(-200%) rotate(22deg);animation:brand-shimmer 6s ease-in-out infinite;pointer-events:none}
.featured-brand-logos{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.featured-brand-logos li{height:68px;padding:12px 20px}
.featured-brand-logos img{width:145px;height:37px;opacity:.95}
.instant-tuning-label{position:relative;margin:9px 0 0;text-align:center;font-size:13px;font-weight:600;letter-spacing:.6px;color:#82ded9}
.other-bike-logos{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:18px}
@keyframes brand-shimmer{0%,12%{transform:translateX(-200%) rotate(22deg)}75%,100%{transform:translateX(400%) rotate(22deg)}}
@media(max-width:1000px){.brand-logos li{padding:13px}.featured-brand-logos{gap:12px}.instant-tuning-brands{padding:14px 18px 18px}}
@media(max-width:700px){.brand-overview{margin-top:30px;padding-top:25px;gap:30px}.brand-group h2{font-size:15px;margin-bottom:16px}.brand-logos,.other-bike-logos{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.brand-logos li{height:61px;padding:10px}.brand-logos img{height:32px}.brand-logos img:is([alt="Xiaomi"],[alt="OLI"]){height:53px}.featured-brand-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 16px}.featured-brand-logos li{padding:12px 8px;height:57px}.featured-brand-logos img{height:30px}.instant-tuning-brands{padding:13px 17px 19px}.instant-tuning-label{font-size:12px;margin-top:12px}}
@media(prefers-reduced-motion:reduce){.brand-shine{animation:none;transform:translateX(100%) rotate(22deg)}}

/* Keep every brand readable, with restrained emphasis for instant tuning. */
.brand-logos img{width:130px;height:40px;opacity:.96}
.brand-logos img:is([alt="Xiaomi"],[alt="Bafang"],[alt="Prophete"]){opacity:1}
.brand-logos img[alt="OLI"]{opacity:1}
.other-bike-logos li,.other-scooter-logos li{background:#101e2a;border:1px solid #203341;border-radius:9px}
.instant-tuning-brands{border-color:#305168;background:linear-gradient(115deg,#12283a,#173243 50%,#133039);box-shadow:inset 0 1px 0 #91d9eb0c}
.featured-brand-logos img{width:135px;height:38px;opacity:.96}
.brand-shine{opacity:.65}
.scooter-featured-logos{grid-template-columns:repeat(2,minmax(0,1fr));max-width:650px;margin-inline:auto}
.brand-logos .segway-ninebot-logo{flex-direction:column;gap:7px}
.brand-logos .segway-ninebot-logo img{width:auto;height:22px;max-width:135px;object-fit:contain;filter:none}
.other-scooter-logos{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:18px}
.scooter-instant-brands .brand-shine{animation-delay:-3s}
.brand-disclaimer{max-width:920px;padding:0 0 25px;color:#9bafbd;font-size:11px;line-height:1.85}
@media(max-width:700px){.brand-logos img{height:34px}.featured-brand-logos img{height:32px}.brand-logos .segway-ninebot-logo img{height:18px;max-width:100px}.other-scooter-logos{grid-template-columns:repeat(3,minmax(0,1fr))}.brand-disclaimer{font-size:10px;padding-bottom:22px}}
.brand-logos .segway-ninebot-logo{padding:4px 12px;gap:5px}
.brand-logos .segway-ninebot-logo img{flex:none;width:145px;max-width:100%;height:24px;object-fit:cover;object-position:center}
@media(max-width:700px){.brand-logos .segway-ninebot-logo{padding:4px 5px;gap:5px}.brand-logos .segway-ninebot-logo img{width:112px;height:21px}}

.brand-section-heading{display:flex;align-items:center;gap:15px;margin-bottom:9px}
.brand-heading-text{min-width:0;flex:1}
.brand-section-heading h2{margin:0;font-size:18px;line-height:1.5}
.mini-vehicle{width:94px;height:63px;flex:none;color:#72c9d0;background:radial-gradient(ellipse,#2d8ca51f,transparent 70%)}
.brand-group-scooter .mini-vehicle{color:#8db9ee}
.mini-vehicle svg{animation:mini-ride 5s ease-in-out infinite}
.vehicle-energy{stroke:var(--teal);animation:energy-glow 3s ease-in-out infinite}
.vehicle-trails{opacity:.45;stroke-dasharray:12;animation:trail-drift 2s linear infinite}
.rotating-highlights{width:100%;height:25px;margin-top:4px;position:relative;overflow:hidden;background:none;border:0;border-radius:0}
.tuning-highlight{position:absolute;inset:0;display:flex;align-items:center;font-size:12px;line-height:1.6;color:#91b5c5;opacity:0;animation:highlight-cycle 15s ease-in-out infinite}
.tuning-highlight strong{font-weight:600;color:#84d5d1}.tuning-highlight sup{color:#8aa5b9;margin-left:2px}
.brand-group-scooter .tuning-highlight strong{color:#9cbeec}
.highlight-time{animation-delay:-10s}.highlight-sport{animation-delay:-5s}
.brand-group-scooter .highlight-speed{animation-delay:-7.5s}.brand-group-scooter .highlight-time{animation-delay:-2.5s}.brand-group-scooter .highlight-sport{animation-delay:-12.5s}
.tuning-context{color:#9bb0bf;font-size:10px;line-height:1.7;margin:2px 0 18px}
.brand-disclaimer{max-width:1050px;font-size:11px}.brand-disclaimer p{margin:0 0 13px}.brand-disclaimer p:last-child{margin-bottom:0}.brand-disclaimer strong{color:#bfced9;font-weight:600}
@keyframes highlight-cycle{0%{opacity:0;transform:translateY(9px)}5%,27%{opacity:1;transform:translateY(0)}32%,100%{opacity:0;transform:translateY(-9px)}}
@keyframes mini-ride{0%,100%{transform:translateX(-2px) rotate(-1deg)}50%{transform:translateX(3px) rotate(1deg)}}
@keyframes energy-glow{0%,100%{opacity:.5}50%{opacity:1}}
@keyframes trail-drift{from{stroke-dashoffset:0}to{stroke-dashoffset:24}}
@media(max-width:1000px){.brand-section-heading{gap:12px}.mini-vehicle{width:72px;height:56px}.brand-section-heading h2{font-size:16px}}
@media(max-width:700px){.brand-section-heading{gap:12px;margin-bottom:10px}.brand-section-heading h2{font-size:16px}.mini-vehicle{width:65px;height:51px}.tuning-highlight{font-size:11px}.rotating-highlights{height:23px;margin-top:3px}.tuning-context{font-size:10px;margin-bottom:16px}.brand-disclaimer{font-size:10px}}
@media(prefers-reduced-motion:reduce){.rotating-highlights{height:auto;overflow:visible;display:grid;gap:4px}.tuning-highlight{position:static;opacity:1;transform:none;animation:none!important;font-size:11px}.mini-vehicle svg,.vehicle-energy,.vehicle-trails{animation:none!important}}

.portal-brands{display:flex;align-items:center;gap:24px;flex:none}
.portal-brand{display:flex;align-items:center;padding:10px 0}
.portal-brand img{display:block;object-fit:contain;max-width:100%;height:auto}
.portal-brand-ebike{width:155px}.portal-brand-escooter{width:190px}
.portal-brand-divider{height:25px;width:1px;background:#2c414f}
@media(max-width:1000px){.header-nav{gap:17px}.portal-brands{gap:18px}.portal-brand-ebike{width:140px}.portal-brand-escooter{width:172px}}
@media(max-width:700px){.portal-brands{gap:15px;flex:1}.portal-brand-ebike{width:115px}.portal-brand-escooter{width:141px}.portal-brand-divider{height:20px}.site-header{gap:12px}.header-nav{flex:none}.help-link{padding:7px}}
@media(max-width:370px){.portal-brands{gap:10px}.portal-brand-ebike{width:99px}.portal-brand-escooter{width:121px}.site-header{gap:8px}}
/* A light monochrome treatment keeps the official wordmarks, including .de, legible on dark surfaces. */
.portal-brand img{filter:brightness(0) invert(1);opacity:.9}

/* Connection symbols stay compact and wrap naturally with the instant-tuning caption. */
.instant-tuning-label{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 12px;line-height:1.5}
.tuning-connections{display:inline-flex;align-items:center;gap:9px;color:#a2dce1}
.connection-icon{display:block;width:26px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.bluetooth-icon{width:20px}
.tuning-platforms{font-weight:400;letter-spacing:.2px;color:#b9ced9}
@media(max-width:700px){.instant-tuning-label{gap:6px 10px}.tuning-platforms{flex-basis:100%}.connection-icon{width:23px;height:20px}.bluetooth-icon{width:18px}.tuning-connections{gap:6px}}

/* Two distinct interactive scenes, contained within the audience cards. */
.home-page .mobility-art,.home-page .earnings-art{height:260px;margin:0 0 20px;position:relative;flex:none;overflow:hidden;border-radius:15px}
.home-page .choice-card{min-height:560px}
.mobility-art svg{width:100%;height:100%;overflow:hidden}
.vehicle-duo{transform-origin:250px 180px;transition:transform .55s cubic-bezier(.2,.8,.2,1);animation:vehicle-idle 5s ease-in-out infinite}
.speed-world,.speed-readout,.speed-rocket{opacity:0;transition:opacity .35s}
.mobility-spark{animation:icon-float 4s ease-in-out infinite;transition:opacity .2s}
.speed-readout{transform:translateY(10px);transition:opacity .3s,transform .4s}
.passing-mountains{animation:mountains-pass 1.7s linear infinite;animation-play-state:paused;opacity:.42}
.passing-road{animation:road-pass .28s linear infinite;animation-play-state:paused;opacity:.5}
.speed-streaks{animation:streak-pass .5s linear infinite;animation-play-state:paused;opacity:.65}
.speed-rocket{animation:rocket-dash 1.8s ease-in-out infinite;animation-play-state:paused}
.rocket-flame{animation:flame-pulse .18s ease-in-out infinite alternate;transform-origin:391px 79px}
.customer-card:is(:hover,:focus-visible) .speed-world,.customer-card:is(:hover,:focus-visible) .speed-readout,.customer-card:is(:hover,:focus-visible) .speed-rocket{opacity:1}
.customer-card:is(:hover,:focus-visible) .speed-readout{transform:translateY(0)}
.customer-card:is(:hover,:focus-visible) .mobility-spark{opacity:0}
.customer-card:is(:hover,:focus-visible) .vehicle-duo{animation:none;transform:translate(-4px,22px) scale(.88)}
.customer-card:is(:hover,:focus-visible) :is(.passing-mountains,.passing-road,.speed-streaks,.speed-rocket){animation-play-state:running}
@keyframes vehicle-idle{0%,100%{translate:0 0}50%{translate:0 -5px}}
@keyframes mountains-pass{to{transform:translateX(-500px)}}
@keyframes road-pass{to{transform:translateX(-130px)}}
@keyframes streak-pass{from{transform:translateX(45px);opacity:0}35%{opacity:.65}to{transform:translateX(-75px);opacity:0}}
@keyframes rocket-dash{0%,100%{transform:translate(-3px,5px) rotate(-3deg)}50%{transform:translate(6px,-5px) rotate(2deg)}}
@keyframes flame-pulse{to{transform:scale(.8,1.2)}}

.earnings-art{container-type:inline-size;isolation:isolate}
.hub-orbits{position:absolute;inset:0;pointer-events:none}
.currency-core{position:absolute;left:50%;top:50%;width:80px;height:80px;transform:translate(-50%,-50%);border:1px solid #659fd078;border-radius:50%;background:radial-gradient(circle at 30% 25%,#326280,#18374e 70%);box-shadow:0 0 45px #55b6d01f,inset 0 0 18px #83d4ee12;z-index:2}
.currency-core::after{content:"";position:absolute;inset:-8px;border:1px solid #5e9ec02e;border-radius:50%;animation:hub-pulse 3s ease-out infinite}
.currency{position:absolute;inset:0;display:grid;place-items:center;font-size:49px;font-weight:600;line-height:1;color:#a4e9e1;opacity:0;animation:currency-morph 9s ease-in-out infinite}
.currency-dollar{animation-delay:-6s;color:#9bc7fa}.currency-ethereum{animation-delay:-3s;color:#c2d9f6}.currency-ethereum svg{width:29px;height:43px}
.hub-label{--x:0cqw;--y:0px;position:absolute;top:50%;left:50%;width:35%;max-width:175px;padding:4px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:13px;font-weight:600;line-height:1.4;color:#bed9ed;opacity:0;transform:translate(-50%,-50%) scale(.2);animation:independent-burst var(--burst-duration) cubic-bezier(.16,.8,.24,1) var(--burst-delay) infinite;text-wrap:balance;will-change:transform,opacity;pointer-events:none}
.hub-label svg{width:20px;height:20px;flex:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;color:#89dcd6}
.lane-nw{--x:-28cqw;--y:-73px}.lane-ne{--x:28cqw;--y:-73px;color:#a1e1d7}.lane-sw{--x:-28cqw;--y:73px;color:#9dbff0}.lane-se{--x:28cqw;--y:73px}
.lane-n{--y:-122px}.lane-s{--y:122px;width:48%;max-width:230px}.lane-w{--x:-34cqw;width:29%}.lane-e{--x:34cqw;width:29%}
.hub-particle{--x:-36cqw;--y:-65px;position:absolute;left:50%;top:50%;height:3px;width:3px;background:#8cc5f1;border-radius:50%;opacity:0;animation:hub-spark 3s ease-out infinite;pointer-events:none}
.particle-two{--x:34cqw;--y:70px;animation-delay:-.8s;background:#4ad5cc}.particle-three{--x:-29cqw;--y:78px;animation-delay:-1.6s}.particle-four{--x:33cqw;--y:-76px;animation-delay:-2.3s;background:#eb9c65}
@keyframes currency-morph{0%{opacity:0;transform:scale(.65) rotateY(-60deg);filter:blur(5px)}6%,27%{opacity:1;transform:scale(1) rotateY(0);filter:blur(0)}33%,100%{opacity:0;transform:scale(1.2) rotateY(70deg);filter:blur(5px)}}
@keyframes hub-spark{0%{opacity:0;transform:translate(0,0)}15%{opacity:.7}75%,100%{opacity:0;transform:translate(var(--x),var(--y))}}
@keyframes hub-pulse{0%{transform:scale(.95);opacity:.8}100%{transform:scale(1.35);opacity:0}}
@media(max-width:1000px){.hub-label{font-size:12px}.action-wave .hub-label{font-size:11px}.currency-core{width:70px;height:70px}.currency{font-size:43px}}
@media(max-width:700px){.home-page .choice-card{min-height:0}.home-page .mobility-art{height:215px;margin:12px -10px 12px}.home-page .earnings-art{height:250px;margin:10px -10px 12px}.hub-label{font-size:12px}.action-wave .hub-label{font-size:11px}.currency-core{width:70px;height:70px}}
@media(prefers-reduced-motion:reduce){.vehicle-duo{translate:0 0}.currency{display:none}.currency-euro{display:grid;opacity:1;transform:none;filter:none}.burst-wave{display:none}.wave-1,.action-wave{display:block}.hub-label{opacity:1;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y)));filter:none}.hub-particle{display:none}.currency-core::after{display:none}}

/* Each message has its own cadence and one of eight trajectories. */
.home-page .earnings-art{height:300px;margin-top:-20px;margin-bottom:0}
.hub-orbits{opacity:.65}
@keyframes independent-burst{
  0%{opacity:0;transform:translate(-50%,-50%) scale(.2);filter:blur(2px)}
  7%{opacity:1;filter:blur(0)}
  13%,33%{opacity:1;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(1);filter:blur(0)}
  44%,100%{opacity:0;transform:translate(calc(-50% + var(--x)*1.08),calc(-50% + var(--y)*1.08)) scale(.96);filter:blur(1px)}
}
@media(max-width:1000px){.hub-label{font-size:11px}.hub-label svg{width:18px;height:18px}}
@media(max-width:700px){.home-page .earnings-art{height:300px;margin:10px -10px 12px}.hub-label{font-size:11px}.lane-nw,.lane-ne{--y:-75px}.lane-sw,.lane-se{--y:75px}}
@media(prefers-reduced-motion:reduce){.hub-label{display:none;animation:none!important;filter:none;opacity:1;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y)))}.hub-benefits .hub-label:nth-child(-n+2),.hub-benefits .lane-sw,.hub-benefits .lane-ne{display:flex}}

/* Hover turns the animated currency hub into a stable business toolkit. */
.partner-actions{position:absolute;inset:18px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;opacity:0;visibility:hidden;transform:translateY(12px) scale(.97);transition:opacity .25s,transform .35s,visibility .25s;pointer-events:none}
.partner-action{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;padding:15px 17px;border:1px solid #375970;border-radius:12px;background:linear-gradient(135deg,#1c3a51,#142d43);box-shadow:inset 0 1px 0 #aedbef0b;transform:translateY(10px);transition:transform .4s;transition-delay:var(--entry-delay,0s)}
.partner-action.action-2{--entry-delay:.04s}.partner-action.action-3{--entry-delay:.08s}.partner-action.action-4{--entry-delay:.12s;border-color:#37605e;background:linear-gradient(135deg,#1b3c45,#16323b)}
.action-symbol{display:block;width:27px;height:27px;color:#80c7f1;margin-bottom:10px}.action-3 .action-symbol{color:#69d3d0}.action-4 .action-symbol{color:#97d6af}
.action-symbol svg{width:100%;height:100%;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.action-index{position:absolute;top:16px;right:16px;font-size:10px;letter-spacing:1px;color:#738fa4}
.partner-action strong{font-size:14px;font-weight:600;line-height:1.4;color:#dfedf6}
.action-detail{font-size:11px;line-height:1.5;color:#9fb9cc;margin-top:3px}
.partner-card:is(:hover,:focus-visible) :is(.hub-orbits,.currency-core,.hub-benefits,.hub-particle){visibility:hidden;opacity:0}
.partner-card:is(:hover,:focus-visible) .partner-actions{visibility:visible;opacity:1;transform:none}
.partner-card:is(:hover,:focus-visible) .partner-action{transform:none}
@media(max-width:1000px){.partner-action{padding:12px}.partner-action strong{font-size:12px}.action-detail{font-size:10px}.action-symbol{width:24px;height:24px}.action-index{right:12px}}
@media(max-width:700px){.partner-actions{gap:9px;inset:15px 0}.partner-action{padding:12px}.partner-action strong{font-size:12px}.action-detail{font-size:10px}}

.action-optional{display:inline-block;margin-left:4px;font-size:9px;font-weight:400;line-height:1.5;color:#a1bbc9;vertical-align:middle}


/* Category introductions sit beside their logo collections at every screen size. */
.brand-overview{gap:36px}
.brand-group{display:grid;grid-template-columns:minmax(210px,.85fr) minmax(0,2fr);align-items:center;gap:38px}
.brand-group+.brand-group{border-top:1px solid var(--line);padding-top:36px}
.brand-category-intro,.brand-category-logos{min-width:0}
.brand-category-intro .brand-section-heading{flex-direction:column;align-items:flex-start;gap:16px;margin:0}
.brand-category-intro .mini-vehicle{width:125px;height:80px}
.brand-category-intro .brand-heading-text{width:100%}
.brand-category-intro h2{font-size:23px;line-height:1.4;letter-spacing:-.45px;text-wrap:balance}
.brand-category-intro .rotating-highlights{margin-top:9px;height:27px}
.brand-category-intro .tuning-context{margin:16px 0 0;max-width:260px;font-size:10px;line-height:1.8;color:#8ea7b8}
.brand-category-logos .instant-tuning-brands{padding:15px 18px 18px}
.brand-category-logos .featured-brand-logos{gap:12px}
.brand-category-logos .featured-brand-logos li{padding:10px 6px;height:57px}
.brand-category-logos .brand-logos img{max-width:100%}
.brand-category-logos .other-bike-logos,.brand-category-logos .other-scooter-logos{gap:9px;margin-top:12px}
.brand-category-logos .other-bike-logos li,.brand-category-logos .other-scooter-logos li{height:59px;padding:10px}
.brand-category-logos .instant-tuning-label{font-size:11px;gap:5px 10px;letter-spacing:.25px}
@media(max-width:1000px){.brand-group{grid-template-columns:minmax(180px,.8fr) minmax(0,1.6fr);gap:24px}.brand-category-intro h2{font-size:20px}.brand-category-logos .other-bike-logos,.brand-category-logos .other-scooter-logos{grid-template-columns:repeat(3,minmax(0,1fr))}.brand-category-logos .featured-brand-logos{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-category-logos .tuning-platforms{flex-basis:100%}}
@media(max-width:700px){.brand-group{grid-template-columns:minmax(0,.85fr) minmax(0,1.5fr);gap:18px;align-items:start}.brand-group+.brand-group{padding-top:28px}.brand-category-intro{padding-top:8px}.brand-category-intro .mini-vehicle{width:90px;max-width:100%;height:65px}.brand-category-intro h2{font-size:16px;letter-spacing:-.2px;text-wrap:initial}.brand-category-intro .brand-section-heading{gap:12px}.brand-category-intro .rotating-highlights{height:42px;margin-top:8px}.brand-category-intro .tuning-highlight{align-items:flex-start;font-size:10px;line-height:1.6}.brand-category-intro .tuning-context{margin-top:10px;font-size:9px}.brand-category-logos .instant-tuning-brands{padding:10px 9px 13px}.brand-category-logos .featured-brand-logos{gap:5px}.brand-category-logos .featured-brand-logos li{height:46px;padding:7px 2px}.brand-category-logos .brand-logos img{height:25px}.brand-category-logos .other-bike-logos,.brand-category-logos .other-scooter-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.brand-category-logos .other-bike-logos li,.brand-category-logos .other-scooter-logos li{height:47px;padding:7px}.brand-category-logos .brand-logos img:is([alt="Xiaomi"],[alt="OLI"]){height:36px}.brand-category-logos .segway-ninebot-logo{gap:4px}.brand-category-logos .segway-ninebot-logo img{height:14px;object-fit:contain}.brand-category-logos .instant-tuning-label{font-size:10px;line-height:1.5;margin-top:7px;gap:6px}.brand-category-logos .instant-tuning-label>span:first-child{flex-basis:100%}.brand-category-logos .tuning-platforms{font-size:10px}.brand-category-logos .tuning-connections{gap:7px}.brand-category-logos .connection-icon{height:17px;width:20px}.brand-category-logos .bluetooth-icon{width:15px}}
@media(max-width:370px){.brand-group{gap:12px}.brand-category-intro h2{font-size:14px}}
@media(prefers-reduced-motion:reduce){.brand-category-intro .rotating-highlights{height:auto}.brand-category-intro .tuning-highlight{position:static}}

/* Stack the category overview on phones; retain the two-column desktop layout. */
@media(max-width:700px){
  .brand-group{grid-template-columns:minmax(0,1fr);gap:18px}
  .brand-category-intro{padding-top:0}
  .brand-category-intro .brand-section-heading{flex-direction:row;align-items:center;gap:13px}
  .brand-category-intro .mini-vehicle{width:70px;height:55px}
  .brand-category-intro .brand-heading-text{width:auto}
  .brand-category-intro h2{font-size:16px;line-height:1.5}
  .brand-category-intro .rotating-highlights{height:24px;margin-top:4px}
  .brand-category-intro .tuning-highlight{align-items:center;font-size:11px}
  .brand-category-intro .tuning-context{max-width:none;margin-top:9px;font-size:10px;line-height:1.7}
  .brand-category-logos .instant-tuning-brands{padding:13px 17px 17px}
  .brand-category-logos .featured-brand-logos{gap:6px 16px}
  .brand-category-logos .featured-brand-logos li{height:57px;padding:10px 8px}
  .brand-category-logos .brand-logos img{height:32px}
  .brand-category-logos .other-bike-logos,.brand-category-logos .other-scooter-logos{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .brand-category-logos .other-bike-logos li,.brand-category-logos .other-scooter-logos li{height:59px;padding:10px}
  .brand-category-logos .brand-logos img:is([alt="Xiaomi"],[alt="OLI"]){height:45px}
  .brand-category-logos .segway-ninebot-logo img{height:20px}
  .brand-category-logos .instant-tuning-label{font-size:11px;gap:6px 10px}
  .brand-category-logos .instant-tuning-label>span:first-child{flex-basis:auto}
  .brand-category-logos .tuning-platforms{font-size:11px}
  .brand-category-logos .connection-icon{height:20px;width:23px}
  .brand-category-logos .bluetooth-icon{width:18px}
}
@media(max-width:700px) and (prefers-reduced-motion:reduce){.brand-category-intro .rotating-highlights{height:auto}}

/* Prominent audience calls to action, with room for longer mobile labels. */
.home-page .card-bottom{font-size:18px;line-height:1.45;gap:14px;font-weight:600}
.home-page .card-bottom>span:first-child{min-width:0;text-wrap:balance}
.home-page .card-bottom .round-arrow{flex-shrink:0}
@media(max-width:1000px){.home-page .card-bottom{font-size:16px}}
@media(max-width:700px){.home-page .card-bottom{font-size:17px}}

/* Partner page: clear entry points, four sales options, and one network diagram. */
.partner-page{padding-bottom:34px}
.partner-welcome{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,1fr);gap:24px;align-items:stretch}
.partner-pitch{padding:36px 38px;border:1px solid #2b4b61;border-radius:20px;background:radial-gradient(ellipse at 100% 0%,#245a6738,transparent 65%),linear-gradient(130deg,#122c3b,#122237)}
.partner-pitch h1{font-size:clamp(36px,4.6vw,60px);line-height:1.12;letter-spacing:-2px;font-weight:600;margin:23px 0 20px}.partner-pitch h1>span{color:#73d9d2}
.partner-pitch>p{max-width:490px;font-size:15px;line-height:1.8;color:#b4c9d7;margin:0}
.partner-audiences{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 28px}.partner-audiences span{font-size:10px;letter-spacing:.3px;color:#b1d4df;border:1px solid #375361;border-radius:5px;padding:4px 9px;background:#12314166}
.partner-register{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;padding:15px 19px;border:1px solid #72d9d2;border-radius:10px;background:#72d9d2;color:#0a2734;font-size:15px;font-weight:800;line-height:1.5;transition:background .2s,transform .2s}.partner-register:hover{background:#a0eee5;transform:translateY(-2px)}.partner-register>span{font-size:23px;line-height:1}
.member-login{display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;padding:30px;border:1px solid #324c68;border-radius:20px;background:radial-gradient(ellipse at 50% 20%,#29537855,transparent 65%),#122237;transition:border-color .2s,background .2s}.member-login:hover{border-color:#81b9ea;background-color:#172e46}
.member-visual{height:180px;position:relative;display:grid;place-items:center;margin-bottom:auto;color:#91bdf0}.member-key{display:block;width:76px;height:76px;padding:22px;background:#204562;border:1px solid #47738e;border-radius:21px;transform:rotate(-10deg);box-shadow:0 8px 30px #020e1933}.member-key svg{transform:rotate(10deg)}
.member-orbit{position:absolute;border:1px solid #42678955;border-radius:50%;width:146px;height:146px}.orbit-outer{width:207px;height:156px;transform:rotate(-28deg);border-style:dashed;opacity:.6}.member-spark{position:absolute;top:36px;right:21%;font-size:22px;color:#6bd6d1;animation:icon-float 5s ease-in-out infinite}
.member-caption{font-size:13px;color:#a3bbd1;margin-top:24px}.member-login-title{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:38px;font-weight:600;letter-spacing:-1px;line-height:1.3;margin:6px 0}.member-login-title>span{font-size:29px;color:#8abcf2}.member-note{font-size:12px;color:#8faac0}
.partner-ways{margin:43px 0 28px}.partner-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:20px}.partner-section-title h2{font-size:25px;font-weight:600;letter-spacing:-.6px;margin:0}.partner-section-title p{font-size:12px;color:#91aabb;margin:0}
.partner-way-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.partner-way{position:relative;padding:23px 20px;border:1px solid #293f52;border-radius:14px;background:#101f2d}.way-icon{display:block;width:40px;height:40px;padding:10px;border:1px solid #355970;border-radius:11px;background:#173448;color:#89c6ef;margin-bottom:24px}.partner-way:nth-child(odd) .way-icon{color:#6cd6cf;background:#15393f;border-color:#2d585f}.way-tag{position:absolute;top:26px;right:16px;font-size:8px;letter-spacing:1px;color:#8fa9bb}
.partner-way h3{font-size:18px;line-height:1.35;font-weight:600;letter-spacing:-.3px;min-height:49px;margin:0 0 12px}.partner-way p{font-size:12px;line-height:1.8;color:#a5bbcb;margin:0}
.partner-network{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:45px;padding:33px 38px;background:linear-gradient(120deg,#142b3b,#112b32);border:1px solid #2c505e;border-radius:17px}
.network-copy h2{font-size:34px;line-height:1.25;letter-spacing:-1px;font-weight:600;margin:17px 0}.network-copy h2>span{color:#83d6ce}.network-copy p{max-width:355px;margin:0;font-size:14px;line-height:1.8;color:#b0c7d4}
.network-flow{max-width:340px;width:100%;margin:auto;text-align:center}.flow-person,.flow-affiliates{display:flex;align-items:center;justify-content:center;gap:12px;margin:auto;border:1px solid #416778;background:#183747;border-radius:10px;padding:12px 19px;width:max-content;max-width:100%}.flow-person{background:#245268;border-color:#547f90}.flow-person>[data-icon],.flow-affiliates>[data-icon]{display:block;width:21px;height:21px;color:#87d8dc}.flow-person strong,.flow-affiliates strong{font-size:13px;font-weight:600}
.flow-connector{width:1px;height:20px;background:#477a87;margin:auto}.flow-branches{height:22px;width:54%;border:1px solid #477a87;border-bottom:0;border-radius:8px 8px 0 0;margin:17px auto 0;position:relative}.flow-branches::before{content:"";position:absolute;left:50%;top:-18px;height:17px;width:1px;background:#477a87}
.flow-transactions{display:flex;justify-content:space-between;gap:12px}.flow-transactions>span{display:flex;align-items:center;justify-content:center;gap:9px;flex:1;padding:10px;border:1px solid #345565;border-radius:8px;color:#b8d5df;background:#16313f;font-size:12px}.flow-transactions [data-icon]{display:block;width:18px;height:18px;color:#89bedf}
.flow-return{margin-top:13px;font-size:12px;font-weight:600;color:#9bd6b7}.flow-return>span{margin-right:6px;font-size:20px}
.partner-start{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:31px 0 6px}.partner-start h2{font-size:21px;font-weight:600;letter-spacing:-.4px;margin:0 0 6px}.partner-start p{font-size:12px;color:#96afc0;margin:0}.partner-start .partner-register{flex:none}
@media(max-width:1000px){.partner-welcome{grid-template-columns:minmax(0,1.5fr) minmax(220px,1fr);gap:18px}.partner-pitch{padding:28px}.partner-pitch h1{font-size:44px}.partner-pitch>p{font-size:14px}.member-login{padding:24px}.member-login-title{font-size:32px}.partner-way-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.partner-way h3{min-height:0}.partner-network{padding:28px;gap:25px}.network-copy h2{font-size:29px}.partner-section-title{align-items:flex-start;flex-direction:column;gap:5px}.partner-register{font-size:13px;gap:18px}}
@media(max-width:700px){.partner-welcome{grid-template-columns:minmax(0,1fr);gap:15px}.partner-pitch{padding:27px 23px}.partner-pitch h1{font-size:39px;letter-spacing:-1.5px}.partner-pitch>p{font-size:13px}.partner-audiences{gap:6px}.partner-audiences span{font-size:9px;padding:4px 7px}.partner-register{width:100%;font-size:13px;padding:13px 15px}.member-login{padding:23px 24px;min-height:151px}.member-visual{position:absolute;right:13px;top:11px;width:125px;height:125px;margin:0;opacity:.7}.member-key{width:54px;height:54px;padding:15px}.member-orbit{width:94px;height:94px}.orbit-outer{width:125px;height:104px}.member-spark{top:8px;right:12%;font-size:15px}.member-caption{margin-top:0}.member-login-title{font-size:34px;width:61%;position:relative;z-index:1}.member-note{font-size:11px}.partner-ways{margin-top:30px}.partner-section-title h2{font-size:23px}.partner-way-grid{gap:10px}.partner-way{padding:18px 14px}.way-icon{width:35px;height:35px;padding:8px;margin-bottom:19px}.way-tag{position:static;display:block;font-size:7px;margin:-10px 0 10px}.partner-way h3{font-size:16px;line-height:1.4}.partner-way p{font-size:11px;line-height:1.7}.partner-network{grid-template-columns:1fr;gap:27px;padding:26px 23px}.network-copy h2{font-size:29px}.network-copy p{font-size:13px}.partner-start{flex-direction:column;align-items:stretch;gap:18px;padding-top:25px}.partner-start h2{font-size:21px}.partner-start p{font-size:12px}.partner-page{padding-bottom:28px}}
@media(max-width:370px){.partner-pitch h1{font-size:34px}.partner-way-grid{grid-template-columns:1fr}.partner-way{padding:20px}.partner-way .way-tag{position:absolute;top:28px;right:20px;margin:0}.partner-way p{font-size:12px}.partner-way h3{font-size:18px}}


/* A quieter brand overview: open logo rows and generous separation. */
.home-page .brand-overview{margin-top:80px;padding-top:0;border-top:0;gap:76px}
.home-page .brand-group{gap:58px}
.home-page .brand-group+.brand-group{border-top:0;padding-top:0}
.home-page .brand-category-intro .mini-vehicle{width:104px;height:70px;opacity:.8;background:none}
.home-page .brand-category-intro .brand-section-heading{gap:19px}
.home-page .brand-category-intro h2{font-size:21px;line-height:1.5;font-weight:600;color:#bbcedc}
.home-page .brand-category-intro .rotating-highlights{margin-top:12px}
.home-page .brand-category-logos .instant-tuning-brands{padding:20px 22px 22px;border:0;border-radius:12px;box-shadow:none;background:linear-gradient(110deg,#12263188,#142d3977,#132e3277)}
.home-page .instant-tuning-brands::after{display:none}
.home-page .brand-shine{opacity:.3;animation-duration:9s}
.home-page .brand-category-logos .featured-brand-logos{gap:18px}
.home-page .brand-category-logos .featured-brand-logos li{height:60px;padding:11px 8px}
.home-page .brand-category-logos .featured-brand-logos img{width:112px;height:31px;opacity:.94}
.home-page .brand-category-logos .other-bike-logos,.home-page .brand-category-logos .other-scooter-logos{gap:14px 22px;margin-top:28px}
.home-page .brand-category-logos .other-bike-logos li,.home-page .brand-category-logos .other-scooter-logos li{height:59px;padding:12px 8px;border:0;border-radius:0;background:transparent}
.home-page .brand-category-logos .other-bike-logos img,.home-page .brand-category-logos .other-scooter-logos img{width:102px;height:29px;opacity:.85}
.home-page .brand-category-logos .brand-logos img:is([alt="Xiaomi"],[alt="OLI"]){height:43px}
.home-page .brand-category-logos .segway-ninebot-logo{gap:5px}
.home-page .brand-category-logos .segway-ninebot-logo img{width:128px;height:21px}
.home-page .brand-category-logos .instant-tuning-label{margin-top:12px;font-weight:400;color:#8dc3c6;gap:6px 12px}
.home-page .tuning-connections{color:#8db7c5}
.home-page .tuning-platforms{color:#9cb2c0}
.brand-overview-note{color:#91a7b7;font-size:10px;line-height:1.8;margin:42px 0 0;max-width:800px}
@media(max-width:1000px){.home-page .brand-group{gap:35px}.home-page .brand-category-intro h2{font-size:19px}.home-page .brand-category-logos .other-bike-logos,.home-page .brand-category-logos .other-scooter-logos{gap:14px}}
@media(max-width:700px){.home-page .brand-overview{margin-top:52px;gap:54px}.home-page .brand-group{gap:24px}.home-page .brand-category-intro .brand-section-heading{gap:15px}.home-page .brand-category-intro .mini-vehicle{width:67px;height:54px}.home-page .brand-category-intro h2{font-size:16px}.home-page .brand-category-intro .rotating-highlights{margin-top:5px}.home-page .brand-category-logos .instant-tuning-brands{padding:16px 16px 20px}.home-page .brand-category-logos .featured-brand-logos{gap:12px 20px}.home-page .brand-category-logos .featured-brand-logos li{height:53px;padding:8px 5px}.home-page .brand-category-logos .featured-brand-logos img{height:29px}.home-page .brand-category-logos .other-bike-logos,.home-page .brand-category-logos .other-scooter-logos{gap:15px 12px;margin-top:24px}.home-page .brand-category-logos .other-bike-logos li,.home-page .brand-category-logos .other-scooter-logos li{height:52px;padding:9px 5px}.home-page .brand-category-logos .other-bike-logos img,.home-page .brand-category-logos .other-scooter-logos img{height:26px}.home-page .brand-category-logos .segway-ninebot-logo img{height:19px}.brand-overview-note{margin-top:30px;font-size:10px}}

/* Open partner constellation and revenue schematics. */
.partner-intro{text-align:center;padding:18px 0 0}.partner-intro .eyebrow{justify-content:center;font-size:9px;letter-spacing:1.4px}
.partner-intro h1{font-size:42px;line-height:1.25;letter-spacing:-1.4px;font-weight:600;margin:18px 0 13px}.partner-intro h1 span{color:#78d3ce}.partner-intro>p{font-size:14px;color:#9fb7c8;margin:0}
.partner-constellation{position:relative;max-width:900px;height:425px;margin:36px auto 52px}
.constellation-lines{position:absolute;inset:0;width:100%;height:100%;color:#2b485a;opacity:.6;pointer-events:none}
.portal-entry{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;z-index:1;width:210px;background:radial-gradient(ellipse,#080f18 45%,#080f1800 72%);padding:12px 0}
.entry-register{display:flex;align-items:center;justify-content:center;gap:22px;padding:12px 17px;background:#75d5ce;color:#0b2935;border:1px solid #81dfd7;border-radius:8px;font-size:13px;font-weight:800;line-height:1.4;transition:background .2s}.entry-register:hover{background:#a3eae4}.entry-register>span{font-size:20px;line-height:1}
.entry-caption{font-size:10px;color:#8fa9bc;margin:14px 0 2px}.entry-login{font-size:18px;font-weight:600;color:#c9dff1;display:flex;align-items:center;gap:17px}.entry-login>span{color:#7daee0;font-size:17px}.entry-login:hover{color:#80d8d3}
.partner-satellite{position:absolute;width:230px;text-align:center}.partner-satellite>[data-icon]{display:block;width:28px;height:28px;margin:0 auto 12px;color:#86bbeb}.partner-satellite h2{font-size:16px;line-height:1.45;font-weight:600;letter-spacing:-.2px;margin:0 0 5px;color:#c6dce9}.partner-satellite p{font-size:11px;color:#8ea9bc;line-height:1.5;margin:0}.satellite-optional{color:#7895a5}
.satellite-shop{left:50%;top:0;transform:translateX(-50%)}.satellite-shop>[data-icon]{color:#74d4cc}.satellite-connect{left:0;top:125px}.satellite-links{right:0;top:125px}.satellite-codes{left:12%;bottom:0}.satellite-fulfillment{right:12%;bottom:0}.satellite-fulfillment>[data-icon]{color:#8ac4a9}
.open-network{padding:38px 0 25px;border-top:1px solid #213342}.open-network-heading h2{font-size:27px;letter-spacing:-.7px;line-height:1.4;font-weight:600;margin:0 0 8px}.open-network-heading>p{font-size:13px;color:#96afc1;margin:0}
.network-schematics{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;margin-top:35px;align-items:start}.network-schematics figure{min-width:0;margin:0}.network-schematics figcaption{font-size:13px;font-weight:600;color:#b9d1e0;margin-bottom:20px;display:flex;align-items:center;gap:12px}.network-schematics figcaption>span{font-size:9px;font-weight:400;color:#7e9cae;letter-spacing:1px}
.affiliate-pyramid>svg{width:100%;height:auto}.network-schematics figure>p{font-size:11px;line-height:1.7;color:#8faabb;margin:15px 0 0}
.revenue-schematic{padding-top:0}.revenue-sources{display:flex;gap:20px;justify-content:center;margin-top:34px}.revenue-sources>span{display:flex;align-items:center;gap:9px;color:#bfd5e2;font-size:13px}.revenue-sources [data-icon]{display:block;width:21px;height:21px;color:#7fbbd7}.revenue-arrow{text-align:center;color:#426979;font-size:24px;height:38px}.revenue-center{text-align:center;color:#92d4d0;font-size:14px;font-weight:600;padding:6px 0}
.revenue-split{position:relative;width:52%;height:22px;margin:17px auto 0;border:1px solid #355465;border-bottom:0;border-radius:7px 7px 0 0}.revenue-split:before{content:"";position:absolute;top:-18px;left:50%;width:1px;height:18px;background:#355465}
.revenue-destinations{display:grid;grid-template-columns:1fr 1fr;text-align:center;gap:16px}.revenue-destinations strong{display:block;font-size:13px;font-weight:600;color:#aad8bd}.revenue-destinations span{display:block;font-size:10px;color:#87a4b7;margin-top:4px}.revenue-schematic>p{text-align:center;margin-top:28px!important}
@media(max-width:1000px){.partner-intro h1{font-size:36px}.partner-constellation{height:425px}.partner-satellite{width:190px}.partner-satellite h2{font-size:14px}.satellite-codes{left:8%}.satellite-fulfillment{right:8%}.network-schematics{gap:35px;grid-template-columns:1.1fr 1fr}.open-network-heading h2{font-size:25px}}
@media(max-width:700px){.partner-intro{padding-top:10px}.partner-intro .eyebrow{max-width:285px;margin:auto;font-size:8px;line-height:1.7}.partner-intro h1{font-size:32px;letter-spacing:-1px;max-width:340px;margin:16px auto 12px}.partner-intro>p{font-size:12px;max-width:300px;margin:auto}.partner-constellation{height:480px;margin:32px auto 39px}.constellation-lines{display:none}.portal-entry{top:56%;width:200px}.entry-register{font-size:12px;padding:12px 16px}.entry-login{font-size:18px}.partner-satellite{width:46%}.partner-satellite h2{font-size:13px;line-height:1.45}.partner-satellite p{font-size:10px}.partner-satellite>[data-icon]{width:25px;height:25px;margin-bottom:9px}.satellite-shop{width:70%}.satellite-connect,.satellite-links{top:116px}.satellite-codes{left:0;bottom:0}.satellite-fulfillment{right:0;bottom:0}.open-network{padding-top:27px}.open-network-heading h2{font-size:24px}.open-network-heading>p{font-size:12px}.network-schematics{grid-template-columns:1fr;gap:35px;margin-top:28px}.network-schematics figcaption{margin-bottom:13px}.network-schematics figure>p{font-size:11px}.revenue-schematic{padding-top:20px;border-top:1px solid #1a2e3b}.revenue-sources{margin-top:23px}.revenue-schematic>p{max-width:300px;margin-inline:auto}.partner-page{padding-bottom:25px}}

/* Shared brand footer and a focused partner-page header. */
body:has(#page-partner:not([hidden])) .header-nav{display:none}
.footer-brands{display:flex;align-items:center;gap:16px;flex-shrink:0}
.footer-brands a{display:block;width:116px;padding:8px 0}.footer-brands a:last-child{width:142px}
.footer-brands img{display:block;width:100%;height:auto;filter:brightness(0) invert(1);opacity:.75}
.footer-brands>span{width:1px;height:18px;background:#263b49}
.footer-brands a:hover img{opacity:1}
@media(max-width:700px){.site-footer{gap:14px;padding-top:24px}.footer-brands{flex-basis:100%;gap:15px}.footer-brands a{width:105px}.footer-brands a:last-child{width:129px}.site-footer nav{margin-left:0}.copyright{line-height:1.6}}

/* Sequential Sankey split; the affiliate stream carries the orange emphasis. */
.network-schematics{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px}
.network-schematics figure>svg{display:block;width:100%;height:auto;aspect-ratio:660 / 370}
.network-schematics figure>p{margin-top:12px}
.revenue-sankey{display:block;width:100%;height:auto;overflow:visible}
.sankey-labels{font:14px Manrope,Arial,sans-serif;fill:#bad0dd}
.sankey-label-strong{font-weight:600;fill:#d8e9f0}
.sankey-labels .sankey-affiliate-label{font-size:17px;font-weight:800;fill:#ffc58a}
.sankey-labels .sankey-optional-label{font-size:12px;fill:#ab947e}
.sankey-stream{opacity:.85}.sankey-manufacturer{opacity:.8}.sankey-vat{opacity:.7}
.affiliate-flow-shine{animation:affiliate-stream-shine 3.6s ease-in-out infinite;pointer-events:none}
@keyframes affiliate-stream-shine{0%,15%{transform:translateX(-65px);opacity:0}25%{opacity:.75}70%{opacity:.75}85%,100%{transform:translateX(225px);opacity:0}}
.revenue-schematic.sankey-figure>p{text-align:left;margin:12px 0 0!important;font-size:10px;color:#8da6b6}
@media(max-width:1000px){.network-schematics{gap:28px;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.network-schematics{grid-template-columns:1fr;gap:30px}.sankey-labels{font-size:19px}.sankey-labels .sankey-affiliate-label{font-size:22px}.sankey-labels .sankey-optional-label{font-size:17px}.revenue-schematic.sankey-figure>p{font-size:10px}}
@media(prefers-reduced-motion:reduce){.affiliate-flow-shine{display:none}}

/* Two distinct, tactile calls to action at the centre of the partner options. */
.portal-entry{width:246px;padding:0;gap:12px;border:0;border-radius:12px;overflow:visible;background:var(--paper);box-shadow:none}
.portal-entry>a{width:100%;cursor:pointer;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}
.portal-entry .entry-register{min-height:60px;padding:15px 18px;border:1px solid #a2f1e7;border-radius:10px;background:#76e0d2;color:#082c32;font-size:16px;font-weight:800;box-shadow:0 4px 0 #287d78,0 8px 22px #44d1c51c}
.portal-entry .entry-register>span{display:grid;place-items:center;width:27px;height:27px;border-radius:6px;background:#083e3e13;font-size:21px}
.portal-entry .entry-register:hover{background:#a0f2e5;border-color:#c8fff5;transform:translateY(-2px);box-shadow:0 6px 0 #287d78,0 10px 26px #44d1c52b}
.portal-entry .entry-login{display:flex;flex-direction:column;gap:3px;min-height:77px;padding:11px 18px 13px;border:2px solid #78a9d6;border-radius:10px;background:transparent;line-height:1.4;box-shadow:0 3px 0 #25435e}
.portal-entry .entry-caption{margin:0;font-size:11px;font-weight:400;color:#a7bfd2}
.portal-entry .entry-login-label{display:flex;align-items:center;justify-content:center;gap:24px;font-size:19px;font-weight:800;color:#d9ecff}
.entry-login-label>span{font-size:21px;color:#96caff}
.portal-entry .entry-login:hover{border-color:#b1d8ff;background:#81b9ed0d;transform:translateY(-2px);box-shadow:0 5px 0 #25435e}
.portal-entry>a:focus-visible{outline:3px solid #ecf8ff;outline-offset:5px}
.portal-entry>a:active{transform:translateY(2px);box-shadow:none}
@media(max-width:700px){.portal-entry{top:61%;width:220px;gap:11px}.portal-entry .entry-register{font-size:14px;padding:12px 14px;min-height:56px}.portal-entry .entry-login{min-height:73px;padding:10px 14px 12px}}
@media(prefers-reduced-motion:reduce){.portal-entry>a{transition:none}.portal-entry>a:hover,.portal-entry>a:active{transform:none}}

/* Legacy-shop chat: the storefront's speech-bubble button, inline with order help. */
.legacy-support h2{max-width:660px;line-height:1.45}
.legacy-chat-trigger{display:inline-flex;align-items:center;gap:10px;padding:13px 18px;border-radius:999px;border:1px solid #354653;background:#111;color:#fff;box-shadow:0 6px 20px #0003;font:600 14px/1.15 system-ui,sans-serif;text-align:left;flex-shrink:0;transition:transform .15s,background .15s}
.legacy-chat-trigger:hover{transform:translateY(-1px);background:#1b242b}.legacy-chat-trigger:focus-visible{outline:2px solid #7bd5d1;outline-offset:4px}
.legacy-chat-trigger>svg{width:20px;height:20px;flex-shrink:0}.legacy-chat-trigger>span{display:flex;flex-direction:column}
.legacy-chat-dialog h2{margin:25px 0 18px}.legacy-chat-shops{display:grid;gap:10px}
body:has(.legacy-chat-dialog[open]){overflow:hidden}
@media(max-width:700px){.legacy-support h2{font-size:18px}}

/* Shop logos retain their original colours on a quiet, neutral surface. */
.dealer-visual.has-logo{background:#edf1f3}
.dealer-visual.has-logo:before,.dealer-visual.has-logo:after{display:none}
.dealer-logo{display:none;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:12px;box-sizing:border-box}
.dealer-visual.has-logo .dealer-logo{display:block}

.partner-portal-route{display:flex;justify-content:center;padding:16px 0 34px}
.partner-portal-route .partner-register{width:auto;min-width:200px;justify-content:space-between}

.dealer-card{cursor:pointer;transition:border-color .18s,background .18s,box-shadow .18s}
.dealer-card:hover,.dealer-card:focus-visible{border-color:#69c9c2;background:#142735;box-shadow:0 6px 22px #0003}
.dealer-card:hover .dealer-shop-link,.dealer-card:focus-visible .dealer-shop-link{color:var(--teal)}
@media(prefers-reduced-motion:reduce){.dealer-card{transition:none}}

/* Original shop photography, with space to breathe below the brand overview. */
.product-gallery{margin:76px 0 55px;padding-top:40px;border-top:1px solid var(--line)}
.product-gallery-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px}
.product-gallery-heading h2{font-size:27px;font-weight:600;letter-spacing:-.7px;line-height:1.3;margin:0}
.product-gallery-heading>a{display:inline-flex;align-items:center;gap:15px;color:var(--teal);font-size:12px;font-weight:600;white-space:nowrap}
.product-gallery-heading>a:hover{color:#b6fff1}
.product-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 26px}
.product-gallery-item{margin:0;min-width:0}
.product-gallery-image{aspect-ratio:3 / 4;border-radius:12px;overflow:hidden;background:#13212d}
.product-gallery-image img{display:block;width:100%;height:100%;object-fit:contain}
.product-gallery-item figcaption{padding:15px 0 0}
.product-gallery-item figcaption>span{color:#8fa9bc;font-size:10px;letter-spacing:.3px}
.product-gallery-item h3{font-size:16px;line-height:1.5;font-weight:600;margin:4px 0 0;color:#d8e9f3}
@media(max-width:700px){.product-gallery{margin:52px 0 35px;padding-top:28px}.product-gallery-heading{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:24px}.product-gallery-heading h2{font-size:23px}.product-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 14px}.product-gallery-image{border-radius:8px}.product-gallery-item figcaption{padding-top:10px}.product-gallery-item h3{font-size:13px}.product-gallery-item figcaption>span{font-size:9px}}

.product-gallery-image{position:relative}
.product-gallery-image .product-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.25s ease;pointer-events:none}
.product-gallery-image .product-slide.is-active{opacity:1}
.product-gallery-item{position:relative}
.product-gallery-dots{display:flex;justify-content:center;gap:2px;height:26px;margin:7px 0 -6px}
.product-gallery-dots button{display:grid;place-items:center;width:26px;height:26px;border-radius:50%}
.product-gallery-dots button:before{content:"";width:5px;height:5px;border-radius:50%;background:#506879;transition:background .2s,transform .2s}
.product-gallery-dots button[aria-pressed="true"]:before{background:var(--teal);transform:scale(1.3)}
.product-gallery-dots button:hover:before{background:#b2ede8}
.product-gallery-dots button:disabled{opacity:.25;cursor:default}
.product-gallery-actions{display:flex;align-items:center;gap:18px}
.product-gallery-actions>a{display:inline-flex;align-items:center;gap:15px;color:var(--teal);font-size:12px;font-weight:600;white-space:nowrap}
.gallery-motion-toggle{display:grid;place-items:center;border:1px solid #355061;border-radius:50%;width:32px;height:32px;color:#bddbe6;font-size:14px}
.gallery-motion-toggle:hover{background:#18303b;border-color:#75c6c1}
@media(prefers-reduced-motion:reduce){.product-gallery-image .product-slide,.product-gallery-dots button:before{transition:none}}

.portal-company-brand{font-size:25px;font-weight:600;letter-spacing:-.6px;color:var(--ink)}

/* Product range is independent of the bike/scooter categories. */
.dealer-range-badge{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;max-width:100%;font-size:11px;font-weight:600;line-height:1.4;padding:6px 10px;border:1px solid;border-radius:6px;margin-top:5px}
.dealer-range-badge::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}
.dealer-range-licence_codes{color:#93d8ff;background:#142e45;border-color:#365c79}
.dealer-range-all_products{color:#91e3d5;background:#12352f;border-color:#31655b}
.dealer-tags{flex-wrap:wrap}