/* Product surfaces use a neutral scale. Blue indicates actions; red belongs to annotations. */
:root{color-scheme:light;--white:#fff;--canvas:#f5f5f7;--ink:#1d1d1f;--secondary:#6e6e73;--blue:#0071e3;--link:#06c;--line:#d2d2d7;--ease:cubic-bezier(.22,1,.36,1);--gutter:max(6.25vw,24px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:65px}body{margin:0;color:var(--ink);background:var(--white);font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","PingFang SC",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #0071e3;outline-offset:5px}button:active{opacity:.75}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nav{position:fixed;top:0;left:0;right:0;z-index:30;height:60px;background:#ffffffd9;backdrop-filter:blur(20px) saturate(1.8);border-bottom:1px solid #0000000d;transition:background .3s,color .3s}.nav-inner{height:100%;max-width:1200px;width:87.5%;margin:auto;display:flex;align-items:center;gap:30px}.brand{display:inline-flex;align-items:center;gap:8px;font-size:22px;font-weight:600;letter-spacing:-.7px}.brand img{border-radius:6px}nav{margin-left:auto;display:flex;align-items:center;gap:28px;font-size:12px}nav>a{opacity:.8;transition:opacity .2s}nav>a:hover{opacity:1}.github-link{display:inline-flex;align-items:center;gap:6px}.github-icon{width:16px;height:16px;stroke:none}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 23px;border-radius:30px;background:var(--blue);color:white;font-size:15px;line-height:1.3;transition:background .2s}.button:hover{background:#0077ed}.button-small{font-size:12px;min-height:30px;padding:7px 16px}.text-link{color:var(--link);display:inline-flex;align-items:center;gap:3px;font-size:17px;min-height:44px}.text-link:hover{text-decoration:underline}.text-link svg{width:15px;height:15px}.hero{padding:123px 0 60px;overflow:hidden;text-align:center;background:#fff}.product-name{font-size:24px;font-weight:600;letter-spacing:-.6px;margin:0 0 22px}.hero h1{font-size:clamp(58px,6.7vw,96px);font-weight:600;line-height:1.12;letter-spacing:-.055em;margin:0}.mobile-break{display:none}.hero-description{font-size:23px;letter-spacing:-.6px;margin:23px 0 0;color:#55555a}.hero-actions{display:flex;align-items:center;justify-content:center;gap:27px;margin-top:28px}.hero-art{position:relative;margin:50px auto 0;width:min(1200px,100%);height:660px}.hero-word{position:absolute;left:0;right:0;top:20px;font-size:clamp(110px,16vw,225px);font-weight:650;line-height:1;letter-spacing:-.08em;color:#f0f0f3;white-space:nowrap;user-select:none}.hero-app{position:absolute;width:1000px;max-width:95%;aspect-ratio:10/7;top:-20px;left:50%;transform:translateX(-50%);will-change:transform}.hero-app iframe{width:100%;height:100%;border:0;display:block;pointer-events:none}.hero-footnote{font-size:14px;color:var(--secondary);margin:28px 24px 0}.hero-footnote kbd{font-family:inherit;margin:0 7px;color:#353538}.highlights{padding:100px 0 65px;background:var(--canvas);overflow:hidden}.section-heading{width:87.5%;max-width:1400px;margin:0 auto 45px;display:flex;align-items:baseline;justify-content:space-between;gap:25px}.section-heading h2{font-size:48px;line-height:1.15;letter-spacing:-2px;font-weight:600;margin:0}.highlight-track{display:flex;gap:24px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 var(--gutter) 12px;scroll-padding-inline:var(--gutter)}.highlight-track::-webkit-scrollbar{display:none}.highlight-card{flex:0 0 min(760px,75vw);height:530px;border-radius:28px;background:white;position:relative;overflow:hidden;scroll-snap-align:start}.card-copy{position:relative;z-index:2;padding:38px 42px}.card-copy>p{font-size:15px;font-weight:600;margin:0 0 12px}.card-copy h3{font-size:36px;letter-spacing:-1.2px;line-height:1.25;margin:0;font-weight:600}.translation-art{position:absolute;inset:205px 40px 30px}.excerpt{position:absolute;border-radius:12px;background:#fff;padding:30px;box-shadow:0 18px 40px -12px #0002}.excerpt>span{font-size:13px;color:#86868b}.excerpt p{font-family:Georgia,"Songti SC",serif;font-size:31px;line-height:1.5;margin:16px 0 0;letter-spacing:-.5px}.excerpt.source{left:0;top:-10px;background:#f5f5f7;transform:rotate(-4deg);color:#86868b}.excerpt.target{right:8%;top:59px;min-width:340px;transform:rotate(2deg);border:1px solid #afb1b8}.excerpt.target p{font-size:29px}.corner{position:absolute;width:7px;height:7px;background:white;border:1px solid #7a7b82}.tl{top:-4px;left:-4px}.tr{top:-4px;right:-4px}.bl{bottom:-4px;left:-4px}.br{bottom:-4px;right:-4px}.compare-mini{position:absolute;right:21%;bottom:-4px;padding:8px 15px;border:1px solid #eee;border-radius:30px;background:#fafafadf;backdrop-filter:blur(20px);font-size:11px;box-shadow:0 3px 12px #0001}.card-open{position:absolute;bottom:24px;right:24px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#e8e8ed;color:#333336;z-index:3;font-size:26px;line-height:1;transition:background .2s}.card-open:hover{background:#d8d8df}.ask-card{background:#eaf2fa}.ask-art{position:absolute;inset:200px 46px 35px}.ask-source{position:absolute;background:#fff;border-radius:13px;box-shadow:0 15px 35px #0a23421a;padding:25px 30px;width:68%;left:0;top:0;transform:rotate(-3deg)}.source-tag{font-size:9px;letter-spacing:2px;color:#898992}.ask-source p{font-family:Georgia,serif;font-size:33px;line-height:1.3;margin:18px 0}.selection-label{color:#6e6e73;font-size:10px}.ask-composer{position:absolute;left:30px;right:0;top:185px;filter:drop-shadow(0 7px 9px #00000012);transform:rotate(-2deg)}.ask-composer img{width:100%;display:block}.ask-composer>span{position:absolute;top:50%;left:11%;transform:translateY(-50%);background:#fff;width:77%;font-size:14px;color:#44444b}.ask-answer{position:absolute;right:0;top:56px;width:54%;border:1px solid #fff;background:#fffffff0;border-radius:18px;box-shadow:0 10px 30px #253b5526;font-size:20px;font-weight:550;padding:23px;line-height:1.5;transform:rotate(2deg)}.ask-answer span{font-size:13px;color:#6e6e73;font-weight:400}.work-card{background:#151517;color:#f5f5f7}.work-card .card-open{background:#37373c;color:#fff}.work-art{position:absolute;inset:190px 42px 30px}.work-lines{position:absolute;left:25px;right:40px;top:20px;display:flex;gap:14px}.work-lines i{display:block;height:140px;width:30%;border-radius:12px;background:linear-gradient(145deg,#343439,#202024)}.work-lines i:nth-child(2){background:linear-gradient(145deg,#57575f,#2d2d33)}.work-outline{position:absolute;left:8px;right:23px;top:1px;height:181px;border:2px solid #ff453a;border-radius:3px}.work-outline>span{position:absolute;left:-14px;top:-14px;background:#ff453a;border-radius:50%;width:26px;height:26px;display:grid;place-items:center;font-size:11px;border:1px solid #fff}.work-art>svg{position:absolute;inset:-5px 20px 0;width:90%;height:230px;stroke:#ff453a;stroke-width:3}.work-token{position:absolute;right:35px;bottom:9px;padding:17px 24px;border:1px solid #ffffff26;background:#323238ed;backdrop-filter:blur(20px);border-radius:18px;box-shadow:0 12px 35px #0006}.work-token span{display:inline-block;background:#ffffff1f;border-radius:20px;padding:4px 11px;font-size:12px}.work-token p{font-size:15px;margin:12px 0 0}.gallery-control{width:87.5%;max-width:1400px;margin:24px auto 0;display:flex;align-items:center;justify-content:flex-end;gap:12px}.gallery-dots{display:flex;align-items:center;padding:0 15px;border-radius:30px;background:#e8e8ed;margin-right:10px;height:44px;gap:1px}.gallery-dots button{height:40px;width:27px;border:0;background:none;position:relative}.gallery-dots button:after{content:'';width:7px;height:7px;background:#86868b;border-radius:10px;position:absolute;left:10px;top:17px;transition:width .3s var(--ease),left .3s var(--ease)}.gallery-dots button[aria-pressed=true]:after{width:19px;left:4px;background:#1d1d1f}.circle-button{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:#e8e8ed;color:#333336}.circle-button:disabled{opacity:.35;cursor:default}.gallery-prev svg{transform:rotate(180deg)}.feature-intro,.work-intro{padding:135px var(--gutter) 85px;max-width:1600px;margin:auto}.eyebrow{font-size:21px;color:#6e6e73;font-weight:600;letter-spacing:-.3px;margin:0 0 24px}.feature-intro h2,.work-intro h2{font-size:clamp(54px,6.5vw,90px);font-weight:600;line-height:1.13;letter-spacing:-.045em;margin:0}.feature-intro h2 span{color:#86868b}.intro-note{font-size:21px;color:var(--secondary);margin:30px 0 0;line-height:1.6}.chapter{position:relative;height:420svh;background:var(--canvas)}.chapter-sticky{height:100svh;min-height:620px;position:sticky;top:0;padding:78px var(--gutter) 24px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.chapter-bar{display:flex;align-items:center;justify-content:space-between;width:100%;gap:24px;font-size:12px;font-weight:500;color:#6e6e73}.try{padding:9px 15px;min-height:36px;font-size:12px;border:1px solid #d2d2d7;background:transparent;color:var(--ink);border-radius:30px}.try span{margin-left:10px}.try:hover,.try[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.scene-layout{display:grid;grid-template-columns:minmax(190px,24%) minmax(0,1fr);gap:10px;align-items:center;flex:1;min-height:0;max-width:1500px;width:100%;margin:auto}.scene-caption{padding-right:15px;padding-bottom:20px;position:relative;z-index:2}.chapter-counter{font-size:11px;letter-spacing:1.8px;color:#86868b;font-variant-numeric:tabular-nums}.step-title{font-size:clamp(28px,3.3vw,48px);line-height:1.16;font-weight:600;letter-spacing:-1.7px;margin:24px 0 18px;text-wrap:balance}.step-note{font-size:15px;line-height:1.65;color:#6e6e73;max-width:230px;min-height:50px}.stage-wrap{width:100%;max-width:calc((100svh - 170px)*1.42857);justify-self:center;position:relative}.stage{aspect-ratio:10/7;width:100%;transform:scale(var(--stage-scale,1));transform-origin:center;will-change:transform}.stage iframe{display:block;width:100%;height:100%;border:0;color-scheme:light}.chapter-bottom{display:flex;align-items:center;justify-content:center;gap:20px;flex-shrink:0}.steps{display:flex;align-items:center;border-radius:30px;background:#e8e8ed;padding:5px 9px;gap:0;height:50px;box-shadow:0 4px 14px #00000003}.steps button{display:flex;align-items:center;gap:8px;border:0;background:transparent;border-radius:25px;min-width:42px;height:40px;padding:0 12px;color:#6e6e73;font-size:12px}.step-dot{display:block;width:7px;height:7px;border-radius:50%;background:#96969d;flex:none}.step-label{display:none;white-space:nowrap}.steps button[aria-pressed=true]{background:#fff;color:#1d1d1f;box-shadow:0 1px 4px #0000000b}.steps button[aria-pressed=true] .step-dot{background:#1d1d1f}.steps button[aria-pressed=true] .step-label{display:block}.scroll-cue{font-size:11px;color:#6e6e73}.next-step{width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:50%;background:#e8e8ed;color:#333336}.interlude{height:155svh;background:#000;color:white}.interlude-sticky{position:sticky;top:0;height:100svh;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;overflow:hidden}.interlude .eyebrow{color:#a1a1a6;font-size:13px;letter-spacing:3px;font-weight:500}.interlude h2{font-size:clamp(62px,7.4vw,108px);font-weight:600;line-height:1.14;letter-spacing:-.055em;margin:10px 0 36px;transform:translateY(calc((1 - var(--reveal,1))*30px));opacity:var(--reveal,1)}.interlude h2 span{color:#86868b}.work-brand{font-size:clamp(70px,10vw,150px);font-weight:600;line-height:1;letter-spacing:-.05em;color:#e6e9ff;display:flex;align-items:center;gap:10px;transform:scale(calc(.9 + var(--reveal,1)*.1));opacity:var(--reveal,1)}.work-cursor{height:.8em;width:4px;background:#8aa4ff;border-radius:4px}.work-intro{background:#000;color:#f5f5f7;max-width:none;padding-top:90px}.work-intro h2 span{color:#86868b}.work-intro p:last-child{font-size:21px;color:#a1a1a6;line-height:1.6;margin:28px 0 0}.chapter-dark{background:#101012;color:#f5f5f7;height:340svh}.chapter-dark .chapter-bar,.chapter-dark .step-note,.chapter-dark .scroll-cue{color:#a1a1a6}.chapter-dark .try{color:#f5f5f7;border-color:#555559}.chapter-dark .try:hover,.chapter-dark .try[aria-pressed=true]{background:#f5f5f7;color:#1d1d1f}.chapter-dark .steps,.chapter-dark .next-step{background:#29292e;color:#f5f5f7}.chapter-dark .steps button[aria-pressed=true]{background:#54545b;color:white}.chapter-dark .steps button[aria-pressed=true] .step-dot{background:white}.chapter-dark .stage-wrap:before{content:'';position:absolute;inset:15% 5%;background:#ffffff04;filter:blur(55px);border-radius:50%;pointer-events:none}.closing{text-align:center;padding:130px var(--gutter) 70px;background:#fff}.closing h2{font-size:clamp(48px,5vw,72px);font-weight:600;line-height:1.15;letter-spacing:-2.4px;margin:35px 0}.closing>p{font-size:12px;color:var(--secondary);margin:20px 0 75px}.install-details{max-width:860px;margin:auto;text-align:left}.install-details details{border-top:1px solid #d2d2d7}.install-details summary{display:flex;justify-content:space-between;padding:23px 0;list-style:none;cursor:pointer;font-size:15px;font-weight:500}.install-details summary span{font-size:20px;color:#86868b}.install-details p{font-size:13px;line-height:1.9;color:var(--secondary);margin:0 0 26px;max-width:760px}footer{background:#f5f5f7;display:flex;align-items:center;gap:30px;padding:27px var(--gutter);font-size:12px;color:var(--secondary)}footer .brand{color:var(--ink);font-size:20px}footer>span{margin-right:auto}.skip{position:fixed;top:-100px;left:20px;background:white;color:black;padding:14px;z-index:100}.skip:focus{top:10px}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.in-view{opacity:1;transform:none}
@media(min-width:1700px){.scene-layout{grid-template-columns:24% 1fr}.hero-art{height:720px}.hero-app{width:1100px}}
@media(max-width:1000px){.nav-inner{gap:20px}nav{gap:20px}.hero h1{font-size:72px}.hero-art{height:61vw;margin-top:45px}.hero-app{top:0;width:950px;max-width:96%}.hero-word{font-size:17vw}.scene-layout{grid-template-columns:23% 77%;gap:0}.step-title{font-size:32px;letter-spacing:-1px}.step-note{font-size:13px}.highlight-card{flex-basis:82vw}.section-heading h2{font-size:42px}.excerpt.target{right:0;min-width:310px}.chapter-sticky{padding-left:4%;padding-right:4%}}
@media(max-width:700px){html{scroll-padding-top:58px}.nav{height:56px}.nav-inner{width:calc(100% - 40px);gap:18px}nav{gap:18px}nav a:first-child,nav a:nth-child(2){display:none}.github-link span{display:none}.brand{font-size:21px}.hero{padding:105px 0 55px}.product-name{font-size:20px;margin-bottom:20px}.hero h1{font-size:56px;letter-spacing:-2.7px;line-height:1.15}.mobile-break{display:block}.hero-description{font-size:18px;margin-top:20px}.hero-actions{margin-top:24px;gap:20px}.hero-actions .button,.hero-actions .text-link{font-size:14px}.hero-art{height:70vw;margin-top:38px;width:115%;margin-left:-7.5%}.hero-word{font-size:19vw;top:5vw}.hero-app{width:100%;max-width:100%}.hero-footnote{font-size:11px;margin-top:18px}.highlights{padding-top:75px;padding-bottom:45px}.section-heading{width:calc(100% - 48px);margin-bottom:30px;align-items:flex-start;flex-direction:column;gap:8px}.section-heading h2{font-size:36px;letter-spacing:-1.5px}.section-heading .text-link{font-size:14px}.highlight-track{gap:18px}.highlight-card{height:470px;flex-basis:86vw;border-radius:22px}.card-copy{padding:30px}.card-copy h3{font-size:31px}.card-copy>p{font-size:12px}.translation-art{inset:195px 24px 45px}.excerpt{padding:19px}.excerpt.source{left:-5px}.excerpt p{font-size:22px}.excerpt.target{top:65px;right:-13px;min-width:220px}.excerpt.target p{font-size:23px}.excerpt>span{font-size:10px}.compare-mini{right:18%;bottom:-12px;font-size:10px}.ask-art{inset:200px 25px 20px}.ask-source{padding:17px;width:85%}.ask-source p{font-size:25px}.ask-answer{width:70%;top:67px;padding:17px;font-size:17px;right:-5px}.ask-answer span{font-size:11px}.ask-composer{left:0;top:195px;right:-2px}.ask-composer>span{font-size:9px}.work-art{inset:210px 25px 25px}.work-lines{left:10px;right:0;gap:10px}.work-lines i{height:110px}.work-outline{left:0;right:-2px;height:152px}.work-art>svg{inset:-25px 0 0;width:100%}.work-token{right:0;bottom:0;padding:15px}.work-token p{font-size:11px}.card-open{width:34px;height:34px;bottom:20px;right:20px}.gallery-control{width:calc(100% - 48px)}.feature-intro,.work-intro{padding:85px 24px 60px}.eyebrow{font-size:16px;margin-bottom:20px}.feature-intro h2,.work-intro h2{font-size:49px;letter-spacing:-2.3px}.intro-note,.work-intro p:last-child{font-size:16px;margin-top:24px}.chapter{height:350svh}.chapter-dark{height:300svh}.chapter-sticky{height:100svh;min-height:0;padding:75px 16px 25px;justify-content:center}.chapter-bar{font-size:10px;padding:0 8px;gap:8px}.try{font-size:11px;min-height:36px;padding:8px 12px}.scene-layout{display:flex;flex-direction:column;justify-content:center;gap:10px;flex:1}.scene-caption{padding:22px 8px 0;width:100%;display:grid;grid-template-columns:1fr auto;align-items:end;gap:10px}.chapter-counter{grid-column:2;grid-row:1;font-size:9px;margin-bottom:7px}.step-title{grid-column:1;grid-row:1;font-size:30px;margin:0;letter-spacing:-1px}.step-note{grid-column:1 / 3;min-height:0;margin:0;max-width:100%;font-size:12px}.stage-wrap{max-width:min(100%,calc((100svh - 320px)*1.42857));width:100%;margin:auto}.chapter-bottom{gap:10px;flex-wrap:wrap;justify-content:center}.steps{height:46px;padding:3px 5px}.steps button{height:38px;padding:0 9px;min-width:36px;font-size:10px;gap:6px}.scroll-cue{order:3;width:100%;text-align:center;font-size:10px;margin-top:4px}.next-step{width:40px;height:40px}.interlude{height:125svh}.interlude h2{font-size:54px;letter-spacing:-2.5px}.interlude .eyebrow{font-size:10px}.work-brand{font-size:93px}.work-intro{padding-top:60px}.closing{padding:85px 24px 40px}.closing h2{font-size:48px}footer{padding:25px 24px;gap:18px;flex-wrap:wrap;font-size:11px}footer>span{font-size:10px}}
@media(max-width:380px){.hero h1{font-size:50px}.nav-inner{gap:15px}nav{gap:13px}.feature-intro h2,.work-intro h2{font-size:43px}.step-title{font-size:27px}.scene-caption{gap:6px}.steps button{min-width:32px;padding:0 8px}}
@media(max-height:650px) and (min-width:701px){.chapter-sticky{min-height:0;padding-top:70px;padding-bottom:14px}.chapter-bar{font-size:10px}.stage-wrap{max-width:calc((100svh - 155px)*1.42857)}.step-title{font-size:30px}.step-note{font-size:12px}.steps{height:44px}.steps button{height:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.hero-app{transform:translateX(-50%)!important}.chapter{height:auto!important}.chapter-sticky{position:relative;height:auto;min-height:0;padding-top:80px;padding-bottom:40px}.scene-layout{min-height:460px}.stage-wrap{max-width:100%}.stage{transform:none!important}.interlude{height:auto}.interlude-sticky{position:relative;height:75svh}.interlude h2,.work-brand{transform:none!important;opacity:1!important}}

/* Product chapters: a short entrance, then an independent, local presentation. */
.nav.is-dark{background:#1d1d1fcc;color:#f5f5f7;border-bottom-color:#ffffff16}
.hero{padding:108px 0 44px}
.product-name{font-size:21px;margin-bottom:18px}
.hero h1{font-size:clamp(56px,6.1vw,80px);line-height:1.13;letter-spacing:-.045em}
.hero-description{font-size:21px;margin-top:19px}
.hero-actions{margin-top:23px}
.hero-art{width:min(1120px,94vw);height:clamp(330px,41vw,520px);margin-top:26px}
.hero-app{width:min(1000px,100%);max-width:none;top:-22px;will-change:auto}
.hero-footnote{margin-top:15px;font-size:12px}
.highlight-track{padding-inline:max(6.25vw,calc((100vw - 1080px)/2));scroll-padding-inline:6.25vw}
.highlight-card{flex-basis:min(1080px,87.5vw);height:510px;scroll-snap-align:center}
.card-copy{padding:46px;max-width:46%}
.card-copy h3{font-size:38px;line-height:1.22}
.translation-art{inset:125px 45px 70px 43%}
.excerpt.source{transform:none;left:0;top:0}
.excerpt.target{transform:none;top:110px;right:0}
.compare-mini{right:18%;bottom:-17px}
.ask-card{background:#fff}
.ask-art{inset:110px 50px 60px 42%}
.ask-source,.ask-composer,.ask-answer{transform:none}
.ask-answer{top:100px;width:65%;background:#f5f5f7;box-shadow:0 15px 32px -15px #0002}
.ask-composer{top:262px;left:0}
.work-art{inset:130px 50px 70px 43%}
.gallery-control{justify-content:center;margin-top:30px}
.gallery-dots{margin:0 8px}
.gallery-prev{order:-1}
.feature-intro{padding-top:110px;padding-bottom:68px}
.feature-intro h2,.work-intro h2{font-size:clamp(50px,5.3vw,76px)}
.chapter,.chapter-dark{height:155svh}
.chapter-sticky{padding:82px var(--gutter) 27px;min-height:640px;overflow:hidden;justify-content:flex-start}
.chapter-bar{max-width:1120px;margin:0 auto;color:#6e6e73;font-size:13px}
.try{border:0;color:#06c;padding:9px 0;background:none;min-height:40px;font-size:13px}
.try span{margin-left:5px}
.try:hover,.try[aria-pressed=true]{color:#0071e3;background:none;text-decoration:underline}
.scene-layout{display:flex;flex-direction:column;justify-content:center;gap:0;max-width:1200px;flex:1;margin:0 auto;width:100%;min-height:0}
.scene-caption{width:100%;padding:7px 0 0;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;max-width:1120px}
.chapter-counter{grid-column:2;grid-row:1;font-size:10px;letter-spacing:1px}
.step-title{grid-column:1;grid-row:1;font-size:clamp(30px,3vw,42px);font-weight:600;letter-spacing:-.04em;line-height:1.2;margin:0;white-space:normal}
.step-note{grid-column:1;grid-row:2;font-size:14px;line-height:1.5;margin:10px 0 0;min-height:0;max-width:none}
.stage-wrap{width:min(1080px,calc((100svh - 320px)*1.68));max-width:100%;margin:auto;flex:none}
.stage{aspect-ratio:1.68;position:relative;width:100%;transform:scale(var(--stage-scale,1));transform-origin:50% 55%;will-change:transform}
.stage iframe{position:absolute;left:0;top:-8.2%;width:100%;height:117.6%;border:0;display:block}
.chapter-bottom{position:relative;gap:14px;padding-bottom:27px;margin-top:0;flex-shrink:0;min-height:83px}
.steps{padding:5px 6px;height:52px;gap:2px;box-shadow:none;background:#e8e8edcc;backdrop-filter:blur(16px)}
.steps button{min-width:76px;justify-content:center;height:42px;font-size:12px;position:relative;padding:0 14px;overflow:hidden;color:#6e6e73}
.step-dot{display:none}
.step-label,.steps button[aria-pressed=true] .step-label{display:block}
.steps button[aria-pressed=true]{background:#fff;color:#1d1d1f;box-shadow:0 1px 4px #00000008}
.steps button:after{content:'';position:absolute;bottom:0;left:12px;right:12px;height:2px;background:#86868b;transform:scaleX(0);transform-origin:left;opacity:0}
.is-playing .steps button[aria-pressed=true]:after{transform:scaleX(var(--progress,0));opacity:1}
.play-story{width:52px;height:52px;border:0;border-radius:50%;display:grid;place-items:center;background:#e8e8ed;color:#1d1d1f;flex:none}
.play-story:hover{background:#dedee4}
.play-story svg{width:21px;height:21px}
.scroll-cue{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:10px;color:#86868b;letter-spacing:.2px}
.scroll-cue>span{margin-left:6px}
.interlude{height:110svh}
.interlude-sticky{height:90svh}
.interlude h2{font-size:clamp(58px,6.8vw,96px)}
.work-brand{color:#f5f5f7}
.work-cursor{background:#f5f5f7}
.work-intro{padding-bottom:68px}
.chapter-dark .try,.chapter-dark .try:hover,.chapter-dark .try[aria-pressed=true]{color:#2997ff;background:none}
.chapter-dark .steps,.chapter-dark .play-story{background:#29292e;color:#f5f5f7}
.chapter-dark .steps button{color:#a1a1a6}
.chapter-dark .steps button[aria-pressed=true]{background:#48484d;color:#fff}
.chapter-dark .play-story:hover{background:#38383d}
.chapter-dark .steps button:after{background:#f5f5f7}
.chapter-dark .stage-wrap:before{display:none}
@media(min-width:1500px){.hero{padding-top:126px}.hero-art{width:1200px;height:565px}.hero-app{width:1100px}}
@media(max-width:1000px){.chapter-sticky{padding-inline:5%}.card-copy{padding:36px;max-width:48%}.card-copy h3{font-size:33px}.highlight-card{height:470px}.translation-art{inset:145px 30px 60px 38%}.excerpt p{font-size:26px}.excerpt.target{min-width:280px}.excerpt.target p{font-size:25px}.ask-art{inset:110px 35px 40px 40%}.ask-source{width:85%}.ask-answer{width:85%;font-size:17px}.ask-composer>span{font-size:12px}.work-art{inset:155px 30px 60px 40%}}
@media(max-width:700px){
 .hero{padding:100px 0 42px}.hero h1{font-size:54px;line-height:1.15}.product-name{font-size:19px}.hero-description{font-size:17px}.hero-art{width:115%;margin-left:-7.5%;height:62vw;min-height:0;margin-top:22px}.hero-app{width:100%;top:-2px}.hero-footnote{margin-top:16px;font-size:10px}
 .highlights{padding-top:66px}.highlight-track{padding-inline:7vw;gap:18px}.highlight-card{flex-basis:86vw;height:475px}.card-copy{max-width:none;padding:30px}.card-copy h3{font-size:31px}.translation-art{inset:194px 22px 50px}.excerpt{padding:20px}.excerpt.source{top:0}.excerpt p{font-size:22px}.excerpt.target{min-width:220px;top:80px;right:-12px}.excerpt.target p{font-size:23px}.compare-mini{bottom:-14px}.ask-art{inset:202px 24px 25px}.ask-source{width:82%}.ask-answer{width:70%;top:75px;font-size:17px}.ask-composer{top:195px}.ask-composer>span{font-size:9px}.work-art{inset:210px 25px 40px}.gallery-control{margin-top:22px}
 .feature-intro,.work-intro{padding:80px 24px 52px}.feature-intro h2,.work-intro h2{font-size:48px}.chapter,.chapter-dark{height:auto}.chapter-sticky{position:relative;height:auto;min-height:720px;padding:73px 20px 29px}.chapter-bar{font-size:10px;padding:0;gap:10px}.try{font-size:12px}.scene-layout{justify-content:flex-start;gap:14px;flex:1}.scene-caption{padding-top:20px;gap:0}.step-title{font-size:28px;line-height:1.24;letter-spacing:-1px}.chapter-counter{font-size:9px;margin:0}.step-note{font-size:12px;margin-top:8px}.stage-wrap{width:100%;max-width:430px;margin:5px auto 0}.stage{aspect-ratio:.84;overflow:hidden;transform:none!important}.stage iframe{left:0;top:var(--mobile-top,0%);width:var(--mobile-width,166%);height:154%;transform:translateX(var(--mobile-pan,-6%));transition:transform .6s cubic-bezier(.2,.7,.3,1),width .6s cubic-bezier(.2,.7,.3,1),top .6s cubic-bezier(.2,.7,.3,1)}.chapter-bottom{gap:9px;min-height:77px;margin-top:8px;flex-wrap:nowrap;padding-bottom:26px}.steps{height:46px;padding:4px;gap:0}.steps button{height:38px;min-width:48px;padding:0 8px;font-size:10px}.play-story{width:44px;height:44px}.scroll-cue{width:auto;margin:0;font-size:9px}.interlude{height:95svh}.interlude-sticky{height:85svh}.interlude h2{font-size:51px}.work-intro{padding-top:50px}
}
@media(max-width:380px){.hero h1{font-size:50px}.feature-intro h2,.work-intro h2{font-size:43px}.step-title{font-size:26px}.chapter-counter{font-size:8px}.steps button{min-width:44px;padding:0 7px}.chapter-sticky{min-height:685px}.chapter-bottom{gap:7px}}
@media(max-height:680px) and (min-width:701px){.chapter-sticky{min-height:580px;padding-top:72px;padding-bottom:15px}.chapter-bar{font-size:11px}.scene-caption{padding-top:0}.step-title{font-size:30px}.step-note{font-size:12px;margin-top:7px}.stage-wrap{width:min(900px,calc((100svh - 280px)*1.68))}.chapter-bottom{min-height:73px}.steps{height:46px}.steps button{height:36px}.play-story{height:46px;width:46px}}
@media(prefers-reduced-motion:reduce){.chapter,.chapter-dark{height:auto}.chapter-sticky{position:relative;height:auto;min-height:0;padding-top:80px;padding-bottom:40px}.scene-layout{min-height:0;gap:30px}.stage-wrap{width:min(100%,1000px);margin:0 auto}.stage{transform:none!important}.chapter-bottom{margin-top:25px}.interlude{height:auto}.interlude-sticky{position:relative;height:75svh}.interlude h2,.work-brand{transform:none!important;opacity:1!important}.stage iframe{transition:none!important}}

/* Size to the viewport while keeping the product readable on shorter laptops. */
@media(min-width:701px){.hero{padding:90px 0 30px}.hero h1{font-size:clamp(54px,8.5svh,80px)}.hero-art{width:min(92vw,max(760px,min(1000px,calc((100svh - 420px)*1.85))));height:auto;aspect-ratio:1.88;margin-top:22px}.hero-app{width:100%;max-width:none;top:0;transform:translate(-50%,-10.5%)}.hero-footnote{margin-top:12px}}

.chapter{scroll-margin-top:-65px}
@media(max-width:700px){.chapter{scroll-margin-top:-58px}}

body{overflow-x:clip}
@media(min-width:701px){.stage iframe{transform:translateX(var(--desktop-pan,16%));transition:transform .55s cubic-bezier(.2,.7,.3,1)}}

@media(min-width:701px) and (prefers-reduced-motion:reduce){.hero-app{transform:translate(-50%,-10.5%)!important}}

/* Keep the product name primary; the platform is a quiet, distinct label. */
.hero .product-name{display:flex;align-items:center;justify-content:center;gap:10px;font-size:inherit;line-height:1;margin-bottom:18px}
.product-wordmark{font-size:26px;font-weight:650;letter-spacing:-.85px}
.platform-label{display:inline-block;padding:6px 9px;border-radius:7px;border:1px solid #dfe7f0;background:#edf3fa;color:#405d7a;font-family:ui-monospace,"SFMono-Regular",Menlo,monospace;font-size:11px;font-weight:500;line-height:1;letter-spacing:-.2px;white-space:nowrap}
@media(max-width:700px){.hero .product-name{gap:9px}.product-wordmark{font-size:23px}.platform-label{font-size:10px;padding:5px 8px}}

/* Scroll-led product stories: every stretch of pinned travel advances a scene. */
.chapter-actions{display:flex;align-items:center;gap:22px;flex:none}
.follow-scroll{padding:9px 0;min-height:40px;border:0;background:none;color:#6e6e73;font-size:12px}
.follow-scroll[hidden]{display:none}
.follow-scroll:hover{color:var(--link)}
.chapter-dark .follow-scroll{color:#a1a1a6}
.chapter-dark .follow-scroll:hover{color:#2997ff}
.is-scroll-driven .steps button[aria-pressed=true]:after{transform:scaleX(var(--progress,0));opacity:1}
.stage{transform:none;will-change:auto}
.interlude{background:#101012;height:auto}
.interlude-sticky{position:relative;height:auto;min-height:76svh;padding:90px 24px;gap:40px}
.interlude h2{transform:none;opacity:1;margin:12px 0 0}
.work-brand{transform:none;opacity:1;justify-content:center}
.work-reveal>p{margin:24px 0 0;color:#a1a1a6;font-size:21px;letter-spacing:-.4px}

@media(min-width:541px) and (min-height:700px) and (prefers-reduced-motion:no-preference){
 .chapter{height:350svh}
 .chapter-dark{height:300svh}
 .chapter-sticky{position:sticky;top:0;height:100svh;min-height:0}
 .stage-wrap{width:min(1100px,calc((100svh - 312px)*1.68))}
 .stage iframe{transition:transform .65s cubic-bezier(.22,1,.36,1)}
 .interlude{height:165svh}
 .interlude-sticky{position:sticky;top:0;height:100svh;min-height:0;padding:0;display:grid;place-items:center;gap:0}
 .interlude-copy,.work-reveal{grid-area:1/1;width:100%}
 .interlude-copy{opacity:var(--intro-opacity,1);transform:translateY(var(--intro-shift,0px))}
 .work-reveal{opacity:var(--work-opacity,0);transform:translateY(var(--work-shift,28px)) scale(var(--work-scale,.94))}
 .work-brand{font-size:clamp(100px,13vw,186px);letter-spacing:-.065em}
}

/* Compact windows browse naturally, with explicit playback and local steps. */
@media(max-width:540px),(max-height:699px){
 .chapter,.chapter-dark{height:auto}
 .chapter-sticky{position:relative;height:auto;min-height:0;padding-top:76px;padding-bottom:28px}
 .scene-layout{flex:none;gap:22px}
 .scene-caption{padding-top:20px}
 .stage-wrap{width:min(100%,1000px);margin:8px auto 0}
 .chapter-bottom{margin-top:18px}
 .follow-scroll{display:none}
 .interlude-sticky{min-height:0;padding:100px 24px;gap:42px}
 .interlude h2{font-size:clamp(45px,7vw,72px)}
 .work-brand{font-size:clamp(72px,11vw,110px)}
}
@media(max-width:700px){
 .stage-wrap{max-width:430px}
 .stage{overflow:clip}
 .stage iframe{top:0;width:166%;height:154%;transition:transform .6s cubic-bezier(.22,1,.36,1)}
 .chapter-actions{gap:12px}
 .work-reveal>p{font-size:17px;margin-top:18px}
}
@media(min-width:541px) and (max-width:700px) and (min-height:700px) and (prefers-reduced-motion:no-preference){
 .chapter-sticky{padding-top:72px;padding-bottom:18px}
 .stage-wrap{width:min(100%,calc((100svh - 300px)*.84));margin:auto}
 .scene-layout{gap:0}
 .scene-caption{padding-top:4px}
}
@media(prefers-reduced-motion:reduce){
 .interlude-copy,.work-reveal{opacity:1!important;transform:none!important}
 .interlude-sticky{height:auto;min-height:0;padding:90px 24px}
 .chapter-actions .follow-scroll{display:none}
}