*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f3ee;color:#111;font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}.topbar{height:34px;background:#111;color:#d9ff52;display:flex;justify-content:center;align-items:center;gap:12px;font-size:12px;letter-spacing:.04em}.header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;background:#f4f3ee;position:sticky;top:0;z-index:20;border-bottom:1px solid #dddcd5}.logo{display:flex;align-items:center;gap:10px;font-family:"Space Grotesk";font-weight:700;letter-spacing:.08em}.logo-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#111;color:#d9ff52;font-weight:700}.nav{display:flex;gap:30px;font-size:14px;font-weight:600}.nav a:hover{color:#607b00}.header-cta{background:#111;color:#fff;border-radius:100px;padding:12px 20px;font-size:13px;font-weight:700}.menu-btn{display:none;background:none;border:0;font-size:24px}.hero{min-height:calc(100vh - 112px);display:grid;grid-template-columns:1.05fr .95fr;padding:7% 7%;gap:5%;overflow:hidden;background:#f4f3ee}.hero-copy{align-self:center;max-width:720px}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:700;color:#6c7e18;margin:0 0 20px}.hero h1,h2{font-family:"Space Grotesk";font-size:clamp(46px,6vw,88px);line-height:.95;letter-spacing:-.055em;margin:0}.hero h1 em,h2 em{font-style:normal;color:#789100}.hero-text{max-width:590px;font-size:18px;line-height:1.65;color:#5d5d57;margin:28px 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:24px;padding:15px 20px;border-radius:100px;font-weight:700;font-size:13px}.btn-primary{background:#111;color:#fff}.btn-primary span{color:#d9ff52}.btn-ghost{border:1px solid #c9c8c0}.hero-note{margin-top:30px;font-size:12px;color:#6b6b64;display:flex;align-items:center;gap:8px}.dot{width:8px;height:8px;border-radius:50%;background:#8cab00}.hero-visual{min-height:540px;position:relative;display:grid;place-items:center}.bike-card{width:min(480px,90%);height:560px;border-radius:28px;background:linear-gradient(145deg,#20221d,#080908);box-shadow:0 30px 80px #0002;position:relative;overflow:hidden;color:#fff;transform:rotate(2deg)}.bike-card:before{content:"";position:absolute;width:380px;height:380px;border:1px solid #d9ff5238;border-radius:50%;left:50%;top:40%;transform:translate(-50%,-50%);box-shadow:0 0 0 70px #d9ff5210,0 0 0 140px #d9ff5208}.bike-label{position:absolute;top:26px;left:28px;color:#d9ff52;font-size:10px;letter-spacing:.16em}.bike-silhouette{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);font-family:"Space Grotesk";font-size:75px;font-weight:700;letter-spacing:-.08em;color:#ffffff12}.bike-bottom{position:absolute;bottom:28px;left:28px;right:28px;display:flex;justify-content:space-between;font-size:11px}.bike-bottom strong{color:#d9ff52;letter-spacing:.1em}.hero-orb{position:absolute;border-radius:50%;background:#d9ff52;filter:blur(1px)}.orb-1{width:100px;height:100px;right:0;top:10%}.orb-2{width:45px;height:45px;left:2%;bottom:12%;background:#111}.floating-card{position:absolute;bottom:10%;left:-2%;background:#fff;padding:18px 22px;border-radius:14px;box-shadow:0 15px 40px #0001}.floating-card span{display:block;font-size:9px;color:#7c940b;letter-spacing:.14em}.floating-card strong{display:block;margin-top:5px;font-family:"Space Grotesk"}.trust-strip{background:#d9ff52;display:grid;grid-template-columns:repeat(4,1fr);padding:28px 7%;gap:25px}.trust-strip div{display:flex;align-items:center;gap:15px;border-right:1px solid #1112}.trust-strip div:last-child{border:0}.trust-strip strong{font-family:"Space Grotesk";font-size:13px}.trust-strip span{font-size:12px;line-height:1.4}.section{padding:110px 7%}.section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:55px}.section-head h2{font-size:clamp(42px,5vw,68px)}.section-intro{max-width:390px;color:#686861;line-height:1.7}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{background:#fff;border:1px solid #dfded7;border-radius:22px;padding:30px;min-height:390px;display:flex;flex-direction:column}.service-dark{background:#111;color:#fff;border-color:#111}.number{font-size:11px;opacity:.55}.service-icon{margin:35px 0 25px;font-size:34px}.service-icon.green{color:#789100}.service-card h3{font-family:"Space Grotesk";font-size:25px;line-height:1.05;margin:0}.service-card p{color:#77766f;line-height:1.6;font-size:14px}.service-dark p{color:#aaa}.service-card a{margin-top:auto;font-weight:700;font-size:13px}.split-section{display:grid;grid-template-columns:1fr 1fr;min-height:680px}.split-image{background:linear-gradient(145deg,#cfd4bb,#7d8767 45%,#20231e);position:relative;display:grid;place-items:center;overflow:hidden}.split-image:before{content:"";width:60%;height:60%;border:1px solid #fff7;border-radius:50%;box-shadow:0 0 0 60px #fff1,0 0 0 120px #fff08}.fake-bike{font-family:"Space Grotesk";font-size:clamp(50px,8vw,110px);font-weight:700;color:#ffffff16;letter-spacing:-.08em;z-index:1}.image-badge{position:absolute;top:30px;left:30px;background:#111;color:#d9ff52;padding:9px 13px;border-radius:100px;font-size:10px;letter-spacing:.15em}.split-copy{padding:100px 10%;align-self:center}.split-copy h2{font-size:clamp(43px,5vw,70px)}.split-copy>p:not(.eyebrow){color:#66655e;line-height:1.7;max-width:510px;margin:30px 0}.feature-list{display:grid;gap:18px;margin:30px 0}.feature-list div{display:grid;grid-template-columns:30px 100px 1fr;align-items:center}.feature-list span{color:#789100;font-weight:700}.feature-list strong{font-size:13px}.feature-list small{color:#777;font-size:12px}.location-section{background:#111;color:#fff;display:grid;grid-template-columns:1.2fr .8fr;padding:110px 10%;min-height:530px;align-items:center}.location-copy h2{font-size:clamp(50px,6vw,82px)}.location-copy>p:not(.eyebrow){max-width:520px;color:#aaa;line-height:1.7;margin:28px 0}.btn-light{background:#d9ff52;color:#111}.location-stat{justify-self:end;border-left:1px solid #ffffff22;padding-left:70px}.location-stat span{font-size:11px;color:#d9ff52;letter-spacing:.2em}.location-stat strong{font-family:"Space Grotesk";font-size:45px;line-height:.9;display:block;margin:20px 0}.location-stat p{color:#999;max-width:220px;line-height:1.6}.atelier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.atelier-panel{background:#fff;border:1px solid #deddd6;border-radius:20px;padding:32px;min-height:220px}.tool-circle{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:#d9ff52;margin-bottom:30px}.atelier-panel h3{font-family:"Space Grotesk";font-size:21px;margin:0 0 10px}.atelier-panel p{color:#73726b;line-height:1.6;font-size:13px}.quote-section{padding:120px 10%;background:#d9ff52;text-align:center}.quote-mark{font-family:Georgia;font-size:80px;line-height:.5}.quote-section blockquote{font-family:"Space Grotesk";font-size:clamp(28px,4vw,55px);line-height:1.05;letter-spacing:-.04em;max-width:900px;margin:25px auto}.quote-section p{font-size:12px;color:#555}.contact-section{display:grid;grid-template-columns:1fr 1fr;padding:100px 10%;gap:60px;background:#f4f3ee}.contact-main h2{font-size:clamp(52px,6vw,80px)}.contact-main>p:not(.eyebrow){line-height:1.7;color:#666;margin:28px 0}.phone{font-family:"Space Grotesk";font-size:26px;font-weight:700}.contact-hours{background:#fff;border:1px solid #dddcd5;border-radius:22px;padding:35px}.contact-hours h3{font-family:"Space Grotesk";margin-top:0}.hours{display:flex;justify-content:space-between;border-top:1px solid #e3e2dc;padding:18px 0;font-size:13px}.hours strong{text-align:right}.map-btn{display:block;text-align:center;background:#111;color:#fff;padding:14px;border-radius:100px;margin-top:18px;font-size:13px;font-weight:700}footer{background:#111;color:#fff;padding:45px 7%;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}.footer-brand{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.footer-brand p{width:100%;color:#888;margin:8px 0 0;font-size:12px}.footer-links{display:flex;gap:22px;font-size:12px;justify-content:center;color:#bbb}.footer-right{display:flex;flex-direction:column;align-items:end;gap:8px;font-size:12px}.footer-right a{color:#d9ff52}.footer-right span{color:#777}@media(max-width:850px){.nav,.header-cta{display:none}.menu-btn{display:block}.header{padding:0 5%}.nav.open{display:flex;position:absolute;left:0;right:0;top:78px;background:#f4f3ee;padding:22px 5%;flex-direction:column;box-shadow:0 15px 30px #0001}.hero{grid-template-columns:1fr;padding:60px 6%}.hero-visual{min-height:460px}.bike-card{height:440px}.trust-strip{grid-template-columns:1fr 1fr;padding:25px 6%}.trust-strip div{border:0}.section{padding:80px 6%}.section-head{display:block}.section-intro{margin-top:25px}.service-grid,.atelier-grid{grid-template-columns:1fr}.service-card{min-height:330px}.split-section{grid-template-columns:1fr}.split-image{min-height:430px}.split-copy{padding:70px 8%}.location-section{grid-template-columns:1fr;padding:75px 8%}.location-stat{justify-self:start;border-left:0;border-top:1px solid #ffffff22;padding:35px 0 0;margin-top:50px}.contact-section{grid-template-columns:1fr;padding:75px 8%}footer{grid-template-columns:1fr;gap:25px}.footer-links{justify-content:start;flex-wrap:wrap}.footer-right{align-items:start}}@media(max-width:480px){.topbar{font-size:10px}.hero h1{font-size:48px}.hero-visual{min-height:400px}.bike-card{height:380px}.floating-card{left:-4%;bottom:7%}.trust-strip{grid-template-columns:1fr}.trust-strip div{border-bottom:1px solid #1112;padding-bottom:12px}.trust-strip div:last-child{border:0}.feature-list div{grid-template-columns:30px 80px 1fr}.feature-list small{font-size:11px}}

