/* Logo original : cadrage du symbole seulement, sans modifier le fichier. */
header .brand,.landing header .brand{background:transparent;padding:0;border:0}
header .logo-crop,.landing header .logo-crop{width:106px;height:108px}
header .logo-crop img,.landing header .logo-crop img{width:230px;height:230px;left:-64px;top:-47px;max-width:none}
.landing header .brand{filter:none}
header .nav-toggle,.landing .nav-toggle{background:transparent}
header nav,.landing header nav{background:transparent}
.rental-stats,.key-journey,.marketing-showcase{padding:110px 7%}
.rental-stats h2,.journey-intro :is(h1,h2),.marketing-showcase h2,.journey-cta h2{font-size:clamp(43px,5.5vw,84px);line-height:1.06;margin:25px 0 55px}
.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;border-top:1px solid #12333130;padding-top:40px}
.stat-value{display:block;font-size:clamp(68px,10vw,152px);font-weight:300;letter-spacing:-.08em;line-height:1.2;color:var(--navy);font-variant-numeric:tabular-nums}
.stat-value small{font-size:.3em;letter-spacing:-.035em;font-family:Georgia,serif;font-style:italic}
.stats-grid h3{font-size:24px;font-weight:400;letter-spacing:-.025em;margin:15px 0 8px}.stats-grid p,.stat-note{color:var(--muted);font-size:14px}.stat-note{margin-top:45px;max-width:680px;font-size:12px;line-height:1.7}
.key-journey{background:#eaf0ea;position:relative}.journey-intro{max-width:950px}.journey-layout{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:start}.key-stage{position:sticky;top:14vh;height:70vh;min-height:360px;display:flex;align-items:center;justify-content:center;perspective:900px;isolation:isolate}.rental-key{height:70%;max-height:460px;width:65%;overflow:visible;filter:drop-shadow(15px 25px 13px #17363129);will-change:transform;transform:translateY(var(--key-y,0px)) rotate(var(--key-angle,-30deg)) rotateY(var(--key-turn,0deg));position:relative;z-index:1}.key-halo{position:absolute;width:90%;aspect-ratio:1;border:1px solid #b69c6930;border-radius:50%;background:radial-gradient(circle,#fff9e755,transparent 65%)}.key-halo:after{content:'';position:absolute;inset:16%;border:1px solid #b69c6920;border-radius:50%}.key-status{position:absolute;bottom:7%;font-size:12px;letter-spacing:.06em;text-transform:uppercase}.key-track{position:absolute;bottom:3%;width:65%;height:2px;background:#14343220}.key-track i{display:block;height:100%;width:var(--key-progress,0%);background:#ae9055}.journey-step{min-height:65vh;display:flex;flex-direction:column;justify-content:center;border-top:1px solid #12333122;padding:55px 0}.journey-step h3{font-size:clamp(31px,3.4vw,53px);line-height:1.1;margin:22px 0}.journey-step p{color:var(--muted);font-size:17px;line-height:1.8;max-width:470px}.journey-step.is-current .eyebrow{color:#8d703d}.journey-cta{padding:100px 7%;text-align:center}
.showcase-copy{max-width:900px}.showcase-copy>p:not(.eyebrow){max-width:590px;line-height:1.8;color:var(--muted);margin-bottom:25px}.showcase-wide{margin:70px 0 0}.showcase-wide img{display:block;width:100%;height:auto;border-radius:4px}.showcase-wide figcaption{font-size:12px;color:var(--muted);margin-top:15px}.showcase-example{margin-top:40px;border-top:1px solid #12333130;padding-top:25px}.showcase-example summary{cursor:pointer;font-size:19px}.showcase-example>div{display:grid;grid-template-columns:minmax(160px,320px) 1fr;align-items:center;gap:8%;margin-top:30px}.showcase-example img{width:100%;height:auto}.showcase-example p{max-width:480px;font-size:22px;line-height:1.6}.showcase-example small{display:block;font-size:12px;color:var(--muted);margin-top:20px}
@media(prefers-reduced-motion:no-preference){.motion-enabled .reveal{opacity:0;transform:translateY(32px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.7,.2,1)}.motion-enabled .reveal.is-visible{opacity:1;transform:none}}
@media(max-width:800px){header .logo-crop,.landing header .logo-crop{width:82px;height:88px}header .logo-crop img,.landing header .logo-crop img{width:185px;height:185px;left:-52px;top:-38px}.landing header:has(nav.open){background:#123331ee;backdrop-filter:blur(16px)}.landing header nav.open{background:transparent;color:white;padding:12px 0 24px}.landing header:has(nav.open) .brand{filter:none}header nav.open{background:transparent;padding-left:0}.rental-stats,.key-journey,.marketing-showcase{padding:65px 7%}.stats-grid{gap:30px}.stat-value{font-size:clamp(48px,12vw,85px)}.stats-grid h3{font-size:18px}.stats-grid p{font-size:12px}.rental-stats h2,.journey-intro :is(h1,h2),.marketing-showcase h2,.journey-cta h2{font-size:43px;margin-bottom:35px}.journey-layout{grid-template-columns:30% 1fr;gap:8%}.key-stage{height:55vh;top:20vh;min-height:260px}.rental-key{width:100%;height:auto;max-height:250px}.key-status{font-size:9px;bottom:8%;text-align:center;line-height:1.7}.key-track{width:85%}.journey-step{min-height:65vh;padding:35px 0}.journey-step h3{font-size:29px}.journey-step p{font-size:14px}.journey-step .eyebrow{font-size:10px}.showcase-wide{margin-top:40px}.showcase-example>div{grid-template-columns:1fr}.showcase-example img{max-width:280px}.showcase-example p{font-size:18px;margin-top:25px}}
@media(prefers-reduced-motion:reduce){.rental-key{transform:none;will-change:auto}.journey-step{min-height:0;margin-bottom:30px}.key-stage{height:420px}.reveal{opacity:1!important;transform:none!important}}
/* Le symbole complet tient dans le cadre, y compris la base du B. */
header .logo-crop,.landing header .logo-crop{width:116px;height:120px}header .logo-crop img,.landing header .logo-crop img{width:230px;height:230px;left:-62px;top:-45px}
.performance-demo{height:260vh;background:#edf2ee;--demo-color:#b44040;position:relative}.performance-sticky{position:sticky;top:0;min-height:720px;height:100svh;padding:60px 7%;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%;overflow:hidden}.performance-copy h2{font-size:clamp(40px,5vw,78px);line-height:1.05;margin:25px 0}.performance-copy>p:not(.eyebrow){max-width:440px;line-height:1.75;color:var(--muted)}.comparison-state{display:flex;align-items:center;gap:12px;margin:35px 0 20px;color:var(--demo-color);font-size:16px}.state-dot{width:9px;height:9px;background:currentColor;border-radius:50%}.performance-copy .demo-disclaimer{font-size:12px;max-width:370px}.demo-scroll{font-size:12px;display:block;margin-top:25px}.phone-scene{perspective:1100px;display:flex;justify-content:center}.phone{width:310px;height:594px;border-radius:46px;padding:9px;background:linear-gradient(110deg,#66706c,#101a16 12%,#1e2924 88%,#8d938f);box-shadow:12px 14px 0 #24322b,25px 40px 60px #17382b35;transform:rotateY(var(--phone-turn,-17deg)) rotateZ(var(--phone-tilt,5deg));position:relative;will-change:transform}.phone-screen{background:#fafbf9;border-radius:37px;height:100%;padding:16px 19px;overflow:hidden}.phone-camera{position:absolute;z-index:2;top:20px;left:50%;transform:translateX(-50%);width:86px;height:22px;border-radius:20px;background:#101813}.phone-top{font-size:11px;font-weight:600;display:flex;justify-content:space-between;margin-bottom:29px}.phone-brand{font-size:8px;letter-spacing:.09em}.phone-screen h3{font-size:25px;line-height:1.1;letter-spacing:-.04em;margin:10px 0 16px}.phone-property{height:104px;position:relative;overflow:hidden;border-radius:9px}.phone-property img{width:100%;height:100%;object-fit:cover}.phone-property span{position:absolute;bottom:0;left:0;right:0;background:#123331c9;color:#fff;padding:6px 9px;font-size:10px}.phone-metrics{margin-top:15px;color:var(--demo-color)}.phone-metrics>div{display:grid;grid-template-columns:21px 1fr auto 17px;align-items:center;gap:7px;border-bottom:1px solid #18372a18;padding:11px 0}.phone-metrics svg{width:19px;height:19px}.phone-metrics span{font-size:10px}.phone-metrics strong{font-size:25px;font-weight:400;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.phone-metrics b{font-size:17px}.phone-chart{color:var(--demo-color);margin-top:16px}.phone-chart>span{font-size:10px}.phone-chart svg{display:block;width:100%;height:58px;margin-top:10px}.phone-note{font-size:8px;color:var(--muted);margin-top:7px}.demo-progress{position:absolute;bottom:25px;left:7%;right:7%;height:2px;background:#12333120}.demo-progress i{display:block;background:var(--demo-color);height:100%;width:var(--demo-progress,0%)}
@media(max-width:800px){header .logo-crop,.landing header .logo-crop{width:92px;height:94px}header .logo-crop img,.landing header .logo-crop img{width:185px;height:185px;left:-50px;top:-37px}.performance-sticky{min-height:0;padding:25px 7% 45px;gap:12px;grid-template-columns:1fr;height:100svh;align-content:center}.performance-copy h2{font-size:33px;margin:10px 0}.performance-copy>.eyebrow{font-size:9px}.performance-copy>p:not(.eyebrow):not(.demo-disclaimer){display:none}.comparison-state{margin:13px 0 8px;font-size:13px}.performance-copy .demo-disclaimer{font-size:10px;line-height:1.4;max-width:100%}.demo-scroll{display:none}.phone-scene{height:335px;align-items:flex-start}.phone{transform:scale(.55) rotateY(var(--phone-turn,-17deg)) rotateZ(var(--phone-tilt,5deg));transform-origin:top center;flex-shrink:0}.demo-progress{bottom:18px}.performance-demo{height:240vh}}
@media(max-height:580px) and (max-width:800px){.phone-scene{height:270px}.phone{transform:scale(.45) rotateY(var(--phone-turn,-17deg)) rotateZ(var(--phone-tilt,5deg))}.performance-copy h2{font-size:27px}.performance-sticky{padding-top:15px;padding-bottom:30px}}
@media(prefers-reduced-motion:reduce){.performance-demo{height:auto}.performance-sticky{position:relative;height:auto;min-height:700px}.phone{will-change:auto}.demo-scroll{display:none}}
/* Ordinateur fourni, avec un tableau HTML lisible superposé à l’écran. */
.performance-demo{background:#f7f7f7}.performance-sticky{display:flex;flex-direction:column;justify-content:center;gap:16px;padding:30px 4% 40px;min-height:0}.performance-copy{width:min(1100px,100%);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5px 35px}.performance-copy .eyebrow{grid-column:1/-1;margin:0}.performance-copy h2{font-size:clamp(29px,3vw,48px);margin:8px 0;grid-row:2/4}.performance-copy>p:not(.eyebrow){font-size:14px;margin:0}.comparison-state{margin:8px 0;font-size:14px}.demo-scroll{grid-column:1/-1;margin:0;font-size:11px}.mac-scene{width:min(1100px,100%);height:auto;display:block;perspective:1600px}.phone.mac{width:100%;height:auto;aspect-ratio:16/9;border:0;border-radius:0;padding:0;background:none;box-shadow:none;transform:rotateY(calc(var(--phone-turn,0deg)*.15));transform-origin:center;flex-shrink:1}.mac-hardware{display:block;width:100%;height:auto;mix-blend-mode:multiply}.mac .phone-screen{position:absolute;left:20.5%;top:8.5%;width:59%;height:60%;border-radius:3px;padding:2% 2.4%;background:#fafbf9;display:flex;flex-direction:column;overflow:hidden;clip-path:polygon(3% 0,97% 0,100% 100%,0 100%)}.mac .phone-brand{font-size:clamp(7px,.8vw,11px);margin:0}.mac .phone-screen h3{font-size:clamp(15px,2vw,27px);margin:6px 0 13px}.mac .phone-property{display:none}.mac .phone-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0}.mac .phone-metrics>div{display:flex;flex-wrap:wrap;gap:5px;padding:9px;border:1px solid currentColor;border-radius:7px;align-content:start}.mac .phone-metrics svg{width:18px;height:18px}.mac .phone-metrics span{font-size:clamp(9px,1vw,13px);width:calc(100% - 25px);line-height:1.25}.mac .phone-metrics strong{font-size:clamp(22px,3vw,42px);margin-top:3px}.mac .phone-metrics b{margin-left:auto;align-self:end;font-size:22px}.mac .phone-chart{margin-top:10px;flex:1;min-height:0;display:flex;flex-direction:column}.mac .phone-chart>span{font-size:11px}.mac .phone-chart svg{height:100%;min-height:0;margin-top:3px}.mac .phone-note{font-size:9px;margin:4px 0 0}
@media(max-width:800px){.performance-sticky{padding:28px 3% 40px;gap:25px}.performance-copy{display:block;padding:0 4%}.performance-copy h2{font-size:35px;margin:15px 0}.performance-copy .comparison-state{font-size:14px;margin-top:15px}.mac-scene{width:150%;max-width:none;height:auto;flex-shrink:0}.phone.mac{transform:none}.mac .phone-screen h3{font-size:19px;margin:5px 0 10px}.mac .phone-metrics{gap:7px}.mac .phone-metrics>div{padding:7px;gap:3px}.mac .phone-metrics span{font-size:11px;width:100%}.mac .phone-metrics svg{width:16px;height:16px}.mac .phone-metrics strong{font-size:29px}.mac .phone-metrics b{font-size:17px}.mac .phone-chart{margin-top:6px}.mac .phone-chart>span{font-size:10px}.mac .phone-note{font-size:8px}.mac .phone-brand{font-size:8px}}
@media(max-width:430px){.mac .phone-screen{padding:2% 3%}.mac .phone-screen h3{font-size:15px;margin-bottom:6px}.mac .phone-metrics>div{padding:5px}.mac .phone-metrics span{font-size:9px}.mac .phone-metrics strong{font-size:24px}.mac .phone-metrics svg{display:none}.mac .phone-chart>span{display:none}.mac .phone-note{font-size:7px}}

/* Masque épouse toute la dalle, jusqu’au bord intérieur du cadre. */
.mac .phone-screen{left:19.5%;top:7.3%;width:60.4%;height:62%;clip-path:polygon(3.5% 0,96.5% 0,100% 100%,0 100%);border-radius:0}
/* Ordinateur entièrement dessiné en CSS : le tableau est dans la dalle. */
.mac-scene{width:min(860px,85%);padding-bottom:90px;perspective:1400px}.phone.mac{aspect-ratio:auto;height:auto;border:2px solid #6b706f;border-radius:22px 22px 10px 10px;padding:23px 12px 15px;background:linear-gradient(115deg,#303535,#111515 35%,#262d2b);box-shadow:0 2px 0 #040706,0 20px 40px #19302a20;transform:rotateY(calc(var(--phone-turn,0deg)*.17));isolation:isolate}.mac .phone-screen{position:relative;inset:auto;width:100%;height:340px;clip-path:none;border-radius:6px;padding:23px 28px;background:linear-gradient(125deg,#fff,#f0f5f1);box-shadow:inset 0 0 0 1px #ffffff90;overflow:hidden}.laptop-camera{position:absolute;top:9px;left:50%;width:5px;height:5px;border-radius:50%;background:#1b252c;box-shadow:0 0 0 2px #0a0e0e;z-index:2}.laptop-base{position:absolute;top:calc(100% - 2px);left:-7%;width:114%;height:95px;background:linear-gradient(#555d5d,#777f7f 80%,#444d4c);clip-path:polygon(6% 0,94% 0,100% 85%,99.5% 94%,98% 100%,2% 100%,.5% 94%,0 85%);border-radius:0 0 19px 19px;box-shadow:inset 0 -7px 3px #242c2b}.laptop-base:after{content:'';position:absolute;bottom:0;left:43%;width:14%;height:6px;background:#9fa7a5;border-radius:0 0 9px 9px}.laptop-keys{position:absolute;top:9px;left:13%;width:74%;height:39px;display:grid;grid-template-columns:repeat(14,1fr);gap:3px;transform:perspective(150px) rotateX(18deg)}.laptop-keys i{background:#202827;border-radius:2px;box-shadow:0 1px 0 #a4aaa766}.laptop-trackpad{position:absolute;top:55px;left:36%;width:28%;height:26px;border:1px solid #414b4a;border-radius:3px;background:#6f7977}.mac .phone-screen h3{font-size:25px;margin:8px 0 18px}.mac .phone-metrics span{font-size:13px}.mac .phone-metrics strong{font-size:40px}.mac .phone-chart{margin-top:16px}.mac .phone-note{font-size:10px}
@media(max-width:800px){.mac-scene{width:92%;padding-bottom:65px}.phone.mac{transform:none;border-radius:14px 14px 6px 6px;padding:17px 7px 9px}.mac .phone-screen{height:280px;padding:17px 14px}.mac .phone-screen h3{font-size:21px;margin:8px 0 13px}.mac .phone-metrics span{font-size:11px}.mac .phone-metrics strong{font-size:30px}.mac .phone-metrics svg{display:block;width:15px;height:15px}.mac .phone-chart>span{display:block}.mac .phone-note{font-size:8px}.laptop-camera{top:6px;width:4px;height:4px}.laptop-base{height:65px}.laptop-keys{top:6px;height:26px;gap:2px}.laptop-trackpad{top:37px;height:18px}}
@media(max-width:430px){.mac-scene{width:96%}.mac .phone-screen{padding:13px 9px;height:250px}.mac .phone-screen h3{font-size:17px}.mac .phone-metrics span{font-size:10px}.mac .phone-metrics strong{font-size:26px}.mac .phone-metrics>div{padding:5px}.mac .phone-metrics b{font-size:14px}.mac .phone-chart{margin-top:9px}}
@media(prefers-reduced-motion:reduce){.phone.mac{transform:none}}
/* Photo réaliste : projection du tableau sur les quatre coins de la dalle. */
.mac-scene{width:min(1150px,100%);padding-bottom:0}.phone.mac.photo-mac{border:0;background:none;box-shadow:none;padding:0;border-radius:0;transform:rotateY(calc(var(--phone-turn,0deg)*.12));width:100%;height:auto;aspect-ratio:16/9}.real-mac{display:block;width:100%;height:auto;overflow:visible}.screen-projection{position:relative;width:1920px;height:1080px;overflow:hidden}.photo-mac .phone-screen{position:absolute;left:0;top:0;inset:0 auto auto 0;width:1000px;height:600px;transform-origin:0 0;padding:38px 44px;border-radius:0;clip-path:none;box-shadow:none;background:linear-gradient(120deg,#eef3f0,#e3ece7);box-sizing:border-box}.photo-mac .phone-brand{font-size:18px;letter-spacing:2px}.photo-mac .phone-screen h3{font-size:40px;margin:16px 0 28px}.photo-mac .phone-metrics{gap:20px}.photo-mac .phone-metrics>div{padding:18px;gap:10px;border-radius:10px}.photo-mac .phone-metrics svg{display:block;width:28px;height:28px}.photo-mac .phone-metrics span{font-size:21px;width:100%;line-height:1.2}.photo-mac .phone-metrics strong{font-size:65px}.photo-mac .phone-metrics b{font-size:34px}.photo-mac .phone-chart{margin-top:25px}.photo-mac .phone-chart>span{display:block;font-size:19px}.photo-mac .phone-chart svg{height:115px;flex:1}.photo-mac .phone-note{font-size:15px;margin-top:8px}
@media(max-width:800px){.mac-scene{width:150%;padding:0}.phone.mac.photo-mac{transform:none}.performance-sticky{gap:12px}}
@media(prefers-reduced-motion:reduce){.phone.mac.photo-mac{transform:none}}
/* Vue frontale : masque arrondi partagé par le tableau et le reflet. */
.performance-demo{background:#fff}.screen-projection{width:1281px;height:865px}.phone.mac.photo-mac{aspect-ratio:1281/865}.mac-scene{width:min(1100px,100%)}.photo-mac .phone-screen{border-radius:23px 23px 0 0;padding-top:42px}
@media(max-width:800px){.mac-scene{width:165%}.performance-sticky{gap:0}.phone.mac.photo-mac{transform:none}}

.phone.mac.photo-mac{aspect-ratio:820/510}.mac-scene{width:min(900px,95%)}@media(max-width:800px){.mac-scene{width:100%}.performance-sticky{gap:25px}}

/* Empêche le SVG de déborder au-dessus de son cadre et de masquer le titre. */
.real-mac{overflow:hidden}.performance-copy{position:relative;z-index:2;flex-shrink:0}.mac-scene{position:relative;z-index:1;flex-shrink:1;min-height:0}.performance-sticky{justify-content:center;gap:20px}.phone.mac.photo-mac{max-height:100%;}.real-mac{max-height:100%;}
@media(max-width:800px){.performance-sticky{padding:25px 4% 90px;gap:18px}.performance-copy h2{font-size:clamp(27px,5.4vw,35px);margin:10px 0}.mac-scene{width:100%;max-height:calc(100svh - 295px)}.phone.mac.photo-mac{height:100%;max-height:calc(100svh - 295px);aspect-ratio:820/510}.real-mac{height:100%;max-height:calc(100svh - 295px)}.performance-copy .comparison-state{margin-top:10px}.demo-progress{bottom:80px}}
@media(max-height:650px) and (min-width:801px){.performance-copy h2{font-size:30px}.mac-scene{max-height:calc(100svh - 200px)}.real-mac{max-height:calc(100svh - 200px)}}

/* Navigation horizontale, sans panneau de couleur. */
header, .landing header{align-items:center;flex-wrap:nowrap;gap:22px}.landing header{height:145px;padding-top:15px;padding-bottom:15px}header .brand{order:0;flex-shrink:0}header nav,.landing header nav{position:static;order:1;width:auto;flex:1;display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px 25px;padding:0;background:transparent;text-shadow:none}header nav a,.landing header nav a{font-size:12px;transition:color .2s ease;text-decoration:none}.landing header nav a{color:#fff;text-shadow:0 1px 6px #0009}header nav a:hover,header nav a:focus-visible,.landing header nav a:hover,.landing header nav a:focus-visible{color:#e4c477;text-shadow:0 1px 4px #102e2b50}header .nav-toggle{order:2;display:block;margin:0;background:transparent;flex-shrink:0}header>.button.small{order:3}.landing header .nav-toggle{color:white;border-color:#ffffff80}.landing header:has(nav.open){background:transparent;backdrop-filter:none}.landing header:has(nav.open) .brand{filter:none}header nav.open,.landing header nav.open{background:transparent;padding:0;flex-direction:row;align-items:center;gap:14px 25px}header nav:not(.open),.landing header nav:not(.open){display:none}
@media(min-width:1100px){header nav:not(.open),.landing header nav:not(.open){display:flex}header .nav-toggle{display:none}}
@media(max-width:1099px){header>.button.small{display:none}header .nav-toggle{display:block}}
@media(max-width:800px){header,.landing header{min-height:115px;height:auto;padding:10px 5%;gap:15px}.landing header nav,.landing header nav.open,header nav,header nav.open{gap:12px 17px}.landing header nav a,header nav a{font-size:11px}}
@media(max-width:540px){header,.landing header{flex-wrap:wrap;justify-content:space-between}header .nav-toggle{order:1}header nav,.landing header nav,header nav.open,.landing header nav.open{order:2;flex-basis:100%;justify-content:space-between;gap:12px;padding:5px 0 14px}.landing header nav a,header nav a{font-size:11px}.landing header{background:linear-gradient(#102d2b55,transparent)}}
/* Mobile : tableau lisible et section sans contrainte de hauteur. */
@media(max-width:600px){
.performance-demo{height:210svh}.performance-sticky{height:100svh;padding:24px 3% 85px;gap:20px;justify-content:center}.performance-copy{padding:0 5%;width:100%}.performance-copy .eyebrow{font-size:9px}.performance-copy h2{font-size:30px;line-height:1.1;margin:10px 0}.performance-copy .comparison-state{font-size:12px;margin:10px 0 0}.mac-scene{width:100%;max-height:none;flex-shrink:0}.phone.mac.photo-mac{height:auto;max-height:none;aspect-ratio:820/510}.real-mac{height:auto;max-height:none}.photo-mac .phone-brand{font-size:20px}.photo-mac .phone-screen h3{font-size:41px;margin:15px 0 24px}.photo-mac .phone-metrics{gap:14px}.photo-mac .phone-metrics>div{padding:15px 12px;gap:8px}.photo-mac .phone-metrics svg{width:30px;height:30px}.photo-mac .phone-metrics span{font-size:27px;line-height:1.2;min-height:65px}.photo-mac .phone-metrics strong{font-size:77px}.photo-mac .phone-metrics b{font-size:37px}.photo-mac .phone-chart>span{font-size:24px}.photo-mac .phone-chart{margin-top:20px}.photo-mac .phone-note{font-size:19px}.demo-progress{bottom:78px}
}
@media(max-width:600px) and (max-height:580px){.performance-sticky{position:relative;height:auto;min-height:580px}.performance-demo{height:auto}}
.mobile-iphone{display:none}.iphone-dashboard{position:absolute;left:112px;top:107px;width:210px;height:477px;padding:26px 14px;background:#f3f7f4;transform-origin:0 0;transform:matrix(1,.11,.1,1,0,0);box-sizing:border-box}.iphone-brand{font-size:8px;letter-spacing:.6px}.iphone-dashboard h3{font-size:23px;line-height:1.12;margin:17px 0 24px}.iphone-dashboard .phone-metrics{display:block;margin:0}.iphone-dashboard .phone-metrics>div{display:grid;grid-template-columns:20px 1fr 18px;gap:7px;padding:15px 0;border-bottom:1px solid #12333122}.iphone-dashboard .phone-metrics svg{width:18px;height:18px}.iphone-dashboard .phone-metrics span{font-size:12px;line-height:1.3}.iphone-dashboard .phone-metrics strong{grid-column:2;font-size:33px;line-height:1.2}.iphone-dashboard .phone-metrics b{grid-column:3;grid-row:auto;font-size:21px}.iphone-demo-note{font-size:8px;color:#556961;margin-top:23px}
@media(max-width:600px){.performance-sticky{gap:12px;padding-top:18px;padding-bottom:85px}.performance-sticky .mac-scene{display:none}.mobile-iphone{display:block;height:min(490px,calc(100svh - 260px));flex-shrink:0;width:100%;text-align:center}.mobile-iphone>svg{height:100%;width:auto;max-width:100%;overflow:hidden}.performance-copy h2{font-size:27px}.performance-copy .comparison-state{margin-top:6px}.performance-copy .eyebrow{font-size:8px}}
@media(prefers-reduced-motion:reduce) and (max-width:600px){.mobile-iphone{height:440px}.performance-sticky{min-height:700px}}
/* Icônes vectorielles : aucun caractère flèche rendu en emoji par iOS. */
.vector-arrow{display:inline-block;width:1.1em;height:1.1em;vertical-align:-.13em;flex-shrink:0;transform-box:fill-box;transform-origin:center}.vector-arrow.is-down{transform:rotate(90deg)}.phone-metrics b .vector-arrow{width:1em;height:1em}.mobile-iphone svg.vector-arrow{width:20px;height:20px}.mobile-iphone>svg{isolation:isolate}.mobile-iphone text{font-family:Arial,sans-serif}

.vector-arrow.is-down{transform:none}
/* Navigation : apparition progressive, survol et état ouvert. */
header .nav-toggle{position:relative;overflow:hidden;transition:color .25s,border-color .25s,box-shadow .25s,transform .25s;isolation:isolate}header .nav-toggle:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,#baa06b18,#e4c47745);transform:translateX(-105%);transition:transform .35s ease}header .nav-toggle:hover:before,header .nav-toggle:focus-visible:before{transform:translateX(0)}header .nav-toggle:hover,header .nav-toggle:focus-visible{color:#e4c477;border-color:#d1b578;transform:translateY(-2px);box-shadow:0 4px 18px #bba06b26}header .nav-toggle[aria-expanded=true]{border-color:#c5aa73;color:#c5aa73}header nav a{position:relative}header nav a:after{content:'';position:absolute;bottom:-5px;left:0;right:0;height:1px;background:#d1b578;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}header nav a:hover:after,header nav a:focus-visible:after{transform:scaleX(1)}
@media(prefers-reduced-motion:no-preference){header nav.open a{animation:menu-link-in .42s cubic-bezier(.2,.7,.2,1) both}header nav.open a:nth-child(2){animation-delay:.06s}header nav.open a:nth-child(3){animation-delay:.12s}header nav.open a:nth-child(4){animation-delay:.18s}@keyframes menu-link-in{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}}
@media(prefers-reduced-motion:reduce){header .nav-toggle,header .nav-toggle:before,header nav a:after{transition:none}header .nav-toggle:hover{transform:none}}
/* Vue de face : téléphone et interface sur un même plan, sans biais. */
.mobile-iphone .iphone-front{transform:none;filter:drop-shadow(0 8px 7px #13352a14)}
@media(max-width:600px){.mobile-iphone{height:min(515px,calc(100svh - 255px));max-width:100%}.mobile-iphone .iphone-front{height:100%;width:auto;max-width:100%;overflow:visible}.performance-sticky{gap:12px}}