:root{color-scheme:light;--paper:#f5f5f7;--ink:#171719;--muted:#68686f;--blue:#347cf5;--on-ink:#fff;--surface:#fff;--surface-alt:#e9e9ee;--header-bg:#f5f5f7dc;--header-line:#00000009;--line:#dcdce0;--line-strong:#d4d4da;--dot:#c8c8ce;--dim-1:#8b8b93;--dim-2:#84848b;--dim-3:#7f7f87;--look-bg:#09090b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #3789ff;outline-offset:6px}img{display:block;max-width:100%;height:auto}.wrap{width:min(1140px,calc(100% - 80px));margin:auto}header{position:sticky;top:0;z-index:10;background:var(--header-bg);backdrop-filter:blur(20px);border-bottom:1px solid var(--header-line)}nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px;font-size:27px;font-weight:750;letter-spacing:-1.2px}.brand img{border-radius:10px}nav>div{display:flex;gap:30px;align-items:center;font-size:14px;font-weight:550}.pill{white-space:nowrap;background:var(--ink);color:var(--on-ink);border-radius:25px;padding:11px 19px}.reading-progress{position:absolute;bottom:0;height:2px;width:100%;background:var(--blue);transform:scaleX(var(--page-progress,0));transform-origin:left}.hero{text-align:center;overflow:hidden;padding-top:72px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2.2px;margin:0 0 24px}h1{font-size:clamp(58px,7.7vw,108px);line-height:1.02;letter-spacing:-6px;font-weight:650;margin:0}h1 span{color:var(--dim-1)}.lead{font-size:20px;line-height:1.6;color:var(--muted);margin:28px 0}.button{display:inline-flex;gap:35px;align-items:center;background:var(--ink);color:var(--on-ink);padding:17px 25px;border-radius:32px;font-size:15px;font-weight:600;transition:transform .25s}.button:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0002}.micro{font-size:12px;color:var(--muted);margin-top:16px}.hero-gallery{height:620px;position:relative;max-width:1000px;margin:70px auto 0;perspective:1500px}.hero-shot{position:absolute;width:285px;margin:0;left:50%;border-radius:28px;overflow:hidden;box-shadow:0 25px 55px #16182720;border:1px solid #00000006;transform-origin:center 70%;will-change:transform}.hero-shot.center{z-index:3;transform:translateX(-50%) translateY(calc(var(--hero-p,0) * -28px)) scale(calc(1 + var(--hero-p,0) * .035))}.hero-shot.left{transform:translateX(calc(-50% - 245px - var(--hero-p,0) * 95px)) translateY(calc(55px + var(--hero-p,0) * 32px)) rotate(calc(-10deg - var(--hero-p,0) * 8deg));z-index:2}.hero-shot.right{transform:translateX(calc(-50% + 245px + var(--hero-p,0) * 95px)) translateY(calc(55px + var(--hero-p,0) * 32px)) rotate(calc(10deg + var(--hero-p,0) * 8deg));z-index:1}.scroll-hint{display:flex;justify-content:center;align-items:center;gap:35px;font-size:12px;color:var(--muted);padding:45px 20px}.scroll-hint span{font-size:22px}.intro{padding:150px 0 100px;text-align:center}.intro h2{font-size:clamp(40px,5.8vw,76px);line-height:1.13;letter-spacing:-3px;margin:0}.intro h2 span{color:var(--dim-2)}.intro-note{font-size:18px;line-height:1.65;color:var(--muted);margin-top:32px}.tour{display:grid;grid-template-columns:1fr 1fr;gap:100px;position:relative;padding-bottom:100px}.tour-visual{height:calc(100svh - 100px);position:sticky;top:100px;display:flex;align-items:center;justify-content:center;flex-direction:column}.screen-stack{height:min(70svh,690px);aspect-ratio:1284/2778;position:relative}.screen-stack img{position:absolute;inset:0;width:100%;height:100%;border-radius:25px;box-shadow:0 20px 50px #00000012;opacity:0;transform:translateY(30px) scale(.95);transition:opacity .65s,transform .8s cubic-bezier(.2,.7,.2,1)}.screen-stack img.active{opacity:1;transform:none}.tour-dots{display:flex;gap:10px;margin-top:25px}.tour-dots i{height:5px;width:5px;border-radius:5px;background:var(--dot);transition:transform .3s}.tour-dots i.active{width:28px;background:var(--ink)}.tour-chapters article{min-height:85svh;display:flex;flex-direction:column;justify-content:center;padding:65px 0}.tour h2,.look h2,.widget-section h2{font-size:clamp(42px,5vw,67px);line-height:1.05;letter-spacing:-3px;margin:0 0 25px}.tour article>p:not(.eyebrow),.look-copy>p:not(.eyebrow):not(.small-note),.widget-copy>p:not(.eyebrow){font-size:18px;line-height:1.7;color:var(--muted);max-width:400px}.colors{display:flex;gap:10px;margin-top:20px}.colors i{width:24px;height:24px;border-radius:50%;background:#ee9e3a}.colors i:nth-child(2){background:#eb6b62}.colors i:nth-child(3){background:#518bf0}.colors i:nth-child(4){background:#61b884}.colors i:nth-child(5){background:#a19ce8}.detail-label{font-size:13px;font-weight:600;margin-top:20px}.mobile-screen{display:none}.look{background:var(--look-bg);color:#fafafa;transition:none;overflow:hidden}.look-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center;padding-block:100px}.look h2 span{color:#95959f}.look-copy>p:not(.eyebrow):not(.small-note){color:#a1a1aa}.theme-switch{display:inline-flex;padding:5px;gap:5px;border:1px solid #ffffff30;border-radius:40px;margin-top:20px}.theme-switch button{cursor:pointer;background:none;color:inherit;border:0;border-radius:25px;padding:12px 22px;font-size:14px}.theme-switch button[aria-pressed=true]{background:#fff;color:#161619}.small-note{font-size:12px;color:#90909a;margin-top:16px}.look-images{position:relative;width:min(100%,330px);margin:auto;aspect-ratio:1284/2778;border-radius:27px;overflow:hidden;transform:rotate(4deg);transition:transform .8s}.look-images img{position:absolute;inset:0;transition:opacity .7s}.light-image{opacity:0}.widget-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:110px;padding-block:150px}.widget-image{max-width:320px;margin:auto;border-radius:28px;overflow:hidden;box-shadow:0 30px 70px #00000015}.mini-features{margin-top:45px;border-top:1px solid var(--line);padding-top:28px;display:grid;grid-template-columns:1fr 1fr;gap:25px}.mini-features span{font-size:11px;color:var(--muted)}.mini-features h3{font-size:17px;letter-spacing:-.4px}.mini-features p{font-size:14px;line-height:1.6;color:var(--muted)}.closing{text-align:center;padding:110px 0;background:var(--surface-alt)}.closing .wrap>img{border-radius:23px;margin:0 auto 35px;box-shadow:0 15px 35px #0001}.closing h2{font-size:clamp(65px,8vw,110px);line-height:1.02;letter-spacing:-5px;margin:0 0 35px}.closing h2 span{color:var(--dim-3)}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:35px}footer p,footer>div{font-size:12px;color:var(--muted)}footer>div{display:flex;gap:25px}.skip{position:fixed;top:-100px;left:15px;padding:15px;background:var(--surface);z-index:50}.skip:focus{top:10px}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}nav>div{gap:20px}nav>div>a:nth-child(2){display:none}.hero{padding-top:65px}h1{font-size:64px;letter-spacing:-3.5px}.hero-gallery{height:530px}.hero-shot{width:235px}.hero-shot.left{left:calc(50% + 65px)}.hero-shot.right{left:calc(50% - 65px)}.intro{padding-block:95px 55px}.tour{gap:35px}.look-grid,.widget-section{gap:40px}.tour h2,.look h2,.widget-section h2{font-size:44px;letter-spacing:-2px}.tour article>p:not(.eyebrow),.look-copy>p:not(.eyebrow):not(.small-note),.widget-copy>p:not(.eyebrow){font-size:16px}.look-grid{padding-block:70px}.widget-section{padding-block:90px}footer{flex-wrap:wrap}footer p{display:none}}
@media(max-width:600px){nav{height:66px}.brand{font-size:24px}nav>div{gap:15px;font-size:12px}.pill{padding:10px 14px}.hero{padding-top:50px}h1{font-size:clamp(43px,10.8vw,65px);letter-spacing:-2.8px}.lead{font-size:17px}.hero-gallery{height:465px;margin-top:50px}.hero-shot{width:200px;border-radius:20px}.hero-shot.left{left:calc(50% + 110px)}.hero-shot.right{left:calc(50% - 110px)}.scroll-hint{padding-top:25px;font-size:11px;gap:15px}.intro h2{font-size:39px;letter-spacing:-1.7px}.intro-note{font-size:16px}.tour{display:block;padding-bottom:40px}.tour-visual{display:none}.tour-chapters article{min-height:0;padding:50px 0 30px;text-align:center;align-items:center}.tour h2{font-size:46px}.mobile-screen{display:block;width:min(80%,300px);margin:36px auto 0;border-radius:22px;box-shadow:0 20px 50px #0001}.look-grid{grid-template-columns:1fr;gap:40px;text-align:center}.look-copy>p{margin-inline:auto}.look-images{width:260px}.widget-section{grid-template-columns:1fr;gap:45px}.widget-copy{order:-1;text-align:center}.widget-copy>p{margin-inline:auto}.widget-image{width:260px}.mini-features{text-align:left}.closing{padding-block:75px}.closing h2{font-size:65px;letter-spacing:-3px}footer>div{gap:16px}.eyebrow{font-size:10px;letter-spacing:1.7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-shot{will-change:auto}.motion .reveal{opacity:1;transform:none}}

.document{max-width:850px;padding-block:80px 100px}.document h1{font-size:clamp(34px,5.5vw,64px);letter-spacing:-2px;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.document-lead{font-size:20px;line-height:1.7;color:var(--muted);margin:28px 0}.document-meta{font-size:14px;line-height:1.7;padding-bottom:30px;border-bottom:1px solid var(--line);color:var(--muted)}.document section{margin-top:38px;scroll-margin-top:100px}.document h2,.document h3{font-size:25px;letter-spacing:-.6px;margin:0 0 14px}.document p:not(.eyebrow){font-size:16px;line-height:1.8}.document p a,.document-meta a,.privacy-summary>a{text-decoration:underline;text-underline-offset:4px}.contact-panel{background:var(--surface);border-radius:24px;padding:30px;margin:35px 0 55px}.contact-panel .button{font-size:14px;max-width:100%;overflow-wrap:anywhere}.faq-nav{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.faq-nav a{padding:9px 14px;border:1px solid var(--line-strong);border-radius:24px;font-size:13px}.document details{border-bottom:1px solid var(--line);padding:18px 0}.document summary{cursor:pointer;font-weight:600;font-size:16px;line-height:1.6}.document details p{color:var(--muted);margin-bottom:4px}.privacy-summary{padding:0 0 100px;max-width:800px;text-align:center}.privacy-summary h2{font-size:clamp(30px,4vw,48px);letter-spacing:-1.7px}.privacy-summary p:not(.eyebrow){font-size:17px;line-height:1.8;color:var(--muted)}.privacy-summary>a{font-size:15px}.document~footer{border-top:1px solid var(--line)}@media(max-width:600px){.document{padding-top:45px}.document-lead{font-size:18px}.contact-panel{padding:23px}.privacy-summary{padding-bottom:65px}footer>div{flex-wrap:wrap}}
.faq-nav{height:auto;justify-content:flex-start;align-items:center}.document~footer>div{flex-wrap:wrap}@media(max-width:800px){body:has(.document) header nav>div>a:nth-child(2){display:inline-block}}
header nav{gap:24px}header nav>div:first-of-type{margin-left:auto}.language-switch{display:flex!important;gap:2px!important;margin-left:0!important;border:1px solid var(--line-strong);border-radius:20px;padding:3px;font-size:12px!important}.language-switch a{display:block!important;padding:7px 9px;border-radius:16px}.language-switch a[aria-current]{background:var(--ink);color:var(--on-ink)}@media(max-width:600px){header nav{gap:10px}header nav>div:first-of-type{gap:10px}header nav>div:first-of-type>a:not(.pill){display:none}header .brand img{width:28px;height:28px}.language-switch a{padding:6px 7px}.pill{font-size:11px}}
@media(max-width:374px){header .brand{font-size:0;gap:0}}
@media(prefers-color-scheme:dark){:root{color-scheme:dark;--paper:#000;--ink:#f5f5f7;--muted:#a1a1a6;--blue:#0a84ff;--on-ink:#000;--surface:#1c1c1e;--surface-alt:#1c1c1e;--header-bg:#000000c8;--header-line:#ffffff1a;--line:#38383a;--line-strong:#48484a;--dot:#48484a;--dim-1:#8e8e93;--dim-2:#8e8e93;--dim-3:#8e8e93;--look-bg:#1c1c1e}

}

/* Launch information, feature overview and release notes. */
.launch-status{display:inline-block;background:var(--ink);color:var(--on-ink);padding:17px 25px;border-radius:32px;font-size:15px;font-weight:600}.micro{line-height:1.8}.feature-overview{padding-bottom:100px}.section-heading{font-size:clamp(32px,4vw,48px);line-height:1.12;letter-spacing:-1.7px;margin:0 0 35px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;list-style:none;padding:0;margin:0}.feature-grid li{border-top:1px solid var(--line);padding-top:24px}.feature-grid h3{font-size:20px;letter-spacing:-.5px;margin:0 0 12px}.feature-grid p,.release-intro,.release-list p{color:var(--muted);font-size:16px;line-height:1.7;margin:0}.whats-new{padding-bottom:100px}.release-card{background:var(--surface);border-radius:32px;padding:clamp(24px,5vw,60px);max-width:850px;margin:auto}.release-version{font-size:56px;font-weight:650;letter-spacing:-2px;margin:0 0 6px}.release-subtitle{font-size:26px;color:var(--muted);margin:0 0 18px}.release-list{list-style:none;padding:0;margin:35px 0 0;display:grid;gap:28px}.release-list li{position:relative;padding-left:40px}.release-icon{position:absolute;left:0;top:2px;width:24px;height:24px;background:var(--muted);-webkit-mask:var(--release-symbol) center/contain no-repeat;mask:var(--release-symbol) center/contain no-repeat}.release-icon-app{background:none;-webkit-mask:none;mask:none;border-radius:5px;object-fit:contain}.release-list h3{font-size:21px;letter-spacing:-.4px;margin:0 0 6px}footer>div{flex-wrap:wrap}
@media(max-width:800px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.feature-overview,.whats-new{padding-bottom:65px}.feature-grid{grid-template-columns:1fr;gap:24px}.release-card{border-radius:24px}.release-list h3{font-size:19px}.release-list li{padding-left:34px}.launch-status{font-size:14px;padding:16px 22px}}

/* Expandable version cards; native details remain usable without JavaScript. */
.release-heading,.release-stack{max-width:850px;margin-inline:auto}.release-heading{margin-bottom:32px}.release-heading .section-heading{margin-bottom:18px}.release-hint,.release-date{font-size:14px;line-height:1.6;color:var(--muted)}.release-stack{display:grid;gap:18px}.release-stack .release-card{width:100%;padding:0;border:1px solid var(--line);overflow:hidden;transition:none}.release-card[open]{border-color:var(--line-strong)}.release-toggle{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 36px;cursor:pointer;-webkit-tap-highlight-color:transparent}.release-toggle::-webkit-details-marker{display:none}.release-toggle:focus-visible{outline:3px solid var(--blue);outline-offset:-6px;border-radius:28px}.release-kicker{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:12px;font-weight:650;letter-spacing:1.5px;color:var(--muted)}.release-badge{background:var(--ink);color:var(--on-ink);font-size:10px;letter-spacing:.5px;padding:5px 9px;border-radius:20px}.release-card-title{display:block;font-size:clamp(23px,3.6vw,34px);font-weight:600;letter-spacing:-1px;line-height:1.2;margin-top:12px}.release-chevron{flex:none;display:grid;place-items:center;width:38px;height:38px;background:var(--surface-alt);border-radius:50%;font-size:27px;font-weight:400;transition:transform .4s}.release-card[open] .release-chevron{transform:rotate(45deg)}.release-body{padding:0 36px 36px}.release-body .release-list{margin-top:5px}.release-date{margin:0 0 24px}.release-body .release-list h3{font-size:20px}@media(hover:hover){.release-toggle:hover .release-chevron{background:var(--ink);color:var(--on-ink)}}@media(max-width:600px){.release-toggle{padding:24px 22px;gap:12px}.release-body{padding:0 22px 28px}.release-card-title{letter-spacing:-.6px}.release-body .release-list h3{font-size:18px}.release-chevron{width:32px;height:32px}.release-stack{gap:14px}}


/* Readable defaults also cover a blocked or failed motion.js request. */
.reveal{opacity:1;transform:none}
.tour-visual{display:none}.tour{display:block}
.tour-chapters article{min-height:0}
.tour-chapters .mobile-screen{display:block;width:min(80%,300px);margin:36px auto 0;border-radius:22px}
.hero-shot{will-change:auto}
.hero-shot.center{transform:translateX(-50%)}
.hero-shot.left{transform:translateX(calc(-50% - 245px)) translateY(55px) rotate(-10deg)}
.hero-shot.right{transform:translateX(calc(-50% + 245px)) translateY(55px) rotate(10deg)}
.release-stack .release-card{transition:none}
.release-chevron{transition:transform .3s}
.theme-switch{display:none}
html:has(.look-ready) .theme-switch{display:inline-flex}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.look-images{transform:none!important}}


/* Native scroll reveals are opt-in only after successful script initialization. */
@keyframes reveal-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@supports (animation-timeline:view()) and (animation-range:20% 60%){
 @media(prefers-reduced-motion:no-preference){
  .native-reveals [data-reveal]{animation:reveal-in linear both;animation-timeline:view();animation-range:entry var(--reveal-start,0%) entry var(--reveal-end,85%)}
  .native-reveals .hero-copy>[data-reveal]{animation:reveal-in .65s var(--reveal-delay,0ms) both;animation-timeline:auto}
  .native-reveals [data-reveal]:focus-within{animation:none;opacity:1;transform:none}
 }
}
@media(prefers-reduced-motion:no-preference){
 .pill,.theme-switch button,.language-switch a{transition:transform .18s}
 .pill:active,.theme-switch button:active,.language-switch a:active{transform:scale(.96)}
}


/* Gray stays readable; only the full-color duplicate changes opacity. */
.intro h2.scroll-statement{view-timeline-name:--statement;view-timeline-axis:block}
.intro h2 .scroll-word{position:relative;display:inline-block;color:var(--muted)}
.intro h2 .word-ink{position:absolute;inset:0;color:var(--ink);opacity:1;pointer-events:none;user-select:none}
@keyframes word-ink{from{opacity:0}to{opacity:1}}
@supports (animation-timeline:view()) and (animation-range:20% 60%){
 @media(prefers-reduced-motion:no-preference){
  .native-words .word-ink{animation:word-ink linear both;animation-timeline:--statement;animation-range:var(--word-start) var(--word-end)}
 }
}
@media(prefers-reduced-motion:reduce){.intro h2 .word-ink{opacity:1!important}}


@media(min-width:801px) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .tour.tour-ready{display:grid}
 .tour-ready .tour-visual{display:flex}
 .tour-ready .tour-chapters article{min-height:85svh}
 .tour-ready .mobile-screen{display:none}
 .tour-ready article>p:not(.eyebrow){position:relative}
 .tour-ready article>p:not(.eyebrow)::before{content:'';position:absolute;left:-18px;top:5px;bottom:5px;width:2px;background:var(--ink);transform:scaleY(0);transform-origin:top;transition:transform .4s}
 .tour-ready .chapter-active>p:not(.eyebrow)::before{transform:scaleY(1)}
}
.tour-dots i,.tour-dots i.active{width:5px;transform:scaleX(1)}
.tour-dots i.active{transform:scaleX(2.5)}
@media(prefers-reduced-motion:reduce){.tour-visual{display:none!important}.tour{display:block!important}}


/* A steady dark stage keeps text readable; the visitor controls the preview. */
:root{--look-stage:#1c1c1e;--look-stage-ink:#fafafa;--look-stage-muted:#b5b5bd;--look-choice:#2c2c2e;--look-glow:#ffffff0c}
.look{position:relative;isolation:isolate;background:var(--look-stage);color:var(--look-stage-ink);transition:none}
.look::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 75% 50%,var(--look-glow),transparent 70%);opacity:0;pointer-events:none;z-index:-1;transition:opacity .45s}
.look.preview-light::before{opacity:1}
.look .look-copy>p:not(.eyebrow),.look h2 span{color:var(--look-stage-muted)}
.look .look-images{transform:none;transition:none}
.look .look-images img{transition:opacity .28s ease}
.look .dark-image{opacity:1}
.look .light-image{opacity:0}
.look.preview-light .light-image{opacity:1}
.look .theme-switch{border:0;padding:0;gap:12px;border-radius:0;max-width:100%}
.look .theme-switch button{position:relative;min-width:110px;min-height:64px;border:1px solid var(--line-strong);border-radius:18px;background:var(--look-choice);color:var(--look-stage-ink);padding:16px 22px;text-align:left;transition:transform .18s}
.look .theme-switch button[aria-pressed=true]{background:var(--look-stage-ink);color:var(--look-stage)}
.look .theme-switch button:focus-visible{outline:3px solid var(--look-stage-ink);outline-offset:5px}
.look .theme-switch button span{display:inline-block;margin-right:7px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.look .theme-switch button:hover{transform:translateY(-2px)}}
@media(max-width:600px){.look .theme-switch button{min-width:120px;text-align:center}.look::before{background:radial-gradient(ellipse at 50% 75%,var(--look-glow),transparent 70%)}}

[data-parallax]{view-timeline-name:--image-drift;view-timeline-axis:block}
@keyframes image-drift{from{transform:translateY(-10px) scale(1.025)}to{transform:translateY(10px) scale(1.025)}}
@keyframes image-drift-small{from{transform:translateY(-4px) scale(1.025)}to{transform:translateY(4px) scale(1.025)}}
@supports (animation-timeline:view()) and (animation-range:20% 60%){
 @media(prefers-reduced-motion:no-preference){
  .native-parallax img{animation:image-drift linear both;animation-timeline:--image-drift;animation-range:entry 0% exit 100%}
 }
 @media(prefers-reduced-motion:no-preference) and (max-width:800px){.native-parallax img{animation-name:image-drift-small}}
 @media(prefers-reduced-motion:no-preference) and (pointer:coarse){.native-parallax img{animation-name:image-drift-small}}
}
@media(prefers-reduced-motion:reduce){[data-parallax] img{transform:none!important}}

@keyframes page-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@supports(animation-timeline:scroll()){
 @media(prefers-reduced-motion:no-preference){.reading-progress{animation:page-progress linear both;animation-timeline:scroll(root block)}}
}
@media(prefers-reduced-motion:reduce){.reading-progress{display:none}}

.look:not(.look-ready) .small-note{display:none}

/* Local Apple artwork retains its original proportions and colors. */
.button.app-store-badge{padding:10px;background:none;border-radius:0;line-height:0}.app-store-badge img{display:block;width:auto;height:48px}.button.app-store-badge:hover{box-shadow:none}footer .trademark{display:block;flex-basis:100%;margin:0;font-size:12px;line-height:1.6;color:var(--muted)}

/* Hero A: fixed depth, one short entrance, no scroll-driven or continuous movement. */
.hero-gallery{height:710px;max-width:1000px;margin-top:70px;perspective:none}
.hero-shot{width:285px;left:50%;border:0;background:none;box-shadow:none;border-radius:0;overflow:visible;transform-origin:center;will-change:auto}
.hero-shot.center{transform:translateX(-50%);z-index:3}
.hero-shot.left{left:50%;transform:translateX(calc(-50% - 210px)) translateY(64px) rotate(-6deg) scale(.88);z-index:1}
.hero-shot.right{left:50%;transform:translateX(calc(-50% + 210px)) translateY(64px) rotate(6deg) scale(.88);z-index:2}
.hero-device{padding:3px;border-radius:38px;background:linear-gradient(135deg,#b9b9bd,#333337 40%,#aaa);box-shadow:0 35px 52px -20px #0005,0 9px 15px -8px #0005}
.hero-screen{aspect-ratio:900/1950;border-radius:35px;overflow:hidden;background:#f2f2f7}
.hero-screen img{width:100%;height:100%;object-fit:cover}
@keyframes hero-device-enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:no-preference){.hero-device{animation:hero-device-enter .65s cubic-bezier(.22,1,.36,1) both}.hero-shot.left .hero-device{animation-delay:.07s}.hero-shot.right .hero-device{animation-delay:.14s}}
@media(prefers-color-scheme:dark){.hero-device{box-shadow:0 30px 65px -15px #000b,0 0 0 1px #ffffff25}}
@media(max-width:800px){.hero-gallery{height:605px}.hero-shot{width:235px}.hero-shot.left{transform:translateX(calc(-50% - 170px)) translateY(54px) rotate(-6deg) scale(.88)}.hero-shot.right{transform:translateX(calc(-50% + 170px)) translateY(54px) rotate(6deg) scale(.88)}.hero-device{border-radius:32px}.hero-screen{border-radius:29px}}
@media(max-width:600px){.hero-gallery{height:565px;margin-top:50px}.hero-shot{width:225px}.hero-shot.left{display:none}.hero-shot.center{transform:translateX(calc(-50% - 32px))}.hero-shot.right{transform:translateX(calc(-50% + 101px)) translateY(49px) rotate(6deg) scale(.83)}.hero-device{border-radius:30px}.hero-screen{border-radius:27px}}

/* Match the actual screen silhouette, hiding the baked-in poster corners. */
.look-images,.hero-screen,.widget-image{border-radius:13% / 6%}
.screen-stack img[src*="screenshots-v15"],.tour-chapters .mobile-screen[src*="screenshots-v15"]{border-radius:13% / 6%}