@font-face{font-family:Manrope;src:url(/fonts/manrope-400.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url(/fonts/manrope-600.ttf)format("truetype");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:Manrope;src:url(/fonts/manrope-800.ttf)format("truetype");font-style:normal;font-weight:800;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#fffdf7;--ink:#221b3b;--yellow:#ffdd47;--coral:#ff6a4d;--sky:#a6d9ff;--lavender:#c5b6f3;--mint:#b8e1be;--pink:#ffb0c2;--muted:#51445e;--rule:#221b3b;--focus:#6034b1;--gutter:clamp(24px, 4.5vw, 76px);--font:Manrope, "PingFang SC", "Microsoft YaHei", sans-serif;--shadow:8px 8px 0 var(--ink)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:var(--ink) var(--paper);scroll-padding-top:100px}body{background:var(--paper);color:var(--ink);font-family:var(--font);caret-color:var(--coral);margin:0;font-size:17px;line-height:1.6}::selection{background:var(--ink);color:var(--yellow)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--paper)}::-webkit-scrollbar-thumb{background:var(--ink);border:3px solid var(--paper);border-radius:12px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1.5px}a:hover{text-decoration-thickness:2.5px}button:disabled{cursor:not-allowed;opacity:.45}:focus-visible{outline:3px solid var(--focus);outline-offset:5px}img,video{max-width:100%}button,summary{touch-action:manipulation}h1,h2,h3{letter-spacing:-.035em;text-wrap:balance;margin:0;font-weight:800;line-height:1.07}h1{font-size:clamp(42px,6.1vw,96px)}h2{font-size:clamp(36px,4.5vw,68px)}h3{font-size:28px;line-height:1.2}p{margin:0 0 1.25rem}ul{padding-left:1.2em}figure{margin:0}.site{flex-direction:column;min-height:100dvh;display:flex}.content{flex:1}.skip{z-index:50;background:var(--ink);color:var(--yellow);padding:12px 18px;position:absolute;top:-100px;left:24px}.skip:focus{top:12px}.mast{z-index:20;padding:14px var(--gutter);background:var(--paper);border-bottom:2px solid var(--ink);justify-content:space-between;align-items:center;gap:20px;display:flex;position:sticky;top:0}.wordmark{letter-spacing:-.035em;align-items:center;gap:10px;min-height:44px;font-size:26px;font-weight:800;text-decoration:none;display:inline-flex}.wordmark img{border-radius:8px;width:36px;height:36px}.nav{align-items:center;gap:clamp(18px,2.4vw,36px);display:flex}.nav>a{align-items:center;min-height:44px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.nav>a:hover,.nav>a[aria-current=page]{text-decoration:underline}.nav>a.nav-download{border:2px solid var(--ink);background:var(--yellow);border-radius:10px;padding:7px 18px;font-weight:800}.lang{white-space:nowrap;align-items:center;gap:0;margin:0;font-size:14px;font-weight:600;display:inline-flex}.lang a{justify-content:center;align-items:center;min-width:44px;min-height:44px;text-decoration:none;display:inline-flex}.lang a[aria-current=true]{text-decoration:underline;text-decoration-thickness:3px}.lang>span{display:none}.section-inner,.hero-inner,.feature-inner,.reading-inner{width:min(1280px, calc(100% - var(--gutter) * 2));margin-inline:auto}.button-link{border:2px solid var(--ink);background:var(--ink);min-height:56px;color:var(--paper);border-radius:12px;justify-content:center;align-items:center;gap:20px;padding:14px 23px;font-size:16px;font-weight:800;line-height:1.35;text-decoration:none;display:inline-flex}.button-link:hover{background:var(--paper);color:var(--ink);text-decoration:none}.button-link svg{flex:none}.text-link{font-weight:800}.availability{color:var(--muted);margin:14px 0 24px;font-size:13px;line-height:1.5}.hero{background:var(--yellow);border-bottom:2px solid var(--ink);overflow:hidden}.hero-inner{grid-template-columns:minmax(0,1.03fr) minmax(0,1fr);align-items:center;gap:clamp(32px,4.4vw,68px);padding-block:72px 64px;display:grid}.hero-copy h1 span{display:block}.hero-copy h1 span:last-child{text-decoration:underline;-webkit-text-decoration-color:var(--coral);text-decoration-color:var(--coral);text-underline-offset:.09em;text-decoration-thickness:.11em}.hero-intro{max-width:43ch;margin:32px 0 26px;font-size:clamp(17px,1.45vw,21px);line-height:1.65}.hero-copy>.text-link{font-size:14px}.hero-art{isolation:isolate;min-width:0;position:relative}.hero-art:before{content:"";z-index:-1;background:var(--coral);border-radius:48% 48% 20% 20%;width:110%;height:95%;position:absolute;top:-34px;left:8%;transform:rotate(-12deg)}.journey-view{border:3px solid var(--ink);box-shadow:var(--shadow);background:#fff;border-radius:14px;position:relative;overflow:hidden}.journey-image{background:#fff;height:clamp(245px,24vw,365px);padding:12px;animation:.38s cubic-bezier(.16,1,.3,1) both chapter-arrive}.journey-image img{object-fit:contain;width:100%;height:100%;display:block}.stage-words .journey-image{background:var(--sky)}.stage-review .journey-image{background:var(--mint)}.stage-practice .journey-image{background:var(--pink)}.word-strip{border-top:2px solid var(--ink);background:var(--paper);text-align:center;padding:17px 20px;font-size:13px;line-height:1.8}.word-strip button{background:var(--yellow);border:1px solid var(--ink);text-underline-offset:3px;border-radius:5px;min-height:44px;padding:2px 9px;font-weight:800;text-decoration:underline;display:inline-block}.word-strip button:hover{background:var(--coral)}.journey-controls{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:22px 0 14px;display:grid;position:relative}.journey-controls button{border:2px solid var(--ink);background:var(--paper);border-radius:8px;min-height:47px;padding:9px 6px;font-size:clamp(12px,1vw,14px);font-weight:800}.journey-controls button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.journey-controls button:hover:not([aria-pressed=true]){background:var(--sky)}.journey-caption{max-width:62ch;min-height:4.7em;margin:0;font-size:14px;line-height:1.55;position:relative}.journey-caption strong{font-weight:800}.format-line{padding:22px max(var(--gutter), calc((100% - 1280px) / 2));background:var(--ink);color:var(--yellow);letter-spacing:-.025em;justify-content:space-between;align-items:center;gap:24px;font-size:clamp(21px,2.5vw,36px);font-weight:800;display:flex}.format-line span:last-child{color:var(--paper);font-size:clamp(15px,1.6vw,22px);font-weight:600}.feature-band{border-bottom:2px solid var(--ink)}.review-band{background:var(--mint)}.practice-band{background:var(--pink)}.feature-inner{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:clamp(40px,6vw,90px);padding-block:110px;display:grid}.feature-copy h2{white-space:pre-line;margin-bottom:28px}.feature-copy>p{max-width:47ch;font-size:18px}.feature-list{margin:28px 0 0;padding:0;list-style:none}.feature-list li{border-top:1px solid var(--ink);padding:15px 0;font-size:15px;line-height:1.65}.product-proof img{border:3px solid var(--ink);width:100%;height:auto;box-shadow:var(--shadow);background:#fff;border-radius:14px;display:block}.product-proof figcaption{color:var(--muted);margin:20px 6px 0;font-size:12px;line-height:1.5}.practice-band .feature-inner{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.feature-copy .feature-detail{margin-block:24px;font-size:14px;line-height:1.7}.feature-copy .text-link{font-size:15px}.feature-demos{grid-template-columns:minmax(220px,.8fr) minmax(0,2.2fr);align-items:start;gap:clamp(32px,5vw,80px);padding-block:90px;display:grid}.feature-demo-menu h2{font-size:clamp(32px,3.2vw,46px)}.feature-demo-menu .section-intro{margin-block:20px 28px;font-size:16px}.feature-demo-choices{gap:8px;display:grid}.feature-demo-choices button{text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;min-height:48px;padding:12px 16px;font-weight:600}.feature-demo-choices button:hover{border-color:var(--muted)}.feature-demo-choices button[aria-pressed=true]{background:var(--yellow);border-color:var(--ink)}.feature-demos .media-note{margin-top:16px}.feature-loop{min-width:0;margin:0}.feature-loop video{aspect-ratio:8/5;border:1px solid var(--muted);background:#fff;border-radius:12px;width:100%;height:auto;display:block}.feature-loop figcaption{justify-content:space-between;align-items:start;gap:18px;padding-top:20px;display:flex}.feature-loop h3{margin:0 0 8px;font-size:20px}.feature-loop p{margin:0;font-size:14px;line-height:1.6}.feature-loop-toggle{border:1px solid var(--ink);background:var(--paper);min-height:44px;font:inherit;cursor:pointer;border-radius:999px;flex-shrink:0;padding:8px 12px;font-size:12px}@media (width<=800px){.feature-demos{grid-template-columns:1fr;gap:28px;padding-block:60px}.feature-demo-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.feature-demo-choices button{text-align:center;padding:10px 8px;font-size:14px}}@media (width<=480px){.feature-demo-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-loop figcaption{flex-wrap:wrap;gap:12px}}.media-tour{padding-block:100px 110px}.section-heading{justify-content:space-between;align-items:end;gap:30px;display:flex}.section-heading h2{max-width:13ch}.section-intro{max-width:68ch;margin:24px 0 36px;font-size:18px}.platform-switch{border:2px solid var(--ink);border-radius:10px;flex:none;display:inline-flex;overflow:hidden}.platform-switch button{background:0 0;border:0;min-width:88px;min-height:48px;padding:10px 22px;font-weight:800}.platform-switch button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.platform-switch button:hover:not([aria-pressed=true]){background:var(--yellow)}.tour-layout{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:start;gap:clamp(30px,5vw,70px);display:grid}.screenshot-tour,.film-panel{min-width:0}.tour-image-link{display:block}.tour-image{border:2px solid var(--ink);background:var(--yellow);border-radius:12px;width:100%;height:auto;display:block}.tour-ipad .tour-image-link{max-width:395px;margin-inline:auto}.shot-controls{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.shot-controls button{border:1px solid var(--ink);background:0 0;border-radius:7px;align-items:center;gap:7px;min-height:44px;padding:8px 10px;font-size:12px;font-weight:600;display:inline-flex}.shot-controls button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.shot-controls button:hover:not([aria-pressed=true]){background:var(--yellow)}.shot-number{font-variant-numeric:tabular-nums;font-weight:800}.film-panel h3{margin:0 0 16px}.film-panel>p{max-width:45ch;font-size:15px}.film-panel video{background:var(--ink);border:2px solid var(--ink);width:100%;height:auto;box-shadow:6px 6px 0 var(--ink);border-radius:12px;display:block}.tour-ipad .film-panel video{max-width:390px;max-height:520px;margin-inline:auto}.film-panel .media-note{color:var(--muted);margin:20px 0 0;font-size:12px;line-height:1.6}.reading-band{background:var(--sky);border-top:2px solid var(--ink)}.reading-inner{grid-template-columns:minmax(0,1fr) minmax(0,1.18fr);gap:clamp(36px,7vw,100px);padding-block:95px 105px;display:grid}.reading-inner h2{white-space:pre-line}.reading-details details{border-top:2px solid var(--ink)}.reading-details details:last-child{border-bottom:2px solid var(--ink)}.reading-details summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:23px 0;font-size:23px;font-weight:800;line-height:1.35;list-style:none;display:flex}.reading-details summary::-webkit-details-marker{display:none}.reading-details summary:hover{text-underline-offset:5px;text-decoration:underline}.reading-details p{max-width:68ch;margin:0;padding:0 36px 25px 0;font-size:16px;line-height:1.75}.detail-toggle{flex:none;width:18px;height:18px;position:relative}.detail-toggle:before,.detail-toggle:after{content:"";background:var(--ink);width:18px;height:2px;position:absolute;top:8px;left:0}.detail-toggle:after{transform:rotate(90deg)}details[open] .detail-toggle:after{display:none}.closing{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:70px;padding-block:100px;display:grid}.closing h2{white-space:pre-line}.closing p{max-width:48ch;font-size:18px}.closing .availability{margin-bottom:0;font-size:13px}.download-options{margin:20px 0;font-size:14px;font-weight:800;display:block}.foot{--focus:var(--yellow);padding:38px var(--gutter);background:var(--ink);color:var(--paper);flex-wrap:wrap;align-items:center;gap:24px;font-size:14px;display:flex}.foot a{align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.foot a:hover{text-decoration:underline}.foot .lang a[aria-current=true]{color:var(--yellow)}.foot p{margin:0 0 0 auto}.foot .lang{margin:0}.page{width:min(760px, calc(100% - var(--gutter) * 2));margin-inline:auto;padding:76px 0 100px}.page h1{margin:0 0 28px;font-size:clamp(38px,5.5vw,70px)}.page .lede{max-width:65ch;margin-bottom:40px;font-size:21px;line-height:1.55}.page h2{letter-spacing:-.025em;font-size:28px;line-height:1.22}.block{border-top:2px solid var(--ink);padding:30px 0}.block h2{margin-bottom:18px}.block p,.step p,.prose p{margin:0 0 18px;line-height:1.8}.block p:last-child,.step p:last-child,.prose p:last-child{margin-bottom:0}.prose a{overflow-wrap:anywhere}.steps{margin:0;padding:0;list-style:none}.step{border-top:1px solid var(--ink);padding:30px 0}.step h2{align-items:baseline;gap:14px;margin-bottom:18px;display:flex}.step-n{font-variant-numeric:tabular-nums;background:var(--yellow);border:1px solid var(--ink);text-align:center;border-radius:5px;flex:none;width:32px;height:32px;font-size:18px;line-height:30px}.media-frame{border:2px solid var(--ink);background:#fff;border-radius:12px;margin:24px 0;overflow:hidden}.media-slot{width:100%;height:auto;display:block}.media-portrait{max-width:440px;margin-inline:auto}.media-slot-empty{background:var(--lavender);min-height:200px}.download-page{width:min(1120px, calc(100% - var(--gutter) * 2))}.download-page>h1{max-width:15ch}.download-page>.lede{max-width:55ch}.store-options{grid-template-columns:1fr 1fr;gap:28px;margin:48px 0 22px;display:grid}.store-options section{border:2px solid var(--ink);background:var(--yellow);box-shadow:6px 6px 0 var(--ink);border-radius:14px;padding:35px}.store-options section+section{background:var(--sky)}.store-options h2{margin:0 0 8px;font-size:50px}.store-options p{margin:0 0 28px;font-size:15px}.store-options .button-link{gap:12px;font-size:15px}.download-note{max-width:75ch;margin:28px 0 50px;font-size:14px}.direct-download{margin-top:20px}.direct-download p{max-width:68ch}.direct-download .text-link{align-items:center;min-height:44px;display:inline-flex}@keyframes chapter-arrive{0%{filter:blur(1.5px);transform:translateY(10px)}to{filter:blur();transform:translateY(0)}}@media (width>=1600px){.hero-inner{padding-block:92px 84px}}@media (width<=1000px){.hero-inner{grid-template-columns:1fr;gap:48px;padding-block:48px}.hero-copy{max-width:700px}.hero-copy h1{font-size:clamp(58px,9vw,86px)}.hero-intro{max-width:55ch}.hero-art{width:100%;max-width:700px;margin-inline:auto}.journey-image{height:350px}.journey-caption{min-height:3.2em}.hero-art:before{width:95%;height:90%;top:-20px;left:7%}.feature-inner,.practice-band .feature-inner{gap:35px;padding-block:75px}.feature-copy h2{font-size:clamp(36px,4.6vw,55px)}.feature-copy>p{font-size:16px}.feature-list li{font-size:14px}.tour-layout{grid-template-columns:1.2fr 1fr;gap:30px}.reading-inner,.closing{gap:40px}.nav{gap:18px}.mast{padding-inline:24px}.store-options section{padding:28px}}@media (width<=680px){:root{--gutter:24px}html{scroll-padding-top:24px}body{font-size:16px}.mast{flex-wrap:wrap;gap:6px 16px;padding:12px 20px;position:relative}.wordmark{font-size:24px}.nav{justify-content:space-between;gap:8px;width:100%}.nav>a{font-size:13px}.nav>a.nav-download{padding:5px 12px}.lang{font-size:13px}.lang a{min-width:40px}.hero-inner{gap:40px;padding-block:38px 40px}.hero-copy h1{font-size:clamp(42px,10.7vw,70px)}.hero-intro{margin-top:26px;font-size:17px;line-height:1.7}.button-link{gap:14px;min-height:54px;padding:13px 17px;font-size:14px}.hero-copy .availability{margin-bottom:18px}.journey-image{height:clamp(230px,65vw,350px);padding:7px}.journey-view{box-shadow:6px 6px 0 var(--ink)}.word-strip{padding:10px;font-size:11px}.word-strip button{padding:2px 7px}.journey-controls{gap:5px;margin-top:18px}.journey-controls button{padding:8px 4px;font-size:11px}.journey-caption{min-height:4.8em;font-size:13px}.format-line{flex-wrap:wrap;gap:8px 20px;padding-block:22px;font-size:22px}.format-line span:last-child{flex-basis:100%;margin-top:8px;font-size:15px}.feature-inner,.practice-band .feature-inner{grid-template-columns:1fr;gap:36px;padding-block:56px}.feature-copy h2{margin-bottom:24px;font-size:43px}.feature-copy>p{font-size:16px}.practice-band .feature-copy{grid-row:1}.feature-copy .feature-detail{font-size:13px}.product-proof img{box-shadow:6px 6px 0 var(--ink);border-width:2px}.media-tour{padding-block:58px 65px}.section-heading{flex-direction:column;align-items:start;gap:24px}.section-heading h2{max-width:12ch;font-size:44px}.section-intro{margin-block:24px;font-size:16px}.tour-layout{grid-template-columns:1fr;gap:48px}.shot-controls{gap:7px}.shot-controls button{padding:8px;font-size:11px}.film-panel h3{font-size:27px}.film-panel>p{max-width:65ch}.tour-ipad .tour-image-link{max-width:350px}.tour-ipad .film-panel video{max-width:320px}.reading-inner{grid-template-columns:1fr;gap:32px;padding-block:58px}.reading-inner h2{font-size:44px}.reading-details summary{padding-block:21px;font-size:20px}.reading-details p{padding-right:0;font-size:15px}.closing{grid-template-columns:1fr;gap:28px;padding-block:62px}.closing h2{font-size:44px}.closing p{font-size:16px}.foot{gap:10px 24px;padding-block:28px}.foot p{width:100%;margin:8px 0 0;font-size:12px}.foot .lang{width:auto;margin:0}.page{padding-block:46px 64px}.page h1{font-size:42px}.page .lede{margin-bottom:30px;font-size:18px}.page h2{font-size:25px}.store-options{grid-template-columns:1fr;gap:24px;margin-top:35px}.store-options section{padding:28px}.store-options h2{font-size:42px}.store-options .button-link{font-size:14px}.download-page>h1{max-width:14ch}}.home:lang(zh) .hero-copy h1{font-size:clamp(44px,5.1vw,78px);line-height:1.18}.home:lang(zh) h2{line-height:1.2}.home:lang(zh) .journey-controls button{font-size:15px}.home:lang(zh) .section-heading h2{max-width:10ch}@media (width<=680px){.home:lang(zh) .hero-copy h1{font-size:clamp(32px,8.7vw,54px)}.home:lang(zh) .feature-copy h2,.home:lang(zh) .reading-inner h2,.home:lang(zh) .closing h2{font-size:42px}.home:lang(zh) .journey-controls button{font-size:13px}.home:lang(zh) .section-heading h2{font-size:40px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.journey-image{animation:none}}
