@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@500;600&display=swap');
.hs-hero{color:#0b1045;background:radial-gradient(ellipse at 80% 45%,#e5edff 0,transparent 60%),linear-gradient(115deg,#f5faff,#fafbff);overflow:hidden;font-family:Inter,Arial,sans-serif}
.hs-hero *{box-sizing:border-box}
.hs-hero .wrap{width:calc(100% - 70px);max-width:1600px;margin-inline:auto}
.hs-layout{display:grid;grid-template-columns:minmax(0,.91fr) minmax(0,1.09fr);align-items:center;gap:12px;padding-block:25px 30px}
.hs-copy{position:relative;z-index:2;padding:22px 0 20px;min-width:0}
.hs-eyebrow{display:block;color:#076dff;font-size:12px;font-weight:650;letter-spacing:.21em;text-transform:uppercase;margin-bottom:23px}
.hs-copy h1{margin:0;color:#080d40;font-size:clamp(32px,3.1vw,51px);font-weight:800;letter-spacing:-.045em;line-height:1.08}
.hs-copy h1>span{color:#0876ff;background:linear-gradient(110deg,#007aff 3%,#405fff 52%,#8427ff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hs-intro{font-size:clamp(16px,1.3vw,20px);line-height:1.48;color:#4c5a7e;margin:26px 0 0;max-width:590px}
.hs-cta{margin-top:34px}
.hs-cta .cta-duo{display:flex;gap:10px;flex-wrap:wrap;width:100%}
.hs-cta .cta-duo-btn{min-width:0;flex:1 1 230px;gap:10px;padding:13px 14px;border-radius:13px;min-height:64px}
body.mode-site .hs-cta a.cta-duo-btn{padding:13px 14px;border-radius:13px}
.hs-cta .cta-duo-txt{min-width:0}
.hs-cta .cta-duo-txt b{font-size:14px;line-height:1.25;white-space:normal}
.hs-cta .cta-duo-txt small{font-size:12px;line-height:1.3;white-space:normal}
.hs-cta .cta-duo-ico{width:28px;height:28px;flex:none}
.hs-cta .cta-duo-ico svg{width:28px;height:28px}
.hs-cta .cta-duo-fl{display:none}
.hs-checks{display:flex;flex-wrap:wrap;gap:15px 22px;list-style:none;padding:0;margin:31px 0 0;font-size:12px;color:#42557b}
.hs-checks li{display:flex;gap:8px;align-items:center}
.hs-checks i{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#087aff;color:white;font-style:normal;font-size:13px;font-weight:700;flex:none}
.hs-scene{position:relative;container-type:inline-size;aspect-ratio:1.2;min-width:0;overflow:visible}/* 18/09 : visible — les cartes Instagram (68 %+34 %) et Google (68 %+39 %) dépassent la scène et étaient coupées à droite ; c'est .hs-hero qui borne, pas la scène */
.hs-scene-inner{position:absolute;inset:0;font-family:Inter,Arial,sans-serif;color:#11152f}
.hs-halo{position:absolute;inset:9% -3% 2% 8%;border-radius:30% 24% 25% 39%;background:linear-gradient(125deg,#e7f2ff90,#cbdfff95 55%,#e8daff90);transform:rotate(15deg)}
.hs-note{position:absolute;right:2%;top:0;margin:0;color:#732fff;transform:rotate(-8deg);font:600 3cqw/1.1 Caveat,cursive;text-align:center;z-index:2}
.hs-note svg{display:block;width:6cqw;height:7cqw;margin-left:auto;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}
.hs-ad{position:absolute;background:#fff;border:1px solid #dfE8ff;border-radius:2.2cqw;box-shadow:0 1.4cqw 3cqw #3169c71a;overflow:hidden}
.hs-social-head{display:flex;align-items:center;gap:1cqw;padding:1.5cqw 1.3cqw;color:#10132f}
.hs-social-head>svg{width:4.5cqw;height:4.5cqw;flex:none}
.hs-social-head>span{min-width:0}
.hs-social-head b{display:block;font-size:1.45cqw;line-height:1.25;letter-spacing:-.04em;white-space:nowrap}
.hs-social-head small{display:block;font-size:1.3cqw;line-height:1.3;margin-top:.3cqw}
.hs-social-head>strong{margin-left:auto;font-size:2cqw;letter-spacing:.1em}
.hs-facebook{left:2%;top:12%;width:35%;height:78%;transform:rotate(-2.8deg);z-index:1;display:flex;flex-direction:column}
.hs-fb-intro{font-size:1.7cqw;line-height:1.35;margin:0;padding:0 1.5cqw 1.2cqw}
.hs-paris{position:relative;flex:1;min-height:0;margin:0 1.2cqw;overflow:hidden;border-radius:.6cqw;background:#a49c89}
.hs-paris>img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.hs-paris:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#000b)}
.hs-paris>div{position:absolute;bottom:1.5cqw;left:1.5cqw;right:1.2cqw;z-index:1;color:white}
.hs-paris strong{font-size:2.2cqw;line-height:1.05;display:block}
.hs-paris p{font-size:1.35cqw;line-height:1.3;margin:.8cqw 0 1.5cqw}
.hs-paris span{display:table;margin:auto;padding:1cqw 1.7cqw;background:#fff;border-radius:.7cqw;font-size:1.45cqw;font-weight:700;color:#10132f}
.hs-fb-footer{white-space:nowrap;display:flex;align-items:center;gap:.6cqw;font-size:1.2cqw;padding:1.3cqw;color:#5d6b8c}
.hs-fb-footer>span{color:#147cff;font-size:1.8cqw}
.hs-fb-footer small{font-size:1.1cqw;margin-left:.5cqw}
.hs-instagram{left:68%;top:13%;width:34%;height:49%;transform:rotate(3.4deg);z-index:1;display:flex;flex-direction:column}
.hs-skincare{display:block;width:calc(100% - 2.4cqw);margin:0 1.2cqw;height:40%;object-fit:cover;border-radius:.7cqw}
.hs-ig-copy{background:#f8f1e9;flex:1;margin:0 1.2cqw 1.2cqw;padding:1.2cqw;position:relative}
.hs-ig-copy>strong{font:400 2.3cqw/1.05 Georgia,serif;letter-spacing:-.04em;color:#1e1b1c}
.hs-ig-copy p{font-size:1.25cqw;line-height:1.4;margin:1cqw 0 2.7cqw}
.hs-ig-copy span{position:absolute;right:1cqw;bottom:1cqw;background:white;border-radius:.6cqw;padding:.7cqw 1.4cqw;font-size:1.25cqw;font-weight:700}
.hs-phone{position:absolute;left:34.5%;top:6%;width:34%;height:86%;z-index:4;background:linear-gradient(110deg,#3d3b36,#0b0b0a 12%,#222 88%,#97958d);padding:.9cqw;border:2px solid #252522;border-radius:5cqw;box-shadow:inset 0 0 0 1px #a09e90,0 2cqw 4cqw #2e314d38;transform:rotate(-.7deg)}
.hs-phone-screen{position:relative;width:100%;height:100%;overflow:hidden;border-radius:4cqw;background:#362c26}
.hs-creator{width:100%;height:100%;object-fit:cover;object-position:52% 40%;display:block}
.hs-phone-shade{position:absolute;inset:0;background:linear-gradient(#0002,transparent 22%,transparent 48%,#0006 69%,#000e 100%)}
.hs-tiktok-head{position:absolute;left:1.3cqw;right:1.3cqw;top:2.3cqw;display:flex;align-items:center;gap:1.4cqw;color:#fff;font-size:1.5cqw}
.hs-tiktok-head>svg:first-child{width:4.6cqw;height:4.6cqw;flex:none}
.hs-tiktok-head>svg:last-child{width:2cqw;height:2cqw;margin-left:auto}
.hs-tiktok-head b{position:relative;font-weight:600}
.hs-tiktok-head b:after{content:'';position:absolute;left:30%;right:30%;height:2px;background:#fff;bottom:-.8cqw}
.hs-tiktok-copy{position:absolute;left:1.5cqw;bottom:2.1cqw;right:4cqw;color:white}
.hs-tiktok-copy>strong{font-size:2.35cqw;line-height:1.22;letter-spacing:-.05em;font-weight:650;display:block}
.hs-tiktok-copy p{font-size:1.45cqw;line-height:1.4;margin:2cqw 0 1.2cqw}
.hs-tiktok-copy>b{font-size:1.45cqw;font-weight:500;display:block;margin-bottom:1.2cqw}
.hs-tiktok-copy small{display:block;font-size:1.5cqw}
.hs-tiktok-actions{position:absolute;right:1cqw;bottom:2.3cqw;display:grid;gap:1.5cqw;text-align:center;color:white}
.hs-tiktok-actions>span{font:3.5cqw/1 Arial,sans-serif;text-shadow:0 1px 3px #0004}
.hs-tiktok-actions small{display:block;font:1.25cqw/1.2 Arial,sans-serif;margin-top:.5cqw}
.hs-tiktok-actions .hs-disc{background:#ffffff26;border-radius:50%;padding:.7cqw;font-size:2cqw;margin-top:1cqw}
.hs-google{left:68%;top:64%;width:39%;height:31%;z-index:3;padding:1.5cqw}
.hs-search{display:flex;align-items:center;gap:1cqw;margin-bottom:1.6cqw}
.hs-search>svg{width:3.6cqw;height:3.6cqw;flex:none}
.hs-search>span{display:flex;align-items:center;justify-content:space-between;gap:1cqw;flex:1;border:1px solid #dae3fa;border-radius:5cqw;padding:1cqw 1.4cqw;font-size:1.2cqw;box-shadow:0 2px 5px #dae3fa60;white-space:nowrap}
.hs-search span svg{width:1.7cqw;height:1.7cqw;color:#087aff}
.hs-sponsored{display:block;font-size:1.2cqw;margin-bottom:.6cqw}
.hs-domain{display:block;font-size:1.05cqw;color:#58678d;margin-bottom:.6cqw}
.hs-google-content{display:flex;gap:1cqw;align-items:flex-start}
.hs-google-content>div{flex:1}
.hs-google-content strong{font-size:1.55cqw;line-height:1.2;font-weight:500;color:#087aff;white-space:nowrap;display:block}
.hs-google-content p{font-size:1.25cqw;line-height:1.4;margin:.8cqw 0 1cqw}
.hs-google-content img{width:7cqw;height:7cqw;object-fit:cover;object-position:50% 20%;border-radius:1cqw}
.hs-search-links{display:flex;gap:.7cqw;white-space:nowrap}
.hs-search-links>span{border:1px solid #d9e5ff;border-radius:.7cqw;color:#0874ff;font-size:1.1cqw;padding:.7cqw .9cqw}
.hs-benefit-band{border-top:1px solid #edf1fc;background:linear-gradient(105deg,#fcf8ff 0%,#fffbf8 35%,#f3fcfa 65%,#f3f9ff 100%);padding:32px 0;border-radius:0 0 65px 0}
.hs-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.hs-benefits>div{display:flex;align-items:center;gap:20px;position:relative;--accent:#a043f2;--glow:#ac50e936}
.hs-benefits>div:nth-child(2){--accent:#ff8150;--glow:#ff815036}.hs-benefits>div:nth-child(3){--accent:#19bf96;--glow:#19bf9636}.hs-benefits>div:nth-child(4){--accent:#148eff;--glow:#148eff36}
.hs-benefits>div:after{content:'';position:absolute;right:12px;top:-8px;width:5px;height:15px;border-radius:4px;background:var(--accent);transform:rotate(22deg);box-shadow:14px 6px 0 -1px var(--accent);opacity:.8}
.hs-benefits>div+div{padding-left:22px;border-left:1px solid #dce6f8}
.hs-benefits i{display:grid;place-items:center;background:linear-gradient(145deg,#d59cf7,#9a32ef);border-radius:19px;width:70px;height:70px;flex:none;color:#fff;box-shadow:0 10px 24px var(--glow),inset 0 1px 1px #ffffff70}
.hs-benefits>div:nth-child(2) i{background:linear-gradient(145deg,#ffa987,#ff7136)}.hs-benefits>div:nth-child(3) i{background:linear-gradient(145deg,#71dec5,#00b388)}.hs-benefits>div:nth-child(4) i{background:linear-gradient(145deg,#83c1ff,#0088ff)}
.hs-benefits i svg{width:36px;height:36px}
.hs-benefits p{margin:0}
.hs-benefits b{font-size:15px;line-height:1.3;display:block;margin-bottom:5px}
.hs-benefits span{font-size:13px;line-height:1.4;display:block;color:#4c608a}
@media(max-width:1200px){.hs-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:10px}.hs-copy h1{font-size:clamp(32px,3.4vw,44px)}.hs-eyebrow{font-size:10px}.hs-cta .cta-duo-btn{flex-basis:200px;min-height:58px}.hs-cta .cta-duo-txt b{font-size:13px}.hs-checks{gap:12px;font-size:11px}.hs-benefits{gap:14px}.hs-benefits>div{gap:10px}.hs-benefits>div+div{padding-left:14px}.hs-benefits i{width:44px;height:44px}}
@media(max-width:900px){.hs-layout{grid-template-columns:1fr;gap:0;padding-top:28px}.hs-copy{max-width:650px}.hs-copy h1{font-size:clamp(34px,5.2vw,47px)}.hs-copy h1 br:first-child{display:none}.hs-scene{width:100%;max-width:760px;justify-self:center;aspect-ratio:1.2}.hs-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.hs-benefits>div+div{border-left:0;padding-left:0}.hs-intro{max-width:650px}.hs-cta .cta-duo-btn{flex-basis:220px}}
@media(max-width:600px){.hs-hero .wrap{width:calc(100% - 32px)}.hs-layout{padding-block:15px 15px}.hs-eyebrow{font-size:10px;letter-spacing:.15em;margin-bottom:16px}.hs-copy h1{font-size:clamp(30px,7.7vw,40px);line-height:1.09}.hs-copy h1 br:first-child{display:initial}.hs-intro{font-size:16px;margin-top:21px}.hs-cta{margin-top:23px}.hs-cta .cta-duo{flex-direction:column}.hs-cta .cta-duo-btn{flex:auto;width:100%;justify-content:center}.hs-checks{font-size:11px;gap:12px;margin-top:20px}.hs-scene{width:calc(100% + 16px);margin-left:-8px}.hs-benefit-band{padding:22px 0}.hs-benefits{gap:22px 12px}.hs-benefits b{font-size:13px}.hs-benefits span{font-size:11px}.hs-benefits i{width:38px;height:38px}.hs-benefits i svg{width:24px;height:24px}.hs-phone{border-width:1px}}

/* LA SCÈNE INCLINÉE (19/09, demande client) : toute la composition tourne de
   quelques degrés, pour donner du mouvement. Les cartes gardent leurs propres
   rotations par-dessus. Centre de rotation au milieu : rien ne sort du héros. */
.hs-scene-inner{transform:rotate(8deg);transform-origin:50% 50%}/* sens des aiguilles d'une montre, comme la maquette (19/09) : 8° pour que les cartes, qui ont leur propre légère rotation inverse, paraissent inclinées de 6 à 8° comme sur la maquette */