*{box-sizing:border-box}html,body{margin:0;height:100%;background:#030916;color:#fff}body{font-family:Sora,system-ui,sans-serif;height:100dvh;display:flex;flex-direction:column;overflow:hidden}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #89dfd4;outline-offset:5px}.art,.veil{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}.art{object-fit:cover}.veil{background:linear-gradient(180deg,rgba(3,9,22,.5),rgba(3,9,22,.18) 35%,rgba(3,9,22,.56) 65%,#030916c9),radial-gradient(ellipse at center,#03091670,transparent 75%)}header,main,footer{position:relative;z-index:1}header{width:min(1320px,90%);margin:auto;display:flex;align-items:center;justify-content:space-between;height:120px;flex-shrink:0;gap:30px}.brand{width:142px;height:85px;display:flex;align-items:center}.brand img{width:100%;height:100%;object-fit:contain}.navpanel{display:flex;align-items:center;gap:40px}nav{display:flex;gap:32px;font-size:13px}nav a{padding:14px 0;color:#e4eaf3}.pill{padding:14px 23px;border:1px solid #d5e6f36b;border-radius:40px;font-size:12px}.pill:hover{background:#ffffff12}main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 24px 30px}.eyebrow{font-size:10px;letter-spacing:.26em;font-weight:500;color:#c7e8dd;margin:0 0 27px;display:flex;align-items:center;gap:12px}.eyebrow:before{content:'';width:6px;height:6px;background:#71e4b2;border-radius:50%;box-shadow:0 0 15px #71e4b2}h1{font-size:clamp(34px,4.3vw,68px);line-height:1.18;letter-spacing:-.055em;font-variation-settings:'wght' 424;margin:0;max-width:1100px;text-shadow:0 3px 34px #030916a0}h1 span{display:block}.sub{font-size:15px;line-height:1.9;color:#e0e5ed;max-width:620px;margin:25px 0 34px;font-variation-settings:'wght' 446;text-shadow:0 2px 12px #000}.cta{position:relative;display:inline-flex;align-items:center;gap:44px;min-height:58px;padding:16px 29px;font-size:13px;border-radius:99px;background:linear-gradient(180deg,#060c1600 45%,#060c1647),linear-gradient(90deg,#ffe2b22b,#ffecd012 22%,#b0ceee08 55%,#96c4f417),linear-gradient(90deg,#ffffff3d,#ffffff0a);backdrop-filter:blur(26px) saturate(.45);box-shadow:0 -2px 20px #ffe0b033,0 0 34px #a8ccfc29,inset 0 1px #fffbf273}.cta:before{content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(120deg,#ffe4b6,#d6e2f00a 55%,#bae0f7);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none}.cta:hover{background-color:#ffffff18}.cta svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.5}.feats{display:flex;justify-content:center;gap:40px;list-style:none;padding:0;margin:47px 0 0;font-size:11px;color:#dbe5ef}.feats li:before{content:'›';color:#a0d9e5;margin-right:10px}.rule{height:35px;width:1px;background:linear-gradient(#d4e8edaa,transparent);margin-top:30px}footer{display:flex;align-items:center;justify-content:space-between;gap:15px;width:min(1320px,90%);margin:0 auto;padding:22px 0 25px;font-size:10px;color:#bbc8d9}footer a{padding:12px 0}.controls{display:flex;gap:20px;align-items:center}button{font:inherit;color:inherit;border:1px solid #ffffff35;background:#03091655;border-radius:30px;min-height:44px;padding:0 14px;cursor:pointer}.burger{display:none}.navtoggle{position:absolute;opacity:0;pointer-events:none}.scrim{display:none}
@media(min-width:1200px){header{height:17vh}main{padding-bottom:3vh}.feats{margin-top:6vh}footer{min-height:12vh}}
@media(max-width:1000px){header{height:105px}.navpanel{gap:20px}nav{gap:18px}.feats{gap:23px}h1{font-size:48px}}
@media(max-width:700px){header{height:100px;width:88%;gap:10px}.brand{width:112px;height:75px}.burger{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #ffffff45;border-radius:50%;cursor:pointer;font-size:22px}.navtoggle:focus-visible~.burger{outline:3px solid #89dfd4}.navpanel{display:none;position:absolute;top:88px;right:0;left:0;background:#071221fa;border:1px solid #ffffff30;border-radius:20px;padding:22px;z-index:5;box-shadow:0 20px 70px #0009}.navtoggle:checked~.navpanel{display:flex;flex-direction:column;align-items:stretch}nav{flex-direction:column;gap:2px}nav a{min-height:44px}.pill{text-align:center}main{padding:15px 24px}.eyebrow{font-size:8px;letter-spacing:.15em;margin-bottom:25px}h1{font-size:clamp(30px,7.9vw,49px);line-height:1.24;letter-spacing:-.045em}.sub{font-size:12px;max-width:340px;margin:24px 0 27px;line-height:1.9}.cta{font-size:12px;gap:32px}.feats{display:grid;grid-template-columns:repeat(2,auto);gap:20px 25px;text-align:left;font-size:10px;margin-top:34px}.rule{height:25px;margin-top:27px}footer{font-size:8px;width:88%;padding:12px 0 max(14px,env(safe-area-inset-bottom));flex-wrap:wrap;gap:4px}.controls{gap:12px}.veil{background:linear-gradient(#03091677,#03091640 25%,#030916aa 60%,#030916cc)}header{z-index:3}}
@media(max-height:650px){header{height:80px}.brand{height:66px;width:110px}.eyebrow{margin-bottom:14px}h1{font-size:clamp(26px,4.8vw,45px)}.sub{margin:14px 0 17px}.feats{margin-top:20px;gap:12px 25px}.rule{display:none}main{padding-top:0;padding-bottom:0}footer{padding:8px 0;min-height:52px}}
@media(max-height:440px) and (min-width:600px){header{height:65px}.brand{height:58px;width:90px}h1 span{display:inline}h1{font-size:30px}.eyebrow{font-size:8px;margin-bottom:10px}.sub{font-size:11px;max-width:none;margin:10px 0}.cta{min-height:44px;padding:10px 24px}.feats{margin-top:14px;display:flex;font-size:9px}footer{font-size:8px}.navpanel{gap:20px}nav{font-size:10px}}
@media(prefers-reduced-motion:no-preference){@keyframes rise{from{opacity:0;translate:0 10px}}html:not(.is-entered) .brand{animation:rise .7s .1s backwards}html:not(.is-entered) h1{animation:rise 1s .3s backwards}html:not(.is-entered) .sub{animation:rise .8s .6s backwards}html:not(.is-entered) .cta{animation:rise .8s .8s backwards}html:not(.is-entered) .feats{animation:rise .7s 1.1s backwards}html:not(.is-entered) footer{animation:rise .6s 1.45s backwards}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* Readable mobile layout, static-first media, accessible menu. */
body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;min-height:100dvh;height:auto;overflow-x:hidden;overflow-y:auto}header{margin:0 auto}main{min-height:60vh}h1 span+span{margin-top:.12em}video.art{opacity:0}video.art.playing{opacity:1}button[hidden]{display:none!important}.skip{position:fixed;top:-100px;left:16px;z-index:20;background:#fff;color:#102a43;padding:14px}.skip:focus{top:12px}.whatsapp-float{position:fixed;bottom:max(18px,env(safe-area-inset-bottom));right:18px;z-index:10;background:#b2e8d0;color:#082f22;font-weight:700;font-size:13px;border-radius:40px;padding:15px 22px;box-shadow:0 6px 25px #0008}footer{padding-bottom:90px;line-height:1.8}.controls{flex-wrap:wrap}.sub{font-size:17px}nav a{min-height:44px;display:inline-flex;align-items:center}.navpanel.open{display:flex}.burger{font:inherit;font-size:22px}footer a{display:inline-block;min-height:44px}.feats{font-size:13px}
@media(max-width:700px){header{position:relative}.navpanel{top:88px}.navpanel.open{display:flex;flex-direction:column}.sub{font-size:16px;max-width:460px}.eyebrow{font-size:10px}.feats{font-size:12px}.navpanel nav a{font-size:16px}.cta{font-size:14px}.controls{gap:14px}footer{font-size:12px;padding-bottom:95px;align-items:flex-start}.whatsapp-float{font-size:13px}main{min-height:0;padding:36px 24px}h1{font-size:clamp(29px,7.9vw,46px)}}

/* Retouche Unslop 2026-11-05 : le menu Cash Book du pied de page reprenait le style du menu du haut (13px) */
footer{font-size:12px;color:#c4cfdd}
footer nav{font-size:inherit;gap:20px}
footer nav a{padding:12px 0;color:inherit}
.company-registration{margin:0}
/* Retouche Unslop 2026-11-05 : sur-titre et titre de l'accueil plus calmes */
.eyebrow{letter-spacing:.04em;font-size:12px}
.eyebrow:before{box-shadow:none}
h1{letter-spacing:-.02em}
footer{flex-wrap:wrap;row-gap:4px;column-gap:28px}
footer a,footer #foot2{white-space:nowrap}