:root{--bg:#07101b;--panel:#0d1929;--line:rgba(125,214,255,.15);--text:#eef7ff;--muted:#9fb1c5;--cyan:#4edcff;--violet:#8b62ff;--pink:#ff4fd8;--ok:#45d29a;--warn:#ffca66;--late:#ff6b86}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 85% 0%,rgba(95,66,255,.18),transparent 34%),radial-gradient(circle at 10% 20%,rgba(52,205,255,.12),transparent 30%),var(--bg);color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}.topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:28px;padding:16px clamp(20px,4vw,70px);background:rgba(5,11,20,.78);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;min-width:210px}.brand img{height:50px;width:auto;max-width:240px;object-fit:contain}.brandmark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;font-weight:900;font-size:24px;background:linear-gradient(135deg,var(--cyan),var(--violet),var(--pink));color:#06101a;box-shadow:0 0 28px rgba(78,220,255,.25)}.brand b,.brand small{display:block}.brand small{font-size:10px;letter-spacing:.16em;color:var(--muted)}nav{justify-self:center;display:flex;gap:28px}nav a{font-weight:700;color:#cbd8e7;font-size:14px}.mini-cta,.btn{border-radius:14px;font-weight:800}.mini-cta{padding:11px 15px;border:1px solid rgba(78,220,255,.28);background:rgba(78,220,255,.08)}.menu{display:none;background:none;border:0;color:#fff;font-size:24px}.hero{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:50px;align-items:center;padding:clamp(65px,9vw,130px) clamp(20px,5vw,90px) 70px;max-width:1600px;margin:auto}.eyebrow{font-size:12px;font-weight:900;letter-spacing:.2em;color:var(--cyan)}h1,h2,h3,p{margin-top:0}.hero h1,.page-head h1{font-size:clamp(42px,6vw,88px);line-height:.96;letter-spacing:-.055em;margin:18px 0 24px}.hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--cyan),#8ca0ff,var(--pink));-webkit-background-clip:text;color:transparent}.hero-copy>p,.page-head>p,.intro p,.split p,.cta p,.contact-copy p{font-size:clamp(17px,1.5vw,21px);line-height:1.65;color:var(--muted);max-width:760px}.actions{display:flex;flex-wrap:wrap;gap:13px;margin:28px 0}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 20px;border:1px solid transparent;cursor:pointer}.primary{background:linear-gradient(90deg,var(--cyan),#6b8cff 48%,var(--violet));color:#06111d;box-shadow:0 12px 34px rgba(74,150,255,.18)}.ghost{border-color:rgba(160,204,255,.2);background:rgba(255,255,255,.035)}.trust{display:flex;flex-wrap:wrap;gap:18px;color:#bac9d8;font-size:13px}.hero-visual{min-height:530px;display:grid;place-items:center}.hero-visual img{width:100%;max-height:690px;object-fit:contain;filter:drop-shadow(0 40px 55px rgba(0,0,0,.35))}.screen-fallback{width:min(720px,100%);aspect-ratio:16/10;border:1px solid rgba(104,217,255,.2);border-radius:28px;padding:22px;background:linear-gradient(155deg,#142339,#07101c 62%);box-shadow:0 40px 100px rgba(0,0,0,.38),0 0 60px rgba(76,104,255,.12);transform:perspective(1100px) rotateY(-6deg)}.screen-head{display:flex;align-items:center;gap:7px;color:#8da1b8;font-size:12px}.screen-head i{width:8px;height:8px;border-radius:50%;background:#2c4961}.screen-head span{margin-left:auto}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0}.metric-row b,.mini-panels i{border:1px solid var(--line);background:#0e1d30;border-radius:15px}.metric-row b{padding:18px}.chart{height:190px;border-radius:18px;background:linear-gradient(180deg,rgba(78,220,255,.12),transparent),repeating-linear-gradient(0deg,transparent,transparent 39px,rgba(255,255,255,.04) 40px),linear-gradient(120deg,transparent 0 12%,rgba(78,220,255,.35) 13% 14%,transparent 15% 27%,rgba(139,98,255,.45) 28% 29%,transparent 30% 43%,rgba(255,79,216,.35) 44% 45%,transparent 46%)}.mini-panels{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.mini-panels i{height:86px}.section,.page-head{max-width:1180px;margin:auto;padding:90px 24px 35px}.intro{text-align:center}.intro p{margin:auto}.intro h2,.split h2,.cta h2,.contact-copy h2{font-size:clamp(32px,4vw,56px);letter-spacing:-.04em;margin:14px 0 18px}.feature-grid,.pricing{max-width:1280px;margin:auto;padding:30px 24px 100px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-grid article,.pricing article,.status-card,.contact-form,.admin-panel,.admin-kpis article{border:1px solid var(--line);background:linear-gradient(180deg,rgba(16,31,51,.86),rgba(8,18,31,.9));border-radius:22px;box-shadow:0 24px 70px rgba(0,0,0,.18)}.feature-grid article{padding:28px;min-height:210px;opacity:.75;transform:translateY(18px);transition:.45s}.feature-grid article.seen,.pricing article.seen,.split.seen,.contact-layout.seen{opacity:1;transform:none}.feature-grid article>span{font-size:12px;color:var(--cyan);font-weight:900}.feature-grid h3{font-size:22px;margin:35px 0 10px}.feature-grid p,.pricing p,.pricing li{color:var(--muted);line-height:1.6}.split{max-width:1180px;margin:30px auto 110px;padding:30px 24px;display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center;opacity:.8;transform:translateY(18px);transition:.5s}.text-link{color:var(--cyan);font-weight:800}.status-card{padding:28px}.status-card>div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:18px}.status-card p{display:flex;align-items:center;gap:10px;color:#c5d3e0}.status-card i{width:9px;height:9px;border-radius:50%}.status-card .ok{background:var(--ok)}.status-card .warn{background:var(--warn)}.status-card .late{background:var(--late)}.cta{margin:60px auto 110px;max-width:1080px;text-align:center;padding:55px 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.cta p{margin-left:auto;margin-right:auto}.page-head{text-align:center;padding-top:100px}.pricing article{padding:30px;position:relative;opacity:.8;transform:translateY(18px);transition:.5s}.pricing .featured{border-color:rgba(90,196,255,.45)}.badge{position:absolute;top:16px;right:16px;font-size:11px;background:rgba(78,220,255,.1);border:1px solid rgba(78,220,255,.25);color:var(--cyan);padding:6px 9px;border-radius:999px}.plan{font-size:11px;font-weight:900;letter-spacing:.18em;color:var(--cyan)}.price{font-size:28px;font-weight:900;margin:24px 0}.pricing ul{padding-left:20px;min-height:150px}.contact-layout{max-width:1150px;margin:auto;padding:30px 24px 110px;display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:start;opacity:.8;transform:translateY(18px);transition:.5s}.contact-points{display:grid;gap:12px;margin-top:30px}.contact-form{padding:28px;display:grid;gap:17px}.contact-form label,.login-card label{display:grid;gap:7px;color:#c9d7e6;font-size:14px}.contact-form input,.contact-form textarea,.login-card input{width:100%;border:1px solid rgba(139,183,227,.2);background:#091524;color:#fff;border-radius:13px;padding:13px 14px;outline:none}.contact-form input:focus,.contact-form textarea:focus,.login-card input:focus{border-color:var(--cyan)}.hp{position:absolute!important;left:-9999px!important}.success,.form-error{padding:13px 15px;border-radius:13px}.success{background:rgba(69,210,154,.1);border:1px solid rgba(69,210,154,.3);color:#9bf0ca}.form-error{background:rgba(255,107,134,.1);border:1px solid rgba(255,107,134,.3);color:#ffc0cc}footer{border-top:1px solid var(--line);padding:35px clamp(20px,5vw,90px);display:grid;grid-template-columns:1fr auto;gap:20px;color:var(--muted)}footer strong{display:block;color:#fff}.footer-links{display:flex;gap:20px}footer>small{grid-column:1/-1}.admin-body{background:#07101b}.login-card{width:min(460px,92vw);margin:10vh auto;border:1px solid var(--line);background:#0c1727;border-radius:24px;padding:30px}.login-card form{display:grid;gap:16px;margin-top:24px}.admin-top{display:flex;justify-content:space-between;padding:18px 28px;border-bottom:1px solid var(--line);background:#091421}.admin-top span{color:var(--muted);margin-left:10px}.admin-top a{margin-left:16px;color:var(--cyan)}.admin-main{max-width:1200px;margin:auto;padding:34px 22px}.admin-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px}.admin-kpis article{padding:22px}.admin-kpis span{display:block;color:var(--muted);font-size:13px}.admin-kpis strong{font-size:28px}.admin-panel{padding:24px}.admin-panel-head{display:flex;justify-content:space-between}.messages{display:grid;gap:12px}.messages article{display:grid;grid-template-columns:260px 1fr;gap:24px;padding:18px;border:1px solid rgba(255,255,255,.06);border-radius:15px;background:#091523}.messages article div{display:grid;gap:4px}.messages a{color:var(--cyan)}.messages small,.empty{color:var(--muted)}.messages p{margin:0;line-height:1.55}@media(max-width:980px){.topbar{grid-template-columns:1fr auto auto}.topbar nav{display:none;position:absolute;top:75px;left:18px;right:18px;background:#091522;border:1px solid var(--line);border-radius:18px;padding:18px;flex-direction:column}.topbar nav.open{display:flex}.menu{display:block}.hero{grid-template-columns:1fr;padding-top:70px}.hero-copy{text-align:center}.hero-copy>p{margin:auto}.actions,.trust{justify-content:center}.hero-visual{min-height:390px}.feature-grid,.pricing{grid-template-columns:1fr 1fr}.split,.contact-layout{grid-template-columns:1fr}.admin-kpis{grid-template-columns:1fr 1fr}.messages article{grid-template-columns:1fr}}@media(max-width:640px){.mini-cta{display:none}.brand{min-width:0}.hero h1,.page-head h1{font-size:44px}.hero-visual{min-height:300px}.feature-grid,.pricing,.admin-kpis{grid-template-columns:1fr}.screen-fallback{transform:none}.metric-row{grid-template-columns:1fr}.metric-row b:nth-child(n+2){display:none}.footer-links{flex-wrap:wrap}.messages article,footer{grid-template-columns:1fr}}
/* visual pass 2 — navigation intégrée au hero */
body{padding-top:0}
.topbar{position:absolute;top:22px;left:50%;transform:translateX(-50%);width:min(1380px,calc(100% - 36px));grid-template-columns:auto 1fr auto auto;padding:10px 14px 10px 12px;border:1px solid rgba(124,219,255,.16);border-radius:22px;background:linear-gradient(180deg,rgba(5,12,23,.62),rgba(5,12,23,.38));backdrop-filter:blur(18px) saturate(135%);box-shadow:0 18px 60px rgba(0,0,0,.22);border-bottom-color:rgba(124,219,255,.16)}
.brand{min-width:220px;gap:10px}.brand .brand-icon{width:42px;height:42px;border-radius:12px;object-fit:cover;box-shadow:0 0 26px rgba(78,220,255,.16)}.brand b{font-size:13px;letter-spacing:.06em}.brand small{font-size:9px}.topbar nav{padding:7px 12px;border-radius:14px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.04)}.topbar nav a{padding:8px 11px;border-radius:10px;transition:.22s}.topbar nav a:hover{background:rgba(78,220,255,.08);color:#fff}.mini-cta{background:linear-gradient(90deg,rgba(78,220,255,.16),rgba(139,98,255,.15));border-color:rgba(120,205,255,.25);box-shadow:inset 0 0 20px rgba(78,220,255,.035)}
.hero{display:flex;flex-direction:column;gap:0;padding:118px clamp(18px,3vw,46px) 72px;max-width:1600px}.hero-visual{order:-1;width:100%;min-height:0;display:block}.hero-visual img{display:block;width:100%;max-height:none;aspect-ratio:auto;object-fit:contain;border-radius:30px;border:1px solid rgba(125,214,255,.12);box-shadow:0 42px 100px rgba(0,0,0,.34),0 0 80px rgba(78,220,255,.06)}.hero-copy{position:relative;z-index:4;width:min(980px,calc(100% - 42px));margin:-42px auto 0;padding:30px 34px 26px;text-align:center;border:1px solid rgba(120,213,255,.16);border-radius:24px;background:linear-gradient(180deg,rgba(7,16,29,.88),rgba(7,16,29,.74));backdrop-filter:blur(22px);box-shadow:0 26px 75px rgba(0,0,0,.26)}.hero-copy>p{margin-left:auto;margin-right:auto}.hero .actions,.hero .trust{justify-content:center}.hero h1{font-size:clamp(38px,5vw,70px);margin-top:12px}.hero .eyebrow{font-size:11px}.hero-visual .screen-fallback{margin:auto}
@media(max-width:980px){.topbar{position:absolute;top:14px;width:calc(100% - 24px);grid-template-columns:1fr auto auto}.topbar nav{top:68px;left:0;right:0;background:rgba(6,14,26,.96);border-radius:18px}.brand{min-width:0}.brand b{font-size:12px}.brand small{font-size:8px}.hero{padding-top:96px}.hero-copy{width:calc(100% - 24px);margin-top:-22px;padding:24px 20px}.hero-visual img{border-radius:22px}}
@media(max-width:640px){.brand span:last-child{display:none}.brand .brand-icon{width:40px;height:40px}.topbar{padding:8px 10px}.hero{padding:84px 12px 58px}.hero-copy{width:calc(100% - 12px);margin-top:-14px}.hero-visual img{border-radius:18px}}

/* === Direction visuelle SaaS inspirée des sites Crée Mon Site === */
.public-site{position:relative;overflow-x:hidden;background:radial-gradient(ellipse at 8% 3%,rgba(0,221,255,.20) 0,rgba(0,221,255,.07) 24%,transparent 48%),radial-gradient(ellipse at 92% 8%,rgba(116,60,255,.23) 0,rgba(116,60,255,.08) 25%,transparent 50%),radial-gradient(ellipse at 60% 30%,rgba(255,41,208,.10) 0,transparent 38%),linear-gradient(180deg,#020b18 0%,#061426 24%,#071426 52%,#050d19 100%);background-attachment:fixed}.public-site:before{content:"";position:fixed;inset:-20%;pointer-events:none;z-index:-1;background:conic-gradient(from 120deg at 50% 30%,transparent 0 18%,rgba(0,221,255,.07) 22%,transparent 31%,rgba(132,73,255,.08) 42%,transparent 55%,rgba(255,54,210,.06) 66%,transparent 76%);filter:blur(70px);animation:auroraDrift 16s ease-in-out infinite alternate}@keyframes auroraDrift{to{transform:translate3d(3%,-2%,0) scale(1.08) rotate(3deg)}}.showcase-hero{position:relative;isolation:isolate;padding:28px clamp(18px,3vw,56px) 20px;max-width:1800px;margin:auto}.showcase-hero .aurora{position:absolute;border-radius:50%;filter:blur(72px);opacity:.5;pointer-events:none;z-index:-1}.aurora-one{width:520px;height:250px;background:rgba(0,213,255,.22);left:-100px;top:180px}.aurora-two{width:600px;height:290px;background:rgba(111,66,255,.24);right:-140px;top:40px}.aurora-three{width:420px;height:230px;background:rgba(255,56,215,.13);right:20%;top:420px}.hero-picture-wrap{position:relative;max-width:1660px;margin:auto}.hero-picture{display:block;width:100%;height:auto;object-fit:cover;box-shadow:0 34px 110px rgba(0,0,0,.48),0 0 90px rgba(0,206,255,.09),0 0 130px rgba(125,62,255,.10)}.hero-picture-wrap:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:92px;background:linear-gradient(180deg,transparent,rgba(3,12,25,.52) 55%,#061426 100%);pointer-events:none}.hero-glow-line{position:absolute;left:9%;right:9%;bottom:-7px;height:3px;border-radius:999px;background:linear-gradient(90deg,transparent,#27dbff 18%,#8068ff 52%,#ff4fd8 82%,transparent);box-shadow:0 0 18px #47dfff,0 0 38px rgba(137,87,255,.55)}.hero-nav{position:relative;z-index:4;width:min(1120px,92%);margin:-10px auto 0;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 16px;border-radius:0 0 42px 42px;background:linear-gradient(180deg,rgba(5,18,38,.34),rgba(5,14,30,.86));border:1px solid rgba(90,205,255,.18);border-top:0;box-shadow:0 18px 50px rgba(0,0,0,.28),inset 0 -1px 0 rgba(255,79,216,.12);backdrop-filter:blur(18px)}.hero-nav a{padding:10px 18px;border-radius:999px;font-size:14px;font-weight:800;color:#d9e8f7;transition:.22s}.hero-nav a:hover,.hero-nav a.active{color:#fff;text-shadow:0 0 16px rgba(86,220,255,.55);background:rgba(255,255,255,.035)}.hero-nav .nav-cta{margin-left:10px;background:linear-gradient(90deg,#23d7ff,#746cff 52%,#ff48d7);color:#fff;box-shadow:0 0 24px rgba(83,142,255,.32)}.hero-intro{position:relative;z-index:3;max-width:1050px;margin:38px auto 0;text-align:center;padding:12px 24px 28px}.hero-intro h1{font-size:clamp(44px,6.2vw,92px);line-height:.96;letter-spacing:-.055em;margin:16px auto 24px}.hero-intro h1 em{font-style:normal;background:linear-gradient(90deg,#38ddff 0%,#7f7cff 48%,#ff53d8 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-intro>p{max-width:850px;margin:0 auto;color:#aec2d8;font-size:clamp(17px,1.4vw,22px);line-height:1.65}.hero-intro .actions,.hero-intro .trust{justify-content:center}.hero-intro .trust{margin-top:22px}.hero-intro .trust span{padding:8px 14px;border:1px solid rgba(101,212,255,.14);border-radius:999px;background:rgba(4,18,36,.36)}.gradient-bridge{height:120px;position:relative;overflow:hidden;margin-top:-10px}.gradient-bridge:before{content:"";position:absolute;left:50%;top:34px;transform:translateX(-50%);width:min(1260px,86%);height:64px;border-radius:50%;background:linear-gradient(90deg,rgba(20,220,255,.18),rgba(112,79,255,.22),rgba(255,67,214,.16));filter:blur(28px)}.gradient-bridge div{position:absolute;left:10%;right:10%;top:68px;height:1px;background:linear-gradient(90deg,transparent,rgba(70,220,255,.65),rgba(135,89,255,.75),rgba(255,69,213,.55),transparent);box-shadow:0 0 18px rgba(96,169,255,.25)}.intro{padding-top:52px}.feature-grid article{background:linear-gradient(145deg,rgba(10,30,55,.78),rgba(9,18,34,.70));border-color:rgba(96,202,255,.15);box-shadow:0 24px 70px rgba(0,0,0,.22),inset 0 0 40px rgba(75,162,255,.018)}.feature-grid article:hover{border-color:rgba(91,218,255,.32);box-shadow:0 28px 80px rgba(0,0,0,.28),0 0 38px rgba(82,126,255,.08);transform:translateY(-4px)}.status-card{background:linear-gradient(145deg,rgba(9,29,52,.88),rgba(10,15,34,.86));box-shadow:0 30px 80px rgba(0,0,0,.28),0 0 50px rgba(108,84,255,.06)}.cta{border:1px solid rgba(101,209,255,.14);border-radius:34px;background:radial-gradient(circle at 20% 20%,rgba(35,213,255,.10),transparent 34%),radial-gradient(circle at 82% 20%,rgba(255,70,214,.09),transparent 32%),linear-gradient(180deg,rgba(12,29,51,.70),rgba(7,17,31,.72));box-shadow:0 28px 80px rgba(0,0,0,.22)}.site-footer{position:relative;overflow:hidden;margin-top:70px;padding:78px clamp(22px,5vw,90px) 26px;border-top:0;background:linear-gradient(180deg,rgba(5,14,27,0) 0%,rgba(4,12,25,.88) 34%,#030a14 100%)}.site-footer:before{content:"";position:absolute;top:0;left:9%;right:9%;height:1px;background:linear-gradient(90deg,transparent,#24dfff,#7f68ff,#ff4ed9,transparent);box-shadow:0 0 20px rgba(82,175,255,.45)}.footer-aurora{position:absolute;left:8%;right:8%;top:12px;height:90px;border-radius:50%;background:linear-gradient(90deg,rgba(28,219,255,.22),rgba(109,77,255,.22),rgba(255,65,210,.18));filter:blur(38px);opacity:.62}.footer-inner{position:relative;z-index:2;max-width:1380px;margin:auto;display:grid;grid-template-columns:1.45fr .8fr .9fr 1.1fr;gap:48px;align-items:start}.footer-brand img{width:min(320px,100%);height:auto;object-fit:contain;filter:drop-shadow(0 0 22px rgba(76,211,255,.12))}.footer-brand p,.footer-contact p{color:#91a9c1;line-height:1.65;font-size:14px}.footer-column{display:grid;gap:10px}.footer-column strong,.footer-contact strong{margin-bottom:6px;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:#fff}.footer-column a,.footer-column span,.footer-admin{font-size:14px;color:#91a9c1}.footer-column a:hover,.footer-admin:hover{color:#56dcff}.footer-contact{display:grid;gap:12px}.footer-cta{display:inline-flex;justify-content:center;padding:12px 16px;border-radius:999px;background:linear-gradient(90deg,#25d7ff,#776bff 52%,#ff4bd7);font-weight:900;box-shadow:0 0 28px rgba(90,138,255,.22)}.footer-admin{text-align:center}.footer-line{position:relative;z-index:2;max-width:1380px;margin:48px auto 18px;height:1px;background:linear-gradient(90deg,transparent,rgba(71,216,255,.33),rgba(130,100,255,.35),rgba(255,77,214,.30),transparent)}.footer-bottom{position:relative;z-index:2;max-width:1380px;margin:auto;display:flex;justify-content:space-between;gap:20px;color:#70869d}.footer-bottom small{font-size:12px}@media(max-width:980px){.hero-nav{width:94%;flex-wrap:wrap;border-radius:0 0 30px 30px}.hero-nav a{padding:9px 13px}.hero-intro{margin-top:28px}.footer-inner{grid-template-columns:1fr 1fr}.footer-brand,.footer-contact{grid-column:1/-1}.footer-brand img{width:250px}.footer-bottom{flex-direction:column;align-items:center;text-align:center}}@media(max-width:640px){.showcase-hero{padding:12px 10px 8px}.hero-picture{min-height:300px;object-fit:cover;object-position:center}.hero-nav{margin-top:-5px;gap:6px;padding:10px 8px}.hero-nav a{font-size:12px;padding:8px 10px}.hero-nav .nav-cta{margin-left:0}.hero-intro{padding:8px 12px 20px}.hero-intro h1{font-size:42px}.gradient-bridge{height:82px}.footer-inner{grid-template-columns:1fr;gap:28px}.footer-brand,.footer-contact{grid-column:auto}.footer-bottom{align-items:flex-start;text-align:left}.site-footer{padding-top:62px}}
/* === Menu Neon Glassmorphism validé === */
.hero-nav{position:relative;z-index:4;width:auto;max-width:1180px;margin:-2px auto 0;display:flex;align-items:center;justify-content:center;gap:14px;padding:14px 18px;background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none}
.hero-nav:before{content:"";position:absolute;left:8%;right:8%;top:50%;height:74px;transform:translateY(-50%);background:radial-gradient(ellipse at center,rgba(61,169,255,.10),rgba(116,80,255,.06) 46%,transparent 74%);filter:blur(22px);pointer-events:none;z-index:-1}
.hero-nav a{position:relative;overflow:hidden;isolation:isolate;padding:11px 20px;border-radius:16px;border:1px solid rgba(116,220,255,.26);background:linear-gradient(145deg,rgba(13,33,58,.42),rgba(8,19,38,.24));backdrop-filter:blur(16px) saturate(145%);-webkit-backdrop-filter:blur(16px) saturate(145%);color:#eef7ff;font-size:14px;font-weight:850;letter-spacing:.01em;box-shadow:inset 0 1px 0 rgba(255,255,255,.09),inset 0 -1px 0 rgba(118,80,255,.10),0 8px 28px rgba(0,0,0,.16),0 0 0 1px rgba(86,187,255,.03);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,color .24s ease}
.hero-nav a:before{content:"";position:absolute;inset:1px;border-radius:14px;background:linear-gradient(115deg,rgba(255,255,255,.12),rgba(255,255,255,.015) 34%,rgba(255,255,255,0) 58%);opacity:.8;pointer-events:none;z-index:-1}
.hero-nav a:after{content:"";position:absolute;top:-160%;left:-45%;width:42%;height:420%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);filter:blur(2px);opacity:0;transition:left .55s ease,opacity .3s ease;pointer-events:none}
.hero-nav a:hover{transform:translateY(-3px) scale(1.025);border-color:rgba(90,229,255,.62);color:#fff;text-shadow:0 0 14px rgba(117,231,255,.7);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 12px 34px rgba(0,0,0,.22),0 0 22px rgba(47,210,255,.18),0 0 38px rgba(121,88,255,.10)}
.hero-nav a:hover:after{left:112%;opacity:1}
.hero-nav a.active{border-color:rgba(94,223,255,.48);background:linear-gradient(145deg,rgba(27,77,112,.42),rgba(26,32,78,.32));box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 0 18px rgba(46,212,255,.14),0 0 34px rgba(121,88,255,.08)}
.hero-nav .nav-cta{margin-left:10px;border-color:rgba(255,255,255,.32);background:linear-gradient(100deg,rgba(35,215,255,.92),rgba(116,108,255,.92) 50%,rgba(255,72,215,.92));color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 0 24px rgba(75,193,255,.22),0 0 44px rgba(255,72,215,.12)}
.hero-nav .nav-cta:hover{border-color:rgba(255,255,255,.56);box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 10px 34px rgba(0,0,0,.20),0 0 28px rgba(54,219,255,.30),0 0 54px rgba(255,72,215,.18)}
@media(max-width:980px){.hero-nav{width:94%;max-width:none;flex-wrap:wrap;gap:10px;padding:12px}.hero-nav:before{left:2%;right:2%}.hero-nav .nav-cta{margin-left:0}}
@media(max-width:640px){.hero-nav{gap:8px;padding:10px 6px}.hero-nav a{font-size:12px;padding:9px 12px;border-radius:14px}}

/* === Menu Neon Glassmorphism — effet Dynamic Island === */
@property --neon-angle{syntax:"<angle>";initial-value:0deg;inherits:false}
.hero-nav{width:auto!important;max-width:1180px!important;margin:-8px auto 0!important;padding:10px 8px!important;gap:14px!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;border-radius:0!important;overflow:visible!important}
.hero-nav a{position:relative;isolation:isolate;overflow:visible;padding:11px 21px!important;border-radius:999px!important;border:0!important;background:rgba(4,13,29,.80)!important;color:#eef8ff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 -1px 0 rgba(90,190,255,.08),0 8px 24px rgba(0,0,0,.24)!important;backdrop-filter:blur(15px) saturate(150%);transition:transform .25s ease,text-shadow .25s ease,box-shadow .25s ease!important}
.hero-nav a::before{content:"";position:absolute;z-index:-2;inset:-2px;border-radius:inherit;background:conic-gradient(from var(--neon-angle),transparent 0deg,transparent 220deg,#24dcff 258deg,#6878ff 292deg,#ff4bd8 326deg,transparent 360deg);animation:neonOrbit 3.8s linear infinite;filter:blur(.25px);opacity:.88}
.hero-nav a::after{content:"";position:absolute;z-index:-1;inset:1px;border-radius:inherit;background:linear-gradient(180deg,rgba(13,28,52,.92),rgba(3,10,23,.94));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 0 16px rgba(69,167,255,.045)}
.hero-nav a:hover{transform:translateY(-2px) scale(1.025);text-shadow:0 0 11px rgba(112,225,255,.82);box-shadow:0 0 18px rgba(40,220,255,.14),0 0 30px rgba(136,88,255,.12)!important}
.hero-nav a:hover::before{opacity:1;filter:blur(.2px) drop-shadow(0 0 7px rgba(61,218,255,.9)) drop-shadow(0 0 14px rgba(255,75,216,.55));animation-duration:2.1s}
.hero-nav a.active::before{opacity:1;filter:drop-shadow(0 0 6px rgba(45,219,255,.75))}
.hero-nav .nav-cta{margin-left:4px!important;background:rgba(4,13,29,.82)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 0 22px rgba(110,82,255,.10)!important}
.hero-nav .nav-cta::before{background:conic-gradient(from var(--neon-angle),transparent 0deg,transparent 190deg,#26e0ff 235deg,#7d72ff 278deg,#ff4dd8 318deg,#26e0ff 348deg,transparent 360deg);filter:drop-shadow(0 0 6px rgba(71,215,255,.72));opacity:1}
@keyframes neonOrbit{to{--neon-angle:360deg}}
@media(max-width:640px){.hero-nav{gap:8px!important}.hero-nav a{padding:9px 13px!important}}

/* menu neon glass v7 — contour fin, centre sombre */
.hero-nav{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;padding:8px 0!important;gap:14px!important}
.hero-nav a{position:relative;isolation:isolate;overflow:hidden;padding:11px 20px;border-radius:999px;background:rgba(4,12,25,.78)!important;border:1px solid rgba(120,205,255,.18)!important;color:#eef7ff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 24px rgba(0,0,0,.24)!important;backdrop-filter:blur(12px) saturate(125%);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.hero-nav a:before{content:"";position:absolute;inset:-2px;border-radius:inherit;padding:1px;background:conic-gradient(from var(--angle,0deg),transparent 0 76%,#35ddff 81%,#7c6dff 88%,#ff54d9 94%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:neonOrbit 4.8s linear infinite;pointer-events:none;z-index:-1}
.hero-nav a:after{content:"";position:absolute;inset:1px;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.008) 42%,rgba(0,0,0,.12));pointer-events:none;z-index:-1}
.hero-nav a:hover,.hero-nav a.active{transform:translateY(-2px);border-color:rgba(94,220,255,.32)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 10px 28px rgba(0,0,0,.28),0 0 14px rgba(72,215,255,.12),0 0 22px rgba(132,93,255,.08)!important;text-shadow:0 0 10px rgba(180,235,255,.35)!important}
.hero-nav .nav-cta{margin-left:8px;background:rgba(4,12,25,.82)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 8px 24px rgba(0,0,0,.24),0 0 12px rgba(82,190,255,.10)!important}
.hero-nav .nav-cta:before{background:conic-gradient(from var(--angle,0deg),transparent 0 72%,#39e2ff 80%,#7b72ff 88%,#ff58da 95%,transparent 100%);animation-duration:4.1s}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes neonOrbit{to{--angle:360deg}}
@media(max-width:640px){.hero-nav{gap:7px!important}.hero-nav a{padding:9px 12px;font-size:12px}.hero-nav .nav-cta{margin-left:0}}

/* === Menu pass v8 : contour neon anime visible === */
.hero-nav{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;gap:14px!important;padding:10px 0!important;overflow:visible!important}
.hero-nav a{position:relative;isolation:isolate;overflow:hidden;padding:11px 20px!important;border-radius:999px!important;background:rgba(4,12,27,.88)!important;border:1px solid rgba(110,175,255,.18)!important;color:#f3f8ff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 8px 24px rgba(0,0,0,.20)!important;backdrop-filter:blur(16px) saturate(135%);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
.hero-nav a::before{content:"";position:absolute;z-index:-2;inset:-45%;background:conic-gradient(from 0deg,transparent 0 68%,#23dcff 74%,#6d7cff 79%,#ff4fd8 84%,transparent 90% 100%);animation:neonOrbit 2.8s linear infinite;filter:blur(.2px)}
.hero-nav a::after{content:"";position:absolute;z-index:-1;inset:2px;border-radius:inherit;background:linear-gradient(180deg,rgba(9,20,39,.98),rgba(3,10,23,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.hero-nav a:hover{transform:translateY(-2px);border-color:rgba(113,221,255,.38)!important;box-shadow:0 0 18px rgba(54,216,255,.18),0 0 30px rgba(133,89,255,.12),inset 0 1px 0 rgba(255,255,255,.08)!important}
.hero-nav a.active{box-shadow:0 0 16px rgba(45,218,255,.14),inset 0 1px 0 rgba(255,255,255,.07)!important}
.hero-nav .nav-cta{margin-left:6px!important;background:rgba(4,12,27,.9)!important;color:#fff!important;border-color:rgba(169,119,255,.25)!important;box-shadow:0 0 16px rgba(104,100,255,.12),inset 0 1px 0 rgba(255,255,255,.07)!important}
.hero-nav .nav-cta::before{background:conic-gradient(from 0deg,transparent 0 60%,#24ddff 68%,#8668ff 76%,#ff4fd8 84%,transparent 92% 100%);animation-duration:2.25s}
@keyframes neonOrbit{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.hero-nav a::before{animation:none}}

/* === Menu pass v9 : Dynamic Island neon border === */
@property --neon-angle{syntax:'<angle>';inherits:false;initial-value:0deg}
.hero-nav{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;gap:16px!important;padding:12px 0!important;overflow:visible!important}
.hero-nav a{--neon-angle:0deg;position:relative;isolation:isolate;overflow:visible;padding:11px 21px!important;border-radius:999px!important;background:linear-gradient(180deg,rgba(9,18,35,.94),rgba(3,9,22,.96))!important;border:1px solid rgba(99,148,218,.18)!important;color:#f7fbff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),inset 0 -1px 0 rgba(0,0,0,.45),0 9px 24px rgba(0,0,0,.24)!important;backdrop-filter:blur(16px) saturate(140%);transition:transform .25s ease,box-shadow .25s ease!important}
.hero-nav a::before,.hero-nav a::after{content:"";position:absolute;pointer-events:none;border-radius:inherit;background:conic-gradient(from var(--neon-angle),transparent 0 70%,rgba(36,225,255,.08) 73%,#27e3ff 76%,#7d73ff 80%,#ff4fd8 84%,rgba(255,79,216,.16) 87%,transparent 91% 100%);animation:dynamicIslandOrbit 3.2s linear infinite}
.hero-nav a::before{inset:-2px;padding:2px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;filter:drop-shadow(0 0 2px rgba(51,224,255,.88)) drop-shadow(0 0 5px rgba(137,101,255,.56))}
.hero-nav a::after{inset:-7px;padding:7px;opacity:.55;filter:blur(8px);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:-1}
.hero-nav a:hover{transform:translateY(-2px) scale(1.015);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 16px rgba(44,220,255,.10),0 10px 28px rgba(0,0,0,.28)!important}
.hero-nav a:hover::before{filter:drop-shadow(0 0 3px rgba(51,224,255,.95)) drop-shadow(0 0 8px rgba(137,101,255,.75)) drop-shadow(0 0 10px rgba(255,79,216,.45))}
.hero-nav .nav-cta{margin-left:8px!important;background:linear-gradient(180deg,rgba(10,18,37,.96),rgba(4,9,23,.98))!important;border-color:rgba(135,105,235,.20)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 9px 24px rgba(0,0,0,.26)!important}
.hero-nav .nav-cta::before,.hero-nav .nav-cta::after{animation-duration:2.65s;background:conic-gradient(from var(--neon-angle),transparent 0 65%,rgba(35,224,255,.10) 68%,#23e0ff 72%,#7e73ff 78%,#ff4fd8 84%,rgba(255,79,216,.16) 89%,transparent 94% 100%)}
@keyframes dynamicIslandOrbit{to{--neon-angle:360deg}}
@media(prefers-reduced-motion:reduce){.hero-nav a::before,.hero-nav a::after{animation:none}}

/* === Menu pass v10 : une seule animation + separateur a mi-hauteur === */
@property --cms-orbit{syntax:'<angle>';inherits:false;initial-value:0deg}
.hero-glow-line{opacity:0!important}
.hero-nav{position:relative!important;width:auto!important;max-width:1180px!important;margin:-24px auto 0!important;padding:3px 0!important;gap:16px!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;overflow:visible!important}
.hero-nav::before{content:"";position:absolute;z-index:-3;left:-28vw;right:-28vw;top:50%;height:2px;transform:translateY(-50%);background:linear-gradient(90deg,transparent 0%,#20dfff 18%,#6f7bff 48%,#ff4fd8 78%,transparent 100%);box-shadow:0 0 10px rgba(51,220,255,.35),0 0 18px rgba(132,91,255,.22);pointer-events:none}
.hero-nav a{--cms-orbit:0deg;position:relative!important;isolation:isolate!important;overflow:visible!important;padding:11px 21px!important;border-radius:999px!important;background:linear-gradient(180deg,rgba(8,17,34,.97),rgba(3,9,21,.98))!important;border:1px solid rgba(94,142,210,.22)!important;color:#f8fbff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 8px 22px rgba(0,0,0,.26)!important;backdrop-filter:blur(15px) saturate(135%)!important;transform:none;transition:transform .22s ease,box-shadow .22s ease,text-shadow .22s ease!important}
.hero-nav a::after{content:none!important;display:none!important;animation:none!important;filter:none!important}
.hero-nav a::before{content:""!important;position:absolute!important;z-index:1!important;inset:-2px!important;padding:2px!important;border-radius:inherit!important;background:conic-gradient(from var(--cms-orbit),transparent 0 72%,rgba(37,225,255,.10) 75%,#27e3ff 78%,#7b73ff 82%,#ff4fd8 86%,rgba(255,79,216,.12) 89%,transparent 93% 100%)!important;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;-webkit-mask-composite:xor!important;mask-composite:exclude!important;filter:drop-shadow(0 0 2px rgba(42,224,255,.78)) drop-shadow(0 0 4px rgba(127,97,255,.42))!important;opacity:1!important;animation:cmsOrbit 3.4s linear infinite!important;pointer-events:none!important}
.hero-nav a:hover{transform:translateY(-2px)!important;text-shadow:0 0 10px rgba(156,235,255,.5)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 10px 26px rgba(0,0,0,.28),0 0 12px rgba(48,217,255,.09)!important}
.hero-nav a:hover::before{filter:drop-shadow(0 0 3px rgba(42,224,255,.9)) drop-shadow(0 0 6px rgba(127,97,255,.58)) drop-shadow(0 0 6px rgba(255,79,216,.3))!important;animation-duration:2.5s!important}
.hero-nav .nav-cta{margin-left:8px!important;background:linear-gradient(180deg,rgba(9,17,36,.97),rgba(3,8,22,.99))!important;border-color:rgba(121,102,217,.24)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 8px 22px rgba(0,0,0,.27)!important}
.hero-nav .nav-cta::before{animation-duration:3s!important}
@keyframes cmsOrbit{to{--cms-orbit:360deg}}
@media(max-width:640px){.hero-nav{margin:-20px auto 0!important;gap:8px!important}.hero-nav::before{left:-10vw;right:-10vw}.hero-nav a{padding:9px 13px!important;font-size:12px!important}.hero-nav .nav-cta{margin-left:0!important}}

/* === Menu pass v11 : boutons synchronisés de même taille === */
.hero-nav a{width:154px!important;min-width:154px!important;max-width:154px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;white-space:nowrap!important;padding:11px 12px!important;box-sizing:border-box!important}
.hero-nav .nav-cta{margin-left:0!important}
@media(max-width:980px){.hero-nav a{width:146px!important;min-width:146px!important;max-width:146px!important}}
@media(max-width:640px){.hero-nav a{width:auto!important;min-width:128px!important;max-width:none!important;padding:9px 12px!important}}

/* === Synchronisation CTA menu v12 === */
.hero-nav .nav-cta::before{animation:dynamicIslandOrbit 3.2s linear infinite!important;background:conic-gradient(from var(--neon-angle),transparent 0 70%,rgba(36,225,255,.08) 73%,#27e3ff 76%,#7d73ff 80%,#ff4fd8 84%,rgba(255,79,216,.16) 87%,transparent 91% 100%)!important}
.hero-nav .nav-cta{animation-delay:0s!important}

/* === v13 : synchro stricte + fondu du header === */
.hero-nav a::before,.hero-nav .nav-cta::before{background:conic-gradient(from var(--neon-angle),transparent 0 70%,rgba(36,225,255,.08) 73%,#27e3ff 76%,#7d73ff 80%,#ff4fd8 84%,rgba(255,79,216,.16) 87%,transparent 91% 100%)!important;animation-name:dynamicIslandOrbit!important;animation-duration:3.2s!important;animation-timing-function:linear!important;animation-iteration-count:infinite!important;animation-delay:0s!important;}
.hero-nav .nav-cta{margin-left:0!important;background:linear-gradient(180deg,rgba(9,18,35,.94),rgba(3,9,22,.96))!important;border-color:rgba(99,148,218,.18)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),inset 0 -1px 0 rgba(0,0,0,.45),0 9px 24px rgba(0,0,0,.24)!important;}
.hero-picture-wrap{position:relative;overflow:visible;}
.hero-picture-wrap::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,#061426 0%,rgba(6,20,38,.92) 1.8%,rgba(6,20,38,.45) 4%,transparent 8.5%,transparent 91.5%,rgba(15,20,49,.45) 96%,rgba(15,20,49,.92) 98.2%,#0f1431 100%),linear-gradient(180deg,transparent 0%,transparent 72%,rgba(6,20,38,.32) 82%,rgba(6,20,38,.78) 94%,#061426 100%);}
.hero-picture-wrap::after{content:""!important;position:absolute!important;left:-1px!important;right:-1px!important;bottom:-1px!important;height:120px!important;z-index:3!important;pointer-events:none!important;background:linear-gradient(180deg,transparent 0%,rgba(6,20,38,.08) 18%,rgba(6,20,38,.40) 58%,rgba(6,20,38,.84) 84%,#061426 100%)!important;}
.hero-glow-line{z-index:4;}

/* === Header blend pass v14 === */
.showcase-hero{padding-top:0!important;margin-top:0!important}
.hero-picture-wrap{margin-top:0!important}
.hero-picture{display:block;width:100%;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 5%,#000 95%,transparent 100%),linear-gradient(to bottom,#000 0%,#000 68%,rgba(0,0,0,.92) 76%,rgba(0,0,0,.58) 87%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0%,#000 5%,#000 95%,transparent 100%),linear-gradient(to bottom,#000 0%,#000 68%,rgba(0,0,0,.92) 76%,rgba(0,0,0,.58) 87%,transparent 100%);mask-composite:intersect}
.hero-picture-wrap:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(90deg,rgba(4,14,30,.92) 0%,rgba(4,14,30,.35) 4%,transparent 10%,transparent 90%,rgba(10,11,35,.35) 96%,rgba(10,11,35,.92) 100%),linear-gradient(180deg,transparent 0%,transparent 66%,rgba(5,16,31,.18) 76%,rgba(5,16,31,.62) 90%,rgba(5,16,31,.96) 100%)}
.hero-picture-wrap:after{height:150px!important;background:linear-gradient(180deg,transparent 0%,rgba(5,16,31,.12) 28%,rgba(5,16,31,.58) 72%,rgba(5,16,31,.98) 100%)!important}
@media(max-width:640px){.hero-picture{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 74%,rgba(0,0,0,.7) 88%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 74%,rgba(0,0,0,.7) 88%,transparent 100%)}.hero-picture-wrap:before{background:linear-gradient(180deg,transparent 0%,transparent 70%,rgba(5,16,31,.92) 100%)}}

/* v15 — fusion forte du header avec le background */
.showcase-hero{padding-top:0!important}
.hero-picture-wrap{position:relative;overflow:visible}
.hero-picture{display:block;width:100%;-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.35) 3.5%,#000 8%,#000 92%,rgba(0,0,0,.35) 96.5%,transparent 100%),linear-gradient(to bottom,#000 0%,#000 72%,rgba(0,0,0,.88) 79%,rgba(0,0,0,.58) 86%,rgba(0,0,0,.22) 93%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.35) 3.5%,#000 8%,#000 92%,rgba(0,0,0,.35) 96.5%,transparent 100%),linear-gradient(to bottom,#000 0%,#000 72%,rgba(0,0,0,.88) 79%,rgba(0,0,0,.58) 86%,rgba(0,0,0,.22) 93%,transparent 100%);mask-composite:intersect}
.hero-picture-wrap:after{content:"";position:absolute;inset:auto -3% -2px -3%;height:30%;pointer-events:none;background:linear-gradient(to bottom,transparent 0%,rgba(4,14,28,.15) 22%,rgba(4,14,28,.48) 54%,rgba(4,14,28,.82) 78%,#061426 100%);filter:blur(10px);z-index:2}
.hero-picture-wrap:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:3;background:linear-gradient(to right,rgba(6,20,38,.92) 0%,rgba(6,20,38,.28) 4.5%,transparent 10%,transparent 90%,rgba(10,18,44,.28) 95.5%,rgba(10,18,44,.92) 100%)}
.hero-glow-line{z-index:4}

/* v16 — fusion latérale étendue hors du header */
.hero-picture-wrap:before{content:"";position:absolute;top:0;bottom:0;left:-7%;right:-7%;pointer-events:none;z-index:3;background:linear-gradient(to right,#061426 0%,rgba(6,20,38,.96) 5%,rgba(6,20,38,.72) 9%,rgba(6,20,38,.28) 13%,transparent 18%,transparent 82%,rgba(10,18,44,.28) 87%,rgba(10,18,44,.72) 91%,rgba(10,18,44,.96) 95%,#0a122c 100%)}
.hero-picture-wrap:after{content:"";position:absolute;left:-5%;right:-5%;bottom:-4px;height:36%;pointer-events:none;z-index:2;background:linear-gradient(to bottom,transparent 0%,rgba(4,14,28,.14) 18%,rgba(4,14,28,.42) 46%,rgba(4,14,28,.76) 70%,rgba(6,20,38,.96) 92%,#061426 100%);filter:blur(12px)}

/* v17 — surlargeur contrôlée pour supprimer les derniers bords visibles */
.hero-picture-wrap{width:100%;overflow:hidden!important}
.hero-picture{width:103.2%!important;max-width:none!important;margin-left:-1.6%!important;transform:none!important}
.hero-picture-wrap:before{left:-2.5%!important;right:-2.5%!important}
.hero-picture-wrap:after{left:-4%!important;right:-4%!important}

/* v18 — retour proportions natives + fusion laterale renforcee */
.hero-picture-wrap{width:100%;overflow:visible!important}
.hero-picture{width:100%!important;max-width:100%!important;margin-left:0!important;transform:none!important}
.hero-picture-wrap:before{left:-10%!important;right:-10%!important;background:linear-gradient(to right,#061426 0%,rgba(6,20,38,.98) 5%,rgba(6,20,38,.78) 10%,rgba(6,20,38,.34) 15%,transparent 21%,transparent 79%,rgba(10,18,44,.34) 85%,rgba(10,18,44,.78) 90%,rgba(10,18,44,.98) 95%,#0a122c 100%)!important}
.hero-picture-wrap:after{left:-7%!important;right:-7%!important;height:38%!important}

/* v19 — fondu inférieur approfondi uniquement */
.hero-picture-wrap:after{left:-5%!important;right:-5%!important;bottom:-10px!important;height:44%!important;background:linear-gradient(to bottom,transparent 0%,rgba(4,14,28,.10) 14%,rgba(4,14,28,.28) 34%,rgba(4,14,28,.52) 56%,rgba(5,17,34,.78) 76%,rgba(6,20,38,.96) 92%,#061426 100%)!important;filter:blur(14px)!important}
.hero-picture{-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.35) 3.5%,#000 8%,#000 92%,rgba(0,0,0,.35) 96.5%,transparent 100%),linear-gradient(to bottom,#000 0%,#000 66%,rgba(0,0,0,.94) 73%,rgba(0,0,0,.78) 81%,rgba(0,0,0,.48) 89%,rgba(0,0,0,.18) 96%,transparent 100%)!important;mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.35) 3.5%,#000 8%,#000 92%,rgba(0,0,0,.35) 96.5%,transparent 100%),linear-gradient(to bottom,#000 0%,#000 66%,rgba(0,0,0,.94) 73%,rgba(0,0,0,.78) 81%,rgba(0,0,0,.48) 89%,rgba(0,0,0,.18) 96%,transparent 100%)!important}

/* v20 — accentuation du fondu sur les coins bas du header */
.hero-picture-wrap:after{height:44%!important;bottom:-10px!important;background:linear-gradient(to bottom,transparent 0%,rgba(4,14,28,.10) 12%,rgba(4,14,28,.34) 34%,rgba(4,14,28,.64) 58%,rgba(6,20,38,.90) 82%,#061426 100%)!important;filter:blur(16px)!important}
.hero-picture-wrap{background:radial-gradient(ellipse at left bottom,rgba(6,20,38,.94) 0%,rgba(6,20,38,.62) 12%,rgba(6,20,38,.22) 24%,transparent 38%),radial-gradient(ellipse at right bottom,rgba(10,18,44,.94) 0%,rgba(10,18,44,.62) 12%,rgba(10,18,44,.22) 24%,transparent 38%)}
.hero-picture{position:relative;z-index:1}
.hero-picture-wrap:before{z-index:3}

/* v21 — micro-correction coin bas gauche uniquement */
.hero-picture-wrap::before{background:linear-gradient(to right,#061426 0%,rgba(6,20,38,.96) 5%,rgba(6,20,38,.72) 9%,rgba(6,20,38,.28) 13%,transparent 18%,transparent 82%,rgba(10,18,44,.28) 87%,rgba(10,18,44,.72) 91%,rgba(10,18,44,.96) 95%,#0a122c 100%),radial-gradient(ellipse 34% 30% at 0% 100%,#061426 0%,rgba(6,20,38,.96) 28%,rgba(6,20,38,.72) 48%,rgba(6,20,38,.36) 67%,transparent 84%)}

/* v22 — fondu inférieur unifié et symétrique */
.hero-picture-wrap{background:none!important}
.hero-picture-wrap::before{left:-10%!important;right:-10%!important;background:linear-gradient(to right,#061426 0%,rgba(6,20,38,.98) 5%,rgba(6,20,38,.78) 10%,rgba(6,20,38,.34) 15%,transparent 21%,transparent 79%,rgba(10,18,44,.34) 85%,rgba(10,18,44,.78) 90%,rgba(10,18,44,.98) 95%,#0a122c 100%)!important}
.hero-picture-wrap::after{left:-8%!important;right:-8%!important;bottom:-14px!important;height:50%!important;background:radial-gradient(ellipse 34% 70% at 0% 100%,#061426 0%,rgba(6,20,38,.96) 28%,rgba(6,20,38,.72) 48%,rgba(6,20,38,.34) 68%,transparent 88%),radial-gradient(ellipse 34% 70% at 100% 100%,#0a122c 0%,rgba(10,18,44,.96) 28%,rgba(10,18,44,.72) 48%,rgba(10,18,44,.34) 68%,transparent 88%),linear-gradient(to bottom,transparent 0%,rgba(4,14,28,.08) 10%,rgba(4,14,28,.26) 30%,rgba(4,14,28,.56) 54%,rgba(5,17,34,.82) 76%,rgba(6,20,38,.97) 92%,#061426 100%)!important;filter:blur(18px)!important}

/* v23 — sous-pages, footer complet et pages légales */
.subnav-shell{position:relative;z-index:8;max-width:1380px;margin:0 auto;padding:24px 24px 8px;display:flex;align-items:center;justify-content:space-between;gap:26px}.subnav-brand img{width:220px;max-height:74px;object-fit:contain;filter:drop-shadow(0 0 20px rgba(66,213,255,.13))}.subnav{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.subnav a{position:relative;overflow:hidden;padding:10px 17px;border-radius:999px;border:1px solid rgba(102,183,255,.18);background:rgba(4,12,27,.68);backdrop-filter:blur(14px);font-size:13px;font-weight:800;color:#eaf6ff;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.subnav a:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(100deg,transparent,#23ddff 35%,#746fff 62%,#ff4fd8 82%,transparent);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.28}.subnav a:hover,.subnav a.active{transform:translateY(-1px);text-shadow:0 0 10px rgba(111,227,255,.55);box-shadow:0 0 18px rgba(54,211,255,.10),inset 0 1px 0 rgba(255,255,255,.07)}.subnav a.active:before{opacity:.75}.subnav-separator{height:1px;max-width:1500px;margin:8px auto 0;background:linear-gradient(90deg,transparent,#24dfff 18%,#7b70ff 52%,#ff4fd8 82%,transparent);box-shadow:0 0 18px rgba(93,163,255,.22)}
.page-head-aurora{position:relative}.page-head-aurora:before{content:"";position:absolute;left:12%;right:12%;top:25%;height:120px;border-radius:50%;background:linear-gradient(90deg,rgba(39,221,255,.10),rgba(116,95,255,.13),rgba(255,79,216,.09));filter:blur(42px);z-index:-1}.feature-grid-detail{grid-template-columns:repeat(3,1fr)}.feature-grid-detail article{min-height:225px}.feature-focus{margin-top:10px}.pricing-note{max-width:900px;margin:-50px auto 90px;text-align:center;padding:26px 28px;border:1px solid rgba(101,209,255,.13);border-radius:24px;background:rgba(8,18,34,.56);color:#9fb5ca}.pricing-note strong{display:block;color:#fff;font-size:18px;margin-bottom:6px}.consent{display:flex!important;grid-template-columns:none!important;align-items:flex-start!important;gap:10px!important}.consent input{width:auto!important;margin-top:3px;accent-color:#56dfff}.consent span{line-height:1.45;color:#9eb3c8}.consent a{color:#56dcff}.legal-page{max-width:1050px;margin:auto;padding:95px 24px 80px}.legal-page>h1{font-size:clamp(44px,6vw,78px);line-height:1;letter-spacing:-.05em;margin:16px 0 34px}.legal-card{padding:34px clamp(22px,4vw,46px);border:1px solid rgba(96,202,255,.14);border-radius:30px;background:linear-gradient(160deg,rgba(11,29,52,.78),rgba(7,16,30,.78));box-shadow:0 30px 90px rgba(0,0,0,.24)}.legal-card h2{font-size:22px;margin:30px 0 10px}.legal-card h2:first-child{margin-top:0}.legal-card p{color:#a9bdd0;line-height:1.72}.legal-card a{color:#56dcff;font-weight:800}.footer-identity{display:grid;gap:4px;margin-top:18px;color:#8fa6bc;font-size:13px}.footer-identity strong{color:#fff}.footer-parent{font-size:13px;color:#7d93a8}.footer-parent b{color:#dfeeff}.footer-admin{opacity:.72}
@media(max-width:980px){.subnav-shell{flex-direction:column;align-items:center}.subnav{justify-content:center}.feature-grid-detail{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.subnav-shell{padding:18px 12px 8px}.subnav-brand img{width:190px}.subnav{gap:7px}.subnav a{font-size:12px;padding:8px 11px}.feature-grid-detail{grid-template-columns:1fr}.legal-page{padding-top:70px}.legal-card{padding:24px 18px}.pricing-note{margin:-55px 14px 70px}.footer-identity{font-size:12px}}

/* v24 — header mobile dédié, desktop inchangé */
.hero-picture-source{display:block}
@media(max-width:768px){
  .showcase-hero{padding-top:0!important}
  .hero-picture-wrap{width:100%!important;max-width:100%!important;margin:0 auto!important;overflow:visible!important}
  .hero-picture-source{display:block;width:100%}
  .hero-picture{width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;object-fit:contain!important;object-position:center top!important;margin:0!important;transform:none!important;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 84%,rgba(0,0,0,.90) 90%,rgba(0,0,0,.50) 96%,transparent 100%)!important;mask-image:linear-gradient(to bottom,#000 0%,#000 84%,rgba(0,0,0,.90) 90%,rgba(0,0,0,.50) 96%,transparent 100%)!important}
  .hero-picture-wrap::before{left:-5%!important;right:-5%!important;background:linear-gradient(to right,rgba(6,20,38,.42),transparent 10%,transparent 90%,rgba(10,18,44,.42))!important}
  .hero-picture-wrap::after{left:-7%!important;right:-7%!important;bottom:-8px!important;height:25%!important;background:linear-gradient(to bottom,transparent 0%,rgba(5,16,31,.30) 42%,rgba(6,20,38,.82) 80%,#061426 100%)!important;filter:blur(12px)!important}
}

/* v25 — shimmer titre global + footer responsive centré */
.hero-intro h1 em{font-style:normal;background:linear-gradient(105deg,#38ddff 0%,#6f8cff 24%,#9b71ff 39%,#ff58d6 46%,#ffffff 50%,#ff58d6 54%,#9b71ff 61%,#6f8cff 76%,#38ddff 100%);background-size:240% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:cmsTitleShimmer 5.8s linear infinite;text-shadow:0 0 18px rgba(112,140,255,.10)}
@keyframes cmsTitleShimmer{0%{background-position:220% center}100%{background-position:-20% center}}
@media(prefers-reduced-motion:reduce){.hero-intro h1 em{animation:none}}
@media(max-width:768px){
  .site-footer{text-align:center;padding-left:18px!important;padding-right:18px!important}
  .footer-inner{grid-template-columns:1fr!important;gap:18px!important;justify-items:stretch!important}
  .footer-inner>div{width:100%;max-width:520px;margin:0 auto;padding:24px 18px;border:1px solid rgba(96,202,255,.10);border-radius:22px;background:linear-gradient(160deg,rgba(11,29,52,.34),rgba(7,16,30,.24));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
  .footer-brand,.footer-column,.footer-contact,.footer-identity{justify-items:center!important;text-align:center!important;align-items:center!important}
  .footer-brand img{display:block!important;width:min(300px,88%)!important;margin:0 auto 16px!important}
  .footer-brand p,.footer-contact p{max-width:460px;margin-left:auto!important;margin-right:auto!important}
  .footer-identity{margin-top:18px!important}
  .footer-column{display:grid!important;gap:12px!important}
  .footer-column strong,.footer-contact strong{display:block!important;text-align:center!important;margin-bottom:8px!important}
  .footer-column a,.footer-column span,.footer-admin,.footer-parent{display:block!important;text-align:center!important;margin-left:auto!important;margin-right:auto!important}
  .footer-contact{display:grid!important;gap:14px!important}
  .footer-cta{width:min(290px,100%)!important;margin:4px auto 0!important}
  .footer-line{margin:30px auto 18px!important}
  .footer-bottom{align-items:center!important;justify-content:center!important;text-align:center!important;gap:8px!important}
  .footer-bottom small{text-align:center!important;width:100%!important}
}

/* v26 — Tarifs White Label + devis entreprise */
.pricing-head{padding-bottom:48px}.pricing-head>p{max-width:940px}.pricing-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:26px}.pricing-trust span{padding:9px 14px;border:1px solid rgba(78,220,255,.18);border-radius:999px;background:rgba(8,20,39,.62);color:#c5d9eb;font-size:13px;font-weight:750;box-shadow:inset 0 0 20px rgba(78,220,255,.035)}
.pricing-core{max-width:1280px;margin:0 auto 36px;padding:28px clamp(20px,3vw,34px);display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.4fr);gap:30px;align-items:center;border:1px solid rgba(108,209,255,.14);border-radius:28px;background:linear-gradient(135deg,rgba(11,28,50,.86),rgba(14,17,41,.74));box-shadow:0 25px 80px rgba(0,0,0,.22)}.pricing-core h2{font-size:clamp(24px,3vw,36px);line-height:1.08;margin:8px 0 0}.pricing-core-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pricing-core-grid span{position:relative;padding:11px 12px 11px 31px;border:1px solid rgba(255,255,255,.055);border-radius:12px;background:rgba(3,12,25,.38);font-size:13px;color:#b9cada}.pricing-core-grid span:before{content:'✓';position:absolute;left:11px;color:#4edcff;font-weight:900}
.pricing-enterprise-grid{max-width:1280px;margin:0 auto 58px;padding:0 22px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.price-tier{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:365px;padding:27px 24px 24px;border:1px solid rgba(115,206,255,.13);border-radius:25px;background:linear-gradient(155deg,rgba(13,29,50,.94),rgba(8,16,31,.92));box-shadow:0 20px 55px rgba(0,0,0,.2)}.price-tier:before{content:'';position:absolute;left:12%;right:12%;top:-55px;height:95px;background:linear-gradient(90deg,rgba(78,220,255,.22),rgba(139,98,255,.2),rgba(255,79,216,.16));filter:blur(30px)}.price-tier.featured{border-color:rgba(95,218,255,.36);box-shadow:0 24px 70px rgba(26,125,255,.13),inset 0 0 0 1px rgba(157,95,255,.08)}.tier-badge{position:absolute;top:14px;right:14px;padding:5px 9px;border-radius:999px;background:linear-gradient(90deg,#3ecfff,#875fff);color:#05101c;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.tier-range{position:relative;color:#62ddff;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.price-tier h2{position:relative;margin:10px 0 18px;font-size:25px}.tier-price{display:flex;flex-direction:column;margin-bottom:17px}.tier-price strong{font-size:clamp(29px,3vw,39px);line-height:1;color:#fff;letter-spacing:-.035em}.tier-price small{margin-top:7px;color:#8da5ba;font-weight:700}.price-tier p{color:#9fb3c7;line-height:1.6;margin:0 0 22px}.price-tier .btn{margin-top:auto;justify-content:center;text-align:center;width:100%}
.enterprise-quote-card{max-width:1236px;margin:0 auto 56px;padding:34px 38px;display:grid;grid-template-columns:1.5fr .55fr;gap:32px;align-items:center;border:1px solid rgba(116,99,255,.28);border-radius:28px;background:radial-gradient(circle at 92% 20%,rgba(255,79,216,.12),transparent 34%),radial-gradient(circle at 12% 100%,rgba(63,213,255,.10),transparent 35%),rgba(11,21,40,.88);box-shadow:0 25px 80px rgba(0,0,0,.28)}.enterprise-quote-card h2{font-size:clamp(28px,4vw,43px);margin:8px 0 12px}.enterprise-quote-card p{margin:0;max-width:790px;color:#9fb5ca;line-height:1.65}.enterprise-quote-action{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px;border:1px solid rgba(255,255,255,.07);border-radius:20px;background:rgba(3,11,24,.45)}.enterprise-quote-action>span{color:#9fb5ca;font-weight:800}.enterprise-quote-action>strong{font-size:31px;margin:7px 0 18px}.enterprise-quote-action .btn{width:100%;justify-content:center}
.pricing-explain{max-width:1236px;margin:0 auto 90px;padding:0 22px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.pricing-explain article{padding:28px;border:1px solid rgba(98,200,255,.11);border-radius:23px;background:rgba(9,21,39,.64)}.pricing-explain article>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(78,220,255,.08);color:#56dcff;font-weight:900}.pricing-explain h3{font-size:20px;margin:16px 0 8px}.pricing-explain p{margin:0;color:#99aec2;line-height:1.58}
.quote-head{padding-bottom:48px}.quote-layout{max-width:1220px;margin:0 auto 100px;padding:0 22px;display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.35fr);gap:28px;align-items:start}.quote-summary{position:sticky;top:24px;padding:30px;border:1px solid rgba(94,205,255,.13);border-radius:26px;background:linear-gradient(155deg,rgba(12,28,49,.9),rgba(8,16,30,.88));box-shadow:0 24px 65px rgba(0,0,0,.23)}.quote-summary h2{font-size:clamp(27px,3vw,36px);line-height:1.1;margin:8px 0 13px}.quote-summary>p{color:#9eb3c7;line-height:1.65}.quote-steps{display:grid;gap:12px;margin:26px 0}.quote-steps>div{display:flex;gap:13px;align-items:flex-start;padding:14px;border:1px solid rgba(255,255,255,.055);border-radius:15px;background:rgba(4,12,25,.4)}.quote-steps b{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:10px;background:rgba(78,220,255,.09);color:#52dcff}.quote-steps span{display:grid;gap:3px}.quote-steps strong{font-size:14px}.quote-steps small{color:#8fa5ba;line-height:1.4}.quote-form{width:100%;max-width:none!important}.quote-form-title{grid-column:1/-1;padding-top:5px}.quote-form-title:not(:first-of-type){margin-top:8px;padding-top:22px;border-top:1px solid rgba(123,204,255,.09)}.quote-form-title h2{margin:5px 0 2px;font-size:23px}.quote-fields{display:grid;gap:16px;grid-column:1/-1}.quote-fields.two{grid-template-columns:repeat(2,minmax(0,1fr))}.quote-form label{gap:7px}.quote-form label>small{color:#7f98ae;font-weight:500}.quote-options{grid-column:1/-1;margin:6px 0;padding:20px;border:1px solid rgba(117,204,255,.11);border-radius:18px;background:rgba(2,11,23,.24)}.quote-options legend{padding:0 9px;color:#fff;font-weight:850}.quote-options>p{margin:0 0 13px;color:#8da5bb;font-size:13px}.quote-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.quote-check-grid label{display:flex!important;flex-direction:row!important;align-items:center!important;gap:9px!important;padding:11px 12px;border:1px solid rgba(255,255,255,.055);border-radius:12px;background:rgba(9,22,39,.48);cursor:pointer}.quote-check-grid input{width:auto!important;min-width:16px;height:16px;margin:0;accent-color:#54dbff}.quote-check-grid span{color:#b9cad9;font-size:13px}.quote-submit{grid-column:1/-1;width:100%;justify-content:center;margin-top:4px}
@media(max-width:1080px){.pricing-enterprise-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-core{grid-template-columns:1fr}.pricing-core-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.enterprise-quote-card,.quote-layout{grid-template-columns:1fr}.quote-summary{position:static}.pricing-explain{grid-template-columns:1fr}.pricing-core-grid{grid-template-columns:repeat(2,1fr)}.enterprise-quote-card{margin-left:16px;margin-right:16px;padding:28px 22px}.quote-fields.two{grid-template-columns:1fr}}
@media(max-width:620px){.pricing-enterprise-grid{grid-template-columns:1fr;padding:0 14px}.price-tier{min-height:0}.pricing-core{margin-left:14px;margin-right:14px;padding:24px 18px}.pricing-core-grid{grid-template-columns:1fr 1fr;gap:8px}.pricing-core-grid span{padding:10px 8px 10px 27px;font-size:12px}.pricing-explain{padding:0 14px}.quote-layout{padding:0 14px}.quote-summary{padding:24px 19px}.quote-form{padding:22px 16px!important}.quote-check-grid{grid-template-columns:1fr}.pricing-trust{padding:0 12px}.tier-price strong{font-size:35px}}

/* v27 — présentation White Label + checkout SaaS */
.product-section-nav{position:sticky;top:0;z-index:19;display:flex;justify-content:center;gap:8px;flex-wrap:wrap;max-width:1180px;margin:-8px auto 54px;padding:10px 14px;border:1px solid rgba(86,211,255,.13);border-radius:20px;background:rgba(5,13,26,.86);backdrop-filter:blur(18px);box-shadow:0 18px 55px rgba(0,0,0,.22)}.product-section-nav a{padding:9px 13px;border-radius:12px;color:#9fb7cc;font-size:12px;font-weight:800;transition:.2s}.product-section-nav a:hover{background:rgba(78,220,255,.08);color:#fff;box-shadow:0 0 22px rgba(78,220,255,.09)}
.product-intro-section{max-width:1020px}.product-intro-section p{max-width:900px;margin-left:auto;margin-right:auto}.product-intro-section p+p{margin-top:12px}.product-story,.product-chapter,.architecture-section,.blank-start-section,.demo-preview-section{scroll-margin-top:90px}.product-story{max-width:1220px;margin:0 auto 74px;padding:0 22px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:34px;align-items:center}.product-story-wide{margin-top:10px}.product-story-reverse .product-story-copy{order:2}.product-story-reverse .product-shot-placeholder{order:1}.product-story-copy h2{margin:8px 0 16px;font-size:clamp(29px,4vw,48px);line-height:1.08;letter-spacing:-.025em}.product-story-copy h3{font-size:27px;margin:0 0 13px}.product-story-copy p{color:#9fb4c8;line-height:1.7;margin:0 0 13px}.product-story-copy strong{color:#eaf7ff}.product-emphasis{color:#d8e9f6!important;font-weight:700}.status-inline{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.status-inline span{padding:7px 10px;border-radius:999px;font-size:11px;font-weight:900;border:1px solid transparent}.state-ok{color:#53e2a7;background:rgba(69,210,154,.08);border-color:rgba(69,210,154,.2)!important}.state-check{color:#ffd47c;background:rgba(255,202,102,.08);border-color:rgba(255,202,102,.2)!important}.state-late{color:#ff7890;background:rgba(255,107,134,.08);border-color:rgba(255,107,134,.2)!important}.state-blocked{color:#d68cff;background:rgba(185,91,255,.08);border-color:rgba(185,91,255,.2)!important}
.product-shot-placeholder{position:relative;min-height:340px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:30px;border:1px solid rgba(79,214,255,.16);border-radius:28px;background:radial-gradient(circle at 18% 18%,rgba(48,215,255,.15),transparent 28%),radial-gradient(circle at 82% 22%,rgba(137,91,255,.17),transparent 32%),radial-gradient(circle at 66% 82%,rgba(255,79,216,.11),transparent 28%),linear-gradient(145deg,rgba(10,27,48,.96),rgba(8,14,29,.95));box-shadow:0 26px 80px rgba(0,0,0,.27),inset 0 0 0 1px rgba(255,255,255,.018)}.product-shot-placeholder:before{content:'';position:absolute;inset:22px 22px 92px;border-radius:20px;border:1px solid rgba(114,209,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(0,0,0,.04)),repeating-linear-gradient(90deg,transparent 0,transparent 48px,rgba(90,215,255,.025) 49px,rgba(90,215,255,.025) 50px)}.product-shot-placeholder:after{content:'';position:absolute;left:10%;right:10%;top:24%;height:2px;background:linear-gradient(90deg,transparent,#4edcff,#8b62ff,#ff4fd8,transparent);filter:blur(.3px);box-shadow:0 0 18px rgba(78,220,255,.28)}.product-shot-placeholder>span,.product-shot-placeholder>strong,.product-shot-placeholder>small{position:relative;z-index:1}.product-shot-placeholder>span{font-size:10px;letter-spacing:.14em;font-weight:900;color:#59ddff}.product-shot-placeholder>strong{font-size:23px;margin-top:7px}.product-shot-placeholder>small{color:#8ea5ba;margin-top:6px}.product-shot-pair{max-width:1220px;margin:24px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:20px}.product-shot-pair .product-shot-placeholder{min-height:285px}
.product-chapter{max-width:1264px;margin:0 auto 86px;padding:45px 22px;border-top:1px solid rgba(95,207,255,.08)}.product-chapter-accent{padding:48px 32px;border:1px solid rgba(96,204,255,.12);border-radius:32px;background:radial-gradient(circle at 88% 12%,rgba(132,91,255,.09),transparent 32%),rgba(6,17,32,.36)}.product-chapter-head{text-align:center;max-width:900px;margin:0 auto 32px}.product-chapter-head h2{font-size:clamp(30px,4vw,46px);line-height:1.08;margin:8px 0 12px}.product-chapter-head p{color:#9fb4c8;line-height:1.65;margin:0}.product-feature-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.product-feature-cards.three{grid-template-columns:repeat(3,1fr)}.product-feature-cards article{padding:25px 23px;border:1px solid rgba(96,200,255,.11);border-radius:22px;background:linear-gradient(160deg,rgba(11,28,49,.82),rgba(7,16,31,.72))}.product-feature-cards article>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(78,220,255,.075);color:#56ddff;font-weight:900}.product-feature-cards h3{margin:15px 0 8px;font-size:19px}.product-feature-cards p{margin:0;color:#93aabe;line-height:1.55;font-size:14px}.product-proof-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:25px 0 3px}.product-proof-strip div{padding:15px 12px;text-align:center;border:1px solid rgba(255,255,255,.055);border-radius:14px;background:rgba(5,14,28,.48)}.product-proof-strip span{display:block;color:#8199ae;font-size:11px}.product-proof-strip strong{display:block;color:#e6f6ff;margin-top:4px;font-size:13px}.product-story-inline{padding:0;margin:30px auto 0;max-width:none}.product-story-inline .product-shot-placeholder{min-height:270px}
.import-cloud{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 auto 24px;max-width:950px}.import-cloud span{padding:11px 15px;border:1px solid rgba(83,209,255,.12);border-radius:999px;background:rgba(8,21,39,.66);color:#bad0e0;font-size:13px;font-weight:750}
.architecture-section{max-width:1240px;margin:0 auto 85px;padding:48px 28px;border:1px solid rgba(124,98,255,.15);border-radius:32px;background:radial-gradient(circle at 90% 10%,rgba(255,79,216,.08),transparent 28%),radial-gradient(circle at 10% 90%,rgba(78,220,255,.08),transparent 30%),rgba(8,18,34,.62)}.architecture-flow{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:30px auto 34px}.architecture-flow span{padding:12px 15px;border-radius:14px;border:1px solid rgba(91,205,255,.13);background:rgba(4,13,27,.54);font-size:12px;font-weight:850;color:#c6d9e8}.architecture-flow b{width:26px;height:1px;background:linear-gradient(90deg,#4edcff,#8b62ff)}.architecture-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.architecture-grid article{padding:24px;border:1px solid rgba(255,255,255,.052);border-radius:19px;background:rgba(4,13,27,.42)}.architecture-grid strong{font-size:17px;color:#eef8ff}.architecture-grid p{margin:8px 0 0;color:#8fa6bb;line-height:1.55;font-size:13px}
.blank-start-section{max-width:1210px;margin:0 auto 80px;padding:34px 38px;display:grid;grid-template-columns:1fr 1.1fr;gap:34px;align-items:center;border-top:1px solid rgba(93,205,255,.08);border-bottom:1px solid rgba(93,205,255,.08)}.blank-start-section h2{font-size:34px;margin:8px 0 10px}.blank-start-section p{color:#95acc0;line-height:1.6}.blank-counters{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.blank-counters span{display:flex;flex-direction:column;text-align:center;padding:17px 8px;border:1px solid rgba(255,255,255,.055);border-radius:15px;background:rgba(7,19,36,.6);color:#879fb4;font-size:11px}.blank-counters b{font-size:28px;color:#55dbff;margin-bottom:3px}
.demo-preview-section{max-width:1080px;margin:0 auto 90px;text-align:center;padding:0 22px}.demo-preview-section h2{font-size:clamp(30px,4vw,45px);margin:8px 0 13px}.demo-preview-section>p{max-width:800px;margin:0 auto 24px;color:#99aec1;line-height:1.65}.demo-preview-shell{min-height:235px;display:grid;place-items:center;margin:0 0 22px;border:1px solid rgba(98,202,255,.13);border-radius:27px;background:radial-gradient(circle at 50% 100%,rgba(90,81,255,.14),transparent 38%),rgba(7,18,34,.66);overflow:hidden}.demo-preview-shell>div{display:grid;gap:7px}.demo-preview-shell span{font-size:10px;font-weight:900;letter-spacing:.15em;color:#5cddff}.demo-preview-shell strong{font-size:24px}.demo-preview-shell small{color:#8199ae}
.checkout-head{padding-bottom:45px}.checkout-layout{max-width:1180px;margin:0 auto 95px;padding:0 22px;display:grid;grid-template-columns:minmax(280px,.68fr) minmax(0,1.25fr);gap:26px;align-items:start}.checkout-summary{position:sticky;top:22px;padding:30px;border:1px solid rgba(89,207,255,.14);border-radius:27px;background:linear-gradient(155deg,rgba(12,28,49,.94),rgba(8,16,31,.9));box-shadow:0 24px 70px rgba(0,0,0,.24)}.checkout-summary h2{font-size:33px;margin:8px 0 15px}.checkout-price{display:flex;align-items:flex-end;gap:9px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.06)}.checkout-price strong{font-size:38px;letter-spacing:-.03em}.checkout-price span{color:#8ca5ba;font-size:12px;margin-bottom:4px}.checkout-range{margin:16px 0;padding:10px 12px;border-radius:12px;background:rgba(78,220,255,.06);color:#5edfff;font-size:13px;font-weight:850}.checkout-summary ul{padding:0;margin:18px 0 20px;list-style:none;display:grid;gap:9px}.checkout-summary li{position:relative;padding-left:21px;color:#a6bbcc;font-size:13px}.checkout-summary li:before{content:'✓';position:absolute;left:0;color:#50dda4;font-weight:900}.checkout-first-period{padding:14px;border:1px solid rgba(255,205,102,.1);border-radius:14px;background:rgba(255,202,102,.04);color:#96acbf!important;font-size:12px;line-height:1.55}.checkout-first-period strong{color:#ffd47b}.checkout-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:30px;border:1px solid rgba(98,202,255,.13);border-radius:28px;background:rgba(8,19,36,.78);box-shadow:0 24px 65px rgba(0,0,0,.2)}.checkout-form-title{grid-column:1/-1}.checkout-form-title:not(:first-of-type){padding-top:18px;margin-top:5px;border-top:1px solid rgba(255,255,255,.06)}.checkout-form-title h2{margin:6px 0 2px;font-size:24px}.checkout-form .quote-fields,.checkout-form .payment-method-grid,.checkout-form .checkout-security,.checkout-form .consent,.checkout-form .checkout-pay,.checkout-form .form-error,.checkout-form .checkout-config-note{grid-column:1/-1}.checkout-form label{display:grid;gap:7px;font-weight:700;font-size:13px}.checkout-form input,.checkout-form select,.checkout-form textarea{width:100%;padding:12px 13px;border:1px solid rgba(102,202,255,.14);border-radius:12px;background:#0b1a2c;color:#eef8ff;outline:none}.checkout-form input:focus{border-color:rgba(78,220,255,.48);box-shadow:0 0 0 3px rgba(78,220,255,.06)}.checkout-form .full{grid-column:1/-1}.payment-method-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.payment-method-card{position:relative;display:flex!important;flex-direction:column!important;gap:5px!important;min-height:155px;padding:18px 18px 17px;border:1px solid rgba(103,204,255,.13);border-radius:19px;background:linear-gradient(145deg,rgba(12,29,50,.83),rgba(7,15,29,.82));cursor:pointer;transition:.2s}.payment-method-card:hover{border-color:rgba(90,216,255,.34);transform:translateY(-1px)}.payment-method-card input{position:absolute;right:14px;top:14px;width:17px!important;height:17px;accent-color:#51dbff}.payment-method-card.disabled{opacity:.45;cursor:not-allowed}.payment-brand{display:inline-flex;align-self:flex-start;padding:7px 10px;border-radius:10px;font-size:13px;font-weight:900}.mollie-brand{background:#071a38;color:#65dfff;border:1px solid rgba(101,223,255,.16)}.paypal-brand{background:#08214b;color:#78b8ff;border:1px solid rgba(120,184,255,.16)}.payment-method-card strong{font-size:17px;margin-top:7px}.payment-method-card small{color:#8da5ba;line-height:1.45}.checkout-security{display:flex;flex-wrap:wrap;gap:8px}.checkout-security span{padding:7px 10px;border-radius:999px;background:rgba(69,210,154,.055);border:1px solid rgba(69,210,154,.11);color:#99c8b6;font-size:10px;font-weight:800}.checkout-config-note{display:grid;gap:5px;padding:14px 15px;border:1px solid rgba(255,202,102,.16);border-radius:14px;background:rgba(255,202,102,.05)}.checkout-config-note strong{color:#ffd274}.checkout-config-note span{color:#9fafbd;font-size:12px;line-height:1.45}.checkout-pay{width:100%;justify-content:center}.checkout-pay:disabled{opacity:.45;cursor:not-allowed;filter:saturate(.35)}
.payment-result-wrap{min-height:62vh;display:grid;place-items:center;padding:85px 22px}.payment-result{max-width:680px;width:100%;text-align:center;padding:44px 34px;border:1px solid rgba(92,204,255,.14);border-radius:30px;background:linear-gradient(160deg,rgba(12,28,49,.94),rgba(7,15,30,.94));box-shadow:0 28px 90px rgba(0,0,0,.3)}.payment-result-icon{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 20px;border-radius:50%;font-size:29px;font-weight:900;background:rgba(78,220,255,.07);border:1px solid rgba(78,220,255,.15);color:#59ddff}.success-state .payment-result-icon{background:rgba(69,210,154,.08);border-color:rgba(69,210,154,.2);color:#4fdda0}.cancel-state .payment-result-icon{background:rgba(255,107,134,.07);border-color:rgba(255,107,134,.18);color:#ff718a}.payment-result h1{font-size:35px;margin:8px 0 13px}.payment-result p{color:#9eb3c7;line-height:1.6}.payment-result-ref{display:inline-flex;flex-direction:column;gap:4px;margin:12px auto;padding:12px 18px;border-radius:14px;background:rgba(78,220,255,.05);border:1px solid rgba(78,220,255,.1)}.payment-result-ref span{font-size:10px;color:#8299ae;text-transform:uppercase;letter-spacing:.08em}.payment-result-ref strong{color:#dff7ff}.payment-result-note{font-size:12px}
@media(max-width:980px){.product-feature-cards{grid-template-columns:repeat(2,1fr)}.product-feature-cards.three{grid-template-columns:1fr 1fr 1fr}.architecture-grid{grid-template-columns:repeat(2,1fr)}.blank-start-section{grid-template-columns:1fr}.checkout-layout{grid-template-columns:1fr}.checkout-summary{position:static}.product-story{grid-template-columns:1fr}.product-story-reverse .product-story-copy,.product-story-reverse .product-shot-placeholder{order:initial}}
@media(max-width:720px){.product-section-nav{position:relative;margin:2px 12px 35px;padding:9px;gap:6px}.product-section-nav a{font-size:11px;padding:8px 9px}.product-story{padding:0 14px;margin-bottom:55px}.product-shot-placeholder{min-height:240px;padding:22px}.product-shot-pair{grid-template-columns:1fr;padding:0}.product-chapter{padding:35px 14px;margin-bottom:55px}.product-chapter-accent{margin-left:12px;margin-right:12px;padding:30px 14px}.product-feature-cards,.product-feature-cards.three{grid-template-columns:1fr 1fr}.product-proof-strip{grid-template-columns:repeat(2,1fr)}.product-proof-strip div:last-child{grid-column:1/-1}.architecture-section{margin-left:12px;margin-right:12px;padding:34px 15px}.architecture-grid{grid-template-columns:1fr}.architecture-flow b{display:none}.architecture-flow{gap:7px}.architecture-flow span{font-size:10px;padding:9px}.blank-start-section{padding:28px 16px;margin-left:12px;margin-right:12px}.blank-counters{grid-template-columns:repeat(2,1fr)}.blank-counters span:last-child{grid-column:1/-1}.demo-preview-section{padding:0 14px}.checkout-layout{padding:0 14px}.checkout-summary{padding:23px 18px}.checkout-form{grid-template-columns:1fr;padding:22px 16px}.payment-method-grid{grid-template-columns:1fr}.quote-fields.two{grid-template-columns:1fr}.product-story-inline{padding:0}.product-story-inline .product-story-copy{padding:0}.payment-result{padding:34px 18px}.payment-result h1{font-size:29px}}
@media(max-width:480px){.product-feature-cards,.product-feature-cards.three{grid-template-columns:1fr}.product-section-nav a{flex:1 1 42%;text-align:center}.product-shot-placeholder{min-height:215px}.product-shot-placeholder:before{inset:16px 16px 78px}.product-shot-placeholder>strong{font-size:19px}.checkout-price strong{font-size:33px}}

/* v28 — parcours transactionnels premium : devis, achat, contact */
.quote-head,.checkout-head,.contact-head{padding-bottom:56px}
.quote-head:before,.checkout-head:before,.contact-head:before{left:4%;right:4%;top:8%;height:220px;background:radial-gradient(circle at 18% 45%,rgba(41,220,255,.24),transparent 30%),radial-gradient(circle at 52% 28%,rgba(117,91,255,.24),transparent 34%),radial-gradient(circle at 84% 52%,rgba(255,79,216,.17),transparent 30%);filter:blur(38px);opacity:.95}
.quote-layout,.checkout-layout,.contact-layout{position:relative;isolation:isolate}
.quote-layout:before,.checkout-layout:before,.contact-layout:before{content:"";position:absolute;z-index:-2;pointer-events:none;left:-12vw;right:-12vw;top:-120px;bottom:-80px;background:radial-gradient(ellipse at 8% 18%,rgba(32,218,255,.14),transparent 27%),radial-gradient(ellipse at 92% 30%,rgba(132,91,255,.17),transparent 30%),radial-gradient(ellipse at 58% 86%,rgba(255,71,211,.09),transparent 28%);filter:blur(12px)}
.quote-summary,.checkout-summary,.contact-copy{border-color:rgba(108,220,255,.24)!important;background:radial-gradient(circle at 14% 8%,rgba(45,218,255,.13),transparent 31%),radial-gradient(circle at 88% 12%,rgba(145,91,255,.14),transparent 34%),linear-gradient(145deg,rgba(19,48,79,.93),rgba(12,29,57,.92) 56%,rgba(17,22,55,.92))!important;box-shadow:0 28px 80px rgba(0,0,0,.25),0 0 42px rgba(67,178,255,.08),inset 0 1px 0 rgba(255,255,255,.06)!important}
.contact-copy{padding:34px;border:1px solid rgba(108,220,255,.20);border-radius:28px;overflow:hidden;position:relative}.contact-copy:after{content:"";position:absolute;left:9%;right:9%;top:0;height:1px;background:linear-gradient(90deg,transparent,#39ddff,#7b72ff,#ff55da,transparent);box-shadow:0 0 18px rgba(83,202,255,.35)}
.quote-form,.checkout-form,.contact-layout>.contact-form{position:relative;overflow:hidden;border-color:rgba(110,218,255,.25)!important;background:radial-gradient(circle at 8% 0%,rgba(42,215,255,.11),transparent 27%),radial-gradient(circle at 93% 4%,rgba(132,91,255,.13),transparent 31%),linear-gradient(155deg,rgba(18,45,76,.93),rgba(10,28,53,.93) 58%,rgba(16,21,52,.91))!important;box-shadow:0 32px 90px rgba(0,0,0,.27),0 0 48px rgba(72,176,255,.08),inset 0 1px 0 rgba(255,255,255,.055)!important}
.quote-form:before,.checkout-form:before,.contact-layout>.contact-form:before{content:"";position:absolute;left:8%;right:8%;top:0;height:1px;background:linear-gradient(90deg,transparent,#2fe0ff 22%,#786eff 56%,#ff54d9 82%,transparent);box-shadow:0 0 20px rgba(73,209,255,.42)}
.quote-form-title:not(:first-of-type),.checkout-form-title:not(:first-of-type){border-top-color:rgba(112,211,255,.17)!important}.quote-form-title h2,.checkout-form-title h2{color:#f7fbff}.required-mark{color:#ff7a98;font-size:15px;margin-left:2px;text-shadow:0 0 9px rgba(255,92,131,.26)}
.quote-form input:not([type="checkbox"]),.quote-form select,.quote-form textarea,.checkout-form input:not([type="radio"]):not([type="checkbox"]),.checkout-form select,.checkout-form textarea,.contact-layout>.contact-form input:not([type="checkbox"]),.contact-layout>.contact-form textarea,.contact-layout>.contact-form select{border:1px solid rgba(109,207,255,.24)!important;background:linear-gradient(180deg,rgba(20,52,84,.92),rgba(10,32,58,.94))!important;color:#f6fbff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.045),inset 0 -10px 28px rgba(0,0,0,.08);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.quote-form input:not([type="checkbox"]):focus,.quote-form select:focus,.quote-form textarea:focus,.checkout-form input:not([type="radio"]):not([type="checkbox"]):focus,.checkout-form select:focus,.checkout-form textarea:focus,.contact-layout>.contact-form input:not([type="checkbox"]):focus,.contact-layout>.contact-form textarea:focus,.contact-layout>.contact-form select:focus{border-color:rgba(78,226,255,.72)!important;box-shadow:0 0 0 3px rgba(62,218,255,.08),0 0 26px rgba(76,164,255,.10),inset 0 1px 0 rgba(255,255,255,.06)!important}
.quote-form select,.checkout-form select,.contact-layout>.contact-form select{color-scheme:dark;cursor:pointer}.quote-form textarea,.contact-layout>.contact-form textarea{line-height:1.55;resize:vertical}.quote-form input::placeholder,.quote-form textarea::placeholder,.checkout-form input::placeholder,.contact-layout>.contact-form input::placeholder,.contact-layout>.contact-form textarea::placeholder{color:#7390aa;opacity:1}
.quote-options{border-color:rgba(105,210,255,.19)!important;background:linear-gradient(145deg,rgba(8,29,51,.62),rgba(9,20,44,.56))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}.quote-options legend{color:#eaf8ff!important}.quote-check-grid label{position:relative!important;min-height:52px;padding:13px 14px!important;border-color:rgba(119,204,255,.12)!important;background:linear-gradient(145deg,rgba(18,43,70,.72),rgba(10,26,50,.66))!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.quote-check-grid label:hover{transform:translateY(-1px);border-color:rgba(78,220,255,.35)!important;box-shadow:0 8px 24px rgba(0,0,0,.14),0 0 20px rgba(65,196,255,.06)}.quote-check-grid input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none}.quote-check-grid span{position:relative;display:flex;align-items:center;min-height:24px;padding-left:34px;color:#c5d8e7!important;font-weight:700}.quote-check-grid span:before{content:"";position:absolute;left:0;top:50%;width:21px;height:21px;transform:translateY(-50%);border-radius:7px;border:1px solid rgba(101,218,255,.38);background:rgba(5,19,37,.74);box-shadow:inset 0 0 0 1px rgba(255,255,255,.02),0 0 14px rgba(62,202,255,.04);transition:.18s}.quote-check-grid span:after{content:"✓";position:absolute;left:5px;top:50%;transform:translateY(-55%) scale(.55);color:#06121d;font-size:14px;font-weight:1000;opacity:0;transition:.18s}.quote-check-grid label:has(input:checked){border-color:rgba(76,225,255,.48)!important;background:radial-gradient(circle at 12% 50%,rgba(46,218,255,.13),transparent 34%),linear-gradient(145deg,rgba(24,57,88,.84),rgba(22,29,68,.78))!important;box-shadow:0 0 24px rgba(64,201,255,.08),inset 0 0 30px rgba(118,91,255,.035)}.quote-check-grid label:has(input:checked) span{color:#f1f9ff!important}.quote-check-grid input:checked+span:before{border-color:#62e5ff;background:linear-gradient(135deg,#4ee1ff,#7d76ff 58%,#d861ff);box-shadow:0 0 14px rgba(78,220,255,.34)}.quote-check-grid input:checked+span:after{opacity:1;transform:translateY(-55%) scale(1)}.quote-check-grid input:focus-visible+span:before{outline:2px solid #8beaff;outline-offset:3px}
.consent{position:relative!important;padding:15px 17px 15px 54px!important;border:1px solid rgba(105,211,255,.17)!important;border-radius:16px!important;background:linear-gradient(145deg,rgba(14,38,64,.72),rgba(10,25,49,.66))!important;cursor:pointer}.consent input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none}.consent span{position:static!important;color:#afc5d7!important}.consent span:before{content:"";position:absolute;left:17px;top:16px;width:21px;height:21px;border-radius:7px;border:1px solid rgba(101,218,255,.42);background:rgba(5,19,37,.82);transition:.18s}.consent span:after{content:"✓";position:absolute;left:22px;top:17px;color:#06121d;font-size:14px;font-weight:1000;opacity:0;transform:scale(.6);transition:.18s}.consent:has(input:checked){border-color:rgba(78,220,255,.36)!important;background:linear-gradient(145deg,rgba(20,51,80,.78),rgba(15,29,62,.72))!important}.consent input:checked+span:before{background:linear-gradient(135deg,#4ee1ff,#7b74ff 58%,#d95fff);border-color:#65e5ff;box-shadow:0 0 14px rgba(78,220,255,.30)}.consent input:checked+span:after{opacity:1;transform:scale(1)}.consent input:focus-visible+span:before{outline:2px solid #8beaff;outline-offset:3px}
.payment-method-card{border-color:rgba(109,210,255,.19)!important;background:radial-gradient(circle at 15% 10%,rgba(47,218,255,.08),transparent 30%),linear-gradient(145deg,rgba(18,46,76,.84),rgba(10,26,52,.80))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}.payment-method-card:has(input:checked){border-color:rgba(83,224,255,.52)!important;background:radial-gradient(circle at 15% 10%,rgba(47,218,255,.15),transparent 33%),radial-gradient(circle at 88% 18%,rgba(134,94,255,.13),transparent 31%),linear-gradient(145deg,rgba(23,55,87,.9),rgba(19,29,66,.86))!important;box-shadow:0 0 28px rgba(68,200,255,.09),inset 0 1px 0 rgba(255,255,255,.05)}.payment-method-card input[type="radio"]{appearance:none;-webkit-appearance:none;width:21px!important;height:21px!important;border-radius:50%!important;border:2px solid rgba(107,216,255,.5)!important;background:rgba(5,18,36,.86)!important;box-shadow:none!important}.payment-method-card input[type="radio"]:checked{border:6px solid #63e3ff!important;background:#15264a!important;box-shadow:0 0 14px rgba(81,219,255,.34)!important}
.privacy-note{grid-column:1/-1;margin:2px 0 0;padding:13px 15px;border-radius:14px;border:1px solid rgba(104,210,255,.12);background:rgba(8,27,49,.48);color:#8fa9be;font-size:12px;line-height:1.55}.privacy-note a{color:#58dcff;font-weight:800}.software-other[hidden]{display:none!important}
.quote-submit,.checkout-pay,.contact-layout>.contact-form>.btn{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.20)!important;background:linear-gradient(95deg,#39dcff 0%,#667fff 48%,#9b68ff 70%,#ed59d8 100%)!important;color:#07121e!important;box-shadow:0 13px 34px rgba(60,162,255,.20),0 0 28px rgba(115,87,255,.10)!important;transition:transform .2s ease,box-shadow .2s ease}.quote-submit:before,.checkout-pay:before,.contact-layout>.contact-form>.btn:before{content:"";position:absolute;top:-170%;left:-42%;width:28%;height:440%;transform:rotate(17deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);filter:blur(2px);animation:transactionalShine 5.8s ease-in-out infinite;pointer-events:none}.quote-submit:hover,.checkout-pay:hover,.contact-layout>.contact-form>.btn:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(61,177,255,.27),0 0 34px rgba(142,87,255,.14)!important}@keyframes transactionalShine{0%,68%{left:-42%;opacity:0}72%{opacity:.55}88%{left:118%;opacity:.45}100%{left:118%;opacity:0}}
.payment-result{border-color:rgba(102,218,255,.24)!important;background:radial-gradient(circle at 20% 0%,rgba(45,218,255,.12),transparent 30%),radial-gradient(circle at 88% 5%,rgba(135,91,255,.14),transparent 32%),linear-gradient(155deg,rgba(18,46,77,.95),rgba(11,27,55,.95) 60%,rgba(18,21,52,.94))!important;box-shadow:0 30px 95px rgba(0,0,0,.30),0 0 45px rgba(68,179,255,.08)!important}
@media(max-width:800px){.contact-copy{padding:26px 21px}.quote-head,.checkout-head,.contact-head{padding-bottom:42px}.quote-layout:before,.checkout-layout:before,.contact-layout:before{left:-35vw;right:-35vw}.quote-check-grid label{min-height:50px}}
@media(max-width:620px){.quote-form,.checkout-form,.contact-layout>.contact-form{border-radius:23px!important}.contact-copy{border-radius:23px}.quote-check-grid{grid-template-columns:1fr}.quote-submit,.checkout-pay,.contact-layout>.contact-form>.btn{min-height:52px}}
@media(prefers-reduced-motion:reduce){.quote-submit:before,.checkout-pay:before,.contact-layout>.contact-form>.btn:before{animation:none}}

/* v29 — logos moyens de paiement vérifiés pour abonnement */
.payment-brand-logo-row{display:flex;align-items:center;flex-wrap:wrap;gap:7px;min-height:38px;padding-right:34px}.payment-brand-logo-row>span,.payment-brand-single{display:inline-flex;align-items:center;justify-content:center;height:36px;min-width:52px;padding:5px 8px;border:1px solid rgba(120,211,255,.14);border-radius:9px;background:rgba(245,250,255,.96);box-shadow:0 5px 14px rgba(0,0,0,.12)}.payment-brand-logo-row img{display:block;max-width:54px;max-height:25px;width:auto;height:auto;object-fit:contain}.payment-brand-logo-row>span:first-child img{max-height:27px}.payment-brand-single{align-self:flex-start;min-width:118px;padding-left:12px;padding-right:12px}.payment-brand-single img{display:block;width:auto;max-width:96px;max-height:27px;object-fit:contain}.payment-method-card:has(input:checked) .payment-brand-logo-row>span,.payment-method-card:has(input:checked) .payment-brand-single{border-color:rgba(84,218,255,.28);box-shadow:0 5px 14px rgba(0,0,0,.12),0 0 15px rgba(69,203,255,.08)}
.saas-footer-payments{display:grid;gap:10px;margin-top:10px;padding-top:15px;border-top:1px solid rgba(101,209,255,.10)}.saas-footer-payments>strong{margin:0!important;font-size:11px!important;letter-spacing:.10em!important;color:#a8bfd2!important}.saas-footer-payment-logos{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.saas-footer-payment-logos>span{display:inline-flex;align-items:center;justify-content:center;height:33px;min-width:46px;padding:4px 7px;border:1px solid rgba(115,204,255,.10);border-radius:8px;background:rgba(247,251,255,.94);box-shadow:0 6px 16px rgba(0,0,0,.12)}.saas-footer-payment-logos img{display:block;width:auto;height:auto;max-width:51px;max-height:23px;object-fit:contain}.saas-footer-payment-logos>span:first-child img{max-height:25px}.saas-footer-payment-logos>span:last-child{min-width:72px}.saas-footer-payment-logos>span:last-child img{max-width:62px}.saas-footer-payment-logos>span{position:relative;overflow:hidden}.saas-footer-payment-logos>span:after{content:"";position:absolute;top:-130%;left:-42%;width:25%;height:360%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);animation:paymentLogoShine 7s ease-in-out infinite}.saas-footer-payment-logos>span:nth-child(2):after{animation-delay:.28s}.saas-footer-payment-logos>span:nth-child(3):after{animation-delay:.56s}.saas-footer-payment-logos>span:nth-child(4):after{animation-delay:.84s}.saas-footer-payment-logos>span:nth-child(5):after{animation-delay:1.12s}.saas-footer-payment-logos>span:nth-child(6):after{animation-delay:1.40s}@keyframes paymentLogoShine{0%,74%{left:-42%;opacity:0}78%{opacity:.58}90%{left:118%;opacity:.45}100%{left:118%;opacity:0}}
@media(max-width:768px){.saas-footer-payment-logos{justify-content:center}.payment-brand-logo-row{gap:5px;padding-right:30px}.payment-brand-logo-row>span{height:34px;min-width:46px;padding:4px 6px}.payment-brand-logo-row img{max-width:48px;max-height:23px}}@media(prefers-reduced-motion:reduce){.saas-footer-payment-logos>span:after{animation:none}}

/* v30 — brèves accueil & affichage TVA franchise en base */
.home-teasers{position:relative;max-width:1280px;margin:0 auto;padding:34px 22px 62px}.home-teasers:before{content:"";position:absolute;inset:4px 12% auto;height:150px;background:radial-gradient(circle at 30% 50%,rgba(54,206,255,.12),transparent 45%),radial-gradient(circle at 70% 50%,rgba(151,82,255,.1),transparent 45%);filter:blur(28px);pointer-events:none}.home-teasers-head{position:relative;display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:20px}.home-teasers-head h2{margin:6px 0 0;max-width:720px;font-size:clamp(25px,3vw,39px);line-height:1.08}.home-teasers-head>p{max-width:430px;margin:0;color:#a9bdce;line-height:1.65}.home-teaser-grid{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.home-teaser-card{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:245px;padding:23px 21px;border:1px solid rgba(104,208,255,.14);border-radius:22px;background:linear-gradient(155deg,rgba(16,38,65,.9),rgba(8,18,35,.94));box-shadow:0 18px 48px rgba(0,0,0,.18);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.home-teaser-card:before{content:"";position:absolute;left:8%;right:8%;top:-52px;height:82px;background:linear-gradient(90deg,rgba(50,215,255,.25),rgba(132,83,255,.19),rgba(255,78,211,.14));filter:blur(25px)}.home-teaser-card:hover{transform:translateY(-4px);border-color:rgba(88,218,255,.3);box-shadow:0 22px 58px rgba(0,76,145,.15)}.home-teaser-kicker{position:relative;color:#75ddff;font-size:10px;font-weight:900;letter-spacing:.12em}.home-teaser-card h3{position:relative;margin:14px 0 10px;font-size:20px;line-height:1.22;color:#f4fbff}.home-teaser-card p{position:relative;margin:0 0 18px;color:#a9bdce;font-size:13px;line-height:1.58}.home-teaser-card>a{position:relative;margin-top:auto;align-self:flex-start;padding:8px 12px;border:1px solid rgba(98,205,255,.15);border-radius:999px;background:rgba(61,159,219,.08);color:#8de5ff;font-size:12px;font-weight:800;text-decoration:none}.home-teaser-card>a:hover{border-color:rgba(94,219,255,.34);background:rgba(62,176,238,.13)}.home-teaser-price{border-color:rgba(107,218,255,.28);background:linear-gradient(145deg,rgba(18,54,83,.96),rgba(18,24,54,.94))}.home-price-from{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:end;gap:0 8px;margin:17px 0 4px}.home-price-from small{grid-column:1/-1;color:#b8c9d8;font-size:12px;font-weight:700}.home-price-from strong{font-size:35px;line-height:1;color:#fff;letter-spacing:-.035em;text-shadow:0 0 24px rgba(76,210,255,.16)}.home-price-from span{padding-bottom:3px;color:#b5cada;font-size:12px;font-weight:800}.home-vat-note{color:#cbd9e4!important;font-size:11px!important}.pricing-vat-note{width:max-content;max-width:calc(100% - 28px);margin:18px auto 0;padding:9px 14px;border:1px solid rgba(104,211,255,.12);border-radius:999px;background:rgba(25,75,108,.12);color:#a9bdce;font-size:12px;text-align:center}.pricing-vat-note strong{color:#dceaf4}.checkout-vat-note{display:block;margin:-1px 0 13px;color:#b8cad7;font-size:11px;font-weight:700;letter-spacing:.015em}
@media(max-width:980px){.home-teasers-head{align-items:start;flex-direction:column;gap:10px}.home-teaser-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-teaser-card{min-height:220px}}
@media(max-width:620px){.home-teasers{padding:24px 14px 42px}.home-teasers-head{margin-bottom:14px}.home-teasers-head h2{font-size:25px}.home-teasers-head>p{font-size:13px}.home-teaser-grid{gap:10px}.home-teaser-card{min-height:210px;padding:17px 14px;border-radius:18px}.home-teaser-card h3{font-size:16px;margin:11px 0 8px}.home-teaser-card p{font-size:11.5px;line-height:1.48;margin-bottom:13px}.home-teaser-card>a{padding:7px 9px;font-size:10.5px}.home-price-from{grid-template-columns:1fr;margin-top:13px}.home-price-from small,.home-price-from strong,.home-price-from span{grid-column:1}.home-price-from strong{font-size:28px}.home-price-from span{padding-top:4px}.pricing-vat-note{font-size:11px;border-radius:16px}.checkout-vat-note{font-size:10.5px}}
@media(max-width:370px){.home-teaser-grid{grid-template-columns:1fr}.home-teaser-card{min-height:0}}
@media(prefers-reduced-motion:reduce){.home-teaser-card{transition:none}.home-teaser-card:hover{transform:none}}

/* v31 — démo réelle, captures produit & alignement abonnement */
.product-shot{position:relative;overflow:hidden;margin:0;border:1px solid rgba(101,210,255,.18);border-radius:24px;background:linear-gradient(155deg,rgba(14,35,62,.94),rgba(7,17,34,.96));box-shadow:0 24px 64px rgba(0,0,0,.24),0 0 36px rgba(66,179,255,.06)}.product-shot:before{content:"";position:absolute;z-index:1;left:8%;right:8%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(64,224,255,.8),rgba(126,99,255,.65),transparent);box-shadow:0 0 18px rgba(70,205,255,.25);pointer-events:none}.product-shot img{display:block;width:100%;height:auto;object-fit:contain;background:#0b1628}.product-shot figcaption{padding:10px 14px;border-top:1px solid rgba(108,210,255,.10);background:rgba(5,14,28,.72);color:#90a9bd;font-size:11px;line-height:1.45}.product-shot-wide{width:100%}.product-shot-pair .product-shot{height:100%}.product-shot-pair .product-shot img{height:100%;max-height:430px;object-fit:contain}.demo-menu-shot{max-width:1180px;margin:28px auto 22px}.audit-story{align-items:center}.audit-proof-card{position:relative;overflow:hidden;min-height:220px;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:34px;border:1px solid rgba(91,204,255,.18);border-radius:24px;background:radial-gradient(circle at 82% 16%,rgba(95,75,255,.18),transparent 32%),linear-gradient(145deg,rgba(13,34,61,.94),rgba(7,17,34,.96));box-shadow:0 24px 64px rgba(0,0,0,.22)}.audit-proof-card:before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:linear-gradient(180deg,#5e66ff,#10d5d0)}.audit-proof-card span{font-size:11px;letter-spacing:.14em;font-weight:800;color:#7b72ff}.audit-proof-card strong{font-size:clamp(22px,2.5vw,34px);line-height:1.13;color:#f4f8ff}.audit-proof-card small{max-width:560px;color:#9db3c5;font-size:13px;line-height:1.6}.features-v31-head .actions{margin-top:24px}.features-v31-overview{max-width:1280px;margin:0 auto 70px;padding:0 22px;display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.45fr);gap:28px;align-items:center}.features-v31-copy h2{font-size:clamp(28px,3.3vw,43px);line-height:1.08;margin:8px 0 14px}.features-v31-copy p{color:#9fb5c8;line-height:1.7}.features-v31-chapter{margin-bottom:70px}.features-v31-story{align-items:center;margin-bottom:72px}.features-v31-note{margin:24px 0 0;padding:14px 16px;border:1px solid rgba(255,205,103,.13);border-radius:15px;background:rgba(255,197,80,.045);color:#aebdca;font-size:12px;line-height:1.55}.features-v31-note strong{color:#ffd17a}.features-v31-mobile-proof{max-width:1080px;margin:0 auto 78px;padding:34px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:38px;align-items:center;border:1px solid rgba(103,208,255,.14);border-radius:28px;background:radial-gradient(circle at 8% 20%,rgba(44,212,255,.10),transparent 31%),linear-gradient(150deg,rgba(14,36,63,.86),rgba(8,19,37,.92))}.features-v31-mobile-proof h2{font-size:clamp(27px,3.4vw,40px);margin:8px 0 13px}.features-v31-mobile-proof p{color:#9fb5c8;line-height:1.65}.product-shot-phone{width:260px}.product-shot-phone img{width:100%;max-height:620px;object-fit:contain}.checkout-form .quote-fields.two{align-items:start}.checkout-form .quote-fields.two>label{align-self:start}.checkout-form .quote-fields.two>label>input{min-height:46px;height:46px}.checkout-form .quote-fields.two>label>small{display:block;margin-top:0;color:#8299ae;line-height:1.35}.subnav{flex-wrap:wrap}.hero-nav{flex-wrap:wrap}
@media(max-width:980px){.features-v31-overview{grid-template-columns:1fr}.features-v31-mobile-proof{margin-left:18px;margin-right:18px}.product-shot-pair .product-shot img{height:auto;max-height:none}}
@media(max-width:720px){.features-v31-overview{padding:0 14px;margin-bottom:52px}.features-v31-mobile-proof{grid-template-columns:1fr;padding:24px 18px;margin:0 12px 55px}.product-shot-phone{width:min(100%,300px);margin:0 auto}.product-shot{border-radius:19px}.product-shot figcaption{font-size:10px;padding:9px 11px}.demo-menu-shot{margin-top:20px}.features-v31-story{margin-bottom:55px}}
@media(max-width:480px){.features-v31-head .actions{display:grid;grid-template-columns:1fr}.features-v31-head .actions .btn{justify-content:center}.features-v31-mobile-proof h2{font-size:27px}}


/* v33 — documents natifs */
.native-docs-showcase{max-width:1280px;margin:0 auto 72px;padding:32px 22px;border:1px solid rgba(103,208,255,.13);border-radius:28px;background:radial-gradient(circle at 10% 15%,rgba(41,210,255,.09),transparent 30%),radial-gradient(circle at 90% 0,rgba(120,78,255,.10),transparent 34%),linear-gradient(150deg,rgba(13,34,60,.80),rgba(7,17,33,.90));box-shadow:0 24px 64px rgba(0,0,0,.18)}.native-docs-head{max-width:820px;margin-bottom:24px}.native-docs-head h2{font-size:clamp(28px,3.2vw,42px);line-height:1.08;margin:8px 0 13px}.native-docs-head p{color:#9fb5c8;line-height:1.65}.native-docs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.native-doc-card{position:relative;overflow:hidden;display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;min-height:150px;padding:20px;border:1px solid rgba(105,208,255,.14);border-radius:20px;background:linear-gradient(145deg,rgba(14,36,63,.92),rgba(8,19,37,.94));text-decoration:none;box-shadow:0 14px 34px rgba(0,0,0,.15);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.native-doc-card:before{content:"";position:absolute;left:8%;right:8%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(57,221,255,.7),rgba(125,91,255,.55),transparent)}.native-doc-card:hover{transform:translateY(-3px);border-color:rgba(72,215,255,.34);box-shadow:0 20px 44px rgba(0,0,0,.22)}.native-doc-icon{display:grid;place-items:center;width:52px;height:66px;border:1px solid rgba(99,211,255,.22);border-radius:11px;background:linear-gradient(150deg,rgba(50,203,255,.12),rgba(105,74,255,.12));color:#7be7ff;font-size:12px;font-weight:900;letter-spacing:.12em}.native-doc-card>span:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:5px}.native-doc-card strong{color:#f5f9ff;font-size:17px}.native-doc-card small{color:#91a9bc;font-size:12px;line-height:1.45}.native-doc-card b{grid-column:1/-1;color:#6edfff;font-size:11px;letter-spacing:.06em;text-transform:uppercase}.native-doc-card b:after{content:" · PDF";color:#788da1}.native-doc-card:focus-visible{outline:2px solid #65ddff;outline-offset:3px}@media(max-width:920px){.native-docs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.native-docs-showcase{margin-left:12px;margin-right:12px;padding:24px 14px}.native-docs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.native-doc-card{grid-template-columns:1fr;min-height:170px;padding:15px}.native-doc-icon{width:44px;height:56px}.native-doc-card strong{font-size:15px}.native-doc-card small{font-size:11px}}