@font-face{font-family:Inter;src:url('fonts/inter-variable.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:'Space Grotesk';src:url('fonts/space-grotesk-variable.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap}
:root{--family-navy:#0a2540;--family-teal:#00c4b4;--family-mint:#00e5c8;--night:#0a2540;--ink:#0a2540}
body{font-family:Inter,Arial,sans-serif}h1,h2,h3,.brand,.logo,.serif{font-family:'Space Grotesk',Inter,sans-serif;font-style:normal}h1,h2,h3{letter-spacing:-.045em}.serif{font-weight:500}button,input,select,textarea{font-family:inherit}
.btn,.primary,.cta{border-radius:12px}.brand-icon{color:#00877e}.brand span{color:inherit}.brand small{font-family:Inter,Arial,sans-serif}.eyebrow{letter-spacing:.13em}
.hero .eyebrow,.cta .eyebrow{color:#56ead4}.hero.v3{background-color:var(--family-navy)}
.product-sheet{box-sizing:border-box;width:min(920px,calc(100% - 28px));max-width:920px;max-height:90dvh;overflow:auto;padding:30px 36px;border:0;border-radius:20px;color:#0a2540;background:#fff;box-shadow:0 32px 100px #00142966;font:15px/1.6 Inter,Arial,sans-serif}
.product-sheet::backdrop{background:#061c36bc;backdrop-filter:blur(5px)}.product-sheet .sheet-close{position:sticky;float:right;top:0;z-index:2;width:44px;height:44px;border:1px solid #dce6ec;border-radius:50%;background:#fff;color:#0a2540;font-size:28px;cursor:pointer}.sheet-eyebrow{font-size:10px;font-weight:700;letter-spacing:.15em;color:#007c75;margin:7px 0 12px}.product-sheet h2{font-size:clamp(25px,4vw,38px);line-height:1.1;margin:0 40px 22px 0}.sheet-tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid #dce6ec;padding-bottom:14px;margin-bottom:22px}.sheet-tabs button{border:1px solid #dae5eb;background:#f5f8fa;border-radius:30px;padding:10px 15px;min-height:44px;font-size:13px;cursor:pointer;color:#23435b}.sheet-tabs button[aria-selected=true]{background:#0a2540;color:#fff;border-color:#0a2540}.sheet-body img{display:block;max-width:100%;height:auto;margin:auto;border-radius:10px}.sheet-spin{margin:0 0 28px;background:#f7f9fb;border-radius:14px;padding:12px 22px}.sheet-spin img{height:260px;width:100%;object-fit:contain;mix-blend-mode:multiply}.sheet-spin label{display:block;font-size:11px;text-align:center;letter-spacing:.03em;font-weight:600}.sheet-spin input{display:block;width:min(400px,100%);margin:12px auto 2px;min-height:32px;accent-color:#008c80}.sheet-text h3{font-size:20px;line-height:1.3;margin:22px 0 8px}.sheet-text p{font-size:14px;line-height:1.7;margin:8px 0}.sheet-note{border-top:1px solid #e1e9ed;margin-top:24px;padding-top:18px;font-size:11px!important;color:#617580;line-height:1.6}.sheet-document{display:inline-flex;padding:14px 20px;margin:16px 0;border-radius:10px;background:#0a2540;color:white;font-weight:600;text-decoration:none}.sheet-body details{border:1px solid #dae5eb;border-radius:10px;padding:16px;margin:22px 0}.sheet-body summary{cursor:pointer;font-weight:600;font-size:13px}.sheet-body dl{display:grid;grid-template-columns:1fr 1.5fr;font-size:12px;gap:10px 20px}.sheet-body dt{font-weight:600}.sheet-body dd{margin:0;white-space:pre-line}.sheet-application{margin:0 0 26px}.sheet-application figcaption{margin-top:8px;font-size:13px;font-weight:600}.product-sheet :focus-visible{outline:3px solid #008f84;outline-offset:4px}
@media(max-width:600px){.product-sheet{padding:20px;max-height:94dvh}.sheet-spin img{height:190px}.sheet-tabs button{font-size:11px;padding:9px 12px}.sheet-body dl{grid-template-columns:1fr}.sheet-body dd{margin-bottom:12px}}

.sheet-body video{display:block;max-width:100%;width:100%;margin:20px 0;border-radius:12px;background:#0a2540}.sheet-document{border:0;font:600 13px Inter,Arial,sans-serif;cursor:pointer}.btn,.demo-reset{font-family:Inter,Arial,sans-serif}

.hero.v3 h1 span{color:#00e5c8}.hero.v3 .hero-actions .btn{background:#00e5c8;border-color:#00e5c8;color:#0a2540}.hero.v3 .pulse-dot{background:#00e5c8;box-shadow:0 0 0 5px #00e5c819}.hero.v3 .eyebrow{color:#bceee6}

/* Charte unique vitrine — même famille Pulse du premier écran au pied de page. */
:root{
 --family-navy:#0a2540;--family-mint:#00e5c8;--family-teal:#007c72;
 --family-surface:#f5f8fa;--family-soft:#e8f4f1;--family-muted:#526b7b;
 --family-border:#d5e2e7;--family-panel:#12334f;--family-on-dark:#c6d9e2;
 --ink:var(--family-navy);--night:var(--family-navy);--blue:var(--family-teal);
 --paper:var(--family-surface);--muted:var(--family-muted);--line:var(--family-border);
 --serif:'Space Grotesk',Inter,sans-serif;
}
body{font-family:Inter,Arial,sans-serif}
h1,h2,h3,.brand,.serif{font-family:'Space Grotesk',Inter,sans-serif}
h1,h2,h3{font-weight:700}.serif{font-weight:inherit;font-style:normal;color:var(--family-teal)}
button,input,select,textarea,.slider-exact input{font-family:Inter,Arial,sans-serif}
.preview{background:var(--family-soft);color:var(--family-navy)}
.header{background:rgba(245,248,250,.96)}.brand svg{color:var(--family-teal)}
.eyebrow,.textlink{color:var(--family-teal)}
.btn,.hero.v3 .hero-actions .btn,.demo-launch .btn{background:var(--family-mint);border:1px solid var(--family-mint);color:var(--family-navy);border-radius:12px}
.btn:hover,.hero.v3 .hero-actions .btn:hover,.demo-launch .btn:hover{background:#55efda;border-color:#55efda;color:var(--family-navy);box-shadow:0 8px 24px #0a254018}
.btn.outline{background:transparent;border-color:var(--family-navy);color:var(--family-navy)}
.btn.outline:hover,.btn.light:hover{background:var(--family-soft);border-color:var(--family-teal);color:var(--family-navy)}
.btn.light{background:white;border-color:var(--family-border);color:var(--family-navy)}
.hero.v3,.dark,.calc-v3,.cta{background:var(--family-navy);color:white}
.hero.v3{background:radial-gradient(ellipse at 83% 20%,#16465c 0,transparent 53%),var(--family-navy)}
.cta{border-radius:0}
.hero.v3 h1 span,.dark .serif,.calc-v3 h2 span,.cta .serif{color:var(--family-mint)}
.hero.v3 .eyebrow,.dark .eyebrow,.calc-v3>.eyebrow,.calc-v3>div>.eyebrow,.cta .eyebrow{color:var(--family-mint)}
.hero.v3 .hero-copy p:not(.eyebrow),.hero-supports,.hero.v3 .showcase-top,.scene-tabs button,.scene-caption,.hero-note,.dark .muted,.mode p,.calc-v3 .muted,.cta p:not(.eyebrow){color:var(--family-on-dark)}
.hero .textlink,.dark .textlink,.cta .textlink,.hero-supports span:before{color:var(--family-mint)}
.hero.v3 .pulse-dot{background:var(--family-mint);box-shadow:0 0 0 5px #00e5c819}
.showcase-top i:before,.showcase-top i:after{background:var(--family-mint)}
.stage-label small{color:white}.scene-tabs button[aria-selected=true]{color:var(--family-mint);border-color:#00e5c84d;background:#00e5c810}
.mode,.mode+.mode{background:var(--family-panel);border-color:#37586b}
.mode .num,.mode .tag{color:var(--family-mint)}
.sector-visual .sector-count{background:#0a2540cc}
.offer.featured{border-color:var(--family-teal);box-shadow:0 12px 32px #0a254010}
.offer.featured:before{background:var(--family-navy);color:var(--family-mint)}
.demo-shell,.demo-top,.demo-controls,.demo-caption{border-color:var(--family-border)}
.demo-shell,.demo-caption{background:var(--family-surface)}
.demo-top,thead,.notice,.formstatus,.sector-note{background:var(--family-soft)}
.demo-reset,.calc-net strong{color:var(--family-teal)}
.demo-instruction,.demo-status{color:var(--family-muted)}
.swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--family-teal)}
.calc-scenario{color:var(--family-on-dark);border-color:#486779}
.slider-field{border-color:#37586b}.slider-head label{color:white}
.slider-exact input{background:var(--family-panel);border-color:#698697;color:white}
.slider-exact span,.slider-ends,.calc-method-v3,.calc-actions-v3 button{color:var(--family-on-dark)}
.calc-v3 input[type=range]{background:linear-gradient(to right,var(--family-mint) 0%,var(--family-mint) var(--fill,0%),#486779 var(--fill,0%),#486779 100%)}
.calc-v3 input[type=range]::-webkit-slider-thumb{background:var(--family-navy);border-color:var(--family-mint)}
.calc-v3 input[type=range]::-moz-range-thumb{background:var(--family-navy);border-color:var(--family-mint)}
.calc-result-v3{background:var(--family-surface);color:var(--family-navy)}
.calc-result-v3 .eyebrow{color:var(--family-teal)}.calc-result-v3 .gross-note{color:var(--family-muted)}
.calc-result-v3 output{font-family:'Space Grotesk',Inter,sans-serif;font-weight:700}
.calc-bar{background:var(--family-border)}.calc-bar span{background:var(--family-teal)}
.quote-inputs,.calc-net{border-color:var(--family-border)}
.quote-inputs input,.contactform input,.contactform textarea,.contactform select{border-color:#8ca4af;color:var(--family-navy)}
.quote-inputs input::placeholder,.contactform input::placeholder,.contactform textarea::placeholder{color:var(--family-muted)}
.dark :focus-visible,.hero :focus-visible,.calc-v3 :focus-visible,.cta :focus-visible{outline-color:var(--family-mint)}
.calc-result-v3 :focus-visible{outline-color:var(--family-teal)}
.calc-v3>.calc-result-v3>.eyebrow,.demo-copy>.eyebrow{color:var(--family-teal)}
.footer a.brand{font-size:22px}
@media(max-width:740px){.footer a.brand{font-size:19px}}
/* V04 — un seul langage typographique, navigation et cartes plus lisibles. */
:root{--serif:Inter,Arial,sans-serif}
h1,h2,h3,.serif,.brand,.calc-result-v3 output{font-family:Inter,Arial,sans-serif;letter-spacing:-.035em}h1,h2{font-weight:600}h3{font-weight:600;letter-spacing:-.025em}.serif{font-weight:inherit}.hero.v3 h1{font-weight:600;letter-spacing:-.045em}.hero.v3 h1 span{font-weight:600}.brand{flex-shrink:0}.wordmark{display:flex!important;align-items:center;width:242px;height:42px;overflow:hidden}.wordmark img{display:block;width:100%;max-width:none;height:auto;flex:none}.header .wrap.nav{min-height:92px;gap:30px}.header{border-bottom:1px solid #d5e2e7;background:#f8fafbf5;backdrop-filter:blur(18px)}.navlinks{gap:5px!important}.navlinks>a:not(.btn){font-size:14px;font-weight:500;padding:12px 14px;border-radius:10px;white-space:nowrap;transition:background .18s,color .18s}.navlinks>a:not(.btn):hover,.navlinks>a[aria-current=page]{background:#e5f0f0;color:#007c72}.navlinks .btn{margin-left:14px;font-size:14px;padding:14px 20px;border-radius:30px}.menu{font-size:14px;font-weight:600;border:1px solid #d5e2e7;border-radius:10px;min-height:44px;padding:10px 16px;background:#fff;color:#0a2540}.menu:before{content:'☰';margin-right:9px}.footer .wordmark{width:225px}.footer .wordmark img{filter:none}
.hero-playback{display:block;margin:14px 0 0 auto;border:0;background:transparent;color:#c6d9e2;font:500 12px Inter,Arial,sans-serif;min-height:32px;padding:5px 0;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.scene-tabs button{font-size:13px;min-height:46px}.stage-label h2{font-size:clamp(25px,2.5vw,35px);font-weight:600}.hero.v3 .hero-copy p:not(.eyebrow){font-size:18px;line-height:1.7}.hero-note,.hero-supports,.proof-strip,.mode .tag,.section-note,.small,.scene-caption,.offernote,.offer .price small,.calc-method-v3,.calc-actions-v3 button{font-size:13px;line-height:1.65}.benefit p,.sector-content p,.mode p,.offer .muted,.offer li,.case p:not(.eyebrow):not(.small),.contactform label,.contactform input,.contactform textarea,.contactform select{font-size:16px;line-height:1.7}.benefit h3{font-size:21px}.mini-icon{width:58px;height:58px;flex:0 0 58px;border-radius:18px;background:#e8f4f1;border:1px solid #d0e6e0;color:#007c72;display:grid;place-items:center}.mini-icon svg{width:29px;height:29px}.benefit{gap:22px}.offer{overflow:hidden;position:relative;padding:30px;border-radius:20px;display:flex;flex-direction:column;box-shadow:0 8px 30px #0a254007}.offer-art{height:115px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;margin:0 0 28px;padding:8px 18px;background:linear-gradient(120deg,#eaf5f1,#f5f8fa);color:#007c72}.offer-art svg{width:88px;height:88px}.offer-art span{font-size:76px;font-weight:500;letter-spacing:-.07em;opacity:.12;line-height:1}.offer.featured .offer-art{background:#0a2540;color:#00e5c8}.offer.featured{border-color:#00988b;box-shadow:0 16px 40px #0a254012}.offer.featured:before{z-index:1;font-size:10px}.offer h3{font-size:32px}.offer ul{margin-top:24px;border-top:1px solid #d5e2e7;padding-top:20px}.offer .price{margin-top:auto;padding-top:22px}.offer>.btn{margin-top:20px;justify-content:space-between}.offer-grid{gap:24px}.offer li{padding-bottom:7px}.sheet-text p{font-size:16px}.sheet-note{font-size:12px!important}.sheet-tabs button{font-size:14px}.product-sheet h2{letter-spacing:-.03em}.sheet-body dl{font-size:14px}.intro h1 span{font:inherit;letter-spacing:inherit}
.experience-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.experience-tabs button{display:grid;grid-template-columns:30px 1fr;gap:5px 12px;text-align:left;border:1px solid #d5e2e7;border-radius:14px;background:#fff;padding:19px;color:#526b7b;font:500 13px Inter,Arial,sans-serif;cursor:pointer}.experience-tabs button span{font-size:18px;color:#0a2540}.experience-tabs button small{grid-column:2;font-size:13px;font-weight:400}.experience-tabs button[aria-selected=true]{background:#0a2540;border-color:#0a2540;color:#00e5c8}.experience-tabs button[aria-selected=true] span{color:#fff}.experience-tabs button[aria-selected=true] small{color:#c6d9e2}.studio{border:1px solid #d5e2e7;border-radius:20px;overflow:hidden;background:#f5f8fa}.studio-view{height:580px;position:relative;background:#e1e4e4;isolation:isolate;overflow:hidden}.studio-view>img{width:100%;height:100%;object-fit:cover}.studio-view>canvas,.studio-view>iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}.studio-view>canvas{touch-action:none;cursor:grab}.studio-view>canvas:active{cursor:grabbing}#studio-overlay{position:absolute;inset:0;background:linear-gradient(0deg,#061b35e6,transparent 85%);display:flex;align-items:flex-start;justify-content:flex-end;flex-direction:column;padding:44px;gap:16px;color:#fff}#studio-overlay .eyebrow{color:#00e5c8;margin:0}#studio-overlay h3{font-size:36px;margin:0}#studio-overlay[hidden]{display:none}.studio-foot{display:flex;align-items:center;gap:18px;padding:20px 26px}.studio-foot p{font-size:14px;line-height:1.6;color:#526b7b;margin:0;flex:1}.studio-reset{background:white;border:1px solid #d5e2e7;min-height:44px;padding:9px 14px;border-radius:9px;font:500 13px Inter,Arial,sans-serif;cursor:pointer;color:#0a2540;white-space:nowrap}.studio-status{font-size:13px;min-height:22px;color:#526b7b;margin:10px 0}.studio-view [hidden]{display:none}.studio-view.loading:after{content:'Préparation de l’expérience…';position:absolute;inset:0;display:grid;place-items:center;color:#fff;background:#0a2540c9;font-size:16px;pointer-events:none}.experience-tabs button:focus-visible,.studio button:focus-visible{outline:3px solid #007c72;outline-offset:4px}
@media(max-width:1100px){.header .wrap.nav{gap:18px}.wordmark{width:205px}.navlinks>a:not(.btn){padding:11px 8px;font-size:13px}.navlinks .btn{padding:12px 15px;font-size:13px;margin-left:4px}}
@media(max-width:900px){.header .wrap.nav{min-height:78px}.navlinks.open{border:1px solid #d5e2e7;border-radius:18px;box-shadow:0 18px 45px #00142922;padding:14px;background:#f8fafb}.navlinks.open>a:not(.btn){font-size:16px;padding:14px}.navlinks.open .btn{margin:10px 0 0;font-size:15px}.studio-view{height:470px}.offer-grid{gap:18px}.offer{padding:24px}}
@media(max-width:600px){.wordmark{width:205px}.header .wrap.nav{gap:10px;min-height:74px}.experience-tabs{gap:6px}.experience-tabs button{padding:12px 8px;display:flex;flex-direction:column;gap:7px;font-size:11px}.experience-tabs button span{font-size:13px}.experience-tabs button small{font-size:11px;line-height:1.4}.studio-view{height:380px}#studio-overlay{padding:24px}#studio-overlay h3{font-size:28px}.studio-foot{padding:17px;flex-wrap:wrap;gap:10px}.studio-foot p{flex-basis:100%;font-size:13px}.studio-reset{flex:1}.mini-icon{width:48px;height:48px;flex-basis:48px;border-radius:14px}.mini-icon svg{width:26px;height:26px}.benefit{gap:15px}.benefit p,.sector-content p,.mode p,.offer .muted,.offer li{font-size:15px}.hero.v3 .hero-copy p:not(.eyebrow){font-size:17px}.scene-tabs button{font-size:12px}.offer-art{height:100px}.hero-playback{font-size:12px}.sheet-tabs button{font-size:13px}.sheet-body dl{font-size:13px}.footer .wordmark{width:205px}}
@media(prefers-reduced-motion:reduce){.hero-playback{display:none}}

.studio-finishes{display:flex;gap:6px}.studio-finishes[hidden]{display:none}.studio-finishes button{min-height:44px;border:1px solid #d5e2e7;background:#fff;color:#0a2540;border-radius:9px;padding:8px 12px;cursor:pointer;font:500 12px Inter,Arial,sans-serif}.studio-finishes button[aria-pressed=true]{border-color:#007c72;background:#e8f4f1}.studio-finishes button:before{content:'';display:inline-block;width:12px;height:12px;border-radius:50%;background:#0a6667;margin-right:7px;vertical-align:middle}.studio-finishes button[data-variant="0"]:before{background:#e99a5d}@media(max-width:1000px){.studio-foot{flex-wrap:wrap}.studio-foot p{flex-basis:100%}}@media(max-width:600px){.studio-finishes{width:100%}.studio-finishes button{flex:1}}

.offer{overflow:visible}.footer p{font-size:14px}.footer a:not(.brand){font-size:14px}@media(max-width:1000px){.header .wrap.nav{justify-content:space-between;min-height:78px}.menu{display:block}.navlinks{display:none;position:absolute;top:100%;left:0;width:100%;flex-direction:column;align-items:stretch}.navlinks.open{display:flex;border:1px solid #d5e2e7;border-radius:18px;box-shadow:0 18px 45px #00142922;padding:14px;background:#f8fafb}.navlinks.open>a:not(.btn){font-size:16px;padding:14px}.navlinks.open .btn{margin:10px 0 0;font-size:15px}}

.form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.contactform [disabled]{opacity:.6;cursor:wait}.legal-copy{max-width:850px}.legal-copy h2{font-size:28px;margin-top:40px}.legal-copy p{line-height:1.8}

.cookie-settings{font:inherit;color:inherit;border:0;background:none;text-decoration:underline;cursor:pointer;padding:0}#consent{max-width:560px;border:1px solid #a4c6c3;border-radius:18px;padding:32px;color:#0a2540}#consent::backdrop{background:#0a2540aa}.consent-actions{display:flex;gap:16px}.consent-actions button{padding:12px 24px;border:1px solid #0a2540;border-radius:8px;background:#fff;color:#0a2540;cursor:pointer}