:root{--ink:#14221f;--dark:#152721;--green:#c3ef6b;--paper:#f6f7f4;--muted:#52635b;--line:#dae2d8;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}button,input,select{font:inherit}button,select{cursor:pointer}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.55}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #51943d;outline-offset:3px}[hidden]{display:none!important}.shell{width:min(1232px,calc(100% - 64px));margin-inline:auto}header{background:#11211c;color:#fff}.nav,.brand,nav,.feature-top,.feature-bottom,.section-heading,.results,.pickup,.foot,.dialog-head{display:flex;align-items:center;justify-content:space-between}.nav{min-height:70px;gap:24px}.brand{gap:11px;font-weight:850;letter-spacing:.11em;text-decoration:none}.mark{display:grid;place-items:center;width:30px;height:30px;border-radius:7px;background:var(--green);color:var(--ink);letter-spacing:0}.navtag{font-size:10px;font-weight:650;letter-spacing:.13em;color:#b8cbbf;border-left:1px solid #40574c;padding-left:12px}nav{gap:25px}nav a,.foot a{text-decoration:none}nav a:hover,.foot a:hover{text-decoration:underline}.hero{background:var(--dark);color:#fff;padding:58px 0 62px}.hero-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:stretch}.intro{padding:12px 0}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:800;margin:0 0 12px;color:#44624d}.hero .eyebrow{color:#d2e0d4}.eyebrow span{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);margin-right:5px}.hero h1{font-size:clamp(52px,7.1vw,101px);letter-spacing:-.042em;line-height:.96;margin:20px 0 21px;font-weight:840}.hero em{font-style:normal;color:var(--green)}.lead{color:#cedbd1;max-width:430px;font-size:17px;margin:0 0 26px}.primary,.outline{display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:11px 17px;border-radius:8px;text-decoration:none;font-weight:740;border:1px solid transparent}.primary{background:var(--green);color:var(--ink)}.primary:hover{background:#daf9a3}.outline{background:#fff;border-color:#9bad9c}.outline:hover{background:#eaf3e7}.feature{display:flex;flex-direction:column;justify-content:space-between;gap:12px;min-height:420px;padding:22px;border-radius:16px;background:#e7efe2;color:var(--ink);overflow:hidden}.feature-top,.feature-bottom{gap:16px}.feature-top,.feature-bottom span{font-size:10px;letter-spacing:.12em;font-weight:800;color:#4f6554}.feature img{mix-blend-mode:multiply;width:100%;height:clamp(190px,25vw,345px);object-fit:contain}.feature-bottom strong{display:block;font-size:39px;letter-spacing:-.06em;line-height:1}.feature button{background:#fff;border:1px solid var(--line);border-radius:8px;padding:9px 12px;font-weight:750}.catalog{padding:55px 0 70px}.section-heading{gap:20px;margin-bottom:23px}.section-heading p:last-child{color:var(--muted);text-align:right;margin:0}.section-heading .eyebrow{text-align:left}h2{font-size:clamp(28px,4vw,46px);letter-spacing:-.054em;line-height:1.08;margin:0}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.tabs button{background:#fff;border:1px solid var(--line);border-radius:99px;padding:9px 14px;font-weight:700}.tabs button[aria-pressed=true]{background:var(--dark);color:#fff;border-color:var(--dark)}.tabs small{margin-left:6px;opacity:.75}.filters{display:grid;grid-template-columns:1fr 170px 215px;gap:10px}.search{position:relative}.search>span:not(.sr){position:absolute;left:14px;top:4px;font-size:26px;color:var(--muted)}input,select{width:100%;min-height:44px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#fff;padding:8px 12px}input{padding-left:41px}.results{min-height:47px;color:var(--muted);font-size:13px}.results button,.compare-bar>button:not(.primary){background:none;border:0;text-decoration:underline}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden;display:flex;flex-direction:column}.card figure{margin:0;padding:16px;background:#f0f3ed}.card img{width:100%;height:155px;object-fit:contain;mix-blend-mode:multiply}.cardbody{padding:16px;display:flex;flex-direction:column;flex:1}.card .eyebrow{margin:0 0 5px;font-size:10px}.card h3{font-size:24px;line-height:1.15;letter-spacing:-.04em;margin:0 0 13px}.specs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 13px}.specs dt,.pricing small{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:750}.specs dd{margin:2px 0 0;font-size:12px;font-weight:650;overflow-wrap:anywhere}.pricing{display:flex;align-items:end;justify-content:space-between;gap:8px;margin-top:auto;padding:10px 0;border-top:1px solid var(--line)}.pricing strong{display:block;font-size:24px;letter-spacing:-.04em;line-height:1.1}.pricing .retail{text-align:right;color:var(--muted)}.card-actions{display:flex;align-items:center;gap:8px}.card-actions button{flex:1;padding:7px 9px;border:1px solid var(--line);border-radius:7px;background:#f7f9f5;font-weight:700;font-size:13px}.card-actions button[aria-pressed=true]{background:#e4f7c5;border-color:#9fca69}.empty{border:1px dashed var(--line);text-align:center;padding:35px}.downloads{background:#e7eee3;padding:52px 0}.downloads p:not(.eyebrow){color:var(--muted)}.pdf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.pdf-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px;border-radius:10px;background:white;text-decoration:none;border:1px solid var(--line)}.pdf-card:hover{border-color:#759278}.pdf-card small{display:block;color:var(--muted)}.pdf-badge{font-size:11px;font-weight:800;border-radius:5px;background:#e9f2e3;padding:6px 8px}.pickup{padding:48px 0;gap:22px}.pickup p{margin:7px 0}.muted{color:var(--muted)}footer{background:#11211c;color:#dce6dd;padding:24px 0}.foot{gap:18px;flex-wrap:wrap;font-size:13px}.compare-bar{position:fixed;bottom:14px;left:50%;transform:translateX(-50%);z-index:5;display:flex;align-items:center;gap:12px;background:#11211c;color:#fff;padding:10px 14px;border-radius:12px;width:max-content;max-width:calc(100% - 20px);box-shadow:0 8px 30px #0004}.compare-bar button{color:inherit}.compare-bar .primary{color:var(--ink)}dialog{width:min(850px,calc(100% - 24px));max-height:90vh;border:1px solid var(--line);border-radius:14px;padding:22px;color:var(--ink);box-shadow:0 15px 60px #0003}dialog::backdrop{background:#11211c99}.dialog-head{gap:12px;margin-bottom:14px}.dialog-head h2{font-size:27px}.close{border:1px solid var(--line);background:#fff;border-radius:7px;font-size:24px;line-height:1;width:34px;height:34px}.detail{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.detail img{width:100%;height:200px;object-fit:contain}.detail dl{display:grid;grid-template-columns:auto 1fr;gap:7px 12px}.detail dd{margin:0}.detail dt{font-weight:700}.detail-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.compare-scroll{overflow:auto}.comparison{border-collapse:collapse;min-width:460px;width:100%}.comparison th,.comparison td{padding:9px;border-bottom:1px solid var(--line);text-align:left}.comparison thead{background:#e7eee3}.sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(max-width:950px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-layout{gap:24px}.feature{min-height:320px}}@media(max-width:650px){.shell{width:calc(100% - 30px)}.nav{min-height:58px}.navtag{display:none}nav{gap:12px;font-size:12px}.hero{padding:27px 0}.hero-layout,.grid,.pdf-grid,.detail{grid-template-columns:1fr}.hero h1{font-size:58px}.feature{min-height:240px;padding:14px}.feature img{height:180px}.catalog{padding:35px 0 45px}.section-heading{align-items:start;flex-direction:column;gap:6px}.section-heading p:last-child{text-align:left}.section-heading br{display:none}.filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.search{grid-column:span 2}.pickup{align-items:start;flex-direction:column}.compare-bar{gap:7px;font-size:12px}.compare-bar .primary{padding:8px}.card img{height:175px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.category-home{padding-block:clamp(32px,7vw,90px)}

.category-home h1{font-size:clamp(36px,6vw,72px);line-height:1.04;letter-spacing:-.045em;margin:0 0 30px}

.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}

