@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#14213d;--green:#2563eb;--lime:#dbeafe;--cream:#f7f9fc;--muted:#64748b}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}header{max-width:1440px;margin:auto;padding:25px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e8f0}.brand{display:flex;gap:10px;align-items:center;font-weight:700;font-size:20px}.symbol{background:var(--green);color:#fff;border-radius:11px;padding:1px 10px;font-size:30px}.draft{font-size:8px;letter-spacing:1px;border:1px solid #cbd5e1;padding:5px;border-radius:4px;font-weight:500}nav{display:flex;align-items:center;gap:29px;font-size:13px}nav a.active{font-weight:700}.nav-cta{border:1px solid #cbd5e1;padding:12px 17px;border-radius:7px}.menu{display:none}main{min-height:65vh}.hero{max-width:1440px;margin:auto;padding:70px 6% 60px;display:grid;grid-template-columns:1.05fr 1fr;gap:5%;align-items:center}.eyebrow{text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:2px;display:flex;align-items:center;gap:10px}.eyebrow:before{content:'';width:7px;height:7px;background:#2563eb;border-radius:50%}h1,h2,h3{font-family:Manrope,Arial,sans-serif}h1{font-size:clamp(40px,4.7vw,68px);line-height:1.09;letter-spacing:-3px;font-weight:600;margin:25px 0}h1 em{font-style:normal;color:#2563eb}p{line-height:1.7}.lead{max-width:430px;color:var(--muted);font-size:16px}.actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin:28px 0}.btn{display:inline-block;background:var(--green);color:white;padding:16px 23px;border-radius:7px;border:0;cursor:pointer;font-size:13px;font-weight:600}.text-link{font-size:13px;border-bottom:1px solid #94a3b8;padding:9px 0}.small-proof{font-size:11px;color:var(--muted);display:flex;gap:22px;margin-top:27px}.scene{height:450px;position:relative;overflow:hidden;border-radius:15px;background:radial-gradient(ellipse at 70% 20%,#edf4ff,#bfd4fc 80%);display:flex;align-items:center;justify-content:center}.scene:after{content:'';position:absolute;bottom:-70px;width:130%;height:190px;background:#a5bff0;transform:rotate(-12deg)}.product{position:relative;z-index:2;width:270px;height:175px;background:#ffffff;border-radius:15px;box-shadow:10px 35px 40px #14213d30;transform:rotate(-12deg);padding:23px;color:#14213d}.product .card-title{font-size:19px;line-height:1.15;display:block;margin:17px 0 8px;font-weight:600}.product small{font-size:8px}.card-top{display:flex;justify-content:space-between;font-size:10px}.waves{font-size:26px;line-height:1}.scene-tag{position:absolute;z-index:3;bottom:30px;left:25px;background:#ffffffd9;border:1px solid #fff;border-radius:9px;padding:12px 17px;font-size:11px;box-shadow:0 8px 30px #14213d12}.scene-label{position:absolute;top:24px;left:25px;letter-spacing:2px;font-size:9px}.round{position:absolute;right:30px;top:95px;width:90px;height:90px;border:1px solid #ffffff;border-radius:50%;display:grid;place-content:center;font-size:12px;text-align:center;color:#315ba2;transform:rotate(12deg)}.under-scene{font-size:10px;text-align:right;color:var(--muted);margin-top:10px}.strip{border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:23px 6%;gap:20px;font-size:12px;color:var(--muted)}.strip strong{color:var(--ink)}.section{max-width:1440px;margin:auto;padding:75px 6%}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:35px}h2{font-size:35px;letter-spacing:-1.5px;line-height:1.2;font-weight:600;margin:14px 0}.section-heading p{max-width:350px;color:var(--muted);font-size:14px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.step{border-top:1px solid #cbd5e1;padding-top:22px}.num{font-size:12px;color:#4771b8}.step h3{font-size:18px;font-weight:600}.step p{font-size:14px;color:var(--muted)}.callout{margin:0 6% 65px;background:var(--green);color:#fff;border-radius:13px;padding:40px;display:flex;justify-content:space-between;align-items:center;gap:25px}.callout h2{font-size:28px}.callout p{color:#dbeafe;font-size:14px}.callout .btn{background:var(--lime);color:var(--ink)}footer{padding:35px 6%;border-top:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;gap:25px}footer p,footer>span{font-size:11px;color:var(--muted)}.page-intro{max-width:800px;margin:auto;text-align:center;padding:65px 25px 30px}.page-intro .eyebrow{justify-content:center}.page-intro h1{font-size:50px}.page-intro p{color:var(--muted)}.detail{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.checks{list-style:none;padding:0}.checks li{padding:12px 0;border-bottom:1px solid #e2e8f0;font-size:14px}.checks li:before{content:'✓';margin-right:12px;color:var(--green)}.notice{background:#eaf1fe;padding:16px 20px;border-radius:8px;color:var(--muted);font-size:13px}.faq{max-width:800px;margin:0 auto 65px;padding:0 25px}details{border-bottom:1px solid #cbd5e1;padding:20px 0}summary{cursor:pointer;font-weight:500}details p{color:var(--muted);font-size:14px}.contact-box{max-width:750px;margin:15px auto 75px;padding:35px;background:white;border:1px solid #e2e8f0;border-radius:14px}form{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{font-size:13px;font-weight:600;display:grid;gap:8px}input,textarea{width:100%;padding:13px;border:1px solid #cbd5e1;border-radius:6px;background:#f8fafc;color:var(--ink)}.full{grid-column:1/-1}textarea{min-height:110px;resize:vertical}#result{white-space:pre-wrap;font-size:13px;line-height:1.6}.hidden{display:none}:focus-visible{outline:3px solid #60a5fa;outline-offset:4px}@media(max-width:900px){nav{gap:13px;font-size:11px}.draft{display:none}.hero{gap:25px}.scene{height:380px}.product{width:230px}h1{letter-spacing:-2px}footer{flex-wrap:wrap}}@media(max-width:650px){header{padding:18px 6%;position:relative}.menu{display:block;border:0;background:transparent;font-size:23px;color:var(--ink)}nav{display:none;position:absolute;top:75px;left:0;right:0;background:var(--cream);padding:25px;z-index:10;box-shadow:0 12px 15px #14213d10}nav.open{display:flex;flex-direction:column;align-items:stretch;gap:22px;font-size:14px}.hero{grid-template-columns:1fr;padding-top:42px}h1{font-size:47px}.scene{height:350px;margin-top:15px}.strip{flex-wrap:wrap;justify-content:center;font-size:11px}.section{padding-top:45px;padding-bottom:45px}.section-heading{display:block}h2{font-size:29px}.steps,.detail{grid-template-columns:1fr;gap:25px}.callout{display:block;padding:25px}.callout .btn{margin-top:10px}footer{display:block}footer .brand{margin-bottom:20px}.page-intro h1{font-size:39px}form{grid-template-columns:1fr}.contact-box{margin:10px 6% 45px;padding:23px}.small-proof{gap:13px;font-size:10px}}

