.entete{position:sticky;z-index:90;top:0;height:var(--entete);background:#fbf7f0f5;color:var(--pin);backdrop-filter:blur(18px)}.entete-interieur{display:grid;height:100%;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:32px}.navigation{display:flex;align-items:center;gap:30px}.navigation-gauche{grid-column:1;justify-self:start}.navigation-droite{grid-column:3;display:flex;align-items:center;justify-self:end;gap:20px}.navigation a,.entete-connexion{padding:8px 0;color:var(--pin);font-size:13px;font-weight:500;text-decoration:none;transition:color .18s ease}.entete-burger{display:none;grid-column:3;width:44px;height:44px;align-items:center;justify-content:center;justify-self:end;padding:0;border:0;background:transparent;color:var(--pin);cursor:pointer}.burger-traits{position:relative;display:block;width:20px;height:2px}.burger-traits:before,.burger-traits:after{content:"";position:absolute;left:0;width:20px;height:2px;border-radius:2px;background:currentColor;transition:top .18s ease,transform .18s ease}.burger-traits:before{top:-4px}.burger-traits:after{top:4px}[aria-expanded=true] .burger-traits:before{top:0;transform:rotate(45deg)}[aria-expanded=true] .burger-traits:after{top:0;transform:rotate(-45deg)}.menu-mobile{position:fixed;z-index:80;inset:var(--entete) 0 0;display:flex;flex-direction:column;padding:28px 20px 40px;background:var(--creme);overflow-y:auto}.menu-mobile[hidden]{display:none}.menu-mobile-liens{display:flex;flex-direction:column}.menu-mobile-actions{display:flex;flex-direction:column;align-items:stretch;gap:14px;margin-top:36px}.menu-mobile-cta{width:100%}.menu-mobile-liens a{padding:13px 0;color:var(--pin);font-family:var(--font-titre);font-size:32px;font-weight:800;letter-spacing:var(--crenage-element);line-height:1.1;text-decoration:none}.menu-mobile-connexion{align-self:center;padding:8px;color:var(--pin);font-size:15px;font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}body.menu-ouvert{overflow:hidden}@media(hover:hover)and (pointer:fine){.navigation a:hover,.entete-connexion:hover,.hero-lien:hover{color:var(--peche-texte)}}.hero{position:relative;overflow:clip;background:var(--creme);color:var(--pin)}.hero-cadre{position:relative;padding:58px 0 0}.hero-interieur{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center}.hero-contenu{display:flex;flex-direction:column;align-items:center;width:100%;max-width:900px;margin-inline:auto;text-align:center}.hero h1{max-width:1040px;margin:0;font-family:var(--font-titre);font-size:clamp(40px,4.6vw,68px);font-weight:800;line-height:1;letter-spacing:var(--crenage-titre);text-align:center;text-wrap:balance}.hero h1>span{display:block}.hero h1>span:last-child{margin-top:.04em;white-space:nowrap}.hero-accroche{max-width:610px;margin:24px 0 0;color:var(--encre-douce);font-size:16px;line-height:1.45;text-wrap:balance}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:28px;margin-top:26px}.hero-lien{position:relative;display:inline-flex;min-height:44px;align-items:center;gap:7px;padding:12px 0;color:var(--pin);font-size:14px;font-weight:600;line-height:1;text-decoration:none;transition:color .18s ease}.hero-lien span{text-decoration:none;text-decoration-thickness:1px;text-underline-offset:5px}.hero-lien:hover span,.hero-lien:focus-visible span{text-decoration:underline}.hero-lien:after{content:"↓";font-size:12px;line-height:1;transform:translateY(-1px)}.hero-reassurance{margin:12px 0 0;color:var(--encre-douce);font-size:13px}.hero .badges-stores{justify-content:center;margin-top:14px}.hero-mockups{position:relative;z-index:1;width:100vw;height:480px;margin:12px calc(50% - 50vw) 0}.hero-rubans{position:absolute;top:34px;right:0;left:0;z-index:0;height:340px;pointer-events:none}.hero-rubans svg{position:absolute;top:0;left:50%;display:block;width:max(1600px,100vw);max-width:none;height:100%;overflow:visible;transform:translate(-50%)}.hero-ruban{fill:none;stroke-width:clamp(68px,7vw,100px);stroke-linecap:butt;stroke-linejoin:round;vector-effect:non-scaling-stroke}.hero-ruban--peche{stroke:var(--peche)}.hero-ruban--sable{stroke:var(--sable)}.hero-ruban--pin{stroke:var(--pin)}.hero-ruban-texture{fill:none;opacity:.38;shape-rendering:crispEdges;stroke-width:clamp(68px,7vw,100px);stroke-linecap:butt;stroke-linejoin:round;vector-effect:non-scaling-stroke}.hero-ruban-texture--desktop{stroke:url(#bitmap-desktop)}.hero-mockups-recadrage{position:absolute;inset:0;z-index:1;overflow:hidden;clip-path:inset(-40px 0 0 0)}.hero-mockups-cadre{position:absolute;top:-80px;left:50%;width:1512px;max-width:none;transform:translate(-50%)}.mockup-telephones{display:block;width:100%;height:auto;filter:drop-shadow(0 18px 22px rgba(0,0,0,.2))}@media(max-width:900px){:root{--entete: 64px}.navigation{display:none}.entete-burger{display:inline-flex}.entete-interieur{grid-template-columns:1fr auto;gap:12px}.marque{grid-column:1;justify-self:start}.navigation-droite{display:none}.hero-cadre{padding-top:48px}.hero h1{font-size:clamp(38px,6.6vw,52px)}.hero-mockups{height:480px;margin-top:12px}.hero-mockups-cadre{top:-80px;width:1512px;max-width:none}}@media(max-width:600px){.entete-interieur{grid-template-columns:1fr auto;gap:8px}.marque{grid-column:1;justify-self:start;font-size:36px}.menu-mobile-liens a{font-size:28px}.hero-cadre{padding-top:40px}.hero h1{font-size:clamp(32px,9.6vw,44px);line-height:1.02}.hero-accroche{margin-top:22px;font-size:15px}.hero-actions{display:contents}.hero-actions .bouton{width:min(100%,310px);order:1;margin-top:24px}.hero-reassurance{order:2;margin-top:8px;font-size:12px}.hero-lien{order:3;margin-top:16px;padding-block:8px}.hero .badges-stores{order:4;gap:8px;margin-top:22px}.hero .badges-stores img{height:36px}.hero-mockups{height:min(530px,calc(138.788vw - 77.72px));margin-top:30px}.hero-rubans{top:56px;height:270px}.hero-rubans svg{position:absolute;top:0;left:50%;width:1200px;max-width:none;height:270px;transform:translate(-50%)}.hero-ruban,.hero-ruban-texture{stroke-width:75px}.hero-mockups-cadre{top:0;width:min(360px,calc(100vw - 42px));max-width:none}.mockup-telephones{filter:none}}