.category-card{display:grid;grid-template-rows:1fr auto;background:#e6eee0;border:1px solid var(--line);border-radius:18px;overflow:hidden;text-decoration:none;transition:border-color .15s}

.category-card:hover{border-color:#51943d}

.category-card img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;mix-blend-mode:multiply;padding:20px}

.category-card>span{display:flex;justify-content:space-between;gap:10px;background:var(--dark);color:#fff;padding:20px;font-size:clamp(18px,2.2vw,28px);line-height:1.2;font-weight:760}

.category-card>span span{color:var(--green)}

@media(max-width:680px){.category-grid{grid-template-columns:1fr;gap:14px}.category-card img{max-height:220px}}

.category-home h1{margin-bottom:12px}

.home-tagline{font-size:clamp(17px,2vw,23px);color:var(--muted);margin:0 0 30px}

nav a[aria-current="page"]{color:var(--green)}

@media(max-width:440px){.nav{gap:8px}.nav nav{gap:8px}.nav nav a{font-size:11px}}

.shop-heading{font-size:clamp(24px,3vw,36px);margin:0 0 16px}

.shop-brands{margin-top:clamp(34px,5vw,66px)}

.brand-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}

.brand-tile{display:grid;justify-items:center;align-content:center;gap:10px;min-height:116px;padding:14px 8px;background:#fff;border:1px solid var(--line);border-radius:14px;text-decoration:none;font-size:13px;letter-spacing:.06em}

.brand-tile:hover{border-color:#51943d;background:#f7faf4}

.brand-art{display:grid;place-items:center;width:min(132px,100%);height:44px}

.brand-art img{width:100%;height:100%;object-fit:contain}

.brand-initials{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;background:var(--dark);color:var(--green);font-size:17px;font-weight:800}

@media(max-width:680px){.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.brand-art{position:relative}

.brand-art img{position:absolute;inset:0}

.brand-tile:is([href="#brands/freego"],[href="#brands/nachbike"]) .brand-art{background:#152721;border-radius:7px}

.brand-tile:is([href="#brands/freego"],[href="#brands/nachbike"]) .brand-art img{padding:7px}

.ride-mark{position:relative;isolation:isolate;flex:none;width:34px;height:34px;border-radius:8px}

.ride-mark::before{content:"";position:absolute;width:22px;height:24px;background:var(--ink);clip-path:polygon(4% 5%,96% 5%,96% 24%,62% 24%,49% 47%,76% 47%,32% 98%,43% 62%,27% 62%,41% 24%,4% 24%)}

.brand-name{white-space:nowrap;letter-spacing:.075em}

.brand-name span{color:var(--green)}

@media(max-width:370px){.nav .brand{gap:6px}.brand-name{font-size:12px}.ride-mark{width:30px;height:30px}}

@media(max-width:370px){.nav{flex-wrap:wrap;row-gap:6px;padding-block:9px}.nav nav{flex-wrap:wrap}.catalog .section-heading{flex-wrap:wrap}.catalog .filters>*{min-width:0;max-width:100%}.catalog .filters select{max-width:100%}}