/* Carte Google NFC : volume, tranche et finition satinée. */
.card-stage{position:relative;z-index:2;perspective:1000px;width:340px;height:260px;display:grid;place-items:center}.card-stage:before{content:'';position:absolute;width:265px;height:110px;bottom:0;left:45px;background:#244b9860;filter:blur(23px);border-radius:50%;transform:rotate(-14deg)}.product.google-card{width:310px;height:200px;padding:21px 24px;border-radius:15px;background:linear-gradient(125deg,#fff 5%,#fff 45%,#edf2fb 100%);color:#172439;transform:rotateX(16deg) rotateY(-17deg) rotateZ(-12deg);transform-style:preserve-3d;box-shadow:1px 2px 0 #cbd5e6,2px 4px 0 #b4c3db,3px 6px 0 #a0b1cc,4px 8px 0 #91a5c5,12px 30px 35px #213c6e35,inset 0 1px 1px white;border:1px solid #fff;transition:transform .5s ease}.scene:hover .google-card{transform:rotateX(10deg) rotateY(-11deg) rotateZ(-8deg)}.google-card:after{content:'';pointer-events:none;position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,#ffffff70,transparent 40%,#ffffff00 65%,#ffffff60)}.google-word{font-family:Arial,sans-serif;font-size:24px;letter-spacing:-1.4px;font-weight:600;line-height:1}.google-word i{font-style:normal}.google-word i:nth-child(1),.google-word i:nth-child(4){color:#4285f4}.google-word i:nth-child(2),.google-word i:nth-child(6){color:#ea4335}.google-word i:nth-child(3){color:#fbbc05}.google-word i:nth-child(5){color:#34a853}.nfc-mark{display:flex;align-items:center;gap:5px;color:#52627b}.nfc-mark b{font-size:8px;letter-spacing:1px}.google-card .waves{font-size:21px}.google-card .card-title{font-size:23px;letter-spacing:-.6px;margin:12px 0 7px;line-height:1.12}.card-bottom{display:flex;justify-content:space-between;align-items:center}.card-stars{color:#fbbc05;letter-spacing:3px;font-size:15px;display:block;margin-bottom:4px}.google-card small{font-size:7px;line-height:1.5;color:#52627b;display:block}.card-edge-label{position:absolute;bottom:7px;left:24px;font-size:5px;letter-spacing:1.5px;color:#73839b}@media(max-width:900px){.card-stage{width:290px}.product.google-card{width:270px;height:180px;padding:17px 20px}.google-card .card-title{font-size:20px;margin:9px 0 5px}.google-word{font-size:21px}.card-stars{font-size:13px}.google-card small{font-size:6px}}@media(prefers-reduced-motion:reduce){.product.google-card{transition:none}}
/* Modèle carré inspiré de la référence fournie. */
.card-stage.reference-stage{width:340px;height:335px}.product.google-card.reference-card{width:258px;height:266px;padding:0;border-radius:18px;transform:rotateX(12deg) rotateY(-19deg) rotateZ(-10deg);background:#fff;box-shadow:1px 2px 0 #dae1ee,2px 4px 0 #b8c6dc,3px 6px 0 #9aaecb,4px 8px 0 #8299bb,15px 33px 36px #213c6e45}.reference-card img{width:100%;height:100%;display:block;border-radius:17px}.scene:hover .google-card.reference-card{transform:rotateX(6deg) rotateY(-12deg) rotateZ(-7deg)}.reference-stage:before{bottom:10px;width:240px;left:60px}.reference-card:after{background:linear-gradient(115deg,#ffffff20,transparent 38%,transparent 65%,#ffffff18)}@media(max-width:900px){.card-stage.reference-stage{width:285px;height:300px}.product.google-card.reference-card{width:230px;height:237px}}@media(max-width:650px){.product.google-card.reference-card{width:225px;height:232px}}
/* Présentation ouverte : carte seule, sans panneau de fond. */
.scene{background:transparent;overflow:visible;border-radius:0}.scene:after{display:none}.scene-label{top:18px;left:12px;color:#315ba2}.scene .round{top:53px;right:6px;width:105px;height:105px;background:#fff;border:1px solid #cbd8ee;color:#315ba2;box-shadow:0 7px 20px #14213d08;transform:rotate(8deg);z-index:4;font-size:13px;line-height:1.5}.scene .reference-stage{margin-top:45px;margin-right:28px}.under-scene{display:none}@media(max-width:900px){.scene .round{width:90px;height:90px;top:45px;right:-5px;font-size:12px}.scene .reference-stage{margin-right:20px;margin-top:55px}.scene-label{font-size:8px;letter-spacing:1.5px}}@media(max-width:650px){.scene{height:380px}.scene .round{right:0;top:39px}.scene-label{left:0;top:5px}.scene .reference-stage{margin-top:45px;margin-right:30px}}
/* Carte en suspension au-dessus d’une ombre au sol. */
.scene .card-stage.reference-stage{margin:0}.reference-stage:before{width:220px;height:34px;left:60px;bottom:-13px;background:radial-gradient(ellipse,#263e6652 0%,#263e6626 42%,#263e6600 75%);filter:blur(10px);border-radius:50%;transform:rotate(-3deg);z-index:0}.product.google-card.reference-card{box-shadow:1px 2px 0 #dae1ee,2px 4px 0 #b8c6dc,3px 6px 0 #9aaecb,4px 8px 0 #8299bb,6px 12px 15px #213c6e14}@media(max-width:900px){.reference-stage:before{width:195px;height:30px;left:45px;bottom:-5px}}@media(max-width:650px){.reference-stage:before{bottom:0}}
/* Finition premium : tranche usinée, lumière satinée et ombre diffuse. */
.product.google-card.reference-card{border:0;isolation:isolate;backface-visibility:hidden;box-shadow:0 1px 0 #fff,1px 2px 0 #edf1f7,2px 3px 0 #cbd4e3,3px 4px 0 #f3f5f9,4px 5px 0 #b6c3d7,5px 6px 0 #e0e6ef,6px 7px 0 #a2b2ca,7px 8px 0 #c3cddd,8px 10px 0 #8e9eb8,12px 18px 24px #1e365b12}.reference-card img{image-rendering:auto}.reference-card:after{border:1px solid #ffffff9c;box-shadow:inset 1px 1px 1px #ffffffd9,inset -1px -1px 2px #657d9d30;background:linear-gradient(120deg,#ffffff18 0%,transparent 35%,transparent 70%,#ffffff12 100%)}.reference-stage:before{width:235px;height:31px;left:55px;bottom:-19px;background:radial-gradient(ellipse,#243a5c48 0%,#243a5c20 40%,#243a5c00 73%);filter:blur(11px)}@media(max-width:900px){.reference-stage:before{width:205px;left:40px;bottom:-10px}}
.form-privacy{font-size:12px;line-height:1.6;color:var(--muted);margin:22px 0 0}.form-privacy a,.contact-box .notice a{text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
/* Éventail réservé à la page Nos cartes. */
.fan-scene{height:490px;perspective:1200px;overflow:visible;isolation:isolate}.fan-scene:before{content:'';position:absolute;width:290px;height:42px;left:50%;bottom:17px;transform:translateX(-50%);background:radial-gradient(ellipse,#1d325841,transparent 70%);filter:blur(13px)}.fan-float{position:relative;width:420px;height:390px;transform-style:preserve-3d;animation:fan-hover 6s ease-in-out infinite}.fan-card{position:absolute;width:246px;height:254px;left:80px;top:75px;border-radius:17px;transform-origin:50% 100%;box-shadow:1px 2px #e6eaf2,2px 4px #b9c5d8,3px 6px #8598b5,7px 12px 22px #172c4f26;transition:transform .6s ease}.fan-card img{display:block;width:100%;height:100%;border-radius:17px}.fan-white{z-index:1;transform:translate(72px,-34px) rotate(18deg) rotateY(-12deg);background:#fff}.fan-black{z-index:2;transform:translate(28px,-16px) rotate(1deg) rotateY(-12deg);background:#1c1d20;box-shadow:1px 2px #4b4d54,2px 4px #202329,3px 6px #101319,7px 12px 22px #172c4f30}.fan-blue{z-index:3;transform:translate(-34px,18px) rotate(-20deg) rotateY(-12deg);background:#fff}.fan-scene:hover .fan-white{transform:translate(83px,-40px) rotate(22deg) rotateY(-8deg)}.fan-scene:hover .fan-black{transform:translate(33px,-20px) rotate(3deg) rotateY(-8deg)}.fan-scene:hover .fan-blue{transform:translate(-43px,12px) rotate(-23deg) rotateY(-8deg)}@keyframes fan-hover{0%,100%{transform:translateY(0) rotateX(7deg)}50%{transform:translateY(-12px) rotateX(10deg)}}@media(max-width:1100px) and (min-width:651px){.fan-float{scale:.78}.fan-scene{height:430px}}@media(max-width:650px){.fan-scene{height:400px;width:100%}.fan-float{width:420px;min-width:420px;scale:.78}.fan-scene:before{width:235px;bottom:5px}}@media(prefers-reduced-motion:reduce){.fan-float{animation:none}.fan-card{transition:none}}
/* Plus d’espace entre les trois modèles. */
.fan-white{transform:translate(113px,-44px) rotate(27deg) rotateY(-12deg)}.fan-black{transform:translate(48px,-23px) rotate(7deg) rotateY(-12deg)}.fan-blue{transform:translate(-48px,22px) rotate(-23deg) rotateY(-12deg)}.fan-scene:hover .fan-white{transform:translate(123px,-48px) rotate(30deg) rotateY(-8deg)}.fan-scene:hover .fan-black{transform:translate(54px,-27px) rotate(9deg) rotateY(-8deg)}.fan-scene:hover .fan-blue{transform:translate(-55px,15px) rotate(-25deg) rotateY(-8deg)}@media(max-width:650px){.fan-float{scale:.67}.fan-scene{height:375px}}
/* Éventail agrandi, centré à gauche, avec décalages et angles réguliers. */
.fan-scene{height:520px}.fan-float{width:100%;height:420px;min-width:0}.fan-card{width:270px;height:278px;left:calc(50% - 135px);top:65px}.fan-blue{transform:translate(-115px,20px) rotate(-20deg) rotateY(-10deg)}.fan-black{transform:translate(-10px,0) rotate(0deg) rotateY(-10deg)}.fan-white{transform:translate(95px,-20px) rotate(20deg) rotateY(-10deg)}.fan-scene:hover .fan-blue{transform:translate(-120px,15px) rotate(-22deg) rotateY(-7deg)}.fan-scene:hover .fan-black{transform:translate(-10px,-5px) rotate(0deg) rotateY(-7deg)}.fan-scene:hover .fan-white{transform:translate(100px,-25px) rotate(22deg) rotateY(-7deg)}.fan-scene:before{left:46%;width:360px;bottom:26px}@media(max-width:1100px) and (min-width:651px){.fan-float{scale:.76;min-width:530px}.fan-scene{height:450px}}@media(max-width:650px){.fan-float{width:530px;min-width:530px;scale:.62}.fan-scene{height:355px}.fan-scene:before{width:265px;left:50%;bottom:10px}}@media(min-width:1101px){.detail:has(.fan-scene){grid-template-columns:1.15fr 1fr;gap:65px}.fan-scene{transform:translateX(-28px)}}
/* Photo HD fournie : conserver son impression et sa main sans redessin. */
.fan-card.fan-blue{background:transparent;box-shadow:none;border-radius:0}.fan-blue img{object-fit:fill;border-radius:0;filter:drop-shadow(2px 3px 1px #72839b40) drop-shadow(5px 10px 12px #172c4f22)}
/* Même photo de carte sur l’accueil. */
.product.google-card.reference-card{background:transparent;border:0;box-shadow:none}.reference-card img{border-radius:0;filter:drop-shadow(3px 7px 5px #172c4f25)}.reference-card:after{display:none}
/* Photo bleue : compenser ses marges et renforcer le relief. */
.fan-card.fan-blue{width:292px;height:307px;left:calc(50% - 146px);top:50px;transform:translate(-115px,20px) rotate(-20deg) rotateY(-15deg) rotateX(7deg);transform-style:preserve-3d}.fan-blue img{filter:drop-shadow(1px 1px 0 #f8fafc) drop-shadow(2px 2px 0 #c9d1df) drop-shadow(3px 3px 0 #899bb6) drop-shadow(4px 5px 0 #c0cadb) drop-shadow(8px 13px 12px #172c4f32)}.fan-scene:hover .fan-blue{transform:translate(-120px,15px) rotate(-22deg) rotateY(-11deg) rotateX(5deg)}.product.google-card.reference-card{width:282px;height:298px;transform:rotateX(14deg) rotateY(-19deg) rotateZ(-10deg);transform-style:preserve-3d}.reference-card img{filter:drop-shadow(1px 1px 0 #f8fafc) drop-shadow(2px 2px 0 #c9d1df) drop-shadow(3px 3px 0 #899bb6) drop-shadow(4px 5px 0 #c0cadb) drop-shadow(8px 13px 12px #172c4f25)}@media(max-width:900px){.product.google-card.reference-card{width:250px;height:264px}}@media(max-width:650px){.product.google-card.reference-card{width:245px;height:259px}}