*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:95px}
body{margin:0;background:#101110;color:#f6f6f1;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}
button,a,summary{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #a9eb56;outline-offset:6px}
::selection{background:#b1ef66;color:#101110}
.skip{position:fixed;top:-100px;background:#fff;color:#111;padding:12px;z-index:100}
.skip:focus{top:0}
.header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid #ffffff18;background:#101110f2;position:relative;z-index:10}
.brand{display:flex;align-items:center;gap:12px;font-size:26px;font-weight:800;letter-spacing:-1px;line-height:1}
.brand img{object-fit:contain;background:white;border-radius:5px}
.brand-sub{display:block;font-size:9px;letter-spacing:1.7px;margin-top:7px}
.header nav{display:flex;align-items:center;gap:32px;font-size:14px}
.header nav>a:not(.button){color:#ccc}
.header nav>a:hover{color:#b1ef66}
.button{display:inline-flex;justify-content:center;align-items:center;padding:15px 24px;border-radius:5px;border:1px solid #ffffff40;font-size:14px;font-weight:600;transition:background .2s,transform .2s;line-height:1.4}
.button:hover{transform:translateY(-3px);background:#ffffff14}
.primary{background:#b0ef61;color:#111;border-color:#b0ef61}
.primary:hover{background:#c3ff7a}
.menu{display:none}
.eyebrow{font-size:12px;font-weight:600;letter-spacing:1.8px;line-height:1.6;margin:0 0 28px}
h1{font-size:clamp(55px,6.3vw,96px);line-height:1.035;letter-spacing:-5px;font-weight:500;margin:0 0 36px;max-width:1150px}
.green{color:#b0ef61}
.text-link{font-size:14px;display:inline-block;border-bottom:1px solid #777;padding-bottom:4px}
.text-link:hover{color:#b0ef61}
.section{padding:105px 6%}
h2{font-size:clamp(36px,4.2vw,63px);line-height:1.08;letter-spacing:-2.6px;font-weight:500;margin:0}
.muted{color:#82867d}
.dark{background:#172111;color:#fff}
.dark:hover{background:#314522}
.purple{color:#bca0f8}
.large-text{font-size:24px;line-height:1.4;letter-spacing:-.5px;margin:0 0 22px}
footer{padding:35px 6%;display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:11px;color:#8c9483}
.footer-name{font-size:22px;letter-spacing:-1px;font-weight:700;color:#eee;line-height:1.2}
.footer-name span{display:block;font-size:8px;letter-spacing:1.5px;font-weight:400;margin-top:7px}
@media(max-width:1000px){.header nav{gap:20px}
h1{letter-spacing:-3px}}
@media(max-width:740px){.header{height:80px;padding:0 6%}
.brand{font-size:22px}
.brand img{width:43px;height:43px}
.brand-sub{font-size:8px}
.menu{display:flex;align-items:center;gap:13px;background:none;border:1px solid #ffffff30;border-radius:4px;color:#fff;padding:7px 12px;font-size:13px}
.menu span{font-size:21px}
.header nav{display:none;position:absolute;top:80px;left:0;right:0;background:#191c16;padding:25px;flex-direction:column;align-items:stretch;gap:24px;border-bottom:1px solid #ffffff20}
.header nav.open{display:flex}
h1{font-size:clamp(41px,9.2vw,66px);letter-spacing:-2.4px;line-height:1.08;margin-bottom:30px}
.section{padding:65px 6%}
h2{font-size:38px;letter-spacing:-1.7px}
.eyebrow{font-size:10px;margin-bottom:22px}
.large-text{font-size:22px}
footer{align-items:flex-start;flex-direction:column;gap:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*:before,*:after{animation:none!important;transition:none!important}}

/* Le menu étendu passe en mode compact sur tablette. */
@media(min-width:741px) and (max-width:1100px){.menu{display:flex;align-items:center;gap:13px;background:none;border:1px solid #ffffff30;border-radius:4px;color:#fff;padding:7px 12px;font-size:13px}.menu span{font-size:21px}.header nav{display:none;position:absolute;top:100px;left:0;right:0;background:#191c16;padding:25px;flex-direction:column;align-items:stretch;gap:24px;border-bottom:1px solid #ffffff20}.header nav.open{display:flex}}
