/* Afflux — présentation immersive. Aucune dépendance ni ressource distante. */
.immersive{--paper:#090909;--accent:#ff9a3d;background:#090909;color:#f5f4f0;-webkit-font-smoothing:antialiased}
.immersive .site-header{height:80px;padding:0 5%;background:#090909ed;border-bottom:1px solid #ffffff12;position:relative;z-index:20;gap:28px}
.immersive .brand{font-weight:660;letter-spacing:-1px}.immersive .brand img{width:34px;height:34px;border-radius:9px}
.immersive nav{gap:26px}.immersive nav a{font-size:13px;color:#a6a5a3}.immersive nav a:hover,.immersive nav a[aria-current]{color:#fff}
.immersive nav a[aria-current]{position:relative}.immersive .site-header nav a[aria-current]:after{content:'';position:absolute;bottom:-28px;left:0;right:0;height:2px;background:#f99b46}
.immersive .nav-cta{font-size:12px;background:#eee9e3;border:0;color:#171411;padding:9px 17px;font-weight:600}
.immersive .nav-cta:hover{background:#fff;color:#000}.immersive .eyebrow{font-size:10px;letter-spacing:.2em;color:#e5a468;font-weight:600}
.immersive h1,.immersive h2{font-weight:580}.immersive .button{font-weight:500}.immersive a:focus-visible,.immersive button:focus-visible{outline:2px solid #ffbd80;outline-offset:6px}
.immersive .skip:focus{z-index:100}.immersive footer{border-top:1px solid #ffffff14;max-width:100%;padding:35px 5%}
.cinematic-hero{position:relative;isolation:isolate;text-align:center;overflow:hidden;padding:62px 24px 0;background:#090909}
.cinematic-hero .eyebrow{margin:0 0 20px}.immersive .cinematic-hero h1{font-size:clamp(52px,6.4vw,94px);letter-spacing:-.065em;line-height:1.02;margin:0 auto 20px}
.immersive .cinematic-hero h1 span{background:linear-gradient(100deg,#ffdabb 10%,#ef9c56 55%,#a65422);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero-description{font-size:17px;line-height:1.6;color:#a4a09b;margin:0 0 24px}
.experience-button{display:inline-flex;gap:26px;align-items:center;font-size:12px;letter-spacing:.01em;border:1px solid #ffffff38;border-radius:30px;padding:12px 20px;color:#f3eae0;text-decoration:none;transition:background .2s}
.experience-button:hover{background:#25201b}.hero-orbit{position:absolute;width:1100px;height:600px;left:50%;bottom:-90px;transform:translateX(-50%);background:radial-gradient(ellipse,#784d2635,transparent 68%);z-index:-1}
.hero-device-scene{height:380px;width:min(900px,90vw);position:relative;margin:48px auto 24px;perspective:1600px}
.hardware{position:relative;flex:none;filter:drop-shadow(0 24px 26px #0009);transform-style:preserve-3d;--radius:30px}
.device-shell{background:linear-gradient(110deg,#92918d,#323230 3%,#080809 7%,#060607 91%,#777670 99%);padding:8px;border-radius:var(--radius);border:1px solid #8c89826e;position:relative;box-shadow:inset 0 0 0 2px #494847}
.device-screen{width:100%;height:100%;overflow:hidden;position:relative;border-radius:calc(var(--radius) - 7px);isolation:isolate;background:#171717}
.screen-capture{display:block;width:100%;height:100%;object-fit:fill;max-width:none}
.camera{position:absolute;background:#070708;width:26%;height:3.5%;top:2.1%;left:37%;border-radius:20px;z-index:9;pointer-events:none}
.iphone{width:240px;aspect-ratio:1206 / 2660;--radius:34px}.iphone .device-shell{width:100%;height:100%;padding:7px}.iphone:after{content:'';position:absolute;left:-2px;top:22%;width:3px;height:10%;background:#777;border-radius:2px}
.ipad{width:360px;aspect-ratio:1700 / 2460;--radius:24px}.ipad .device-shell{width:100%;height:100%;padding:12px}.ipad .camera{width:4px;height:4px;left:50%;top:4px}
.mac{width:650px;aspect-ratio:1.5;--radius:16px}.mac .device-shell{height:94%;padding:9px 9px 12px}.mac .camera{width:9%;height:2.8%;top:9px;left:45.5%;border-radius:0 0 6px 6px}.mac .device-foot{height:4%;position:absolute;bottom:2%;left:-6%;right:-6%;background:linear-gradient(#b7b7b5,#565654);border-radius:2px 2px 50% 50%;box-shadow:0 4px 2px #000}.mac .device-foot:before{content:'';display:block;margin:auto;width:14%;height:35%;background:#484846;border-radius:0 0 10px 10px}
.apple-tv{width:720px;aspect-ratio:1.7;--radius:9px}.apple-tv .device-shell{height:96%;padding:7px;box-shadow:inset 0 0 0 1px #646464}.apple-tv .camera{display:none}.apple-tv .device-foot{position:absolute;bottom:0;width:36%;height:4%;left:32%;background:linear-gradient(#262626,#4d4d4c);clip-path:polygon(40% 0,60% 0,100% 100%,0 100%)}
.hero-device-scene .hardware{position:absolute}.hero-mac{width:66%;bottom:4%;left:17%;transform:rotateY(-9deg)}.hero-ipad{width:22%;left:0;bottom:0;transform:rotateY(12deg) rotateZ(-6deg)}.hero-iphone{width:16%;right:1%;bottom:-1%;transform:rotateY(-12deg) rotateZ(6deg)}
.hero-bottom{max-width:1160px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff17;gap:20px;padding:23px 0;color:#716d68;font-size:9px;letter-spacing:.12em}.hero-bottom a{color:#9e9992;text-decoration:none;font-size:10px}.hero-bottom a:nth-child(2){letter-spacing:0;color:#c9c3bb;font-size:11px}
.home-immersive .manifesto{padding-top:115px;padding-bottom:120px}.home-immersive .feature-split,.home-immersive .free-section,.home-immersive .closing{background:#111110}.home-immersive .premium-offers{background:#090909}.home-devices{padding:110px 5%}.home-devices .section-heading{margin-bottom:55px}
.devices-intro{text-align:center;padding:75px 24px 44px}.immersive .devices-intro h1{font-size:clamp(56px,7vw,98px);line-height:1.02;letter-spacing:-.065em;margin:0 auto 24px}.devices-intro h1 span{color:#a8a39b!important}.devices-intro .intro{font-size:17px;margin-bottom:30px}
.immersive .device-selector{display:flex;justify-content:center;align-items:center;gap:0!important;width:max-content;max-width:100%;margin:0 auto;background:#171716;border:1px solid #ffffff14;border-radius:40px;padding:5px}
.immersive .device-selector a{display:block;padding:9px 22px;white-space:nowrap;font-size:12px;border-radius:30px}.immersive .device-selector a:hover{background:#252523}.immersive .device-selector a[aria-current]{color:#181510;background:#eee9e2}
.device-gallery{padding:0 5% 50px}.device-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;max-width:1500px;margin:auto}
.device-card{position:relative;display:block;overflow:hidden;border:1px solid #ffffff14;border-radius:18px;padding:26px 24px 20px;background:linear-gradient(150deg,#1d1c1a,#111110 75%);color:#f7f4ee;text-decoration:none;transition:transform .35s,border-color .35s}
.device-card:hover{transform:translateY(-7px);border-color:#c4946155;color:#fff!important}.card-heading{display:flex;align-items:center;justify-content:space-between;font-size:23px;letter-spacing:-.04em;font-weight:550}.circle-arrow{width:28px;height:28px;border:1px solid #ffffff26;border-radius:50%;font-size:17px;display:grid;place-items:center;color:#a6a097}.device-card p{color:#928d86;font-size:12px;margin:7px 0 0}
.card-stage{height:240px;display:flex;align-items:center;justify-content:center;padding:18px 6px 10px;perspective:1000px}.card-stage .hardware{transform:rotateY(-8deg) rotateZ(2deg);transition:transform .55s}.device-card:hover .hardware{transform:rotateY(0) rotateZ(0) scale(1.035)}.card-stage .iphone{width:94px;--radius:15px}.card-stage .iphone .device-shell{padding:4px}.card-stage .ipad{width:139px;--radius:12px}.card-stage .ipad .device-shell{padding:5px}.card-stage .mac{width:200px;max-width:100%;--radius:7px}.card-stage .mac .device-shell{padding:4px}.card-stage .mac .camera{top:4px}.card-stage .apple-tv{width:215px;max-width:100%;--radius:4px}.card-stage .apple-tv .device-shell{padding:4px}.card-action{display:flex;justify-content:space-between;font-size:10px;color:#bdb3a7;border-top:1px solid #ffffff13;padding-top:17px}
.ecosystem{text-align:center;padding:90px 24px 110px}.small-orbit{font-size:70px;font-weight:200;color:#bc844e;line-height:1;display:block;margin-bottom:30px}.ecosystem>p:not(.eyebrow){font-size:17px;color:#9c9892}.text-link{display:inline-flex;color:#ede0d2;gap:20px;font-size:13px;text-decoration:none;margin-top:15px}
.device-subnav{height:64px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #ffffff12;padding:0 5%;position:relative;background:#0c0c0b;z-index:2}.device-subnav .device-selector{background:none;border:0;padding:0}.device-subnav .device-selector a{padding:7px 20px}.all-devices{position:absolute;left:5%;color:#8f8c86;font-size:11px;text-decoration:none}
.scroll-story{height:480vh;height:480svh;position:relative;--app-open:0;--category:0;--reading:0;--drift:0;--progress:0;--tilt:-9deg;--zoom:.94;--clip-bottom:8%;--clip-top:84%;--clip-left:49%;--clip-right:30%}
.story-sticky{height:100vh;height:100svh;min-height:590px;position:sticky;top:0;display:flex;flex-direction:column;padding:0 5%;overflow:hidden;background:radial-gradient(ellipse at 80% 60%,#30211636,transparent 52%),#090909}
.story-topline{display:flex;align-items:center;justify-content:space-between;padding:22px 0;color:#e0d9cf;font-size:14px;border-bottom:1px solid #ffffff0e;flex:none}.story-hint{font-size:10px;letter-spacing:.02em;color:#77736e}.story-hint>span{color:#f5b375;margin-left:18px}
.story-composition{display:grid;grid-template-columns:40% 60%;flex:1;min-height:0;align-items:center}.story-copy{position:relative;height:340px;z-index:4;pointer-events:none}.scene-copy{position:absolute;top:28px;left:0;right:0;opacity:0;transform:translateY(18px);transition:opacity .32s,transform .45s;visibility:hidden}.scene-copy.is-active{opacity:1;transform:none;visibility:visible}.immersive .scene-copy h1{font-size:clamp(34px,3.7vw,60px);font-weight:550;line-height:1.06;letter-spacing:-.055em;margin:0 0 25px}.scene-copy .eyebrow{margin-bottom:27px}.scene-copy .eyebrow>span{color:#6b6761;margin-left:14px}.scene-copy>p:last-child{color:#96918a;font-size:14px;line-height:1.7;max-width:330px}.scroll-invitation{position:absolute;bottom:0;left:0;font-size:10px;color:#77716a;display:flex;align-items:center;gap:10px}.scroll-mouse{height:22px;width:14px;border:1px solid #6d6259;border-radius:12px;display:block;position:relative}.scroll-mouse:before{content:'';height:5px;width:2px;background:#f7a45c;position:absolute;left:5px;top:4px}
.story-visual{height:100%;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;perspective:1600px;padding:16px 14px 34px}.story-hardware{transform:rotateY(var(--tilt)) rotateX(2deg) scale(var(--zoom));will-change:transform;z-index:2}.story-hardware.iphone{width:min(250px,24vw,calc((100svh - 160px)*.452));min-width:170px}.story-hardware.ipad{width:min(360px,35vw,calc((100svh - 180px)*.69));min-width:230px}.story-hardware.mac{width:94%;max-width:740px}.story-hardware.apple-tv{width:96%;max-width:850px}.story-visual .visual-caption{position:absolute;bottom:0;margin:0;color:#514b44;font-size:8px;letter-spacing:.04em;text-align:center;width:100%}.ambient-light{position:absolute;inset:10%;border-radius:50%;background:radial-gradient(ellipse,#d0823814,transparent 65%);transform:scale(1.3);pointer-events:none}
.chapter-controls{position:relative;display:flex;gap:0;border-top:1px solid #ffffff20;padding:18px 0 22px;flex:none}.chapter-controls button{font:inherit;cursor:pointer;border:0;background:transparent;color:#706b64;font-size:11px;display:flex;gap:10px;align-items:center;flex:1;text-align:left;padding:10px 0}.chapter-controls button>span{font-size:9px;letter-spacing:.03em;opacity:.55}.chapter-controls button[aria-current]{color:#eee5da}.chapter-controls button[aria-current]>span{color:#efa65f;opacity:1}.chapter-controls .next-step{border:1px solid #ffffff28;border-radius:50%;flex:0 0 35px;height:35px;display:grid;place-items:center;padding:0;color:#e7b485;font-size:17px}.story-progress{position:absolute;top:-1px;left:0;right:0;height:2px;pointer-events:none}.story-progress span{display:block;height:100%;background:#e99950;transform-origin:left;transform:scaleX(var(--progress));will-change:transform}
.os-home{position:absolute;inset:0;background:linear-gradient(145deg,#030608 10%,#362016 48%,#bd6b31 75%,#eabe84);overflow:hidden;color:white;isolation:isolate}.wallpaper-orbit{position:absolute;border-radius:50%;border:1px solid #e4a37536;box-shadow:inset 26px 24px 35px #000a,8px 18px 30px #0009;z-index:-1;transform:rotate(-35deg)}.orbit-one{width:160%;height:88%;left:-24%;top:-24%;background:linear-gradient(150deg,#050606 38%,#573824 75%,#ca965f)}.orbit-two{width:160%;height:88%;left:8%;top:38%;background:linear-gradient(160deg,#050505 28%,#5e3821 70%,#e1b782)}
.os-bar{position:absolute;top:2.8%;left:7%;right:7%;display:flex;justify-content:space-between;font-size:9px;font-weight:600;z-index:3}.home-clock{position:absolute;left:0;right:0;top:12%;text-align:center;text-shadow:0 2px 10px #0006}.home-clock>span{display:block;font-size:10px}.home-clock>strong{font-size:56px;letter-spacing:-3px;font-weight:400;line-height:1.1;display:block}.home-app-grid{position:absolute;top:39%;left:8%;right:8%;display:grid;grid-template-columns:repeat(3,1fr);gap:15px 12px}.system-app{text-align:center}.system-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#e8e6e1;color:#282522;margin:auto;font-size:25px;font-style:normal;box-shadow:0 3px 8px #0003}.system-app small{font-size:7px;display:block;color:#e6e0d7;margin-top:3px}.icon-0{background:linear-gradient(#ff675c 23%,#f6f1e7 23%);font-size:23px;padding-top:4px}.icon-1{color:#f2888d}.icon-2{background:linear-gradient(#e3bf52 23%,#f6f1e7 23%);font-size:26px}.icon-3{background:linear-gradient(#fa6c86,#d74269);color:#fff}.icon-4{background:#518dab;color:#f9f6f0}.icon-5{background:linear-gradient(#cccac8,#73716f)}
.home-dock{position:absolute;left:5%;right:5%;bottom:3%;height:13%;display:flex;align-items:center;justify-content:space-evenly;border-radius:18px;background:#f9d8b22e;border:1px solid #ffffff19;backdrop-filter:blur(14px)}.dock-generic{width:18%;aspect-ratio:1;border-radius:10px;background:#edeeeae8;color:#377696;display:grid;place-items:center;font-size:22px}.dock-generic.music{background:#c64664;color:#fff}.afflux-launch{position:relative;width:21%;aspect-ratio:1;display:block}.afflux-launch img{width:100%;height:100%;display:block;border-radius:22%;box-shadow:0 3px 10px #0003}.afflux-launch small{position:absolute;bottom:-18px;text-align:center;left:-10px;right:-10px;font-size:8px;color:white;display:none}.launch-ring{position:absolute;inset:-5px;border:1px solid #ffe0b686;border-radius:30%;opacity:calc(1 - var(--app-open)*2);box-shadow:0 0 25px #ffaa4050}
.mac .os-bar{top:1%;left:2%;right:2%;font-size:8px}.mac .home-clock{top:19%}.mac .home-clock>span{font-size:12px}.mac .home-clock>strong{font-size:60px}.mac .home-app-grid{display:none}.mac .home-dock{left:31%;right:31%;height:13%;bottom:3%;border-radius:12px}.mac .dock-generic{font-size:23px}.mac .afflux-launch{width:19%}.ipad .os-bar{font-size:8px}.ipad .home-clock{top:11%}.ipad .home-clock>strong{font-size:65px}.ipad .home-app-grid{top:36%;left:15%;right:15%;gap:26px 15px}.ipad .system-icon{width:42px;height:42px}.ipad .home-dock{height:11%;left:12%;right:12%;bottom:3%}.ipad .dock-generic{width:17%;font-size:26px}
.tv-clock{position:absolute;right:5%;top:7%;font-size:15px}.tv-home-title{position:absolute;top:28%;left:8%;font-size:clamp(12px,2vw,25px);font-weight:500;letter-spacing:-.03em}.tv-apps{position:absolute;display:flex;gap:3%;top:48%;left:8%;right:8%;height:25%;align-items:center}.tv-system{display:grid;place-items:center;border-radius:12px;background:#141416;border:1px solid #ffffff24;height:80%;width:23%;font-size:34px;font-weight:600}.tv-system.music{background:linear-gradient(130deg,#b95172,#d27780);font-size:36px}.tv-system.photos{background:#e2ded8;color:#bb8165}.tv-apps .afflux-launch{width:23%;height:86%;aspect-ratio:auto}.tv-apps .afflux-launch img{object-fit:contain;background:#fff;border-radius:10px}.tv-apps .afflux-launch small{display:block}.tv-apps .launch-ring{border-radius:14px}
.app-window{position:absolute;inset:0;clip-path:inset(var(--clip-top) var(--clip-right) var(--clip-bottom) var(--clip-left) round var(--clip-radius,16px));opacity:var(--app-open);will-change:clip-path,opacity;background:#1d1d1d;z-index:4;overflow:hidden}.screen-panel{position:absolute;inset:0;will-change:transform,opacity}.panel-1{opacity:calc(1 - var(--category));transform:scale(calc(1 + var(--drift)*.055));transform-origin:50% 25%}.panel-2{opacity:var(--category);transform:translateX(calc((1 - var(--category))*12%));z-index:2}.panel-3{opacity:var(--reading);transform:translateY(calc((1 - var(--reading))*10%));z-index:3}.touch-cue{position:absolute;width:18px;height:18px;border-radius:50%;border:1px solid #f9943e;background:#ffd5ab30;top:69%;left:62%;box-shadow:0 0 0 6px #ffa14d18;opacity:var(--tap,0);z-index:5}.apple-tv .touch-cue{width:24%;height:30%;left:31%;top:28%;border-radius:10px}.apple-tv .panel-2 .screen-capture{transform:scale(calc(1 + var(--category)*.07));transform-origin:46% 40%}
.story-end{text-align:center;padding:120px 24px;background:#10100f;border-top:1px solid #ffffff10}.story-end>p:not(.eyebrow):not(.fine-print){color:#8d8780;font-size:17px;margin-bottom:32px}.story-end h2{font-size:clamp(40px,5vw,72px);letter-spacing:-.06em;line-height:1.08;margin-bottom:20px}.story-end .button{font-size:12px;padding:13px 22px}.next-device-link{display:block;color:#cbb6a0;text-decoration:none;font-size:12px;margin:12px 0 45px}.next-device-link span{margin-left:14px}.story-end .fine-print{font-size:10px!important;max-width:560px;color:#625c55}.replay{display:inline-block;margin-top:25px;font-size:11px;color:#c9beb1;text-decoration:none}.no-script{padding:35px;display:flex;gap:20px;flex-wrap:wrap}.no-script .screen-capture{width:28%;height:auto;object-fit:contain}
@media(min-width:1550px){.story-composition{max-width:1600px;width:100%;margin:auto}.story-sticky{padding:0 max(5%,calc((100vw - 1600px)/2))}.story-copy{height:390px}.scene-copy{top:55px}}
@media(max-width:1050px){.immersive .site-header{padding:0 4%;gap:20px}.immersive nav{gap:20px}.device-cards{grid-template-columns:repeat(2,minmax(0,1fr));max-width:750px}.card-stage{height:240px}.device-card p{font-size:13px}.card-stage .mac,.card-stage .apple-tv{width:260px}.story-composition{grid-template-columns:41% 59%}.immersive .scene-copy h1{font-size:39px}.all-devices span{display:none}.scene-copy>p:last-child{font-size:13px}.story-copy{height:330px}.hero-device-scene{height:330px}}
@media(max-width:700px){.immersive .site-header{height:auto;min-height:94px;padding:16px 20px 0;gap:12px;flex-wrap:wrap}.immersive .site-header .brand{font-size:23px}.immersive .site-header nav{order:2;flex-basis:100%;justify-content:space-between;flex-wrap:nowrap;gap:10px;padding:0 0 13px}.immersive .site-header nav a{font-size:11px}.immersive .site-header nav a[aria-current]:after{bottom:-13px}.immersive .site-header .nav-cta{display:block;margin-left:auto;font-size:10px;padding:7px 12px}.immersive .site-header .brand img{width:28px;height:28px}.immersive .cinematic-hero{padding:50px 20px 0}.immersive .cinematic-hero h1{font-size:clamp(42px,8.5vw,59px)}.cinematic-hero .eyebrow{font-size:8px}.hero-description{font-size:14px}.experience-button{font-size:11px;padding:11px 17px}.hero-device-scene{height:44vw;min-height:170px;margin:45px auto 23px;width:95%}.hero-mac{width:69%;left:17%;bottom:2%}.hero-ipad{width:24%;left:-1%}.hero-iphone{width:19%;right:-1%}.hero-device-scene .mac .device-shell{padding:4px;--radius:8px}.hero-device-scene .mac .camera{top:4px}.hero-device-scene .ipad .device-shell{padding:4px;--radius:9px}.hero-device-scene .iphone .device-shell{padding:3px;--radius:12px}.hero-bottom{padding:19px 0;justify-content:center}.hero-bottom>span,.hero-bottom>a:last-child{display:none}.hero-bottom a:nth-child(2){font-size:10px}.home-devices{padding:70px 20px}.home-devices .section-heading p{font-size:15px}.devices-intro{padding:52px 20px 33px}.immersive .devices-intro h1{font-size:57px}.devices-intro .intro{font-size:15px}.immersive .device-selector a{font-size:11px;padding:8px 17px}.device-gallery{padding:0 20px 20px}.device-cards{gap:12px}.device-card{padding:16px 14px 14px;border-radius:13px}.card-heading{font-size:20px}.circle-arrow{width:23px;height:23px;font-size:14px}.device-card p{font-size:10px;min-height:28px;line-height:1.5}.card-stage{height:185px;padding:10px 1px}.card-stage .iphone{width:70px;--radius:11px}.card-stage .ipad{width:103px;--radius:10px}.card-stage .mac{width:140px}.card-stage .apple-tv{width:150px}.card-stage .ipad .device-shell{padding:4px}.card-action{font-size:8px;padding-top:12px;gap:5px}.ecosystem{padding:65px 23px 80px}.ecosystem h2{font-size:34px}.ecosystem>p:not(.eyebrow){font-size:15px}.device-subnav{height:56px;padding:0 20px}.device-subnav .device-selector{margin-left:auto;margin-right:0}.device-subnav .device-selector a{padding:7px 14px;font-size:10px}.all-devices{left:20px;font-size:16px}.scroll-story{height:430svh}.story-sticky{padding:0 22px;min-height:570px}.story-topline{padding:16px 0;font-size:12px}.story-hint{font-size:8px;max-width:195px;text-align:right}.story-hint>span{margin-left:5px}.story-composition{grid-template-columns:1fr;grid-template-rows:170px minmax(0,1fr);gap:0}.story-copy{height:100%;text-align:center}.scene-copy{top:18px}.scene-copy .eyebrow{font-size:8px;margin-bottom:12px}.immersive .scene-copy h1{font-size:30px;line-height:1.06;margin-bottom:12px}.scene-copy>p:last-child{font-size:11px;line-height:1.55;max-width:320px;margin:0 auto}.scroll-invitation{display:none}.story-visual{padding:6px 12px 24px}.story-hardware.iphone{width:min(185px,calc((100svh - 325px)*.453));min-width:115px;--radius:24px}.story-hardware.iphone .device-shell{padding:5px}.story-hardware.ipad{width:min(260px,calc((100svh - 325px)*.69));min-width:170px;--radius:18px}.story-hardware.ipad .device-shell{padding:8px}.story-hardware.mac{width:92%;max-width:450px;--radius:10px}.story-hardware.mac .device-shell{padding:5px 5px 7px}.story-hardware.mac .camera{top:5px}.story-hardware.apple-tv{width:98%;max-width:450px}.visual-caption{font-size:7px!important}.chapter-controls{padding:13px 0 17px}.chapter-controls button{font-size:9px;flex-direction:column;align-items:flex-start;gap:4px;padding:6px 0}.chapter-controls button>span{font-size:8px}.chapter-controls .next-step{align-self:center;flex-basis:30px;height:30px;font-size:14px}.os-bar{font-size:6px}.home-clock>span{font-size:7px}.home-clock>strong{font-size:36px;letter-spacing:-2px}.home-app-grid{gap:10px 6px}.system-icon{width:25px;height:25px;border-radius:7px;font-size:17px}.system-app small{font-size:5px}.icon-0{font-size:15px;padding-top:3px}.icon-2{font-size:19px}.dock-generic{font-size:17px;border-radius:6px}.home-dock{border-radius:12px}.ipad .home-clock>strong{font-size:44px}.ipad .system-icon{width:30px;height:30px}.ipad .home-app-grid{gap:19px 12px}.ipad .dock-generic{font-size:19px}.mac .home-clock>span{font-size:7px}.mac .home-clock>strong{font-size:36px}.mac .os-bar{font-size:5px}.mac .dock-generic{font-size:13px}.mac .home-dock{border-radius:7px}.tv-clock{font-size:9px}.tv-home-title{font-size:15px}.tv-system{font-size:22px;border-radius:7px}.tv-system.music{font-size:24px}.tv-apps .afflux-launch img{border-radius:7px}.tv-apps .afflux-launch small{font-size:6px;bottom:-13px}.story-end{padding:80px 24px}.story-end h2{font-size:38px}.story-end>p:not(.eyebrow):not(.fine-print){font-size:15px}}
@media(max-height:620px) and (min-width:701px){.story-sticky{min-height:480px}.story-hardware.iphone{min-width:135px}.story-hardware.ipad{min-width:180px}.story-hardware.mac,.story-hardware.apple-tv{width:75%}.story-copy{height:270px}.scene-copy{top:0}.immersive .scene-copy h1{font-size:34px}.scene-copy .eyebrow{margin-bottom:20px}}
@media(max-width:360px){.immersive .site-header nav{gap:8px}.immersive .site-header nav a{font-size:10px}.immersive .device-selector a{padding:8px 12px}.device-card{padding:13px 11px}.card-heading{font-size:18px}.card-stage{height:166px}.card-action{font-size:7px}.immersive .devices-intro h1{font-size:50px}.immersive .scene-copy h1{font-size:27px}.story-topline .story-hint{max-width:175px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{transition:none!important;animation:none!important}.story-hardware,.hero-device-scene .hardware,.card-stage .hardware{transform:none!important}.screen-panel{transform:none!important}.device-card:hover{transform:none}.app-window,.story-hardware,.screen-panel{will-change:auto}}
/* Garder les étapes accessibles sur un téléphone tenu en paysage. */
@media(max-height:500px){
 .story-sticky{min-height:0;padding:0 4%}.story-topline{padding:9px 0;font-size:11px}.story-hint{font-size:8px}
 .story-composition{grid-template-columns:42% 58%;grid-template-rows:minmax(0,1fr);gap:0}.story-copy{height:100%;text-align:left}
 .scene-copy{top:20px}.scene-copy .eyebrow{font-size:8px;margin-bottom:13px}.immersive .scene-copy h1{font-size:28px;margin-bottom:14px}.scene-copy>p:last-child{font-size:11px;line-height:1.5;max-width:280px;margin:0}
 .scroll-invitation{display:none}.story-visual{padding:8px 14px 22px}.story-hardware.iphone{width:calc((100svh - 110px)*.45);min-width:0;--radius:18px}.story-hardware.iphone .device-shell{padding:4px}
 .story-hardware.ipad{width:calc((100svh - 115px)*.69);min-width:0;--radius:16px}.story-hardware.ipad .device-shell{padding:6px}.story-hardware.mac,.story-hardware.apple-tv{width:min(90%,calc((100svh - 130px)*1.5))}
 .chapter-controls{padding:7px 0 10px}.chapter-controls button{font-size:9px;flex-direction:row;align-items:center}.chapter-controls .next-step{height:27px;flex-basis:27px}.visual-caption{font-size:7px!important}
 .home-clock>strong{font-size:35px}.home-clock>span{font-size:7px}.home-app-grid{gap:9px 6px}.system-icon{width:24px;height:24px;font-size:17px;border-radius:6px}.system-app small{font-size:5px}.dock-generic{font-size:15px}.ipad .system-icon{width:26px;height:26px}.ipad .home-app-grid{gap:15px 10px}.ipad .home-clock>strong{font-size:40px}.ipad .dock-generic{font-size:17px}
}