:root{--cream:#FFF7ED;--brand:#B9421F;--blue:#174594;--yellow:#EFD06D;--mint:#D5EEE9;--ink:#172B44;--muted:#445363;--peach:#FBE0C7;--white:#fff;--outline:#C9B29D;font-family:ui-rounded,"Avenir Next",Avenir,"Trebuchet MS",sans-serif;color:var(--ink);background:var(--cream);font-synthesis:none;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0}img{max-width:100%;display:block}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:5px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:800;letter-spacing:-.045em}h2{font-size:clamp(2.2rem,4vw,3.35rem);line-height:1.08}p{line-height:1.6}.wrap{width:min(1180px,calc(100% - 80px));margin-inline:auto}.site-header{height:136px;display:flex;align-items:center;justify-content:space-between}.brand{width:200px;height:112px;display:block}.brand-original{display:block;position:relative;width:200px;height:112px;overflow:hidden}.brand-original img{max-width:none;width:210px;height:140px;position:absolute;left:-5px;top:-13px}.site-header nav a{display:flex;gap:24px;align-items:center;min-height:44px;text-decoration:none;font-size:.9rem;font-weight:700}.site-header nav a:hover{text-decoration:underline;text-underline-offset:5px}.site-header nav span{font-size:1.5rem;color:var(--brand)}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;align-items:center;min-height:700px;padding:24px 0 80px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.75rem;font-weight:800;color:var(--brand);margin-bottom:18px}h1{font-size:clamp(3.2rem,5.1vw,4.8rem);line-height:1.035}.highlight{color:var(--brand)}.hero-description{font-size:1.12rem;margin-top:24px;line-height:1.6}.download-block{margin-top:28px}.availability{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:800;color:var(--blue);margin-bottom:10px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--blue)}.store-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:58px;padding:15px 22px;border:0;border-radius:13px;background:var(--blue);color:white;font-size:.88rem;font-weight:700;text-decoration:none;cursor:pointer}.store-button:disabled{opacity:1;cursor:default}.store-symbol{font-size:1.5rem;line-height:1}.store-note{font-size:.74rem;line-height:1.5;color:var(--muted);margin-top:9px}.hero-reassurance{display:flex;flex-wrap:wrap;gap:8px 16px;list-style:none;margin:24px 0 0;padding:0;font-size:.71rem;font-weight:700}.hero-reassurance li:before{content:'✓';color:var(--brand);margin-right:6px}.hero-visual{position:relative;min-height:625px;display:flex;justify-content:center;align-items:center;padding-bottom:40px}.sun-shape{position:absolute;inset:80px -8px 44px 0;background:var(--yellow);border-radius:48% 48% 15% 45%;transform:rotate(-9deg)}.hero-phone{position:relative;width:260px;padding:7px;background:var(--ink);border-radius:39px;box-shadow:0 25px 42px #172b4426;transform:rotate(6deg);z-index:1}.hero-phone img{border-radius:33px;width:100%;height:auto}.little-note{position:absolute;top:12px;left:10px;z-index:2;color:var(--blue);font-size:1rem;font-weight:700;line-height:1.3;transform:rotate(-9deg)}.mascot{position:absolute;width:200px;height:161px;overflow:hidden;bottom:38px;left:-24px;z-index:2;transform:rotate(-4deg)}.mascot img{max-width:none;width:353px;height:235px;position:absolute;left:-138px;top:-43px}.visual-caption{position:absolute;bottom:0;font-size:.73rem;font-weight:700;letter-spacing:.01em}.benefits{padding:60px 0 80px;border-top:1px solid var(--outline)}.section-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:0 40px;align-items:end;margin-bottom:34px}.section-heading .eyebrow{grid-column:1/-1}.section-heading>p:last-child{font-size:1rem;justify-self:end}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.benefit{padding:30px;border-radius:24px}.mint{background:var(--mint)}.yellow{background:var(--yellow)}.peach{background:var(--peach)}.benefit-icon{width:44px;height:44px;border:1.5px solid var(--ink);border-radius:12px;display:grid;place-items:center;font-size:1.65rem;margin-bottom:28px}.benefit h3{font-size:1.65rem;line-height:1.15}.benefit p{font-size:.94rem;margin-top:16px;max-width:30ch}.preview{padding:20px 0 64px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;scroll-margin-top:28px}.section-intro{margin-top:20px;font-size:1rem}.screen-selectors{margin-top:28px;display:grid;gap:10px}.screen-selectors button{display:flex;align-items:center;gap:16px;width:100%;text-align:left;min-height:85px;border:1px solid var(--outline);border-radius:15px;padding:17px 19px;background:transparent;color:var(--ink);cursor:pointer;font-weight:800;transition:background .15s}.screen-selectors button[aria-pressed=true]{background:var(--blue);border-color:var(--blue);color:white}.screen-selectors button:hover:not([aria-pressed=true]){background:var(--peach)}.selector-number{font-size:1.5rem;width:25px;text-align:center}.selector-sub{display:block;font-size:.76rem;font-weight:500;margin-top:5px}.selector-arrow{margin-left:auto;font-size:1.3rem}.screen-description{font-size:.85rem;color:var(--muted);margin-top:18px;max-width:48ch;min-height:65px}.preview-stage{background:var(--mint);border-radius:46% 46% 24px 24px;padding:36px 38px 25px;display:grid;justify-items:center}.preview-phone{width:248px}.preview-phone img{width:100%;height:auto;border:6px solid var(--ink);border-radius:36px;box-shadow:0 15px 24px #172b441a}.preview-phone figcaption{font-size:.65rem;text-align:center;margin-top:18px;color:var(--muted)}.everyday{border-top:1px solid var(--outline);padding:36px 0 50px;display:grid;grid-template-columns:1fr 1fr;gap:55px}.everyday article{display:flex;gap:20px}.everyday article>span{font-size:1.7rem;color:var(--blue);font-weight:700}.everyday h3{font-size:1.2rem;letter-spacing:-.02em;line-height:1.3}.everyday p{font-size:.9rem;margin-top:8px}.final-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;border-radius:26px;background:var(--yellow);padding:46px 44px;margin-top:16px;margin-bottom:34px}.final-cta h2{font-size:clamp(2rem,3.2vw,2.7rem)}.final-cta p:not(.eyebrow):not(.availability):not(.store-note){font-size:.92rem;margin-top:18px}.final-cta .download-block{margin:0;flex-shrink:0}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 0 40px;font-size:.73rem;color:var(--muted)}.site-footer a{min-height:44px;display:flex;align-items:center;text-underline-offset:4px}.sr-only{position:absolute;clip:rect(0,0,0,0);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}.skip-link{position:fixed;z-index:20;top:-80px;left:16px;padding:12px 20px;background:var(--blue);color:white;border-radius:6px}.skip-link:focus{top:12px}
@media(min-width:1500px){.hero{min-height:760px}.hero-visual{min-height:650px}.hero-phone{width:275px}}
@media(max-width:950px){.wrap{width:calc(100% - 48px)}.site-header{height:112px}.hero{grid-template-columns:1fr 1fr;padding-top:18px;gap:16px}.hero-visual{min-height:560px}.hero-phone{width:220px}.little-note{font-size:.8rem;left:0}.mascot{width:165px;height:133px;left:-10px}.mascot img{width:291px;height:194px;left:-114px;top:-35px}.hero-reassurance{max-width:230px}h1{font-size:3.25rem}.benefit{padding:25px 22px}.benefit h3{font-size:1.45rem}.preview{gap:35px}.preview-stage{padding:32px 20px 20px}.final-cta{padding:34px 28px}.final-cta h2{font-size:2rem}.store-button{padding-inline:18px;font-size:.8rem}}
@media(max-width:650px){.wrap{width:calc(100% - 40px)}.site-header{height:100px}.brand{width:145px;height:92px}.brand-original{width:145px;height:92px}.brand-original img{width:169px;height:113px;left:-12px;top:-7px}.site-header nav a{font-size:.74rem;gap:8px}.site-header nav span{font-size:1.2rem}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:22px;padding-bottom:38px;min-height:0;gap:28px}.eyebrow{font-size:.64rem;letter-spacing:.09em;margin-bottom:15px}h1{font-size:clamp(2.65rem,10vw,3.8rem)}.hero-description{font-size:1rem;margin-top:18px}.desktop-break{display:none}.download-block{margin-top:22px}.store-button{font-size:.8rem;min-height:55px;padding:14px 20px}.store-note{font-size:.69rem}.hero-reassurance{max-width:none;gap:8px 14px;font-size:.65rem;margin-top:22px}.hero-visual{min-height:570px;max-width:380px;width:100%;margin-inline:auto;padding-bottom:24px}.hero-phone{width:224px;transform:rotate(4deg);margin-top:12px}.sun-shape{inset:72px 0 25px 0}.little-note{top:6px;left:8px;font-size:.8rem}.mascot{bottom:25px;left:-6px;width:160px;height:129px}.mascot img{width:283px;height:189px;left:-110px;top:-34px}.visual-caption{font-size:.67rem}.benefits{padding:38px 0 45px}.section-heading{display:block;margin-bottom:25px}.section-heading>p:last-child{font-size:.92rem;margin-top:18px}.section-heading>p:last-child br{display:none}.benefit-grid{grid-template-columns:1fr;gap:12px}.benefit{padding:23px;display:grid;grid-template-columns:46px 1fr;gap:0 18px}.benefit-icon{grid-row:1/3;margin:0;width:42px;height:42px}.benefit h3{font-size:1.4rem}.benefit h3 br{display:none}.benefit p{grid-column:2;font-size:.86rem;margin-top:10px;max-width:none}.preview{grid-template-columns:1fr;gap:28px;padding:12px 0 35px}.screen-selectors{gap:9px}.screen-selectors button{min-height:76px;padding:14px 16px}.screen-description{min-height:0}.preview-stage{padding:28px 20px 22px;border-radius:42% 42% 22px 22px}.preview-phone{width:232px}.everyday{grid-template-columns:1fr;gap:28px;padding:30px 0 36px}.everyday h3{font-size:1.1rem}.everyday p{font-size:.86rem}.final-cta{display:block;padding:28px 25px;margin-top:0;margin-bottom:15px}.final-cta .download-block{margin-top:25px}.final-cta h2{font-size:1.85rem}.final-cta h2 br{display:none}.site-footer{flex-wrap:wrap;gap:6px 20px;padding-bottom:25px}.site-footer>p:nth-child(2){display:none}.site-footer a{margin-left:auto}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{transition:none!important}}

