/* Accueil issu du prototype Apple Design local (30/09), sans contrôleurs de démonstration. */
:root{--font-site:Manrope,system-ui,sans-serif}
.hero{padding:70px 0 0;text-align:center}
.hero .wrap{max-width:1200px}
.hero-copy{max-width:900px;margin:auto}
.hero h1{font-size:clamp(3rem,5.5vw,5.1rem);font-weight:800;line-height:1.04;letter-spacing:-.055em}
.hero h1 em{font-style:normal;color:var(--accent)}
.hero .lead{margin:26px auto 0;max-width:730px}
.product-stage{position:relative;margin:45px auto 0;padding:25px 72px 20px;border-radius:36px;background:linear-gradient(120deg,#edf1fb 0%,#e9f0fa 55%,#f8f0d9 100%);overflow:hidden}
.stage-caption{display:flex;align-items:center;justify-content:center;gap:9px;font-size:13px;font-weight:600;color:#4b5b72;margin-bottom:19px}
.caption-dot{width:7px;height:7px;background:#12538f;border-radius:50%}
.preview-window{background:var(--surface);border:1px solid rgba(125,136,158,.25);border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}
.window-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:37px;padding:8px 16px;font-size:11px;color:var(--muted);background:var(--surface)}
.window-dots{display:flex;gap:5px}
.window-dots i{width:7px;height:7px;background:#c6cdd6;border-radius:50%}
.window-caption{font-size:10px}
.hero-panel .screen-zoom{display:block;width:100%;padding:0;border:0;border-radius:0;background:#fff}
.hero-panel img{width:100%;aspect-ratio:16/8.8;object-fit:cover;object-position:top}
.hero-tabs{display:inline-flex;gap:4px;padding:5px;margin:23px auto 0;border:1px solid #c3cedf;border-radius:99px;background:#e3e9f2}
.hero-tabs button{border:0;min-height:44px;padding:8px 25px;border-radius:99px;background:transparent;color:#4b5b72;font-size:14px;font-weight:600;transition:background .15s,color .15s}
.hero-tabs button[aria-selected=true]{background:#fff;color:#17243b;box-shadow:0 2px 7px #17243b16}
.stage-footnote{font-size:12px;color:#4b5b72;margin-top:10px}
.hero-bottom{display:flex;justify-content:center;gap:34px;padding:25px 0 0;font-size:12px;color:var(--muted)}
.hero-bottom>span{display:flex;align-items:center;gap:9px}
:root:not([data-mm-theme])[data-appearance="dark"] .product-stage{background:linear-gradient(120deg,#243248,#23354b 55%,#373728)}
:root:not([data-mm-theme])[data-appearance="dark"] .stage-caption,:root:not([data-mm-theme])[data-appearance="dark"] .stage-footnote{color:#bac9dd}
:root:not([data-mm-theme])[data-appearance="dark"] .caption-dot{background:#95c6f3}
:root:not([data-mm-theme])[data-appearance="dark"] .hero-tabs{background:#26364c;border-color:#53657e}
:root:not([data-mm-theme])[data-appearance="dark"] .hero-tabs button{color:#bac9dd}
:root:not([data-mm-theme])[data-appearance="dark"] .hero-tabs button[aria-selected=true]{background:#e6edf7;color:#17243b}
:root:not([data-mm-theme])[data-appearance="dark"] .window-dots i{background:#586c85}
@media(max-width:1000px){.product-stage{padding:24px 38px 20px}
.hero h1{font-size:4.2rem}
}
@media(max-width:760px){.hero{padding-top:48px}
.hero h1{font-size:clamp(2.8rem,8.4vw,4rem)}
.hero .eyebrow{font-size:11px;letter-spacing:.025em}
.hero .lead{margin-top:22px;font-size:17px;max-width:500px}
.desktop-break{display:none}
.product-stage{padding:18px 14px;margin-top:32px;border-radius:23px}
.stage-caption{font-size:11px;margin-bottom:14px}
.window-bar{font-size:9px;min-height:27px;padding:6px 10px}
.window-caption{display:none}
.preview-window{border-radius:9px}
.window-dots i{width:5px;height:5px}
.hero-panel img{aspect-ratio:16/10}
.hero-tabs{margin-top:18px;padding:4px}
.hero-tabs button{padding:8px 20px;min-height:44px;font-size:13px}
.stage-footnote{font-size:10px}
.hero-bottom{flex-wrap:wrap;gap:9px 20px;font-size:11px;padding-top:20px}
}
@media(max-width:440px){.hero h1{font-size:clamp(2.65rem,10vw,3.5rem)}
.hero .lead{font-size:16px}
.hero-tabs button{padding:8px 17px}
.hero-bottom{font-size:10px}
.window-bar>span:nth-child(2){font-size:8px}
.product-stage{margin-left:-5px;margin-right:-5px}
}
@media(min-width:761px){.hero{padding-top:40px}
.hero .eyebrow{margin-bottom:14px}
.hero h1{font-size:clamp(3rem,5vw,4.7rem)}
.hero .lead{margin-top:20px}
.hero .actions{margin-top:20px}
.hero .fineprint{margin-top:10px}
.product-stage{margin-top:32px}
.stage-caption{margin-bottom:15px}
}
.hero h1{max-width:none;margin-inline:auto}.hero .actions{justify-content:center}.product-stage .preview-window{transform:none;margin:0;box-shadow:0 14px 40px var(--shade)}.hero-panel img{aspect-ratio:16/10;object-fit:contain}.hero{position:relative;isolation:isolate}html[data-mm-theme] .hero:before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:var(--theme-art) center top / min(100%,1600px) auto no-repeat;opacity:.8}html[data-mm-theme] .product-stage{background:var(--surface-2)}
@media(max-width:760px){html[data-mm-theme] .hero:before{mask-image:linear-gradient(to bottom,#000 140px,transparent 230px)}}
html[data-mm-theme="printemps"]{--theme-art:url("img/themes/printemps-v1.png")}
html[data-mm-theme="ete"]{--theme-art:url("img/themes/ete-v1.png")}
html[data-mm-theme="automne"]{--theme-art:url("img/themes/automne-v1.png")}
html[data-mm-theme="hiver"]{--theme-art:url("img/themes/hiver-v1.png")}
html[data-mm-theme="floral"]{--theme-art:url("img/themes/floral-v1.png")}
html[data-mm-theme="halloween"]{--theme-art:url("img/themes/halloween-v1.png")}
html[data-mm-theme="noel"]{--theme-art:url("img/themes/noel-v1.png")}
html[data-mm-theme="rat-courcis"]{--theme-art:url("img/themes/rat-courcis-v1.png")}