.atelier-gallery{display:grid;grid-template-columns:1.35fr .65fr;gap:16px;margin-bottom:18px}
.atelier-photo{position:relative;min-height:300px;border-radius:22px;overflow:hidden;background:#111;display:block}
.atelier-photo-large{min-height:430px}
.atelier-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.atelier-photo:hover img{transform:scale(1.035)}
.atelier-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.65))}
.atelier-photo span{position:absolute;z-index:2;left:22px;bottom:20px;color:#fff;font-family:"Space Grotesk";font-size:18px;font-weight:600}
@media(max-width:850px){.atelier-gallery{grid-template-columns:1fr}.atelier-photo,.atelier-photo-large{min-height:300px}}

/* Globe localisation VELOLOG */
.location-globe{position:relative;overflow:hidden;min-height:620px;padding:100px 7vw;display:grid;grid-template-columns:minmax(280px,.85fr) minmax(360px,1.15fr);gap:50px;align-items:center;background:#101316;color:#fff}
.location-globe::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 48%,rgba(55,125,255,.18),transparent 27%),radial-gradient(circle at 15% 85%,rgba(217,255,82,.08),transparent 28%)}
.globe-copy,.globe-wrap{position:relative;z-index:1}.globe-copy{max-width:520px}.globe-copy h2{font-size:clamp(42px,5vw,76px);line-height:.94;letter-spacing:-.055em;margin:14px 0 25px}.globe-copy h2 em{font-style:normal;color:#d9ff52}.globe-copy p{max-width:430px;color:#aeb5bd;font-size:18px;line-height:1.65;margin-bottom:32px}
.globe-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center}.globe{width:min(440px,72vw);aspect-ratio:1;border-radius:50%;position:relative;overflow:hidden;background:radial-gradient(circle at 35% 27%,rgba(255,255,255,.2),transparent 9%),radial-gradient(circle at 42% 40%,#2e9bff 0%,#1764c4 38%,#07316d 72%,#03142d 100%);box-shadow:inset -35px -30px 70px rgba(0,0,0,.58),inset 20px 10px 45px rgba(255,255,255,.12),0 0 80px rgba(34,115,255,.18)}
.globe-map{position:absolute;inset:-5%;width:110%;height:110%;background:radial-gradient(ellipse at 19% 34%,#55a44e 0 7%,transparent 7.5%),radial-gradient(ellipse at 27% 52%,#4c9b4a 0 11%,transparent 11.5%),radial-gradient(ellipse at 44% 25%,#69ae55 0 8%,transparent 8.5%),radial-gradient(ellipse at 57% 56%,#4e9848 0 9%,transparent 9.5%),radial-gradient(ellipse at 69% 36%,#6aa851 0 7%,transparent 7.5%),radial-gradient(ellipse at 79% 62%,#4a8f45 0 10%,transparent 10.5%);opacity:.92;animation:globeRotate 18s linear infinite}
.globe-grid{position:absolute;inset:-20%;background:repeating-linear-gradient(90deg,transparent 0 42px,rgba(255,255,255,.1) 43px 44px),repeating-linear-gradient(0deg,transparent 0 42px,rgba(255,255,255,.08) 43px 44px);border-radius:50%;opacity:.55;animation:globeRotate 22s linear infinite reverse}
.globe-shine{position:absolute;inset:0;border-radius:50%;background:linear-gradient(115deg,rgba(255,255,255,.22),transparent 28%,transparent 65%,rgba(0,0,0,.25))}
.location-pin{position:absolute;left:52%;top:61%;width:30px;height:30px;z-index:5}.pin-dot{position:absolute;left:50%;top:50%;width:16px;height:16px;transform:translate(-50%,-50%);border-radius:50%;background:#ff3030;border:3px solid #fff;box-shadow:0 0 0 5px rgba(255,48,48,.18),0 0 24px rgba(255,48,48,.85)}.pin-pulse{position:absolute;left:50%;top:50%;width:18px;height:18px;transform:translate(-50%,-50%);border:2px solid #ff3030;border-radius:50%;animation:pinPulse 1.8s ease-out infinite}
.globe-label{margin-top:22px;padding:10px 15px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.05);color:#d7dce2;font-size:11px;font-weight:700;letter-spacing:.14em}.globe-label span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ff3030;box-shadow:0 0 10px rgba(255,48,48,.9);margin-right:7px}
@keyframes globeRotate{from{transform:translateX(-2%) rotate(0)}to{transform:translateX(2%) rotate(360deg)}}@keyframes pinPulse{0%{opacity:.9;transform:translate(-50%,-50%) scale(.7)}100%{opacity:0;transform:translate(-50%,-50%) scale(3.2)}}
@media(prefers-reduced-motion:reduce){.globe-map,.globe-grid,.pin-pulse{animation:none}}@media(max-width:800px){.location-globe{grid-template-columns:1fr;padding:75px 6vw;min-height:auto}.globe-wrap{order:-1}.globe{width:min(360px,82vw)}.globe-copy{text-align:center;margin:auto}.globe-copy p{margin-left:auto;margin-right:auto}}