/* MYKE ESG — matches established MYKE DM Sans / Manrope design system */
.esg-overline{font-family:Manrope,Arial,sans-serif;font-size:10px;font-weight:700;letter-spacing:.21em;text-transform:uppercase;color:#aab2ba}
.esg-hero{position:relative;min-height:665px;display:flex;align-items:center;overflow:hidden;background:#101113;border-bottom:1px solid #2d2f32}
.esg-hero-visual{position:absolute;inset:0;background:linear-gradient(90deg,#101113 3%,#101113ef 33%,#10111377 66%,#10111365 100%),linear-gradient(0deg,#101113 1%,transparent 42%),url('assets/the-bike-hero.jpg') center right 19%/cover no-repeat;opacity:.83;pointer-events:none}
.esg-hero-inner{position:relative;z-index:1;width:100%;padding-top:110px;padding-bottom:120px}
.esg-hero h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(37px,6.15vw,89px);line-height:1.07;letter-spacing:-.065em;font-weight:800;margin:30px 0 34px;max-width:980px}
.esg-hero h1 em{font-style:normal;color:#aeb7bf}
.esg-hero-inner>p{max-width:625px;color:#d2d4d5;font-size:clamp(16px,1.6vw,20px);line-height:1.7}
.esg-explore{display:inline-flex;align-items:center;gap:30px;margin-top:34px;font-size:11px;letter-spacing:.17em;font-weight:700;border-bottom:1px solid #737a80;padding-bottom:14px}
.esg-explore span{font-size:21px}.esg-hero-index{position:absolute;right:5vw;bottom:35px;letter-spacing:.2em;font-size:9px;color:#adb2b5}
.esg-explainer{background:#f1eee7;color:#151719;padding:clamp(74px,9vw,150px) 0}
.esg-explainer-grid{display:grid;grid-template-columns:1fr 2.15fr;gap:11vw}.esg-explainer-label{color:#51565b;padding-top:17px}
.esg-explainer h2,.esg-impact h2,.esg-method-section h2,.esg-outro h2{font-family:Manrope,Arial,sans-serif;letter-spacing:-.054em;line-height:1.12}
.esg-explainer h2{font-size:clamp(37px,4.55vw,65px);margin:0 0 34px;max-width:850px}
.esg-explainer p{font-size:clamp(16px,1.35vw,18px);line-height:1.92;color:#464a4d;max-width:760px;margin:0 0 21px}
.esg-pillars{background:#e8e5de;color:#16181a;padding:72px 0 98px}
.esg-pillars .esg-overline{color:#555a5e}
.esg-pillar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:28px}
.esg-pillar{padding:34px 10px 0 0;border-top:1px solid #aeb1b2}
.esg-pillar h3{font:700 clamp(22px,2.2vw,32px)/1.2 Manrope,Arial,sans-serif;letter-spacing:-.045em;margin:28px 0 14px}
.esg-pillar p{line-height:1.8;color:#53565a;font-size:15px;max-width:365px}
.esg-impact{background:#101113;padding:clamp(85px,10vw,145px) 0 90px}
.esg-impact-heading{max-width:850px}.esg-impact h2{font-size:clamp(39px,5vw,70px);margin:23px 0}.esg-impact-heading>p{font-size:18px;color:#aeb4ba;line-height:1.7;margin:0 0 52px}
.esg-panel{background:#1b1d1f;border:1px solid #393c3f;border-radius:17px;overflow:hidden;box-shadow:0 20px 70px #0004}
.esg-control{padding:clamp(23px,4vw,58px);border-bottom:1px solid #36393c}
.esg-control-top{display:flex;justify-content:space-between;gap:14px;align-items:start}
.esg-fleet{font:800 clamp(32px,5vw,71px)/1 Manrope,Arial,sans-serif;letter-spacing:-.055em;white-space:nowrap}
.esg-fleet span{font-size:clamp(13px,1.5vw,20px);letter-spacing:0;font-weight:500;color:#939ca3}
.esg-slider{margin:43px 0 6px;display:block;width:100%;appearance:none;-webkit-appearance:none;height:3px;background:linear-gradient(90deg,#b0c7d8 0%,#b0c7d8 var(--fill,1.3%),#464b50 var(--fill,1.3%),#464b50 100%);border-radius:4px;outline-offset:8px;cursor:pointer;touch-action:pan-y}
.esg-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;height:22px;width:22px;border-radius:50%;background:#e7f1f8;border:5px solid #8eacbf;box-shadow:0 0 0 5px #b0c7d827}
.esg-slider::-moz-range-thumb{height:13px;width:13px;border-radius:50%;background:#e7f1f8;border:5px solid #8eacbf;box-shadow:0 0 0 5px #b0c7d827}
.esg-range-ends{display:flex;justify-content:space-between;color:#939ba1;font-size:11px;margin-top:19px}
.esg-presets{display:flex;gap:8px;margin-top:26px}.esg-presets button{border:1px solid #53575b;border-radius:999px;background:transparent;color:#b8c0c6;cursor:pointer;font-size:11px;font-weight:700;padding:10px 20px;transition:all .15s}.esg-presets button:hover,.esg-presets button[aria-pressed="true"]{background:#dce7ee;color:#101113;border-color:#dce7ee}
.esg-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.esg-stat{padding:clamp(22px,2.9vw,44px);min-height:220px;position:relative}
.esg-stat+.esg-stat{border-left:1px solid #383c3f}
.esg-stat-icon{font-size:24px;color:#aac1d1;display:block;margin-bottom:27px}
.esg-stat-value{font:800 clamp(25px,3vw,46px)/1.13 Manrope,Arial,sans-serif;letter-spacing:-.055em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.esg-stat-value small{font-size:clamp(14px,1.55vw,20px);letter-spacing:0;color:#b5c1c9;white-space:nowrap}
.esg-stat h3{font-size:14px;line-height:1.5;font-weight:700;margin:17px 0 7px}
.esg-stat p{color:#a3aaae;font-size:12px;line-height:1.6;margin:0}
.esg-impact-note{color:#99a0a5;font-size:10px;letter-spacing:.13em;line-height:1.7;text-align:center;margin:22px 0 0}
.esg-method-section{background:#f1eee7;color:#141719;padding:clamp(80px,9vw,130px) 0}
.esg-method-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:11vw}
.esg-method-section .esg-overline{color:#656b71}
.esg-method-section h2{font-size:clamp(36px,4vw,57px);margin:20px 0 26px}
.esg-method-section .esg-method-grid>div>p{font-size:16px;line-height:1.8;color:#65696c;max-width:390px}
.esg-method{border-bottom:1px solid #b3b4b2}
.esg-method:first-child{border-top:1px solid #b3b4b2}
.esg-method summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;font-weight:700;font-size:16px;cursor:pointer}
.esg-method summary::-webkit-details-marker{display:none}
.esg-method summary span{font-size:24px;font-weight:400;color:#6d777f;transition:transform .2s}
.esg-method[open] summary span{transform:rotate(45deg)}
.esg-method p{margin:0 0 26px;font-size:14px;line-height:1.8;color:#53585b;max-width:620px}
.esg-outro{background:#191b1d;padding:95px 0 112px}
.esg-outro h2{font-size:clamp(35px,4.1vw,60px);max-width:850px;margin:23px 0 44px}
.esg-outro a{font-size:12px;font-weight:700;letter-spacing:.16em;border-bottom:1px solid #8b959b;padding-bottom:13px}
.esg-footer{background:#111214;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:105px;font-size:10px;letter-spacing:.1em;color:#acafb2}
.esg-footer a{color:#e1e4e6}
@media(max-width:1000px){.esg-hero{min-height:580px}.esg-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.esg-stat-wide{grid-column:span 2;border-top:1px solid #383c3f}.esg-stat-wide.esg-stat{border-left:none}.esg-pillar-grid{gap:18px}}
@media(max-width:700px){.esg-hero{min-height:660px;align-items:end}.esg-hero-visual{background:linear-gradient(0deg,#101113 4%,#101113dc 34%,#10111399 80%,#10111388),url('assets/the-bike-hero.jpg') center 36%/cover no-repeat;opacity:.67}.esg-hero-inner{padding-top:160px;padding-bottom:90px}.esg-hero h1{font-size:clamp(36px,10.2vw,60px);margin:25px 0}.esg-hero-inner>p{font-size:16px;line-height:1.65}.esg-hero-index{display:none}.esg-explainer-grid,.esg-method-grid{grid-template-columns:1fr;gap:28px}.esg-explainer h2{font-size:38px}.esg-pillars{padding:70px 0}.esg-pillar-grid{grid-template-columns:1fr;gap:15px}.esg-pillar{padding-top:23px}.esg-pillar h3{margin:16px 0 8px}.esg-impact{padding:85px 0 72px}.esg-impact h2{font-size:40px}.esg-impact-heading>p{font-size:15px;margin-bottom:35px}.esg-control-top{display:block}.esg-fleet{font-size:45px;margin-top:23px}.esg-slider{margin-top:41px}.esg-stats{grid-template-columns:1fr}.esg-stat,.esg-stat-wide{grid-column:auto;min-height:unset;padding:28px}.esg-stat+.esg-stat,.esg-stat-wide.esg-stat{border-left:0;border-top:1px solid #383c3f}.esg-stat-icon{margin-bottom:19px}.esg-stat-value{font-size:35px}.esg-method-section{padding:75px 0}.esg-footer{flex-wrap:wrap;align-items:center;justify-content:space-between;padding-top:28px;padding-bottom:28px}.esg-footer span{order:3;flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.esg-presets button,.esg-method summary span{transition:none}html{scroll-behavior:auto}}