:root{--paper:#f6f7fb;--ink:#111c32;--muted:#5d6476;--blue:#3159e8;--line:#dfe4ee;--night:#0b1430}body{font-family:Inter,Arial,sans-serif;font-size:15px}h1,h2,h3{letter-spacing:-.055em}h2{font-size:clamp(32px,4vw,53px);line-height:1.13}h3{line-height:1.2}.wrap{width:min(1320px,90%)}.preview{background:#e9edf7;font-size:10px}.header{background:rgba(246,247,251,.94);backdrop-filter:blur(18px)}.nav{height:84px}.navlinks{font-size:11px;gap:23px}.brand{font-size:22px}.brand small{font-size:8px}.brand svg{width:26px}.btn{border-radius:9px;padding:16px 21px;font-size:12px;transition:transform .2s,background .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #1e40af20}.eyebrow{font-size:10px;letter-spacing:.15em}.section{padding:100px 0}.textlink{font-size:12px}.serif{color:var(--blue)}.muted{color:var(--muted)}
/* Evolution de l'accueil deux colonnes et bleu nuit retenu en V00-02. */
.hero.v3{min-height:0;padding:55px 0 42px;overflow:visible;background:radial-gradient(ellipse at 83% 20%,#253b73 0,transparent 53%),linear-gradient(115deg,#0a1029,#101e42);position:relative}.hero.v3:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:64px 64px;pointer-events:none}.hero.v3 .wrap{min-height:0;display:grid;grid-template-columns:1fr 1.08fr;gap:55px;align-items:center;pointer-events:auto}.hero.v3 .hero-copy{width:auto;padding:25px 0 35px}.hero.v3 h1{font-size:clamp(42px,4.7vw,68px);line-height:1.06;margin-bottom:26px;letter-spacing:-.065em}.hero.v3 h1 span{color:#b4c9ff}.hero.v3 .hero-copy p:not(.eyebrow){font-size:14px;max-width:470px;line-height:1.85;color:#c6d2e9}.hero.v3 .hero-actions{gap:22px;margin-top:30px}.hero.v3 .btn{background:#f4f7ff;border-color:#f4f7ff;color:#172653}.hero.v3 .eyebrow{color:#b7c9ed;display:flex;align-items:center;gap:10px}.pulse-dot{width:7px;height:7px;border-radius:50%;background:#9bbdff;box-shadow:0 0 0 5px #9bbdff12}.hero-supports{display:flex;flex-wrap:wrap;gap:18px;font-size:10px;color:#aebdda;margin-top:30px}.hero-supports span:before{content:'↗';color:#c8d8ff;margin-right:6px}.showcase{position:relative;min-width:0;padding:12px;background:#ffffff0d;border:1px solid #ffffff24;border-radius:22px;box-shadow:0 30px 90px #0004}.showcase-top{display:flex;align-items:center;justify-content:space-between;color:#c9d4eb;font-size:9px;letter-spacing:.05em;padding:5px 7px 14px}.showcase-top i{font-style:normal;display:flex;gap:5px}.showcase-top i:before,.showcase-top i:after{content:'';width:5px;height:5px;background:#9aaed3;border-radius:50%}.showcase-stage{position:relative;border-radius:13px;overflow:hidden;background:#d4d3cf;aspect-ratio:1.28}.showcase-stage>img{width:100%;height:100%;object-fit:cover;object-position:62% center;transition:opacity .25s}.showcase-stage:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#0a132bbd);pointer-events:none}.stage-label{position:absolute;left:24px;bottom:24px;right:20px;z-index:2}.stage-label small{color:#e5ecff;font-size:9px;letter-spacing:.1em;text-transform:uppercase}.stage-label h2{font-size:25px;margin:8px 0 0;color:white;letter-spacing:-.04em}.scene-tabs{display:flex;gap:6px;padding-top:12px}.scene-tabs button{flex:1;padding:12px 6px;background:transparent;border:1px solid transparent;border-radius:8px;color:#bac9e5;font-size:10px}.scene-tabs button[aria-selected=true]{color:white;background:#ffffff12;border-color:#ffffff28}.scene-tabs button:hover{background:#ffffff0e}.scene-caption{font-size:8px;text-align:right;color:#99aacb;margin:11px 4px 0}.proof-strip{display:flex;gap:25px;align-items:center;justify-content:space-between;padding:28px 0;border-bottom:1px solid var(--line);font-size:11px}.proof-strip .proof-origin{display:flex;align-items:center;gap:14px}.proof-origin b{font-size:16px;letter-spacing:.03em}.proof-strip .proof-last{color:var(--blue);font-weight:600}.proof-strip span{color:var(--muted)}
.intro-v3{display:grid;grid-template-columns:1.1fr 1fr;gap:75px;align-items:start}.intro-v3 h2{margin:0}.benefit-stack{display:grid;gap:26px}.benefit{display:grid;grid-template-columns:38px 1fr;gap:15px}.benefit .mini-icon{width:38px;height:38px;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;color:var(--blue);font-size:18px}.benefit h3{font-size:17px;letter-spacing:-.025em;margin:0 0 6px}.benefit p{font-size:12px;margin:0;color:var(--muted)}
.sector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.sector-card{display:flex;flex-direction:column;background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:transform .25s,box-shadow .25s}.sector-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #14295313}.sector-visual{overflow:hidden;position:relative;aspect-ratio:1.4}.sector-visual img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.sector-card:hover img{transform:scale(1.04)}.sector-visual .sector-count{position:absolute;left:18px;top:16px;color:white;background:#0b1430cc;border:1px solid #ffffff40;border-radius:50%;width:30px;height:30px;font-size:10px;display:grid;place-items:center}.sector-content{padding:26px;flex:1;display:flex;flex-direction:column}.sector-content h3{font-size:25px;margin-bottom:12px}.sector-content p{font-size:12px;color:var(--muted);margin-bottom:23px}.sector-content .textlink{margin-top:auto;align-self:start}.section-note{font-size:10px;color:var(--muted);margin:16px 0 0}.dark{background:#0d1732}.dark .muted,.dark .eyebrow{color:#b4c4e2}.dark .serif{color:#b4c9ff}.mode,.mode+.mode{background:linear-gradient(145deg,#1b2c50,#13213f);border-color:#314366}.mode .num{font-size:10px;color:#9bbaff}.mode h3{font-size:27px}.mode p{font-size:12px;color:#c4d0e5}.mode .tag{font-size:9px;letter-spacing:.06em}.case h2{font-size:42px}.case{gap:65px}.case p{font-size:12px}.case img{border:1px solid var(--line)}.facts b{font-weight:600}.offer{background:white;border-radius:16px;padding:30px}.offer.featured{box-shadow:0 12px 32px #3159e810;position:relative}.offer.featured:before{content:'WEB + CASQUE / TABLETTE';font-size:8px;letter-spacing:.08em;background:var(--blue);color:white;position:absolute;top:-12px;right:20px;border-radius:5px;padding:6px 9px}.offer h3{font-size:33px}.offer p,.offer li{font-size:12px}.offer .price{font-size:18px}.offer .price small{font-size:10px}.offer .btn{font-size:11px}.cta{background:linear-gradient(115deg,#dfe8fb,#eef2fa)}.cta h2{font-size:43px}.cta p{font-size:13px}.footer a,.footer p{font-size:11px}.pagehead .lead{font-size:16px}.pagehead h1{font-size:clamp(38px,5vw,65px)}
/* Démonstrateur 3D réellement manipulable, chargé seulement sur demande. */
.demo-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.demo-copy h2{margin-bottom:22px}.demo-copy>p{font-size:13px;color:var(--muted)}.demo-points{padding:0;list-style:none;margin:25px 0;font-size:12px}.demo-points li{padding:14px 0;border-bottom:1px solid var(--line);display:flex;gap:15px}.demo-points span{color:var(--blue);font-size:10px;font-weight:600}.demo-shell{border:1px solid #cad4e8;border-radius:18px;background:#ebeff7;overflow:hidden;position:relative}.demo-top{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;font-size:10px;border-bottom:1px solid #d5deed}.demo-top b{font-weight:600}.demo-top small{font-size:9px;color:var(--muted)}.demo-viewport{position:relative;height:410px;overflow:hidden}.demo-fallback{width:100%;height:100%;object-fit:cover;filter:brightness(.8)}.demo-launch{position:absolute;inset:0;display:grid;place-content:center;text-align:center;gap:13px;padding:30px;background:#0c183439;color:white}.demo-launch p{font-size:11px;margin:0}.demo-launch .btn{background:white;color:#172653;border:0}.demo-canvas{width:100%;height:100%;display:block;touch-action:none}.demo-instruction{position:absolute;bottom:15px;left:0;right:0;text-align:center;font-size:10px;color:#3b4c67;pointer-events:none}.demo-controls{border-top:1px solid #d5deed;background:#fff;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.swatches{display:flex;gap:8px;align-items:center}.swatches>span{font-size:10px;margin-right:8px}.swatch{width:25px;height:25px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #c3cbd9;padding:0;background:var(--swatch)}.swatch[aria-pressed=true]{box-shadow:0 0 0 2px #3159e8}.demo-reset{border:0;background:none;text-decoration:underline;font-size:10px;color:#1e40af}.demo-caption{padding:12px 20px;background:#f7f9fd;color:var(--muted);font-size:9px;border-top:1px solid #e2e7ef}.demo-caption p{margin:0}.demo-controls[hidden],.demo-launch[hidden],.demo-fallback[hidden]{display:none}.demo-status{font-size:12px;color:#4c5c7d}.demo-status:empty{display:none}
/* Curseurs + saisie exacte : 4 paramètres manipulables, devis sans valeur inventée. */
.calc-v3{background:#101b38;color:#f3f6ff;border-radius:24px;padding:55px;display:grid;grid-template-columns:1.1fr .9fr;gap:65px;align-items:start}.calc-v3 h2{font-size:39px;margin-bottom:18px}.calc-v3 .muted{color:#bbcae5;font-size:12px}.calc-scenario{display:inline-flex;align-items:center;gap:8px;border:1px solid #445577;color:#d0dbf4;font-size:9px;padding:7px 11px;border-radius:20px;margin:6px 0 20px}.slider-field{border-bottom:1px solid #30405e;padding:18px 0 14px}.slider-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.slider-head label{font-size:11px;color:#d8e2f4}.slider-exact{display:flex;align-items:center;gap:6px;flex-shrink:0}.slider-exact input{width:86px;text-align:right;background:#20304f;border:1px solid #536384;border-radius:6px;padding:7px 8px;color:white;font:600 13px Inter,Arial,sans-serif;-moz-appearance:textfield}.slider-exact input::-webkit-inner-spin-button{appearance:none}.slider-exact span{font-size:9px;color:#afc1df}.calc-v3 input[type=range]{display:block;appearance:none;width:100%;height:5px;margin:22px 0 9px;background:linear-gradient(to right,#94b7ff 0%,#94b7ff var(--fill,0%),#344561 var(--fill,0%),#344561 100%);border-radius:3px;cursor:pointer;padding:0;border:0;color:inherit;touch-action:pan-y}.calc-v3 input[type=range]::-webkit-slider-thumb{appearance:none;width:19px;height:19px;border:4px solid white;border-radius:50%;background:#3159e8;box-shadow:0 2px 8px #0005}.calc-v3 input[type=range]::-moz-range-thumb{width:12px;height:12px;border:4px solid white;border-radius:50%;background:#3159e8}.slider-ends{display:flex;justify-content:space-between;font-size:8px;color:#93a6ca}.calc-result-v3{background:#f5f7fd;color:#13213c;border-radius:16px;padding:32px;position:sticky;top:112px}.calc-result-v3 .eyebrow{color:#5b6c8c;margin-bottom:18px}.calc-result-v3 output{font-size:clamp(33px,3.7vw,53px);letter-spacing:-.055em;line-height:1.15;font-weight:600;display:block}.calc-result-v3 .gross-note{font-size:11px;color:#697891;margin:12px 0 25px}.breakdown{display:grid;gap:10px;font-size:10px;margin-bottom:25px}.breakdown div{display:flex;justify-content:space-between;gap:15px}.calc-bar{height:8px;border-radius:5px;background:#dbe4f7;overflow:hidden;margin-bottom:15px}.calc-bar span{display:block;background:#3159e8;height:100%;width:0;transition:width .2s}.quote-inputs{display:grid;gap:14px;border-top:1px solid #d3ddeb;padding-top:23px}.quote-inputs label{font-size:10px}.quote-inputs input{display:block;width:100%;border:1px solid #bcc9de;border-radius:6px;background:white;color:#14213b;padding:10px 12px;margin-top:6px;font-size:12px}.calc-net{font-size:12px;line-height:1.7;border-top:1px solid #d3ddeb;margin:20px 0 0;padding-top:17px}.calc-net strong{font-size:20px;display:block;color:#204aac;letter-spacing:-.03em}.calc-method-v3{font-size:9px;color:#aebedb;margin:23px 0 0;line-height:1.8}.calc-actions-v3{display:flex;gap:20px;margin-top:20px}.calc-actions-v3 button{font-size:10px;color:#c3d4fa;background:transparent;border:0;text-decoration:underline;padding:5px 0}.calc-error{font-size:11px;color:#ffc8a6;margin-top:15px}.calc-error:empty{display:none}.calc-v3 [hidden]{display:none}
.sector-hero{padding:70px 0 80px}.sector-hero .wrap{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.sector-hero h1{font-size:clamp(38px,4.6vw,65px)}.sector-hero .lead{font-size:14px;color:var(--muted)}.sector-hero img{aspect-ratio:1.13;object-fit:cover;border-radius:20px}.sector-hero figure{margin:0}.sector-hero figcaption{font-size:9px;margin-top:12px;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.step{border-top:1px solid var(--line);padding-top:25px}.step .stepnum{font-size:12px;color:var(--blue);margin-bottom:25px}.step h3{font-size:22px}.step p{font-size:12px;color:var(--muted)}.fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.fit-box{padding:30px;border-radius:15px;border:1px solid var(--line);background:#fff}.fit-box h3{font-size:24px}.fit-box p,.fit-box li{font-size:12px;color:var(--muted)}.fit-box ul{padding-left:18px}.sector-note{padding:26px 30px;border-left:3px solid var(--blue);background:#e9effa;border-radius:0 10px 10px 0;font-size:12px}.reveal{animation:appear .65s both}@keyframes appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.navlinks{gap:15px}.navlinks>a{font-size:10px}.hero.v3 .wrap{gap:30px}.hero.v3 h1{font-size:49px}.hero.v3 .hero-copy p:not(.eyebrow){font-size:13px}.hero.v3 .hero-actions{gap:18px}.hero-supports{gap:10px}.showcase-stage{aspect-ratio:1.1}.calc-v3{gap:35px;padding:40px}.demo-layout{gap:35px}.demo-viewport{height:360px}.sector-content{padding:22px}.sector-content h3{font-size:23px}}
@media(max-width:740px){.nav{height:70px}.navlinks{top:70px;font-size:13px}.navlinks>a{font-size:13px}.brand{font-size:19px}.preview{font-size:8px}.hero.v3{padding:30px 0 35px}.hero.v3 .wrap{display:flex;flex-direction:column;gap:30px}.hero.v3 .hero-copy{width:100%;padding:15px 0 0}.hero.v3 h1{font-size:clamp(37px,10.1vw,57px);line-height:1.08;letter-spacing:-.065em}.hero.v3 .hero-copy p:not(.eyebrow){font-size:12px;line-height:1.85}.hero.v3 .hero-actions{gap:19px}.hero-supports{margin-top:22px;font-size:9px;gap:14px}.showcase{width:100%;padding:9px;border-radius:16px}.showcase-stage{aspect-ratio:1.2}.showcase-top{font-size:8px;padding:4px 4px 11px}.stage-label{left:18px;bottom:20px}.stage-label h2{font-size:24px}.scene-tabs button{font-size:9px;padding:10px 3px}.proof-strip{flex-wrap:wrap;gap:18px;font-size:9px}.proof-strip .proof-last{width:100%;font-size:10px}.proof-origin b{font-size:15px}.section{padding:65px 0}.intro-v3,.demo-layout,.sector-hero .wrap{grid-template-columns:1fr;gap:35px}.sector-grid,.steps,.fit-grid{grid-template-columns:1fr}.sector-grid{gap:25px}.sector-visual{aspect-ratio:1.5}.section-head>p{font-size:12px}.case h2{font-size:35px}.case{gap:30px}.cta h2{font-size:34px}.cta p{font-size:12px}.calc-v3{grid-template-columns:1fr;gap:32px;padding:26px 22px;border-radius:18px}.calc-v3 h2{font-size:32px}.calc-result-v3{position:static;padding:26px 22px}.calc-result-v3 output{font-size:45px}.calc-method-v3{font-size:9px}.slider-head label{font-size:10px}.slider-exact input{width:78px}.demo-viewport{height:330px}.demo-controls{padding:16px}.demo-top{padding:14px 16px}.demo-top small{font-size:8px}.demo-caption{padding:13px 16px}.swatches>span{font-size:9px}.sector-hero{padding:45px 0 40px}.sector-hero h1{font-size:40px}.sector-hero .lead{font-size:13px}.sector-hero img{aspect-ratio:1.4}.fit-box{padding:25px}.sector-note{padding:20px;font-size:11px}.offer .btn{font-size:12px}.footerlinks{gap:20px}.bottom{font-size:9px}.contactform .twocol{gap:20px}.showcase-stage>img{object-position:65% center}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}