/* Original TDG fourni, rendu intact; le blanc se fond dans les couleurs de la page. */
.brand-original,.mascot{mix-blend-mode:multiply}
@media(max-width:650px){.hero-visual{overflow:clip}}
/* Décor borné à toutes les tailles; le texte agrandi garde ses propres retours. */
.hero-visual{overflow:clip}
.final-cta .eyebrow{color:var(--blue)}
.hero-copy,.preview-copy,.benefit>*,.everyday article>div{min-width:0}
.store-button{max-width:100%}.store-button span:last-child{min-width:0}
h1,h2,h3,.benefit p,.selector-sub{overflow-wrap:anywhere}
.mascot{border-radius:24px}
@media(max-width:650px){.site-header{height:auto;min-height:100px;gap:12px;flex-wrap:wrap;padding-block:8px}.site-header nav{min-width:0;max-width:100%}.site-header nav a{flex-wrap:wrap}.benefit{grid-template-columns:44px minmax(0,1fr)}.screen-selectors button>span:nth-child(2){min-width:0}.selector-number{flex-shrink:0}}
/* La note d’avant-première peut se replier quand le texte système est agrandi. */
.final-cta .download-block{flex-shrink:1;min-width:0}

/* Le chariot a son espace sous le téléphone, sans masquer la capture. */
.hero-visual{padding-top:48px;padding-bottom:144px}
.sun-shape{bottom:144px}
.mascot{width:120px;height:96px;left:12px;bottom:12px}
.mascot img{width:212px;height:141px;left:-83px;top:-26px}
.visual-caption{left:148px;right:12px;bottom:38px}