:root{--paper:#f7f6f0;--ink:#252920;--muted:#6b7064;--blue:#2559d6;--line:#dddfd4;--serif:Georgia,'Songti SC','Noto Serif CJK SC',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC',sans-serif}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{outline:3px solid var(--blue);outline-offset:6px}img{display:block;max-width:100%;height:auto}.wrap{max-width:1256px;margin:auto;padding-left:48px;padding-right:48px}header{max-width:1352px;margin:auto;height:104px;padding:24px 48px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{font-weight:700;letter-spacing:-1px;font-size:24px;display:flex;align-items:center;gap:10px}.brand img{border-radius:9px}.brand-dot{color:var(--blue);margin-left:-9px}nav{display:flex;gap:32px;font-size:14px}nav a:hover,.footer-links a:hover{text-decoration:underline;text-underline-offset:5px}.language{font-size:13px;display:flex;gap:10px;align-items:center;border:1px solid #cdd0c2;border-radius:30px;padding:9px 16px}.skip{position:fixed;left:10px;top:-80px;background:var(--ink);color:white;padding:12px;z-index:50}.skip:focus{top:10px}.hero{display:grid;grid-template-columns:1.03fr 1fr;align-items:center;min-height:738px;padding-top:32px;padding-bottom:48px;gap:20px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2px;margin:0 0 28px;text-transform:uppercase;display:flex;align-items:center;gap:10px}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:var(--blue)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-3px;line-height:1.05}h1{font-size:clamp(64px,6.1vw,86px);margin:0 0 30px}h1 em,h2 em{font-weight:400;color:var(--blue)}.intro{font-size:17px;max-width:410px;line-height:1.8;color:var(--muted);margin-bottom:30px}.actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;background:var(--blue);color:#fff;border:0;border-radius:40px;padding:16px 24px;font-size:13px;font-weight:600;transition:background .2s,transform .2s}.button:hover{background:#1c45ab;transform:translateY(-2px)}.text-button{border:0;background:none;padding:10px 0;font-size:12px;display:inline-flex;gap:9px;align-items:center}.play-small{font-size:10px;width:25px;height:25px;border:1px solid #a6ac9b;border-radius:50%;display:grid;place-items:center}.availability{margin-top:40px;font-size:11px;color:#555e4d}.status-dot{width:6px;height:6px;background:#77936d;display:inline-block;border-radius:50%;margin-right:7px}.availability p{font-size:10px;margin:5px 0 0 13px;color:#747a6d}.hero-art{position:relative;height:650px;isolation:isolate}.orbit{position:absolute;border:1px solid #d9dfcf;border-radius:50%;z-index:-1;width:525px;height:525px;left:-10px;top:60px}.orbit-two{width:445px;height:445px;top:100px;left:30px;background:#e8eedf70}.phone{padding:7px;background:#262c29;border-radius:37px;border:2px solid #6b746d;box-shadow:0 18px 45px #222c2624;width:256px;overflow:hidden}.phone img{border-radius:28px;width:100%;height:auto}.hero-art .phone{position:absolute}.hero-art .back{width:234px;left:20px;top:46px;transform:rotate(-9deg);opacity:.95}.hero-art .front{width:267px;right:0;top:120px;transform:rotate(8deg)}.art-star{font:70px var(--serif);position:absolute;right:34px;top:0;color:var(--blue)}.margin-note{font-family:var(--serif);font-size:18px;font-style:italic;line-height:1.4;position:absolute;left:5px;bottom:18px;transform:rotate(-5deg)}.margin-note svg{width:70px;position:absolute;left:140px;top:5px;stroke:#68735d;fill:none;stroke-width:1.2}.art-caption{position:absolute;bottom:-20px;right:30px;font-size:8px;letter-spacing:1.8px;color:#777e70}.format-strip{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-top:25px;padding-bottom:25px;font-size:10px;letter-spacing:1px;color:var(--muted)}.format-strip strong{font-size:17px;letter-spacing:2px;color:var(--ink);font-weight:500}.format-strip i{padding:0 15px;color:#afb69f;font-style:normal}.section{padding-top:110px;padding-bottom:95px}.section-heading{text-align:center;margin-bottom:60px}.section-heading .eyebrow{justify-content:center}h2{font-size:54px;margin-bottom:26px}.feature-split{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.feature-art{height:665px;position:relative;display:grid;place-items:center;border-radius:5px;overflow:hidden}.blue-paper{background:#dfe8ed;background-image:radial-gradient(ellipse at 40% 20%,#edf0d9,transparent 75%)}.feature-art .phone{width:268px;transform:rotate(-5deg);box-shadow:25px 25px 50px #26373424}.corner-caption{font-size:8px;letter-spacing:2px;position:absolute;bottom:20px;left:28px;color:#64766d}.feature-copy>p,.reading-copy>p:not(.eyebrow),.duo article>p:not(.eyebrow){color:var(--muted);font-size:15px;line-height:1.8}.section-number{font:40px var(--serif);color:var(--blue);display:block;margin-bottom:20px}.modes{padding:0;list-style:none;margin:30px 0 0}.modes li{display:flex;gap:20px;padding:17px 0;border-top:1px solid var(--line)}.modes li>span{color:var(--blue);font-size:10px;padding-top:3px}.modes h3{font-size:14px;margin:0 0 5px}.modes p{font-size:12px;line-height:1.6;color:var(--muted);margin:0}.reading-section{background:#e9eddf;display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-top:64px;padding-bottom:0;overflow:hidden;border-radius:5px;max-width:1160px}.reading-copy{padding-top:60px}.reading-art{height:600px;position:relative;display:grid;place-items:start center}.reading-art .phone{width:275px;transform:rotate(7deg);margin-top:24px}.type-sample{font:53px var(--serif);display:flex;gap:20px;align-items:center;margin-top:35px}.type-sample span{font:30px -apple-system,sans-serif;color:#819374}.type-sample i{font-size:40px;color:var(--blue)}.reading-line{position:absolute;bottom:35px;left:-15px;transform:rotate(-7deg);font:italic 30px var(--serif);color:#5c7153}.duo{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding-top:28px;padding-bottom:110px}.duo article{border:1px solid var(--line);padding:45px 40px 0;border-radius:5px;overflow:hidden;height:660px}.duo h2{font-size:44px}.duo article>p:not(.eyebrow){font-size:13px}.digest-window{height:340px;width:88%;margin:25px auto 0;border-radius:22px 22px 0 0;overflow:hidden;border:6px solid #e1e3dc;box-shadow:0 0 30px #2633260d}.digest-window img{width:100%;margin-top:-45px}.quote-card{background:#eeeae1}.quote-paper{background:#fbf7ed;box-shadow:0 8px 25px #33292316;padding:25px 27px;transform:rotate(-5deg);margin:35px 15px 10px;text-align:center;position:relative}.quote-mark{font:48px var(--serif);color:#acb58e;display:block;height:45px}blockquote{font:22px/1.5 var(--serif);margin:0 0 20px}.quote-paper figcaption{font-size:10px;color:#737564}.quote-watermark{font-size:7px;letter-spacing:2px;display:block;margin-top:20px}.duo .quote-caption{text-align:center;font:italic 15px var(--serif);margin:22px 0;color:#747d66}.film-section{background:#252e27;color:#f5f5e8;padding:90px 0}.film-inner{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.film-inner .eyebrow{color:#b6c6a9}.film-inner p:not(.eyebrow){color:#bfc9bb;max-width:350px;font-size:15px}.button.light{background:#edf1df;color:#243125;margin-top:15px}.button.light:hover{background:#d6e1c7}.film-inner small{display:block;font-size:10px;color:#a7b49f;margin-top:18px}.film-preview{width:100%;height:480px;background:#323e34;border:1px solid #506048;border-radius:5px;position:relative;overflow:hidden;display:flex;justify-content:center;padding:24px}.film-preview img{height:610px;width:auto;border-radius:22px;transform:rotate(4deg);opacity:.8}.big-play{position:absolute;top:45%;left:43%;width:70px;height:70px;display:grid;place-items:center;border-radius:50%;background:#f7f6ed;color:#26382b;box-shadow:0 5px 20px #0003;font-size:20px}.film-time{position:absolute;bottom:20px;right:22px;font-size:11px;letter-spacing:1px;color:white}.privacy-section{padding-top:110px;padding-bottom:100px;border-bottom:1px solid var(--line)}.privacy-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:35px}.arrow-link{font-size:12px;border-bottom:1px solid;padding-bottom:4px;margin-bottom:30px}.privacy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.privacy-grid h3{font-size:16px;margin:15px 0}.privacy-grid p{font-size:13px;color:var(--muted)}.mini-icon{font:35px var(--serif);color:var(--blue)}.faq-section{display:grid;grid-template-columns:1fr 1.3fr;gap:100px;padding-top:100px;padding-bottom:110px}.faq-section h2{font-size:43px}.faq-list details{border-top:1px solid var(--line);padding:22px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}summary{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px;font-weight:600;cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}summary span{font-size:21px;color:var(--muted);font-weight:300}details[open] summary span{transform:rotate(45deg)}details p{font-size:13px;color:var(--muted);margin:15px 25px 0 0;line-height:1.8}.closing{text-align:center;border-top:1px solid var(--line);padding-top:70px;padding-bottom:80px}.closing img{margin:0 auto 28px;border-radius:18px}.closing h2{font-size:58px}.closing p{color:var(--muted);font-size:13px;max-width:500px;margin:0 auto 25px}.coming-label{display:block;font-size:10px;margin-top:18px;color:var(--muted)}.disclaimer{font-size:10px;line-height:1.7;color:#767d6f;text-align:center;padding-bottom:30px}footer{border-top:1px solid var(--line);padding-top:38px;padding-bottom:38px;display:flex;align-items:start;justify-content:space-between;gap:35px}.footer-brand{font-weight:700;font-size:22px;letter-spacing:-1px}footer p,footer small{font-size:10px;color:var(--muted);margin:10px 0}.footer-links{font-size:11px;text-align:right}.footer-links>div{display:flex;gap:25px;margin-bottom:22px}.footer-links>a{font-size:9px;color:var(--muted)}dialog{border:1px solid #485445;background:#20251f;border-radius:18px;color:white;max-width:min(92vw,580px);max-height:94dvh;padding:20px 44px 10px;overflow:auto}dialog::backdrop{background:#101b14d9;backdrop-filter:blur(5px)}dialog video{max-height:75dvh;width:100%;display:block;outline:none}dialog p{font-size:10px;text-align:center;color:#b2beac;margin:12px 0}.close-dialog{position:absolute;right:9px;top:6px;border:0;background:transparent;color:white;font-size:30px;width:32px;height:38px}html[lang^=zh] h1{font-size:clamp(60px,5.9vw,80px);letter-spacing:-2px;line-height:1.2}html[lang^=zh] h2{letter-spacing:-1px;line-height:1.2}html[lang^=zh] .eyebrow{letter-spacing:2px}html[lang^=zh] .intro{line-height:1.95}html[lang^=zh] h1 em,html[lang^=zh] h2 em{font-style:normal}
@media(min-width:1400px){.hero-art .front{right:5px}.hero-art .back{left:30px}}
@media(max-width:1000px){.wrap{padding-left:30px;padding-right:30px}header{padding:20px 30px}nav{gap:20px}.hero{min-height:690px;gap:0}.hero-art{height:575px;transform:scale(.88);transform-origin:center right}.hero-art .back{left:-20px}.hero-art .front{right:-10px}.hero-art .margin-note{left:-20px;bottom:-40px}.hero-art .art-caption{bottom:-65px}.orbit{left:-50px}.orbit-two{left:-10px}h1{font-size:66px}.intro{font-size:15px}.actions{gap:10px}.button{padding:14px 20px}.feature-split,.film-inner{gap:50px}.reading-section{margin:0 30px;padding-left:35px;padding-right:35px;gap:30px}.duo article{padding:32px 25px 0}h2{font-size:46px}.duo h2{font-size:37px}.privacy-grid{gap:30px}.faq-section{gap:45px}.hero-art .margin-note svg{display:none}}
@media(max-width:740px){header{height:82px;padding:18px 23px;gap:15px}.brand{font-size:21px}.brand img{width:31px;height:31px;border-radius:8px}nav{display:none}.language{padding:7px 12px;font-size:11px}.wrap{padding-left:24px;padding-right:24px}.hero{display:flex;flex-direction:column;gap:25px;padding-top:36px;padding-bottom:35px;overflow:hidden;min-height:auto}.hero-copy{width:100%;text-align:center}.hero-copy .eyebrow{justify-content:center;font-size:8px;letter-spacing:1.4px;margin-bottom:22px}h1{font-size:61px;letter-spacing:-2.8px;line-height:1.07;margin-bottom:24px}html[lang^=zh] h1{font-size:57px}.intro{margin:0 auto 24px;font-size:14px;max-width:350px;line-height:1.8}.actions{justify-content:center;gap:18px}.button{font-size:11px;padding:14px 19px}.text-button{font-size:11px}.availability{margin-top:25px}.availability p{font-size:9px}.hero-art{height:510px;width:340px;max-width:100%;transform:none;flex-shrink:0;margin-top:15px}.hero-art .back{width:183px;left:0;top:20px;transform:rotate(-9deg)}.hero-art .front{width:211px;right:0;top:80px}.phone{border-radius:29px;padding:5px}.phone img{border-radius:22px}.orbit{width:360px;height:360px;top:40px;left:-10px}.orbit-two{width:310px;height:310px;top:65px;left:15px}.art-star{font-size:52px;right:30px;top:-20px}.hero-art .margin-note{left:3px;bottom:14px;font-size:14px}.hero-art .art-caption{bottom:-8px;right:10px;font-size:6px}.format-strip{flex-wrap:wrap;gap:12px;justify-content:center;text-align:center;padding-top:20px;padding-bottom:20px;font-size:8px}.format-strip strong{font-size:14px;letter-spacing:1px}.format-strip>span:first-child{width:100%}.format-strip>span:last-child{display:none}.format-strip i{padding:0 12px}.section{padding-top:65px;padding-bottom:55px}.section-heading{margin-bottom:35px}.eyebrow{font-size:8px;margin-bottom:20px}h2{font-size:40px;letter-spacing:-1.7px}.section-heading h2{font-size:39px}.feature-split{display:flex;flex-direction:column-reverse;gap:30px}.feature-copy{width:100%}.feature-copy h2{font-size:39px}.feature-copy>p{font-size:14px}.section-number{display:none}.modes{margin-top:22px}.modes li{padding:13px 0}.modes p{font-size:12px}.feature-art{width:100%;height:535px}.feature-art .phone{width:220px}.corner-caption{font-size:7px;left:20px}.reading-section{margin:0 24px;display:block;padding:35px 27px 0}.reading-copy{padding-top:0}.reading-copy>p:not(.eyebrow){font-size:13px}.type-sample{font-size:40px;margin-top:20px}.reading-art{height:440px;margin-top:20px}.reading-art .phone{width:235px;margin:0}.reading-line{bottom:18px;font-size:26px;left:-10px}.duo{grid-template-columns:1fr;padding-top:22px;padding-bottom:60px;gap:22px}.duo article{height:620px;padding:32px 27px 0}.duo h2{font-size:39px}.duo .quote-card{height:auto;padding-bottom:30px}.quote-paper{margin:28px 5px 10px}.digest-window{width:90%}.film-section{padding:55px 0}.film-inner{grid-template-columns:1fr;gap:35px}.film-preview{height:390px;max-width:450px}.film-preview img{height:540px}.film-inner h2{font-size:43px}.film-inner p:not(.eyebrow){font-size:14px}.privacy-section{padding-top:60px;padding-bottom:55px}.privacy-heading{display:block;margin-bottom:20px}.privacy-heading .arrow-link{display:inline-block;margin:0}.privacy-grid{grid-template-columns:1fr;gap:24px;margin-top:30px}.privacy-grid article{padding-left:44px;position:relative}.mini-icon{position:absolute;left:0;top:-5px;font-size:27px}.privacy-grid h3{margin:0 0 9px}.privacy-grid p{margin:0}.faq-section{grid-template-columns:1fr;gap:18px;padding-top:55px;padding-bottom:60px}.faq-section h2{font-size:37px}.faq-list details{padding:20px 0}summary{font-size:13px}.closing{padding-top:50px;padding-bottom:50px}.closing h2{font-size:39px}.closing p{font-size:12px}.closing img{width:58px;height:58px;border-radius:14px}footer{display:block;padding-top:30px}.footer-links{text-align:left;margin-top:25px}.footer-links>div{gap:20px;margin-bottom:18px}dialog{padding:35px 15px 10px}.disclaimer{font-size:9px;padding-bottom:23px}}
@media(max-width:360px){h1{font-size:53px}html[lang^=zh] h1{font-size:50px}.hero-art{width:302px;height:477px}.hero-art .back{width:165px}.hero-art .front{width:192px}.hero-copy .eyebrow{font-size:7px}.actions{gap:10px}.button{padding:13px 16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
/* First-screen guided AI demos: real iPad stills and an iPhone recording. */
.hero{grid-template-columns:.95fr 1.05fr;gap:24px;min-height:790px}.hero h1{font-size:clamp(60px,5.2vw,73px)}html[lang^=zh] .hero h1{font-size:clamp(46px,4.4vw,62px);line-height:1.32;letter-spacing:-2px}.guided-art{position:relative;isolation:isolate;height:660px;width:100%;min-width:0}.demo-orbit{position:absolute;width:510px;height:510px;border-radius:50%;background:#e6ecdd;border:1px solid #d8dfcc;top:50px;left:0;z-index:-1;box-shadow:0 0 0 32px #edf0e660}.tablet-demo{position:absolute;width:335px;top:24px;left:0;transform:rotate(-4deg)}.device-label{font-size:9px;letter-spacing:1.5px;color:#325a8e;font-weight:700;display:flex;align-items:center;gap:12px;margin:0 0 12px 9px}.device-label i{font-style:normal;font-size:9px;letter-spacing:0;font-weight:400;color:#677663}.tablet-frame{background:#252e2a;border:2px solid #6d7770;border-radius:27px;padding:12px;box-shadow:14px 20px 42px #23312324}.tablet-screen{position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:15px;background:#fff}.tablet-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.library-slide{animation:library-scene 15s infinite}.digest-slide{animation:digest-scene 15s infinite}.touch-dot{position:absolute;width:25px;height:25px;border-radius:50%;background:#ffffffeb;border:2px solid #ffffff;box-shadow:0 0 0 8px #ffffff52,0 1px 8px #1129487d;z-index:4;pointer-events:none}.tablet-touch{left:7%;top:23%;animation:tablet-tap 15s infinite}.step-caption{position:relative;height:48px;margin:15px 0 0 8px;font-size:11px;color:#4a6150;line-height:1.6}.step-caption>span{position:absolute;left:0;top:0}.step-first{animation:library-scene 15s infinite}.step-second{animation:digest-scene 15s infinite}.iphone-demo{position:absolute;width:216px;right:-7px;top:174px;transform:rotate(5deg)}.iphone-frame{border:2px solid #657269;padding:5px;border-radius:31px;background:#1f2822;position:relative;overflow:hidden;box-shadow:8px 15px 38px #26372736}.iphone-frame video{width:100%;height:auto;display:block;border-radius:23px;background:#efe9dd}.phone-touch{left:48%;top:24%;animation:phone-tap 14s infinite}.phone-step{font-size:10px;line-height:1.5;margin:14px 0 0 5px;color:#486252;max-width:200px}.demo-controls{position:absolute;bottom:-16px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:8px;color:#65745f;letter-spacing:.25px}.demo-controls button{background:transparent;border:1px solid #c5cdbb;border-radius:20px;padding:7px 12px;font-size:9px;color:#4f6049}.demo-controls button:hover{background:#e7ecdE}@keyframes library-scene{0%,30%{opacity:1}36%,93%{opacity:0}100%{opacity:1}}@keyframes digest-scene{0%,30%{opacity:0}36%,93%{opacity:1}100%{opacity:0}}@keyframes tablet-tap{0%,9%{opacity:0;transform:scale(1.7)}14%,23%{opacity:1;transform:scale(.85)}28%,100%{opacity:0;transform:scale(1.25)}}@keyframes phone-tap{0%,4%{opacity:0;top:24%;transform:scale(1.5)}8%,13%{opacity:1;top:24%;transform:scale(.8)}17%,40%{opacity:0;top:24%}44%{opacity:0;top:57%;transform:scale(1.4)}48%,52%{opacity:1;top:57%;transform:scale(.85)}57%,100%{opacity:0;top:57%}}
html[data-demo-paused=true] .guided-art *{animation-play-state:paused!important}
@media(max-width:1000px) and (min-width:741px){.hero h1{font-size:57px}html[lang^=zh] .hero h1{font-size:46px}.guided-art{height:615px}.tablet-demo{width:275px;top:45px;left:-10px}.iphone-demo{width:185px;right:-5px;top:180px}.demo-orbit{width:370px;height:370px;top:90px}.demo-controls{bottom:-20px}.step-caption{font-size:9px}}
@media(max-width:740px){.hero{gap:25px;min-height:auto;padding-bottom:45px}.hero h1{font-size:53px;line-height:1.1}html[lang^=zh] .hero h1{font-size:42px;line-height:1.3;letter-spacing:-1.5px}.guided-art{height:525px;max-width:365px;margin-top:20px}.tablet-demo{width:244px;top:0;left:0}.tablet-frame{padding:9px;border-radius:23px}.tablet-screen{border-radius:11px}.iphone-demo{width:173px;right:-3px;top:136px}.iphone-frame{border-radius:28px;padding:4px}.iphone-frame video{border-radius:21px}.demo-orbit{width:335px;height:335px;top:75px;left:10px;box-shadow:0 0 0 18px #edf0e660}.device-label{font-size:8px;margin-bottom:10px;letter-spacing:.8px}.device-label i{font-size:8px}.step-caption{font-size:9px;max-width:160px;margin-top:13px}.phone-step{font-size:8px;margin-top:10px}.demo-controls{bottom:-2px;font-size:7px}.demo-controls button{font-size:8px;padding:7px 10px}.touch-dot{width:20px;height:20px;box-shadow:0 0 0 6px #ffffff52,0 1px 8px #1129487d}}
@media(max-width:360px){.hero h1{font-size:47px}html[lang^=zh] .hero h1{font-size:38px}.tablet-demo{width:220px}.iphone-demo{width:160px}.guided-art{height:500px}.demo-orbit{width:300px;height:300px;left:0}.step-caption{max-width:138px}}
.tour-section{padding-top:85px}.tour-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.tour-heading h2{font-size:45px;margin-bottom:0}.tour-heading>p{font-size:10px;max-width:180px;color:var(--muted);text-align:right}.tour-track{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;border:1px solid #d5ddce;border-radius:8px;background:#e7ecdf;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.tour-track::-webkit-scrollbar{display:none}.tour-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:45px;padding:45px 75px;height:570px}.tour-copy h3{font:40px/1.12 var(--serif);letter-spacing:-1.5px;margin-bottom:20px}.tour-copy>p:not(.eyebrow){font-size:14px;line-height:1.8;color:var(--muted)}.tour-visual{height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.tour-device{width:207px;border:2px solid #778073;border-radius:29px;padding:5px;background:#252d27;box-shadow:12px 15px 30px #2a3e2329}.tour-device img{width:100%;height:auto;border-radius:20px}.tour-device.is-tablet{width:335px;border-radius:23px;padding:10px}.tour-device.is-tablet img{border-radius:12px}.tour-controls{display:flex;align-items:center;gap:20px;margin-top:20px}.tour-dots{display:flex;gap:10px;align-items:center}.tour-dots button{border:0;width:8px;height:8px;border-radius:50%;padding:0;background:#c7cfbd;position:relative}.tour-dots button::after{content:'';position:absolute;inset:-10px}.tour-dots button[aria-pressed=true]{width:24px;background:var(--blue);border-radius:5px}.tour-counter{font-size:10px;color:var(--muted);letter-spacing:1px}.tour-pause{margin-left:auto;border:0;background:transparent;font-size:10px;color:#506045;padding:12px}.tour-arrows{display:flex;gap:8px}.tour-arrows button{width:42px;height:42px;border:1px solid #c7cebd;border-radius:50%;background:transparent;color:#4f6147;font-size:22px}.tour-arrows button:hover{background:#e3e9d9}html[lang^=zh] .tour-copy h3{font-size:36px;line-height:1.3}
@media(max-width:1000px){.tour-slide{padding:35px 40px;gap:30px}.tour-copy h3{font-size:34px}.tour-device.is-tablet{width:290px}}
@media(max-width:740px){.tour-section{padding-top:55px}.tour-heading{display:block;margin-bottom:23px}.tour-heading h2{font-size:36px}.tour-heading>p{text-align:left;max-width:none;margin:15px 0 0;font-size:9px}.tour-slide{display:flex;flex-direction:column;padding:28px 25px 0;gap:18px;height:620px;align-items:stretch}.tour-copy h3,html[lang^=zh] .tour-copy h3{font-size:28px;margin-bottom:12px;letter-spacing:-.8px}.tour-copy .eyebrow{margin-bottom:15px}.tour-copy>p:not(.eyebrow){font-size:12px;line-height:1.6;margin-bottom:0}.tour-visual{height:414px;flex:1;align-items:start;padding-top:5px}.tour-device{width:176px;border-radius:25px;flex-shrink:0}.tour-device img{border-radius:18px}.tour-device.is-tablet{width:255px;padding:7px;border-radius:19px}.tour-device.is-tablet img{border-radius:10px}.tour-controls{gap:12px;flex-wrap:wrap}.tour-pause{font-size:9px;padding:10px 0}.tour-arrows button{width:34px;height:34px;font-size:18px}.tour-counter{display:none}.tour-dots{gap:9px}.tour-dots button{width:6px;height:6px}.tour-dots button[aria-pressed=true]{width:18px}.tour-heading .eyebrow{font-size:8px}}

/* Correct landscape iPad source orientation; stable reduced-motion fallback. */
.tablet-screen{aspect-ratio:4/3}.tablet-demo{width:420px;top:50px}.iphone-demo{top:230px}.guided-art{height:725px}.hero{min-height:825px}.digest-slide,.step-second,.touch-dot{opacity:0}.tablet-touch{left:8%;top:19%}.step-caption{max-width:235px}.tour-device.is-tablet{width:380px}.tour-track:focus-visible{outline:3px solid var(--blue);outline-offset:5px}
dialog:not([open]){display:none}.dialog-fallback{display:block;position:fixed;z-index:100;top:3vh;left:0;right:0;margin:auto;box-shadow:0 0 0 100vmax #101b14d9;max-height:90vh}dialog video{max-height:75vh;max-height:75dvh}
@media(max-width:1000px) and (min-width:741px){.tablet-demo{width:330px;left:-5px}.iphone-demo{top:215px;width:174px}.guided-art{height:655px}.hero{min-height:765px}.tour-device.is-tablet{width:300px}}
@media(max-width:740px){.hero{min-height:auto;gap:12px;padding-top:20px}.hero h1{font-size:48px}.hero-copy .eyebrow{margin-bottom:16px}.intro{font-size:13px}.availability{margin-top:17px}.guided-art{height:565px;margin-top:20px;max-width:355px}.tablet-demo{width:300px;top:0;left:0}.iphone-demo{width:155px;top:185px;right:0}.step-caption{max-width:175px;font-size:9px}.phone-step{font-size:8px}.demo-orbit{width:300px;height:300px;left:15px;top:75px}.tour-device.is-tablet{width:100%;max-width:300px}.tour-visual{min-height:0}}
@media(max-width:360px){.hero h1{font-size:43px}html[lang^=zh] .hero h1{font-size:34px}.tablet-demo{width:260px}.iphone-demo{width:148px;top:170px}.guided-art{height:550px}.step-caption{max-width:145px}.demo-orbit{width:270px;height:270px}}
@media(min-width:1001px){.iphone-demo{width:205px;top:200px}}
@media(max-width:740px){.iphone-demo{width:148px;top:160px}}

/* Still-image first screen; video is loaded only when its dialog is opened. */
.hero-phone-screen{position:relative;aspect-ratio:1242/2688;overflow:hidden;border-radius:23px;background:#fff}.hero-phone-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .65s ease}.hero-phone-slide.is-active{opacity:1}.phone-step{min-height:30px}.close-dialog{z-index:2;right:8px;top:8px;width:44px;height:44px;display:grid;place-items:center;line-height:1;border-radius:50%;background:#20251f;color:white;border:1px solid #75826d}dialog{padding-top:60px}dialog video{position:relative;z-index:0}html[lang^=zh] .hero h1{font-size:clamp(42px,4vw,56px)}
@media(max-width:740px){.hero-phone-screen{border-radius:20px}html[lang^=zh] .hero h1{font-size:38px;letter-spacing:-1.5px}dialog{padding-top:60px}.phone-step{font-size:8px}}
@media(max-width:360px){html[lang^=zh] .hero h1{font-size:32px}}

html[lang^=zh] .hero h1{font-size:clamp(46px,5vw,68px)}
@media(max-width:740px){html[lang^=zh] .hero h1{font-size:50px}}
@media(max-width:360px){html[lang^=zh] .hero h1{font-size:43px}}

/* Align the Chinese section introduction to the explanatory text column. */
html[lang^=zh] #experience .section-heading{text-align:left;margin-left:calc(50% + 50px)}
html[lang^=zh] #experience .section-heading .eyebrow{justify-content:flex-start}
@media(max-width:1000px){html[lang^=zh] #experience .section-heading{margin-left:calc(50% + 25px)}}
@media(max-width:740px){html[lang^=zh] #experience .section-heading{margin-left:0}}

/* Real CN iPad screenshots are portrait; preserve their full aspect ratio. */
html[lang^=zh] .tablet-screen{aspect-ratio:3/4}
html[lang^=zh] .tablet-demo{width:310px}
html[lang^=zh] .tablet-touch{left:12%;top:22%}
html[lang^=zh] .tour-device.is-tablet{width:265px}
@media(max-width:1000px) and (min-width:741px){html[lang^=zh] .tablet-demo{width:260px}}
@media(max-width:740px){html[lang^=zh] .tablet-demo{width:225px}html[lang^=zh] .tour-device.is-tablet{width:250px;max-width:100%}}
@media(max-width:360px){html[lang^=zh] .tablet-demo{width:210px}}

/* Give the selected text and AI explanation enough room in the next section. */
.explain-section .reading-art{height:690px;display:flex;align-items:center;justify-content:center}
.explain-section .reading-art .phone{width:280px;margin:0}
.explain-section .reading-line{font-size:30px;bottom:10px;left:0}
.explain-section .modes p{font-size:12px}
@media(max-width:1000px){.explain-section .reading-art .phone{width:240px}.explain-section .reading-art{height:600px}}
@media(max-width:740px){.explain-section .reading-art{height:610px;margin-top:22px}.explain-section .reading-art .phone{width:255px}.explain-section .reading-line{font-size:24px;bottom:2px}.explain-section .modes{margin-top:18px}}
.languages{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}