/* Shared controls; original page styles remain in index.html. */
:root{--accent:#b8f568;--paper:#101310;--panel:#191d19;--ink:#f3f5ed;--muted:#a3ada0;--line:#333b31;--on-accent:#101310;scroll-behavior:smooth}
[hidden]{display:none!important}
html:not(.js) .design-picker{display:none}
.skip-link{position:fixed;top:-100px;left:16px;padding:12px 20px;background:#fff;color:#111;z-index:100;border:2px solid #111;border-radius:8px}
.skip-link:focus{top:12px}
.design-bar{position:sticky;top:0;z-index:30;background:#fff;color:#151715;border-bottom:1px solid #dfe2da}
.design-bar-inner{max-width:1240px;margin:auto;padding:12px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:75px}
.mini-brand{font-size:25px;font-weight:900;letter-spacing:-1.6px;white-space:nowrap}.mini-brand>span:first-child{font-size:17px;letter-spacing:-.8px}.brand-dot{color:#518127}
.design-picker{display:flex;align-items:center;gap:14px}.picker-label{font-size:11px;font-weight:700;letter-spacing:.06em;white-space:nowrap;text-transform:uppercase;color:#62695e}
.design-options{display:flex;gap:3px;padding:4px;border:1px solid #e1e4dc;background:#f2f3ef;border-radius:12px}
.design-options button{min-height:38px;border:0;border-radius:8px;background:transparent;color:#64695e;padding:8px 12px;display:flex;align-items:center;gap:7px;font:700 12px/1.2 Arial,Helvetica,sans-serif;white-space:nowrap;cursor:pointer}
.design-options button:hover{background:#e5e8df;color:#171b14}.design-options button[aria-pressed=true]{background:#fff;color:#171b14;box-shadow:0 1px 5px #0002}
.swatch{width:10px;height:10px;display:block;border-radius:50%;box-shadow:inset 0 0 0 1px #0002}.swatch-original{background:#b0b1b7}.swatch-volt{background:#b6ef64}.swatch-studio{background:#a16a4c}.swatch-track{background:#1949ed}
.bar-social{font-size:12px;font-weight:700;white-space:nowrap}.bar-social span{margin-left:12px}
#status{z-index:60;font-size:14px;box-shadow:0 8px 30px #0003;line-height:1.5;min-width:240px;overflow-wrap:anywhere}
#deals{scroll-margin-top:100px}.modern-only,.label-modern{display:none}.original-hero{display:block}
[data-design=original] .design-bar-inner{max-width:1100px}
[data-design=original] .design-options button[data-design-choice=original]{background:#141414;color:#fff}
[data-design=original] .store-link .modern-only{display:none}
/* Shared structure for all three new designs. */
html:not([data-design=original]) body{background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
html:not([data-design=original]) .original-hero,html:not([data-design=original]) .label-original{display:none}
html:not([data-design=original]) .modern-only{display:block}
html:not([data-design=original]) .label-modern{display:inline}
html:not([data-design=original]) main{max-width:1240px;text-align:left;padding:0 32px 32px}
html:not([data-design=original]) .modern-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center;padding:64px 0 60px}
html:not([data-design=original]) .eyebrow{display:flex;align-items:center;gap:9px;font:700 10px/1.5 Arial;letter-spacing:.14em;margin:0 0 22px;color:var(--muted)}
.signal{width:7px;height:7px;background:var(--accent);border-radius:50%;display:inline-block;box-shadow:0 0 0 4px #b8f56816}
html:not([data-design=original]) h1{font-size:clamp(52px,6.4vw,82px);font-weight:900;letter-spacing:-.067em;line-height:.99;margin:0 0 24px}
html:not([data-design=original]) h1 span{color:var(--accent)}
.hero-description{font-size:15px;line-height:1.8;color:var(--muted);margin:0 0 28px}
.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.primary-link{display:flex;align-items:center;gap:28px;background:var(--accent);color:var(--on-accent);font-size:12px;font-weight:700;padding:16px 20px;border-radius:7px;min-height:48px}.primary-link span{font-size:20px;line-height:16px}.creator-link{font-size:12px;font-weight:700;padding:12px 0}.creator-link span{margin-left:7px}.primary-link:hover{filter:brightness(.93)}.creator-link:hover{text-decoration:underline}
.hero-facts{display:flex;gap:28px;margin-top:36px;color:var(--muted);font-size:10px}.hero-facts>span{display:flex;align-items:center;gap:10px}.hero-facts b{font-size:20px;color:var(--ink);letter-spacing:-1px}
html:not([data-design=original]) .ride-art{display:flex;position:relative;min-height:350px;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:radial-gradient(ellipse at 50% 55%,#33432b 0,transparent 62%),#181f17}
.art-top,.art-bottom{position:absolute;left:25px;right:25px;display:flex;align-items:center;justify-content:space-between;z-index:2;font:700 9px/1.6 Arial;letter-spacing:.1em;color:#a2b39b}.art-top{top:22px}.art-top>span:last-child{font-size:22px}.art-bottom{bottom:20px}.art-star{font-size:40px;line-height:1;color:var(--accent)}
.speed-number{position:relative;z-index:1;font-size:210px;font-weight:900;line-height:.8;font-style:italic;letter-spacing:-22px;color:var(--accent);margin-left:-20px}.speed-number>span{display:block;font-size:12px;font-style:normal;letter-spacing:8px;text-align:center;margin:20px 0 0 29px}
.speed-orbit{position:absolute;width:350px;height:195px;border:1px solid #b8f56830;border-radius:50%;transform:rotate(-35deg)}.orbit-two{width:420px;height:235px}.speed-lines{position:absolute;left:-15px;top:50%;transform:rotate(-35deg);width:120%;display:grid;gap:8px}.speed-lines i{height:1px;background:linear-gradient(90deg,transparent,#b8f56816,transparent)}
.deals-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:0 0 24px}
html:not([data-design=original]) .deals-heading .eyebrow{font-size:9px;margin-bottom:9px}
html:not([data-design=original]) h2{font-size:27px;line-height:1.15;letter-spacing:-1px;margin:0}.heading-dot{color:var(--accent)}
html:not([data-design=original]) .deal-count{font-size:11px;color:var(--muted);margin:0 0 2px;white-space:nowrap}
html:not([data-design=original]) .deal-tools{display:flex;justify-content:space-between;gap:20px;margin:0 0 24px;align-items:center}
.filters{display:flex;gap:6px;flex-wrap:wrap}
html:not([data-design=original]) .filters button{padding:9px 13px;border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:6px;font:700 11px Arial;min-height:40px;display:flex;align-items:center;gap:9px}.filters button span{font-size:9px;opacity:.65}
html:not([data-design=original]) .filters button[aria-pressed=true]{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}
.search-wrap{position:relative;display:flex;align-items:center;min-width:230px}.search-wrap>svg{position:absolute;left:13px;width:16px;height:16px;pointer-events:none;color:var(--muted)}.search-wrap input{width:100%;appearance:none;background:var(--panel);color:var(--ink);border:1px solid var(--line);padding:13px 38px 13px 38px;border-radius:6px;font:12px Arial;min-height:42px}.search-wrap input::placeholder{color:var(--muted);opacity:1}.search-wrap input::-webkit-search-cancel-button{appearance:none}.search-wrap .clear-search{position:absolute;right:2px;top:0;background:transparent;color:var(--muted);border:0;padding:0;width:38px;height:42px;min-height:0;border-radius:5px;font-size:21px}
html:not([data-design=original]) .stores{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}
html:not([data-design=original]) .store{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:none;margin:0;display:flex;flex-direction:column;overflow:hidden;min-width:0}
html:not([data-design=original]) .store:hover{transform:none;border-color:var(--accent)}
html:not([data-design=original]) .store-link{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding:24px 24px 16px;min-width:0}
html:not([data-design=original]) .store-link:hover{background:transparent}
html:not([data-design=original]) .store-link:after{content:'↗';position:absolute;top:23px;right:24px;color:var(--muted);font-size:21px}
html:not([data-design=original]) .wordmark{width:64px;height:56px;border-radius:9px;border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:5px;font-size:12px;line-height:1.05;letter-spacing:-.5px;font-style:normal}
html:not([data-design=original]) .kugoo{color:#ffad71;font-size:12px}html:not([data-design=original]) .urban{font-size:10px}html:not([data-design=original]) .halo{font-size:10px}
html:not([data-design=original]) .info{text-align:left;width:100%}
html:not([data-design=original]) .store-category{font-size:9px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-weight:700;margin:0 0 8px}
html:not([data-design=original]) .name{font-size:21px;letter-spacing:-.6px;margin:0 0 8px;color:var(--ink);line-height:1.25;overflow-wrap:anywhere}
html:not([data-design=original]) .store-description{font-size:11px;color:var(--muted);line-height:1.6;margin:0 0 12px}
html:not([data-design=original]) .detail{font-size:12px;line-height:1.6;color:var(--ink);font-weight:600}
html:not([data-design=original]) .open{display:flex;align-items:center;gap:7px;color:var(--accent);font-size:11px;font-weight:700;margin:16px 0 0}
html:not([data-design=original]) .open .modern-only{display:inline}
html:not([data-design=original]) .copy-row{padding:0 24px 24px;text-align:left;margin-top:auto}
html:not([data-design=original]) button[data-code]{width:100%;border:1px dashed #5a6851;border-radius:7px;background:#b8f56808;color:var(--ink);padding:12px;min-height:45px;font:12px Arial}
html:not([data-design=original]) button[data-code] .label-modern{display:flex;align-items:center;gap:9px}
.label-modern svg{width:15px;height:15px;flex-shrink:0;color:var(--muted)}.label-modern code{font:700 13px/1.4 monospace;letter-spacing:.03em}.copy-state{margin-left:auto;font-size:10px;color:var(--muted);font-weight:700}
html:not([data-design=original]) button[data-code]:hover,html:not([data-design=original]) button[data-copied=true]{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}
html:not([data-design=original]) button[data-code]:hover .copy-state,html:not([data-design=original]) button[data-code]:hover svg,html:not([data-design=original]) button[data-copied=true] .copy-state,html:not([data-design=original]) button[data-copied=true] svg{color:inherit}
html:not([data-design=original]) .tiers{padding:0 24px 24px;gap:9px}
html:not([data-design=original]) .tier{padding:11px 9px;border:1px solid var(--line);border-radius:7px;text-align:left}
html:not([data-design=original]) .tier b{font-size:17px;letter-spacing:-.5px;color:var(--ink)}html:not([data-design=original]) .tier small{font-size:9px;color:var(--muted);margin:4px 0 12px;line-height:1.5}
html:not([data-design=original]) .tier button{padding:9px 7px;min-height:40px}.tier .label-modern svg{display:none}.tier .label-modern code{font-size:11px}.tier .copy-state{font-size:9px}
html:not([data-design=original]) .how-it-works{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin:34px 0 0;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);font-size:11px}.how-it-works b{color:var(--accent);font:11px monospace;margin-right:10px}.how-title{font-size:9px;font-weight:700;letter-spacing:.1em;color:var(--ink)}
html:not([data-design=original]) .empty-state{text-align:center;padding:45px 20px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.empty-state>span{font-size:30px;color:var(--accent)}.empty-state h3{margin:8px 0;font-size:22px}.empty-state p{font-size:13px;color:var(--muted)}.empty-state button{background:var(--accent);color:var(--on-accent);border:0;border-radius:6px;font-size:12px}
html:not([data-design=original]) footer{text-align:center;padding:36px 0 0;font-size:12px;color:var(--muted)}
html:not([data-design=original]) .socials{margin:18px 0 14px}
html:not([data-design=original]) .pill{background:transparent;border:1px solid var(--line);color:var(--ink);padding:10px 18px;border-radius:6px;font-size:11px;min-height:38px}
html:not([data-design=original]) .pill:hover{border-color:var(--accent)}
html:not([data-design=original]) .email{font-size:11px;margin:12px 0}
html:not([data-design=original]) .disclosure{font-size:10px;line-height:1.8;max-width:530px;margin:18px auto 0;font-weight:400}
html:not([data-design=original]) a:focus-visible,html:not([data-design=original]) button:focus-visible,html:not([data-design=original]) input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.store-link:focus-visible{outline-offset:-5px!important}
/* VOLT — a dark riding club, lime accents, compact card grid. */
[data-design=volt] .design-bar{background:#101310f5;color:#f3f5ed;border-color:#333b31;backdrop-filter:blur(15px)}
[data-design=volt] .design-options{background:#1d231b;border-color:#333b31}
[data-design=volt] .design-options button{color:#a3ada0}
[data-design=volt] .design-options button:hover{background:#303a29;color:#f3f5ed}
[data-design=volt] .design-options button[aria-pressed=true]{background:#b8f568;color:#101310;box-shadow:none}
[data-design=volt] .picker-label{color:#a3ada0}[data-design=volt] .brand-dot{color:#b8f568}
[data-design=volt] .store[data-index='03']{grid-column:3;grid-row:1 / span 2}

[data-design=volt] #status{background:#b8f568;color:#101310}
/* STUDIO — warm paper, editorial typography and generous store rows. */
:root[data-design=studio]{--accent:#845135;--paper:#f7f6f2;--panel:#fff;--ink:#272c26;--muted:#72756e;--line:#dedfd6;--on-accent:#fff}
[data-design=studio] .design-bar{background:#f7f6f2ed;border-color:#dedfd6;backdrop-filter:blur(15px)}
[data-design=studio] .design-options button[aria-pressed=true]{background:#845135;color:#fff}
[data-design=studio] .brand-dot{color:#845135}
html[data-design=studio] main{max-width:1180px}
html[data-design=studio] .modern-hero{grid-template-columns:1.4fr 1fr;gap:50px;padding:70px 0;border-bottom:1px solid var(--line);margin-bottom:40px}
html[data-design=studio] h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(58px,6.4vw,83px);font-weight:400;letter-spacing:-.065em;line-height:1.05}
html[data-design=studio] h1 span{font-style:italic}
html[data-design=studio] .hero-description{font-size:14px}
html[data-design=studio] .primary-link{border-radius:2px}
html[data-design=studio] .hero-facts{border-top:1px solid var(--line);padding-top:20px;max-width:340px;margin-top:30px}
html[data-design=studio] .ride-art{min-height:330px;background:#e9e6dc;border:0;border-radius:160px 160px 8px 8px}
[data-design=studio] .speed-number{font-family:Georgia,serif;font-style:italic;font-weight:400;font-size:220px;letter-spacing:-20px;color:#746f53;transform:rotate(-7deg)}
[data-design=studio] .speed-number>span{font:10px Arial;letter-spacing:8px;margin-top:25px;color:#6b695a}
[data-design=studio] .speed-orbit{border-color:#b5b19a;transform:rotate(-45deg);width:310px;height:140px}
[data-design=studio] .orbit-two{width:360px;height:180px}
[data-design=studio] .art-top{display:none}[data-design=studio] .art-bottom{color:#6b695a;font-size:8px;left:24px;right:24px;bottom:22px}.art-star{font-family:Arial}
[data-design=studio] .art-star{color:#845135;font-size:35px}[data-design=studio] .speed-lines{display:none}
html[data-design=studio] h2{font-family:Georgia,serif;font-size:30px;font-weight:400;letter-spacing:-1px}
html[data-design=studio] .stores{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px}
html[data-design=studio] .store{border-radius:3px;min-height:241px}
html[data-design=studio] .store-link{flex-direction:row;gap:18px;padding:25px 24px 16px}
html[data-design=studio] .wordmark{width:62px;height:62px;border-radius:50%;background:#f3f1e9;border:0;color:#6a624c;font-size:11px}
html[data-design=studio] .urban{font-size:9px}html[data-design=studio] .halo{font-size:9px}
html[data-design=studio] .store-category{font-size:8px;margin-bottom:7px}
html[data-design=studio] .name{font-size:21px;font-weight:600;letter-spacing:-.7px;padding-right:10px}
html[data-design=studio] .store-link:after{font-size:17px;top:16px;right:15px}
html[data-design=studio] .store-description{font-size:11px}
html[data-design=studio] .detail{font-size:11px}
html[data-design=studio] .copy-row{padding-left:104px}
html[data-design=studio] button[data-code]{background:#f8f7f2;border-color:#c6c2b5;border-radius:3px;color:var(--ink)}
html[data-design=studio] button[data-code]:hover,html[data-design=studio] button[data-copied=true]{background:var(--accent);border-color:var(--accent);color:#fff}
html[data-design=studio] .tiers{padding-left:104px}
html[data-design=studio] .tier{background:#f8f7f2;border-radius:3px}
html[data-design=studio] .filters button{border-radius:30px}
html[data-design=studio] .filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:white}
html[data-design=studio] .search-wrap input{background:transparent;border-radius:3px}
html[data-design=studio] .how-it-works{background:#eeece4;border:0;padding:24px}
/* TRACK — cobalt, orange and oversized racing numbers. */
:root[data-design=track]{--accent:#ffb48d;--paper:#1648ed;--panel:#f5f4eb;--ink:#fbfbf2;--muted:#d8e2ff;--line:#5277ef;--on-accent:#101b45}
[data-design=track] .design-bar{background:#1038bd;color:white;border-color:#4568d0}
[data-design=track] .design-options{background:#0e2f9e;border-color:#4568d0}
[data-design=track] .design-options button{color:#dae3ff}
[data-design=track] .design-options button[aria-pressed=true]{background:#ffb48d;color:#101b45;box-shadow:none}
[data-design=track] .design-options button:hover{background:#355bcd;color:white}
[data-design=track] .brand-dot{color:#ffb48d}[data-design=track] .picker-label{color:#d8e2ff}
html[data-design=track] .modern-hero{position:relative;grid-template-columns:1.4fr .8fr;padding:56px 0 50px;gap:35px}
html[data-design=track] h1{text-transform:uppercase;font-size:clamp(55px,7.6vw,96px);font-style:italic;letter-spacing:-.065em;line-height:.92}
html[data-design=track] .eyebrow{font-family:monospace;font-size:10px}
html[data-design=track] .primary-link{border-radius:0;box-shadow:4px 4px 0 #102d91}
html[data-design=track] .ride-art{min-height:320px;border:0;background:var(--accent);color:#123bbc;border-radius:0;transform:rotate(3deg);box-shadow:10px 10px 0 #123bbc}
[data-design=track] .speed-number{font-size:215px;color:#133bcc;letter-spacing:-22px;transform:skew(-5deg)}
[data-design=track] .speed-number>span{font-size:11px;letter-spacing:10px;color:#133bcc}
[data-design=track] .art-top,[data-design=track] .art-bottom{color:#1438ab}
[data-design=track] .art-star{color:#1438ab}
[data-design=track] .speed-orbit{border-color:#1648ed35;transform:rotate(-45deg)}
[data-design=track] .speed-lines i{background:#1648ed18}
html[data-design=track] .hero-facts{margin-top:30px}
html[data-design=track] .deals-heading{padding-top:30px;border-top:1px solid #7090f8}
html[data-design=track] h2{font-size:30px;letter-spacing:-1px;text-transform:uppercase;font-style:italic}
html[data-design=track] .filters button{border-radius:0;border-color:#809afa;color:#fff}
html[data-design=track] .filters button[aria-pressed=true]{color:#10215c;border-color:var(--accent)}
html[data-design=track] .search-wrap input{background:#0e39cb;border-color:#6c8bf4;color:#fff;border-radius:0}
html[data-design=track] .stores{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
html[data-design=track] .store{--ink:#172043;--muted:#5c647a;--line:#d3d4ce;--accent:#163fca;--on-accent:#fff;background:#f5f4eb;border:0;border-radius:0;box-shadow:5px 5px 0 #0c2e9f;min-height:270px}
html[data-design=track] .store:before{content:attr(data-index);position:absolute;right:17px;top:4px;font-size:85px;font-weight:900;font-style:italic;line-height:1;color:#dddfd8;letter-spacing:-8px;pointer-events:none}
html[data-design=track] .store-link{padding:24px 26px 18px;gap:22px}
html[data-design=track] .store-link:after{top:23px;right:25px;color:#133bcc}
html[data-design=track] .wordmark{width:90px;height:32px;background:transparent;border:0;border-radius:0;color:#172043;justify-content:flex-start;text-align:left;padding:0;font-size:12px}
html[data-design=track] .wordmark br{display:none}html[data-design=track] .urban{font-size:12px}
html[data-design=track] .name{font-size:26px;font-style:italic;letter-spacing:-1px}
html[data-design=track] .store-category{font-family:monospace;font-size:9px}
html[data-design=track] .store-description{display:none}
html[data-design=track] .copy-row{padding:0 26px 24px}
html[data-design=track] button[data-code]{border-radius:0;border-style:solid;border-color:#bdc2d4;background:#e9ecf6;color:#172043;padding:13px 16px}
html[data-design=track] button[data-code]:hover,html[data-design=track] button[data-copied=true]{background:#163fca;color:#fff;border-color:#163fca}
html[data-design=track] .tiers{padding:0 26px 24px;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
html[data-design=track] .tier{border-radius:0;background:#ebece5;padding:10px 8px}
html[data-design=track] .tier b{font-size:19px}html[data-design=track] .tier small{font-size:9px;min-height:27px}
html[data-design=track] .tier button{padding:8px 4px}
html[data-design=track] .tier .label-modern{flex-wrap:wrap;gap:2px;justify-content:center}
html[data-design=track] .tier .copy-state{margin:0;width:100%;text-align:center}
html[data-design=track] .store[data-index='03']{grid-column:1 / -1}
html[data-design=track] .store[data-index='03'] .store-link{flex-direction:row;align-items:center}
html[data-design=track] .store[data-index='03'] .wordmark{width:90px;height:90px;font-size:20px;border:1px solid #d3d4ce;padding:10px}
html[data-design=track] .how-it-works{border-color:#6c8bf4}
html[data-design=track] footer{color:#d8e2ff}
html[data-design=track] #status{background:#ffb48d;color:#101b45;border-radius:0}
html[data-design=track] .empty-state{background:#1038bd;border-color:#6c8bf4;border-radius:0}
/* Responsive layouts and touch-sized controls. */
@media(min-width:901px){
 html[data-design=volt] .store{min-height:315px}
 html[data-design=volt] .store[data-index='03']{min-height:0}
 html[data-design=studio] .store[data-index='03']{grid-row:2 / span 2;min-height:500px}
 html[data-design=studio] .store[data-index='03'] .tiers{grid-template-columns:1fr;padding-top:3px}
 html[data-design=studio] .store[data-index='03'] .tier{display:grid;grid-template-columns:1fr 1fr;gap:0 10px;align-items:center}
 html[data-design=studio] .store[data-index='03'] .tier small{grid-column:1;margin-bottom:0}
 html[data-design=studio] .store[data-index='03'] .tier button{grid-column:2;grid-row:1 / span 2}
}
@media(max-width:1000px){
 .picker-label{display:none}
 html:not([data-design=original]) .modern-hero{gap:30px}
 html:not([data-design=original]) .store-link{padding:20px 18px 16px}
 html:not([data-design=original]) .copy-row{padding:0 18px 20px}
 html:not([data-design=original]) .tiers{padding:0 18px 20px}
 html[data-design=studio] .copy-row,html[data-design=studio] .tiers{padding-left:18px}
 html[data-design=studio] .store-link{gap:14px}
 html[data-design=studio] .name{font-size:19px}
 html[data-design=track] .tiers{padding:0 20px 20px}
}
@media(max-width:800px){
 .design-bar-inner{padding:10px 24px;gap:14px}.bar-social{display:none}
 html:not([data-design=original]) main{padding:0 24px 26px}
 html:not([data-design=original]) .modern-hero{padding:42px 0;gap:24px}
 html:not([data-design=original]) h1{font-size:58px}
 html:not([data-design=original]) .ride-art{min-height:285px}
 .speed-number{font-size:170px;letter-spacing:-18px}.hero-description{font-size:13px}.hero-actions{gap:14px}.primary-link{gap:15px;padding:14px;font-size:11px}.creator-link{font-size:11px}.hero-facts{gap:16px;font-size:9px}.hero-facts b{font-size:17px}.art-top,.art-bottom{left:18px;right:18px;font-size:8px}
 html:not([data-design=original]) .stores{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 html[data-design=volt] .store[data-index='03']{grid-column:auto;grid-row:auto}
 html[data-design=volt] .store[data-index='07']{grid-column:auto}
 html:not([data-design=original]) .deal-tools{align-items:stretch;flex-direction:column;gap:14px}
 .search-wrap{width:100%}.search-wrap input{font-size:16px;padding-top:12px;padding-bottom:12px}.search-wrap .clear-search{height:45px}
 html[data-design=studio] .modern-hero{margin-bottom:30px}
 html[data-design=studio] .speed-number{font-size:180px}
 html[data-design=studio] .store-link{flex-direction:column;gap:16px}
 html[data-design=studio] .store{min-height:0}
 html[data-design=track] h1{font-size:65px}
 html[data-design=track] .speed-number{font-size:175px}
 html[data-design=track] .store[data-index='03']{grid-column:1 / -1}
 html[data-design=track] .store[data-index='03'] .store-link{flex-direction:row}
 .how-title{width:100%}
 html:not([data-design=original]) .how-it-works{gap:16px;font-size:10px}
}
@media(max-width:600px){
 .design-bar-inner{flex-wrap:wrap;justify-content:center;gap:8px;padding:9px 16px 10px;min-height:0}.mini-brand{font-size:21px;margin-right:auto}.mini-brand>span:first-child{font-size:14px}.bar-social{display:block;font-size:10px;order:1}.design-picker{order:2;width:100%;justify-content:center}.design-options{width:100%;padding:3px;gap:3px;border-radius:9px}.design-options button{flex:1;justify-content:center;font-size:11px;padding:10px 5px;min-height:39px}.swatch{width:8px;height:8px}.picker-label{display:none}
 #deals{scroll-margin-top:125px}
 html:not([data-design=original]) main{padding:0 18px 24px}
 html:not([data-design=original]) .modern-hero{display:flex;flex-direction:column;align-items:stretch;padding:35px 0 36px;gap:26px}
 html:not([data-design=original]) .eyebrow{font-size:9px;letter-spacing:.1em;margin-bottom:18px}
 html:not([data-design=original]) h1{font-size:66px;letter-spacing:-.065em;margin-bottom:20px}
 .hero-description{font-size:13px;line-height:1.7;margin-bottom:22px}
 .hero-actions{gap:20px}.primary-link{font-size:12px;padding:14px 17px;gap:24px}.creator-link{font-size:11px}
 .hero-facts{margin-top:24px;font-size:10px;gap:26px}.hero-facts b{font-size:19px}
 html:not([data-design=original]) .ride-art{min-height:180px;border-radius:10px}
 .speed-number{font-size:144px;letter-spacing:-14px;transform:rotate(-7deg);margin-top:5px}.speed-number>span{font-size:8px;letter-spacing:5px;margin:12px 0 0 18px}.speed-orbit{height:120px;width:240px}.orbit-two{height:160px;width:290px}.art-top{top:15px}.art-top>span:first-child{max-width:62px;font-size:7px}.art-top>span:last-child{font-size:21px}.art-bottom{bottom:16px;font-size:7px}.art-star{font-size:28px}
 html:not([data-design=original]) .deals-heading{align-items:flex-start;gap:12px;margin-bottom:18px}
 html:not([data-design=original]) .deals-heading .eyebrow{font-size:8px;margin-bottom:8px}
 html:not([data-design=original]) h2{font-size:24px;max-width:230px;letter-spacing:-.8px}
 html:not([data-design=original]) .deal-count{font-size:10px;margin-top:23px;max-width:70px;white-space:normal;text-align:right;line-height:1.5}
 html:not([data-design=original]) .deal-tools{gap:13px;margin-bottom:18px}
 .filters{gap:6px}
 html:not([data-design=original]) .filters button{flex:1;justify-content:center;padding:10px 8px;gap:7px;font-size:11px;min-height:44px}
 html:not([data-design=original]) .stores{grid-template-columns:1fr;gap:14px}
 html:not([data-design=original]) .store-link{flex-direction:row;align-items:flex-start;padding:20px 18px 16px;gap:16px}
 html:not([data-design=original]) .wordmark{width:57px;height:57px;font-size:10px;border-radius:9px}
 html:not([data-design=original]) .urban{font-size:9px}
 html:not([data-design=original]) .halo{font-size:9px}
 html:not([data-design=original]) .name{font-size:22px;padding-right:7px;margin-bottom:6px}
 html:not([data-design=original]) .store-link:after{right:14px;top:12px;font-size:17px}
 html:not([data-design=original]) .store-category{font-size:8px;margin-bottom:6px}
 html:not([data-design=original]) .store-description{font-size:11px;margin-bottom:9px}
 html:not([data-design=original]) .detail{font-size:12px}
 html:not([data-design=original]) .open{margin-top:12px;font-size:11px}
 html:not([data-design=original]) .copy-row{padding:0 18px 18px}
 html:not([data-design=original]) button[data-code]{min-height:47px;padding:12px 14px}
 .label-modern code{font-size:14px}.copy-state{font-size:11px}
 html:not([data-design=original]) .tiers{padding:0 18px 18px;gap:9px;grid-template-columns:1fr 1fr}
 html:not([data-design=original]) .tier{padding:12px}
 html:not([data-design=original]) .tier small{font-size:10px}
 html:not([data-design=original]) .tier button{padding:10px 8px;min-height:44px}
 .tier .label-modern code{font-size:12px}.tier .copy-state{font-size:10px}
 html:not([data-design=original]) .how-it-works{margin-top:28px;display:grid;grid-template-columns:1fr;gap:14px;padding:22px 5px;font-size:12px}.how-it-works b{margin-right:14px}.how-title{margin-bottom:4px}
 html:not([data-design=original]) footer{padding-top:28px}.disclosure{padding:0 8px}
 html[data-design=studio] .modern-hero{margin-bottom:26px;padding:36px 0 28px;gap:26px}
 html[data-design=studio] h1{font-size:64px}
 html[data-design=studio] .ride-art{min-height:190px;border-radius:100px 100px 4px 4px;margin:0 22px}
 html[data-design=studio] .speed-number{font-size:153px;letter-spacing:-17px}
 html[data-design=studio] .speed-number>span{margin-top:12px;font-size:8px;letter-spacing:5px}
 html[data-design=studio] .speed-orbit{width:240px;height:100px}.orbit-two{height:140px}
 html[data-design=studio] .art-bottom{font-size:7px;left:18px;right:18px;bottom:14px}
 html[data-design=studio] h2{font-size:27px}
 html[data-design=studio] .wordmark{border-radius:50%}
 html[data-design=studio] .how-it-works{padding:24px}
 html[data-design=track] .modern-hero{gap:28px}
 html[data-design=track] h1{font-size:69px}
 html[data-design=track] .ride-art{margin:0 6px;min-height:186px;border-radius:0;transform:rotate(2deg);box-shadow:6px 6px 0 #123bbc}
 html[data-design=track] .speed-number{font-size:162px;letter-spacing:-18px;transform:skew(-5deg)}
 html[data-design=track] .speed-number>span{font-size:8px;letter-spacing:6px;margin-top:12px}
 html[data-design=track] h2{font-size:25px}
 html[data-design=track] .store{min-height:0;box-shadow:4px 4px 0 #0c2e9f}
 html[data-design=track] .store:before{font-size:70px;right:15px;top:7px}
 html[data-design=track] .store-link{display:block}
 html[data-design=track] .wordmark{height:30px;width:120px;font-size:12px;margin-bottom:20px}
 html[data-design=track] .name{font-size:27px}
 html[data-design=track] .store[data-index='03'] .store-link{display:block}
 html[data-design=track] .store[data-index='03'] .wordmark{font-size:12px;width:120px;height:30px;border:0;padding:0}
 html[data-design=track] .tier .label-modern{flex-wrap:nowrap;gap:5px}
 html[data-design=track] .tier .copy-state{margin-left:auto;width:auto}
 html[data-design=track] .tier small{min-height:0}
 #status{bottom:14px;max-width:calc(100vw - 28px);width:max-content;font-size:13px;padding:12px 18px;border-radius:9px}
}
@media(max-width:360px){
 html:not([data-design=original]) main{padding-left:14px;padding-right:14px}
 html:not([data-design=original]) h1{font-size:57px}
 html:not([data-design=original]) .hero-actions{gap:10px}.primary-link{padding:13px 12px;gap:14px;font-size:11px}.creator-link{font-size:10px}
 html:not([data-design=original]) .name{font-size:20px}
 html:not([data-design=original]) .store-link{gap:12px;padding:18px 14px 14px}
 html:not([data-design=original]) .wordmark{width:48px;height:52px;font-size:9px}
 html:not([data-design=original]) .urban{font-size:8px}
 html:not([data-design=original]) .copy-row,html:not([data-design=original]) .tiers{padding-left:14px;padding-right:14px}
 html:not([data-design=original]) .tier{padding:10px 8px}
 .design-options button{font-size:10px;gap:5px}
}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

[data-design=original] .deals-heading{display:block;margin:0}
html:not([data-design=original]) .stores.is-filtered .store{grid-column:auto;grid-row:auto}

.art-star{display:block;width:1em;height:1em;flex-shrink:0}
@media(max-width:600px){
 .design-options button{min-height:44px}
 html[data-design=track] h1{font-size:clamp(48px,15vw,69px)}
}
:root[data-design=studio]{--muted:#686c62}
html[data-design=track] .wordmark{display:block}
html[data-design=track] .wordmark br{display:block}