/* V5: English product storytelling. White canvas, original product colors. */
:root{--font-ui:-apple-system,BlinkMacSystemFont,system-ui,"Segoe UI",Arial,sans-serif;--secondary:#626267;--text-scale:1;--link:#065ecc}
html{font-size:calc(100% * var(--text-scale));scroll-padding-top:104px}
body{font-family:var(--font-ui);font-size:1.0625rem;line-height:1.5}
button,input,select,textarea{font-family:inherit}
button,a{-webkit-tap-highlight-color:rgba(83,67,180,.12)}
.global-inner{font-size:.875rem;gap:24px;max-width:1120px}
.global-mark{font-size:1.25rem}.global-nav{height:52px}
.global-inner a[aria-current=page]{color:var(--ink);font-weight:600}
.nav-access{font-size:.875rem;background:transparent;min-height:44px;padding:0;white-space:nowrap;color:var(--secondary)}
.local-actions{display:flex;align-items:center;gap:24px}.local-watch{font-size:.875rem;color:var(--secondary)}
.local-brand{font-size:1.3125rem}.local-nav .pill.small{min-height:40px;font-size:.875rem;padding:8px 20px}
.pill{font-size:1rem;min-height:48px;padding:11px 26px}
.pill.secondary{background:rgba(255,255,255,.82);color:var(--brand);border-color:rgba(var(--brand-rgb),.2);box-shadow:inset 0 1px 0 #fff,0 3px 10px rgba(var(--brand-rgb),.05);backdrop-filter:none;-webkit-backdrop-filter:none;font-weight:500}
.hero{min-height:860px;padding:66px 0 78px}
.hero h1{font-size:5.625rem;line-height:1.01;letter-spacing:-.055em;white-space:pre-line;font-weight:650;margin-top:26px}
.wordmark{font-size:1.875rem;letter-spacing:-.04em}.hero-montage{height:264px;margin-block:8px 0}
.app-icon{color:var(--tone);transform:perspective(900px) rotateY(-8deg);background:linear-gradient(145deg,#fffffff2,#fff8 50%,#eef1fcbd)}
.app-icon svg{filter:drop-shadow(0 1px 0 #fff) drop-shadow(0 3px 4px rgba(60,70,125,.13))}
.hero-montage::before{background:linear-gradient(90deg,#d8dfff59,#e3d2f254,#d6eef661);opacity:.8}
.hero-description{font-size:1.125rem;line-height:1.45;font-weight:400;max-width:675px}
.hero-lead{font-weight:600;color:var(--ink);font-size:1.3125rem;margin-bottom:6px}
.hero-actions{display:flex;align-items:center;justify-content:center;gap:30px;margin-top:28px}
.hero-description .pill{margin-top:0}.hero-actions .text-link{font-size:1rem;min-height:48px}
.round-control{width:44px;height:44px;min-width:44px;min-height:44px}
.hero-pause{top:32px}.eyebrow{font-size:.8125rem;font-weight:600;letter-spacing:.07em;color:var(--brand)}
.section-title{font-size:3.5rem;letter-spacing:-.035em;line-height:1.08}
.highlights .section-heading{gap:14px}.highlights{padding-top:120px}
.gallery{direction:ltr}.progress-capsule{direction:ltr;gap:0;padding-inline:10px}
.dot{width:36px;min-height:44px}.dot[aria-pressed=true]{width:50px}
.dot[aria-pressed=true] span{width:42px;background:#d4d0df}
.dot span::after{transform:scaleX(0)}
.highlights:not(.autoplay) .dot[aria-pressed=true] span::after{transform:scaleX(1)}
.highlights.autoplay .dot[aria-pressed=true] span::after{transform:scaleX(var(--progress,0))}
.gallery-play{width:52px;height:52px}.gallery-toolbar{gap:12px}
.highlight-card{background:#f4f3fa}
.highlight-card:nth-child(2){background:#edf4fc}.highlight-card:nth-child(3){background:#f5eef6}
.highlight-card:nth-child(4){background:#edf6f4}.highlight-card:nth-child(5){background:#f4f1fc}
.sign .highlight-card{background:#eff3fb}.sign .highlight-card:nth-child(2){background:#eef6f5}.sign .highlight-card:nth-child(3){background:#f0f0fc}.sign .highlight-card:nth-child(4){background:#fbf1f3}.sign .highlight-card:nth-child(5){background:#eef5fc}
.highlight-copy{font-size:1.75rem;line-height:1.25;max-width:820px}
.highlight-copy strong{display:block;margin-bottom:4px}
.laptop{background:#dfe0e6;border:2px solid #a2a4af;padding:9px 9px 12px;box-shadow:0 25px 50px rgba(32,35,55,.12)}
.laptop::before{background:#b4b6c0;height:5px}.laptop::after{background:linear-gradient(#d2d3d9,#a1a3ae 65%);height:10px}
.phone{background:#dbdde4;border-color:#a6a8b4;box-shadow:0 20px 44px rgba(40,42,65,.16)}
.entry-heading{max-width:850px;margin-bottom:52px}
.entries .section-title{margin-bottom:18px}.entry-heading>p{font-size:1.25rem;color:var(--secondary);max-width:680px}
.entry-grid{align-items:stretch}.entry{min-height:410px;padding:34px 30px;min-width:0;background:#f7f5fb}
.entry:nth-child(2){background:#f0f5fc}.entry:nth-child(3){background:#f0f7f5}
.entry .entry-icon{width:32px;height:32px}.entry .entry-eyebrow{font-size:.9375rem;color:var(--brand);font-weight:600;min-height:1.5em}
.entry h3.offer{font-size:1.75rem;line-height:1.15;letter-spacing:-.025em;margin:16px 0;min-height:2.3em}
.entry p.entry-body{font-size:1rem;max-width:none;margin-bottom:28px;line-height:1.5}
.entry .pill,.entry p+.pill{margin-top:auto;min-height:48px;font-size:.875rem;padding:12px 18px;white-space:normal;text-align:center}
.chapter-label{font-size:1.5rem}.chapter h2{font-size:4rem;letter-spacing:-.04em;line-height:1.05}
.chapter-description{font-size:1.375rem;line-height:1.45;font-weight:400;max-width:740px}
.chapter-description strong{display:block;margin-bottom:6px}.text-link{font-size:1.125rem;white-space:normal;line-height:1.4}
.feature-gallery{scroll-margin-top:112px}.tile figcaption{font-size:1.0625rem;line-height:1.45;padding:24px 10px 0}
.tile-media{background:#f2f5fa}.tile:nth-child(3n+2) .tile-media{background:#f5f1f8}.tile:nth-child(3n+3) .tile-media{background:#eff6f4}
.tile-media.crop img{right:auto;left:-8px;object-position:left top}.tile-media.crop-center img{left:-175px}
.tile-media.crop-left img{left:18px;right:auto}.tile-media.mobile img{border-color:#c7cad5}
.product-film{padding:8px 0 136px}.film-intro{text-align:center;max-width:820px;margin:auto auto 48px}
.film-intro .section-title{margin:16px auto 20px;font-size:3.75rem}.film-intro>p:last-child{color:var(--secondary);font-size:1.25rem}
.film-stage{border-radius:32px;overflow:hidden;background:#f5f5f7;box-shadow:0 24px 80px rgba(var(--brand-rgb),.13),0 0 0 1px rgba(var(--brand-rgb),.09)}
.film-stage video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#f7f7fa;object-fit:contain}
.film-under{display:flex;justify-content:space-between;align-items:start;gap:32px;margin-top:25px;font-size:.875rem;color:var(--secondary)}
.film-transcript{max-width:600px}.film-transcript summary{color:var(--link);cursor:pointer;font-weight:500;min-height:44px}
.film-transcript[open]{flex:1}.film-transcript p{margin:0 0 14px;line-height:1.55}
.film-transcript ol{padding-inline-start:20px}.film-transcript li{margin-bottom:14px}
.purchase-banner{margin-bottom:140px;padding:60px;display:flex;justify-content:space-between;align-items:center;gap:48px;border-radius:32px;background:linear-gradient(110deg,#f0edfd,#eef5fc 75%,#edf7f3)}
.sign .purchase-banner{background:linear-gradient(110deg,#edf4ff,#edf8f7 75%,#f2f0fc)}
.purchase-banner h2{font-size:2.5rem;line-height:1.1;letter-spacing:-.035em;max-width:620px;margin:12px 0 16px}
.purchase-banner p:last-child{color:var(--secondary);font-size:1.125rem}.purchase-banner>.pill{flex-shrink:0}
.faq .section-title{font-size:3rem;text-align:center}.faq-item h3{font-size:1.375rem}.faq-answer{font-size:1.0625rem;line-height:1.6}
.site-footer{font-size:.875rem}.footer-wrap{max-width:1100px}.footer-columns h3{font-size:.875rem}
.footer-columns a,.footer-columns button{display:block;min-height:28px;font-size:inherit;color:inherit;background:none;padding:0;text-align:start;margin-bottom:8px}
.footer-columns button:hover{text-decoration:underline}.footnotes{font-size:.8125rem}.footer-bottom{font-size:.8125rem}
.access-launch{position:fixed;bottom:max(20px,env(safe-area-inset-bottom));right:22px;z-index:45;display:flex;align-items:center;gap:9px;min-height:48px;border-radius:28px;padding:10px 16px;background:#ffffffe6;border:1px solid #fff;box-shadow:inset 0 1px 0 #fff,0 3px 14px #25284121,0 0 0 1px #25284114;backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);color:#303039;font-size:.875rem}
.access-launch svg{width:22px;height:22px}.access-launch:active{background:#ebecf5}
.settings-panel{box-sizing:border-box;width:min(520px,calc(100% - 32px));max-height:calc(100dvh - 40px);border:1px solid #fff;border-radius:30px;background:linear-gradient(125deg,#fffffff5,#f8f9fcf2);color:#1d1d1f;padding:30px;box-shadow:0 25px 90px #11162633,inset 0 1px 0 #fff;backdrop-filter:blur(28px) saturate(150%);-webkit-backdrop-filter:blur(28px) saturate(150%);overflow:auto}
.settings-panel::backdrop{background:#11152150}
.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px}.panel-heading h2{font-size:1.75rem;letter-spacing:-.025em}.panel-heading .wordmark{font-size:1.625rem}
.settings-panel>p{color:var(--secondary);font-size:1rem;line-height:1.5}
.setting-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;border-bottom:1px solid #dedee6;font-size:1rem;cursor:pointer}
.setting-row select{max-width:45%;font-size:1rem;border:1px solid #b9bbc7;border-radius:10px;background:#fff;padding:10px;min-height:44px;color:#1d1d1f}
.setting-row input{appearance:auto;accent-color:#6a43d9;width:24px;height:24px;margin:10px;cursor:pointer}
.setting-hint{font-size:.875rem;color:var(--secondary);margin-top:20px;line-height:1.5}.setting-actions{display:flex;align-items:center;justify-content:space-between;margin-top:26px}
.panel-info{display:block;font-size:.875rem;color:var(--link);margin-top:22px;text-decoration:underline}



.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
html[data-links=true] a{text-decoration:underline;text-underline-offset:3px}
html[data-opaque=true] :is(.local-nav,.app-icon,.round-control,.progress-capsule,.gallery-play,.access-launch,.settings-panel){background:#f5f5f7;backdrop-filter:none;-webkit-backdrop-filter:none}
html[data-opaque=true] .pill{backdrop-filter:none;-webkit-backdrop-filter:none}
html[data-contrast=true]{--ink:#111;--secondary:#303038;--link:#003f9e}
html[data-contrast=true] :is(.local-nav,.app-icon,.round-control,.progress-capsule,.gallery-play,.access-launch,.settings-panel){background:#fff;color:#111;border-color:#333;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
html[data-contrast=true] :is(.entry,.highlight-card,.tile-media){background:#f5f5f7;border:1px solid #777}
html[data-contrast=true] .dot span{background:#444}html[data-contrast=true] .dot[aria-pressed=true] span{background:#ddd}
html[data-motion=reduce]{scroll-behavior:auto}
html[data-motion=reduce] *,html[data-motion=reduce] *::before,html[data-motion=reduce] *::after{animation:none!important;transition:none!important}
html[data-motion=reduce] .reveal,html[data-motion=reduce] .hero-enter{opacity:1;transform:none}
html[data-motion=reduce] .hero-pause{display:none}
@media(max-width:1068px){.hero h1{font-size:4.75rem}.hero{min-height:820px;padding-top:70px}.hero-montage{margin-top:8px}.hero-description{max-width:650px;font-size:1.125rem}.section-title{font-size:3rem}.chapter h2{font-size:3rem}.chapter-description{font-size:1.25rem}.entry{padding:28px 24px}.entry h3.offer{font-size:1.5rem}.entry .pill{padding-inline:12px;font-size:.8125rem}.film-intro .section-title{font-size:3rem}.purchase-banner{padding:42px}.purchase-banner h2{font-size:2rem}.access-launch span{display:none}.access-launch{width:48px;padding:12px}}
@media(max-width:734px){
 :root{--content:87.5%;--section:96px}.global-inner{padding-inline:18px;gap:14px;font-size:.8125rem}.global-inner .nav-detail{display:none!important}.nav-access{font-size:.8125rem}.global-mark{font-size:1.125rem}.global-nav{height:48px}
 .local-inner{margin-inline:14px}.local-actions{gap:8px}.local-watch{display:none}.local-nav .pill.small{font-size:.8125rem;min-height:44px;padding-inline:15px}.local-brand{font-size:1.125rem}
 .hero{min-height:820px;padding:92px 0 72px}.hero h1{font-size:3.375rem;line-height:1.015;letter-spacing:-.05em}.wordmark{font-size:1.5rem}.hero-pause{top:18px;left:20px}
 .hero-montage{height:224px;margin-block:10px 0}.app-icon{width:124px;height:124px;flex-basis:124px}.hero-description{font-size:1rem;max-width:440px;width:87.5%;line-height:1.5}.hero-lead{font-size:1.125rem;max-width:320px;margin:0 auto 8px}.hero-actions{gap:14px;margin-top:26px;flex-wrap:wrap}.hero-actions .text-link{font-size:.9375rem}.hero-actions .pill{padding-inline:22px}
 .highlights{padding-top:70px}.section-title{font-size:2.25rem;line-height:1.1}.eyebrow{font-size:.75rem}.highlight-copy{font-size:1.25rem;inset:28px 25px auto}.highlight-card{height:540px}.highlight-scene{top:185px}
 .highlight-scene .laptop{width:660px;transform:translate(19%,25px)}.highlight-card:nth-child(3) .highlight-scene .laptop{transform:translate(8%,25px)}.highlight-card:nth-child(5) .highlight-scene .laptop{transform:translate(24%,25px)}
 .highlight-scene .phone{left:auto;right:5%;bottom:-80px;transform:rotate(5deg)}.highlight-card:nth-child(5) .highlight-scene .phone{left:auto;right:4%}
 .gallery-toolbar{bottom:82px}.gallery-play{width:48px;height:48px}.progress-capsule{height:50px}.dot{width:32px}.dot[aria-pressed=true]{width:48px}
 .entry-heading{margin-bottom:36px}.entries .section-title{margin-bottom:16px}.entry-heading>p{font-size:1.125rem}
 .entry-grid{display:grid;grid-template-columns:1fr;margin-inline:0;padding-inline:0;overflow:visible;gap:18px}.entry{min-height:0;padding:30px}.entry h3.offer{font-size:1.75rem;min-height:0}.entry .entry-body{font-size:1rem}.entry .pill{font-size:.9375rem;margin-top:6px;min-height:48px}
 .chapter h2{font-size:2.5rem;line-height:1.08}.chapter-label{font-size:1.1875rem}.chapter-description{font-size:1.1875rem;line-height:1.5}.chapter .text-link{font-size:1rem}.chapter-media .laptop{transform:translateX(15%)}
 .chapter-media{height:490px}.tile figcaption{font-size:1rem;padding-inline:8px}.tile-media.crop-center img{left:-145px}.tile-media.crop-left img{left:12px}
 .product-film{padding:0 0 96px}.film-intro .section-title{font-size:2.5rem}.film-intro>p:last-child{font-size:1.125rem}.film-stage{border-radius:20px}.film-under{flex-direction:column;gap:16px;font-size:.875rem}.film-intro{margin-bottom:32px}
 .purchase-banner{flex-direction:column;align-items:flex-start;padding:30px;gap:26px;margin-bottom:90px;border-radius:26px}.purchase-banner h2{font-size:2rem}.purchase-banner p:last-child{font-size:1.0625rem}
 .faq .section-title{font-size:2.25rem;text-align:start}.faq-item h3{font-size:1.125rem}.faq-answer{font-size:1rem}.faq-question span{max-width:calc(100% - 40px)}
 .site-footer{font-size:.875rem}.footer-columns{gap:26px 20px}.footer-columns h3{font-size:.875rem}.footer-columns a,.footer-columns button{min-height:32px}
 .access-launch{bottom:max(16px,env(safe-area-inset-bottom));right:16px;width:48px;padding:12px}.access-launch span{display:none}
 .settings-panel{padding:24px;max-height:calc(100dvh - 24px);width:calc(100% - 24px);border-radius:26px}.panel-heading{gap:12px}.panel-heading h2{font-size:1.5rem}.settings-panel>p{font-size:.9375rem}.setting-row{font-size:1rem;gap:10px}
}
@media(max-width:360px){.global-inner{gap:10px;padding-inline:15px}.nav-access{font-size:0;width:24px}.nav-access::after{content:'Aa';font-size:.875rem}.hero h1{font-size:3rem}.hero-actions{gap:10px}.hero-actions .text-link{font-size:.875rem}.hero-actions .pill{padding-inline:18px}.highlight-copy{font-size:1.1875rem}.entry{padding:26px}.purchase-banner{padding:26px}}
@media(prefers-contrast:more){:root{--ink:#111;--secondary:#303038;--link:#003f9e}.local-nav,.access-launch,.settings-panel{background:#fff;border-color:#333;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(prefers-reduced-transparency:reduce){.access-launch,.settings-panel{background:#f5f5f7;backdrop-filter:none;-webkit-backdrop-filter:none}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.access-launch,.settings-panel{background:#f5f5f7}}
@media(forced-colors:active){.local-nav,.round-control,.pill,.progress-capsule,.gallery-play,.access-launch,.entry,.highlight-card,.settings-panel{background:Canvas!important;color:CanvasText!important;border:1px solid CanvasText!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.dot span{background:CanvasText!important}.dot[aria-pressed=true] span::after{background:Highlight!important}a{color:LinkText!important}}

.note .tile-media.crop-left img{left:auto;right:18px}
@media(max-width:734px){.note .tile-media.crop-left img{left:auto;right:12px}.hero h1{overflow-wrap:anywhere}}

/* Keep the display headline whole on narrow screens; reading copy follows text-size preferences. */
@media(max-width:734px){.hero h1{font-size:min(3.375rem,13.6vw);overflow-wrap:normal}}

/* Mobile access lives in the navigation so no floating widget covers reading content. */
.local-access{display:none}
@media(max-width:1068px){.access-launch{display:none}.local-access{display:grid;background:transparent;box-shadow:none;border-color:transparent}.local-access svg{width:22px;height:22px;stroke-width:1.6}}