@charset "UTF-8";
:root{--paper:#f7f4ed;--ink:#243c34;--red:#a53035;--muted:#6e7269;--line:#dddcd1;--green:#243e35;--serif:Georgia,'Times New Roman',serif;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #a87539;outline-offset:5px}::selection{background:#ead7cc}.wrap{width:calc(100% - 112px);max-width:1232px;margin-inline:auto}.announcement{height:35px;display:flex;justify-content:center;align-items:center;gap:20px;background:var(--green);color:#f6f0e3;font-size:12px;letter-spacing:.045em}.announcement span{font-size:12px;color:#d8b889}.header{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-family:var(--serif);font-size:16px;line-height:1.2}.brand-star{font-size:52px;color:var(--red);font-weight:400}.brand-name{display:block;font-size:28px;letter-spacing:-1px}.brand-period{color:var(--red)}.header nav{display:flex;gap:33px;margin-left:50px}.header nav a{font-size:14px;color:#536058;transition:color .2s}.header nav a:hover{color:var(--red)}.header-cta{display:flex;align-items:center;gap:22px;border:1px solid #adb3a8;border-radius:5px;padding:13px 17px;font-size:13px;font-weight:500;transition:background .2s,border-color .2s}.header-cta:hover{background:#eeece2;border-color:var(--ink)}.header-cta span{font-size:20px;font-weight:400}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:65px;padding-top:62px;padding-bottom:61px;align-items:center}.hero-copy{padding-bottom:18px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.17em;font-weight:600;margin:0 0 24px;line-height:1.6}.small-star{font-size:19px;color:var(--red)}h1{font-family:var(--serif);font-weight:400;font-size:clamp(48px,5.55vw,80px);letter-spacing:-3.6px;line-height:1.045;margin:0 0 25px}h1 em{font-weight:400;color:var(--red);letter-spacing:-3px}.intro{font-size:17px;color:#62695f;line-height:1.8;max-width:410px;margin:0 0 33px}.intro strong{font-weight:500;color:var(--ink)}.signup{max-width:465px;scroll-margin-top:60px}.signup-title{font-size:14px;font-weight:550;margin:0 0 13px}.input-row{position:relative;display:flex;align-items:center;padding:5px;background:#fffcf7;border:1px solid #c9cbc0;box-shadow:0 3px 7px #243c3403;border-radius:7px;min-height:61px}.input-row:focus-within{border-color:var(--ink)}.mail-icon{position:absolute;left:17px;color:#838579;pointer-events:none}.input-row input{width:100%;min-width:0;flex:1;padding:14px 7px 14px 41px;border:0;background:transparent;color:var(--ink);font-size:14px;border-radius:3px}.input-row input:focus{outline:none}.input-row input::placeholder{color:#6b7066}.input-row button{display:flex;justify-content:center;align-items:center;flex-shrink:0;gap:18px;padding:14px 16px;border:0;border-radius:4px;background:var(--red);color:white;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s,transform .2s;min-height:49px}.input-row button:hover{background:#84252a}.input-row button:active{transform:translateY(1px)}.input-row button:disabled{opacity:.7;cursor:wait}.input-row button>span:last-child{font-size:19px;line-height:1}.consent{font-size:11px;line-height:1.65;color:#62675e;margin:12px 0 14px;max-width:425px}.consent a{text-decoration:underline;text-underline-offset:2px}.signup-footnote{display:flex;align-items:center;gap:7px;font-size:12px;color:#656e61;margin:0}.signup-footnote>span{margin-inline:3px}.signup-footnote svg{color:var(--ink)}.form-message{font-size:14px;line-height:1.5;margin:0;color:var(--ink)}.form-message:not(:empty){margin:14px 0 0}.form-message.error{color:#96272c}.input-row.complete{border-color:#658064;background:#ecf0e5}.hero-figure{position:relative;margin:0 0 0 11px;align-self:start}.photo-frame{height:590px;position:relative;overflow:hidden;border-radius:210px 210px 8px 8px;background:#2c3226}.photo-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 46%}figcaption{font-size:10px;letter-spacing:.015em;color:#62675e;text-align:center;margin-top:17px;line-height:1.6}figcaption>span{display:block;font-size:9px;color:#818579;margin-top:3px}.how-section{background:var(--green);color:#f1eedf;padding:68px 0 70px}.how-inner{display:grid;grid-template-columns:1fr 1fr;gap:86px}.how-heading .eyebrow{color:#c9b994;font-size:10px;margin:0 0 21px}.how-heading h2{font-family:var(--serif);font-size:42px;letter-spacing:-1.5px;font-weight:400;line-height:1.16;margin:0 0 21px}.how-heading h2 em{font-weight:400;color:#ddc8a2}.how-heading>p:last-child{font-size:14px;color:#c0c9bd;line-height:1.8;margin:0}.steps{padding:0;margin:0;list-style:none}.steps li{display:flex;gap:23px;padding:22px 0;border-bottom:1px solid #ffffff20}.steps li:first-child{padding-top:0}.steps li:last-child{padding-bottom:0;border-bottom:none}.step-number{font-family:var(--serif);font-style:italic;font-size:24px;color:#c6b792;line-height:1.2}.steps h3{font-size:16px;font-weight:500;margin:0 0 9px}.steps p{font-size:13px;line-height:1.7;color:#c0c9bd;max-width:360px;margin:0}.footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:23px;padding-bottom:27px;font-size:11px;color:#62675e}.footer p{margin:0}.footer-signoff{font-family:var(--serif);font-style:italic;font-size:14px}.footer nav{display:flex;gap:22px}.footer a:hover{text-decoration:underline}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.skip-link{position:fixed;top:-60px;left:12px;padding:12px;z-index:20;background:var(--paper)}.skip-link:focus{top:12px}
@media(min-width:1500px){.hero{gap:90px}.photo-frame{height:620px}.hero-copy{padding-bottom:18px}h1{font-size:84px}.hero{padding-top:70px;padding-bottom:67px}}
@media(max-width:1100px){.wrap{width:calc(100% - 72px)}.header nav{margin-left:0;gap:23px}.hero{gap:43px}.photo-frame{height:545px}.hero-figure{margin-left:0}h1{font-size:clamp(45px,5.7vw,68px);letter-spacing:-2.6px}.intro{font-size:16px}.input-row button{gap:8px;padding-inline:11px}.input-row input{font-size:13px}.how-inner{gap:55px}.footer-signoff{display:none}}
@media(max-width:850px){.header nav{display:none}.hero{gap:30px;padding-top:42px}.photo-frame{height:530px}.hero-figure{margin-top:25px}h1{font-size:48px;letter-spacing:-2px}h1 em{letter-spacing:-2px}.eyebrow{font-size:10px}.input-row{flex-wrap:wrap;background:transparent;border:0;padding:0;gap:9px}.input-row input{border:1px solid #c9cbc0;background:#fffcf7;border-radius:5px;padding-block:16px;font-size:14px;width:100%;flex-basis:100%}.mail-icon{top:16px}.input-row button{width:100%;justify-content:space-between;padding-inline:18px}.how-inner{gap:35px;grid-template-columns:.95fr 1.05fr}.how-heading h2{font-size:34px}.steps li{gap:17px}.steps h3{font-size:15px}}
@media(max-width:620px){.wrap{width:calc(100% - 40px)}.announcement{font-size:10px;gap:13px;height:32px}.header{min-height:94px;gap:12px}.brand{font-size:13px;gap:8px}.brand-star{font-size:40px}.brand-name{font-size:24px}.header-cta{padding:10px 11px;font-size:11px;gap:8px;max-width:150px;line-height:1.5}.header-cta span{font-size:18px}.hero{display:flex;flex-direction:column;gap:30px;padding-top:36px;padding-bottom:32px;align-items:stretch}.hero-copy{padding:0}.eyebrow{font-size:10px;margin-bottom:20px}h1{font-size:clamp(43px,10.8vw,64px);letter-spacing:-2.5px;line-height:1.06;margin-bottom:22px}h1 em{letter-spacing:-2px}.intro{font-size:16px;line-height:1.75;max-width:400px;margin-bottom:25px}.signup{max-width:none}.signup-title{font-size:13px}.input-row{flex-wrap:nowrap;gap:0;padding:4px;border:1px solid #c9cbc0;background:#fffcf7;min-height:59px}.input-row input{border:0;background:transparent;flex-basis:auto;width:auto;padding-left:35px;font-size:13px;padding-block:12px}.mail-icon{left:13px;top:19px;width:18px;height:18px}.input-row button{width:auto;padding:13px 12px;gap:8px;min-height:48px;font-size:13px}.consent{font-size:11px;max-width:none}.signup-footnote{font-size:11px}.hero-figure{margin:9px 10px 0 17px;align-self:auto}.photo-frame{height:auto;aspect-ratio:4/4.8;border-radius:180px 180px 6px 6px}.photo-frame img{position:absolute;inset:0;object-position:50% 44%}figcaption{font-size:10px;margin-top:14px}.how-section{padding:39px 0 43px}.how-inner{grid-template-columns:1fr;gap:31px}.how-heading h2{font-size:36px}.how-heading .eyebrow{font-size:10px;margin-bottom:15px}.how-heading>p:last-child{font-size:15px}.steps li{padding:22px 0;gap:20px}.steps h3{font-size:16px}.steps p{font-size:14px}.step-number{font-size:26px}.footer{flex-direction:column;gap:19px;padding-block:25px;font-size:12px}.footer nav{gap:22px;font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
.receipt{padding-block:90px}.receipt .header-cta{display:inline-flex}.header nav a,.header-cta,.signup-title,.input-row input,.input-row button{font-size:14px}.steps p{font-size:16px}.how-heading>p:last-child{font-size:16px}.steps h3{font-size:18px}.consent{font-size:12px}.footer,.footer nav{font-size:12px}.signup-footnote{font-size:12px}.how-heading .eyebrow,.eyebrow{font-size:12px}
@media(max-width:850px){.steps h3{font-size:16px}.steps p{font-size:15px}}
@media(max-width:620px){.header-cta{font-size:12px}.input-row input,.input-row button{font-size:14px}.signup-title{font-size:14px}.eyebrow,.how-heading .eyebrow{font-size:11px}.steps p{font-size:16px}.footer nav{font-size:12px}}
@media(max-width:370px){.input-row{flex-wrap:wrap;gap:6px;background:none;border:0;padding:0}.input-row input{flex-basis:100%;border:1px solid #c9cbc0;padding-block:16px;background:#fffcf7}.input-row button{width:100%}.mail-icon{top:18px}.header-cta{max-width:133px}.brand-name{font-size:21px}.signup-footnote{font-size:11px}}

/* Logo modernisé : icône locale et dimensions réservées. */
.brand-logo{display:block;width:54px;height:54px;border-radius:13px;flex-shrink:0;object-fit:contain}
@media(max-width:620px){.brand-logo{width:43px;height:43px;border-radius:10px}.brand{gap:9px}}



/* Bandeau : compte à rebours en jours avant Noël, mis en valeur en doré. */
.announcement #countdown b{color:#e9cf9a;font-weight:700}
.announcement #countdown b{font-variant-numeric:tabular-nums}

/* --- Refonte : visuel sans ornements, faits, FAQ, signature ------------------ */
.photo-frame img{object-position:50% 0%}
figcaption{font-size:11px;color:#6f766b}
.faq{padding:70px 0 40px;display:grid;grid-template-columns:1fr 1.4fr;gap:60px;align-items:start}
.faq-heading h2{font-family:var(--serif);font-weight:400;font-size:38px;letter-spacing:-1.3px;line-height:1.15;margin:0}
.faq-heading .eyebrow{margin-bottom:18px}
.faq-list{border-top:1px solid var(--line)}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list summary{list-style:none;cursor:pointer;padding:18px 40px 18px 0;font-size:16px;font-weight:500;position:relative;line-height:1.4}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"+";position:absolute;right:4px;top:50%;transform:translateY(-50%);font-family:var(--serif);font-size:24px;color:var(--red);transition:transform .2s}
.faq-list details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.faq-list details p{margin:0 0 20px;font-size:15px;line-height:1.75;color:#4f5a52;max-width:60ch}
.faq-list details a{text-decoration:underline;text-underline-offset:2px;color:var(--red)}

.footer{flex-wrap:wrap}
.footer-signoff{font-family:var(--sans);font-style:normal;font-size:12px;color:#62675e;display:block}
@media(max-width:1100px){.faq{gap:36px}.faq-heading h2{font-size:32px}.footer-signoff{display:block}}
@media(max-width:850px){.faq{grid-template-columns:1fr;gap:26px;padding-top:50px}}
@media(max-width:620px){.faq{padding:40px 0 24px}.faq-heading h2{font-size:30px}.faq-list summary{font-size:15px;padding-right:34px}.faq-list details p{font-size:15px}.footer{gap:14px}.footer-signoff{order:3;text-align:center;max-width:100%}}

/* Signature : petit trait tricolore devant « Conçu et développé en France ». */
.footer-signoff{display:inline-block}
.tricolore{display:inline-block;vertical-align:middle;margin:-1px 8px 0 0;width:15px;height:3px;border-radius:2px;background:linear-gradient(90deg,#1f3f8f 0 33.4%,#f7f4ed 33.4% 66.7%,#c8323b 66.7% 100%);box-shadow:0 0 0 1px #dddcd1;flex-shrink:0}
@media(max-width:620px){.footer-signoff{order:3;text-align:center}}

/* Bandeau « ce que vous recevrez » : icône + quelques mots, séparateurs fins. */
.facts{display:flex;justify-content:center;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;margin-bottom:76px}
.facts p{display:flex;align-items:center;gap:11px;margin:0;padding:0 44px;font-size:14px;white-space:nowrap;color:var(--ink)}
.facts p+p{border-left:1px solid var(--line)}
.facts svg{color:#62725c;flex-shrink:0}
@media(max-width:1100px){.facts p{padding:0 16px;font-size:13px;gap:8px}.facts svg{width:21px;height:21px}}
@media(max-width:620px){.facts{flex-direction:column;align-items:flex-start;gap:16px;padding:24px 19px;margin-bottom:38px}.facts p{padding:0;font-size:14px;white-space:normal;gap:14px}.facts p+p{border-left:0}.facts svg{width:24px;height:24px}}

/* Étapes : pastilles numérotées reliées par un trait, plutôt que des numéros en italique. */
.steps li{position:relative;gap:20px;padding:0 0 30px;border-bottom:0}
.steps li:first-child{padding-top:0}
.steps li:last-child{padding-bottom:0}
.steps li:not(:last-child)::after{content:"";position:absolute;left:15.5px;top:40px;bottom:8px;width:1px;background:#ffffff33}
.step-number{flex-shrink:0;display:grid;place-items:center;width:32px;height:32px;border:1px solid #c6b79299;border-radius:50%;font-family:var(--sans);font-style:normal;font-size:14px;font-weight:600;line-height:1;color:#e9dcc0;font-variant-numeric:tabular-nums}
.steps h3{margin-top:5px}
@media(max-width:620px){.step-number{font-size:14px}.steps li{gap:16px;padding-bottom:26px}}

/* Bloc final : phrase de conclusion + second formulaire d'inscription. */
.final{background:#ede6d6;border-top:1px solid #e0d8c6;padding:66px 0 58px;text-align:center}
.final-inner{display:flex;flex-direction:column;align-items:center}
.final h2{font-family:var(--serif);font-weight:400;font-size:38px;letter-spacing:-1.2px;line-height:1.2;margin:0 0 12px;text-wrap:balance}
.final-lead{font-size:16px;color:#5d655a;margin:0 0 26px}
.final form{width:100%;max-width:470px;text-align:left}
.final .form-message{text-align:center}
.final .signup-footnote{justify-content:center;margin-top:16px}
.footer{border-top:0}
@media(max-width:850px){.final h2{font-size:32px}}
@media(max-width:620px){.final{padding:44px 0 40px}.final h2{font-size:28px;letter-spacing:-.8px}.final-lead{font-size:15px;margin-bottom:22px}}
/* Bandeau du haut : hauteur libre sur mobile (la phrase peut tenir sur deux lignes). */
@media(max-width:620px){.announcement{height:auto;min-height:32px;padding:7px 16px;line-height:1.45;text-align:center}.announcement>span[aria-hidden]{display:none}}
.br-mobile{display:none}
@media(max-width:620px){.br-mobile{display:inline}}
.final-lead strong{font-weight:600;color:var(--ink)}

/* Vidéo d'exemple dans l'arche : boucle muette, puis message complet avec le son. */
.photo-frame video{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0%;background:#2c3226}
.play-btn{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:10px;padding:12px 20px 12px 16px;border:1px solid #ffffff59;border-radius:999px;background:#1c2a22d9;color:#fff9ee;font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .2s,border-color .2s}
.play-btn:hover{background:var(--red);border-color:var(--red)}
.play-btn svg{flex-shrink:0}
.photo-frame video::cue{font-family:var(--sans);font-size:15px;line-height:1.4;background:#000000a6;color:#fff}
@media(max-width:620px){.photo-frame video{position:absolute;inset:0}.play-btn{bottom:20px;font-size:14px}}
.play-btn[hidden]{display:none}

/* Pages secondaires : mentions légales, confidentialité. */
.legal{max-width:760px;padding-block:56px 80px}
.legal-back{font-size:13px;margin:0 0 28px}.legal-back a{color:#536058;text-decoration:none}.legal-back a:hover{color:var(--red)}
.legal h1{font-size:clamp(38px,5vw,56px);letter-spacing:-1.8px;margin:0 0 10px}
.legal-updated{font-size:13px;color:var(--muted);margin:0 0 34px}
.legal-lead{font-size:18px;line-height:1.7;color:#4f5a52;margin:0 0 30px}
.legal section{padding:24px 0 12px;border-top:1px solid var(--line)}
.legal h2{font-family:var(--serif);font-weight:400;font-size:25px;letter-spacing:-.4px;line-height:1.25;margin:0 0 12px}
.legal p,.legal li,.legal address{font-size:16px;line-height:1.75;color:#3d4a43}
.legal p{margin:0 0 12px}.legal address{font-style:normal;margin:0 0 12px}
.legal ul{margin:0 0 12px;padding-left:20px}.legal li{margin-bottom:8px}
.legal a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:620px){.legal{padding-block:36px 56px}.legal h2{font-size:22px}.legal p,.legal li,.legal address{font-size:15px}.legal-lead{font-size:16px}}