:root{--forest:#082d24;--ink:#182f27;--orange:#ff893c;--paper:#f5f4ed;--muted:#b9c8be}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.skip{position:absolute;left:20px;top:-100px;background:#fff;padding:12px;z-index:10}.skip:focus{top:12px}header{background:var(--forest);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:23px 6%;border-bottom:1px solid #ffffff24}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:28px;line-height:1.1;letter-spacing:-1px}.brand img{width:48px;height:48px;border-radius:11px}.orange,.footer-brand span{color:var(--orange)}.brand-sub{display:block;font-size:8px;font-weight:500;letter-spacing:2.2px;margin-top:7px;color:#c4d0c8}nav{display:flex;gap:32px;align-items:center;font-size:13px}nav a:hover,.text-link:hover{color:var(--orange)}.nav-contact{border:1px solid #ffffff50;padding:10px 18px;border-radius:4px}.nav-contact span{margin-left:22px}.hero{position:relative;background:var(--forest);color:var(--paper);display:grid;grid-template-columns:1.15fr 1fr;padding:65px 6% 85px;gap:4%;overflow:hidden}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2.1px;margin:0 0 29px;color:#c5d3cb}.eyebrow span{display:inline-block;width:6px;height:6px;background:var(--orange);margin-right:8px;border-radius:50%}h1{font-size:clamp(44px,5.3vw,82px);font-weight:650;letter-spacing:-3.5px;line-height:1.04;margin:0 0 28px}em{font-family:Georgia,serif;font-weight:400;color:var(--orange)}.lead{font-size:19px;max-width:465px;line-height:1.55;color:#e0e7df}.hero-detail{font-size:14px;max-width:425px;color:var(--muted);margin-top:18px}.actions{display:flex;gap:25px;align-items:center;margin-top:30px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;gap:36px;background:var(--orange);color:#152c22;padding:14px 20px;font-size:13px;font-weight:700;border-radius:4px;transition:background .2s,transform .2s}.button:hover{background:#ffa46a;transform:translateY(-2px)}.text-link{font-size:13px;font-weight:600}.text-link span{margin-left:8px}.availability{font-size:10px;color:var(--muted);margin:24px 0 0}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#98b5a0;margin-right:7px}.hero-art{position:relative;align-self:center;margin:0 auto;max-width:520px;width:100%;border:1px solid #ffffff19;border-radius:6px;overflow:hidden;transform:rotate(2deg);box-shadow:0 28px 65px #001c1780}.hero-art img{display:block;width:100%}.art-caption{position:absolute;bottom:0;left:0;right:0;background:#05271ee6;padding:16px 22px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px}.scroll-cue{position:absolute;bottom:23px;left:6%;font-size:9px;letter-spacing:2px;color:#acbeb1}.scroll-cue span{margin-left:25px}.section{padding:85px 6%}.spirit{display:grid;grid-template-columns:1fr 1fr;gap:8%;border-bottom:1px solid #cfd5cb}.dark{color:#5b6c60}h2{font-size:clamp(32px,3.2vw,48px);font-weight:550;letter-spacing:-1.8px;line-height:1.15;margin:0}h2>span{color:#738174}.story p{margin:0 0 17px;font-size:16px}.story .signature{font-size:13px;color:#69776b;margin-top:24px}.dark-link{display:inline-block;border-bottom:1px solid #a7b3a8;padding-bottom:5px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:10%;margin-bottom:46px}.section-heading>p{font-size:15px;max-width:350px;color:#627263}.feature-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:8%;align-items:center}.route-visual{background:#dde4d4;border-radius:7px;overflow:hidden;border:1px solid #c5cdbd}.map-top{display:flex;justify-content:space-between;align-items:center;padding:22px}.map-brand{font-size:20px;font-weight:800;letter-spacing:-1px}.map-brand span{color:#d95f16}.map-tag{font-size:8px;letter-spacing:1.6px}.route-visual svg{width:100%;height:auto;display:block}.map-label{font:9px sans-serif;letter-spacing:1.4px;fill:#45583e}.map-bottom{display:flex;justify-content:space-between;padding:18px 22px;border-top:1px solid #bec8b5;font-size:11px;gap:12px}.map-bottom span:last-child{font-size:8px;letter-spacing:1.3px}.features article{display:flex;gap:24px;padding:26px 0;border-bottom:1px solid #cfd5cb}.features article:first-child{padding-top:0}.number{font-family:Georgia,serif;font-style:italic;font-size:25px;color:#b65f2c;line-height:1.4}.features h3{margin:0 0 8px;font-size:21px;font-weight:600;letter-spacing:-.6px}.features p{margin:0;font-size:14px;color:#657365}.development-note{font-size:10px!important;line-height:1.6;margin-top:22px!important}.beta{background:var(--forest);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:8%}.beta>div>p:not(.eyebrow){max-width:450px;color:#c6d2c8;font-size:15px;margin:0 0 20px}.beta .button{margin-top:10px}.beta .beta-note{font-size:10px!important;margin-top:14px!important;color:#9eafa2!important}.contact{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.contact p:not(.eyebrow){font-size:14px;color:#657365;max-width:400px}.email{font-size:clamp(22px,2.7vw,36px);letter-spacing:-1px;border-bottom:1px solid #8eaa94;padding-bottom:8px;display:inline-block}.email span{font-size:24px;margin-left:15px}.email:hover{color:#b9581b}.contact-location{margin-top:23px;font-size:12px!important}footer{padding:28px 6%;border-top:1px solid #cfd5cb;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;color:#657365}.footer-brand{font-size:23px;font-weight:800;letter-spacing:-1px;color:var(--ink)}footer div{display:flex;gap:22px}footer a:hover{text-decoration:underline}.legal{max-width:850px;margin:auto;min-height:65vh}.legal h1{font-size:44px;letter-spacing:-2px}.legal h2{font-size:23px;margin:30px 0 10px}.legal a{color:#a34d12;text-decoration:underline}@media(min-width:1600px){header,.hero,.section,footer{padding-left:max(6%,calc((100vw - 1400px)/2));padding-right:max(6%,calc((100vw - 1400px)/2))}}@media(max-width:850px){header{padding:18px 5%}nav{gap:17px}nav a:first-child{display:none}.hero{padding:45px 5% 75px;gap:30px;grid-template-columns:1.1fr .9fr}h1{font-size:48px;letter-spacing:-2px}.lead{font-size:17px}.hero-art{transform:none}.hero-detail{font-size:13px}.actions{gap:18px}.section{padding:60px 5%}.spirit,.feature-layout,.beta,.contact{gap:6%}.section-heading{gap:6%}.section-heading>p{max-width:280px}.map-tag{display:none}.features h3{font-size:19px}.features article{gap:15px}.features p{font-size:13px}footer{padding:25px 5%}}@media(max-width:600px){header{padding:16px 6%}.brand{font-size:23px}.brand img{width:40px;height:40px}nav a:not(.nav-contact){display:none}.nav-contact{font-size:11px;padding:8px 12px}.nav-contact span{margin-left:10px}.hero{grid-template-columns:1fr;padding:38px 6% 65px;gap:34px}.eyebrow{font-size:8px;letter-spacing:1.7px;margin-bottom:24px}h1{font-size:49px;letter-spacing:-2.2px}.lead{font-size:18px}.hero-detail{max-width:100%}.hero-art{max-width:390px}.hero-art img{aspect-ratio:1.18;object-fit:cover;object-position:center 42%}.art-caption{padding:12px 17px;font-size:8px}.availability{font-size:9px}.actions{gap:22px}.button{font-size:12px;padding:13px 17px;gap:20px}.text-link{font-size:12px}.section{padding:48px 6%}.spirit,.feature-layout,.beta,.contact{grid-template-columns:1fr;gap:28px}h2{font-size:35px}.story p{font-size:15px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{max-width:none;margin-top:22px;font-size:14px}.features article{padding:22px 0}.features article:first-child{padding-top:4px}.features h3{font-size:21px}.features p{font-size:14px}.beta>div>p:not(.eyebrow){font-size:14px}.email{font-size:27px}footer{padding:23px 6%;flex-wrap:wrap;gap:10px}footer>p{margin:0}footer div{width:100%;justify-content:space-between;margin-top:10px}.legal h1{font-size:35px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
/* Identité HarVride : noir, crème et orange. */
:root{--forest:#111410;--ink:#20231d;--orange:#ff862d;--paper:#f3f1e9;--muted:#bfc1b6}header{background:#10120f}.brand img{border-radius:50%;width:54px;height:54px}.hero{background:radial-gradient(ellipse at 78% 45%,#353526 0,transparent 50%),#111410;min-height:690px;align-items:center;padding-top:55px;padding-bottom:95px;grid-template-columns:1.1fr 1fr}.hero-copy{position:relative;z-index:2}.hero h1{font-size:clamp(48px,5.3vw,80px)}.hero-phones{position:relative;height:530px;max-width:510px;width:100%;margin:auto}.phone{background:#111;border:7px solid #242820;border-radius:30px;overflow:hidden;box-shadow:0 26px 55px #0006;line-height:0}.phone img{display:block;width:100%;height:auto}.phone-back{position:absolute;width:215px;left:6px;top:13px;transform:rotate(-10deg);opacity:.9}.phone-front{position:absolute;width:226px;right:22px;top:47px;transform:rotate(7deg)}.phone-note{position:absolute;bottom:-9px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:2px;color:#adb3a1}.planning-shot{margin:0;padding:32px;background:#dcded0;border-radius:8px;text-align:center}.planning-shot .phone{max-width:240px;margin:auto;border-width:6px;border-radius:25px}.planning-shot figcaption{font-family:Georgia,serif;font-size:16px;font-style:italic;margin-top:25px;color:#40503b}.gallery{background:#e6e7dc;border-top:1px solid #d4d8c9}.screens{display:grid;grid-template-columns:repeat(3,1fr);gap:42px}.screens figure{margin:0;min-width:0}.shot-button{display:block;width:100%;max-width:248px;margin:auto;padding:0;border:6px solid #252a21;border-radius:27px;overflow:hidden;background:#20251f;box-shadow:0 20px 35px #26331e23;cursor:zoom-in;line-height:0;transition:transform .2s}.shot-button:hover{transform:translateY(-5px)}.shot-button:focus-visible{outline:3px solid #b45116;outline-offset:5px}.shot-button img{width:100%;height:auto;display:block}.screens figcaption{max-width:290px;margin:26px auto 0}.screens figcaption>span{font-size:9px;letter-spacing:2px;color:#747c68}.screens h3{font-size:24px;letter-spacing:-.7px;font-weight:550;margin:8px 0}.screens p{font-size:14px;color:#68705e;margin:0}.capture-note{font-size:10px;color:#747c68;text-align:center;margin:35px 0 0}.beta{background:#151911}dialog{border:0;background:#10140ff5;color:#fff;padding:58px 22px 20px;max-width:95vw;max-height:96vh;border-radius:10px}dialog::backdrop{background:#000c}dialog>img{display:block;max-width:85vw;max-height:82vh;width:auto;height:auto;margin:auto}.close-viewer{position:absolute;right:18px;top:15px;border:1px solid #bcc6b470;color:#fff;background:#292e24;padding:7px 14px;border-radius:5px;cursor:pointer;font:inherit;font-size:13px}.contact .email{overflow-wrap:anywhere}@media(max-width:1000px){.hero-phones{height:450px}.phone-back{width:180px;left:0;top:10px}.phone-front{width:190px;right:0;top:45px}.hero{min-height:620px}.hero h1{font-size:53px}.screens{gap:28px}}@media(max-width:750px){.hero{grid-template-columns:1fr;padding-top:40px;gap:25px}.hero h1{font-size:58px}.hero-phones{height:500px;max-width:470px}.phone-back{width:205px;left:20px}.phone-front{width:215px;right:20px}.hero-copy .hero-detail{max-width:490px}.planning-shot{padding:25px 15px}.screens{gap:20px}.shot-button{border-radius:20px;border-width:5px}.screens h3{font-size:21px}.screens p{font-size:13px}}@media(max-width:600px){.brand img{width:43px;height:43px}.hero h1{font-size:51px}.hero{padding-bottom:65px}.hero-phones{height:440px;max-width:350px}.phone-back{width:168px;left:9px;top:8px;border-width:5px;border-radius:23px}.phone-front{width:180px;right:9px;top:42px;border-width:5px;border-radius:23px}.phone-note{font-size:7px;bottom:-2px}.planning-shot{padding:28px}.planning-shot .phone{max-width:222px}.screens{grid-template-columns:1fr;gap:40px}.screens figure{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);align-items:center;gap:23px}.screens figure:nth-child(2){direction:rtl}.screens figure:nth-child(2)>*{direction:ltr}.screens figcaption{margin:0}.screens h3{font-size:24px;line-height:1.2}.screens p{font-size:13px}.screens figcaption>span{font-size:8px;letter-spacing:1px}.shot-button{max-width:190px;border-radius:19px}.hero .eyebrow{font-size:9px;letter-spacing:2px}}@media(prefers-reduced-motion:reduce){.shot-button{transition:none}}
