:root{--paper:#f7f4ef;--surface:#fdfcfa;--well:#efe9df;--well-deep:#e7e0d4;--white:var(--surface);--ink:#211d19;--ink-soft:#2c2723;--muted:#57504a;--faint:#8a8178;--line:#e3dcd2;--line-strong:#cfc5b6;--signal:#d94a2b;--signal-dark:#c83a27;--signal-deep:#b8361f;--signal-soft:#f7e2d8;--jade:#31655f;--jade-soft:#dfebe8;--font-body:"SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;--gutter:clamp(20px, 4vw, 48px);--measure:1120px;--focus:#1768aa;--radius-xs:8px;--radius-sm:12px;--radius-card:20px;--radius-panel:30px;--shadow-lift:0 18px 48px #4a392c12;--shadow-raised:0 24px 54px #4a392c33;--shadow-print:0 1px 2px #3223141f, 0 12px 30px #32231429}*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth}body{--font-display:var(--font-bodoni), "Bodoni MT", Didot, "Times New Roman", serif;--font-wordmark:var(--font-fraunces), Georgia, serif;--font-app:var(--font-fraunces-text), Georgia, serif;--font-zh:var(--font-noto-serif-tc), "Noto Serif TC", "Songti TC", "PMingLiU", "LiSong Pro", serif;background:var(--paper);color:var(--ink);font-family:var(--font-body);text-rendering:optimizelegibility;margin:0;font-size:1rem;line-height:1.5}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--focus);outline-offset:4px}img{max-width:100%}.page-shell{min-height:100vh;overflow-x:clip}.page-shell[lang=zh-Hant]{font-family:var(--font-zh);font-feature-settings:"palt" 1;line-height:1.7}.skip-link{z-index:100;border-radius:var(--radius-sm);background:var(--ink);color:var(--white);padding:10px 16px;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{--header-fill:0;--header-fill-start:24px;--header-fill-distance:160px;z-index:50;background:rgb(247 244 239/calc(var(--header-fill) * .88));height:72px;-webkit-backdrop-filter:blur(calc(var(--header-fill) * 14px));backdrop-filter:blur(calc(var(--header-fill) * 14px));box-shadow:0 1px 0 rgb(31 26 21/calc(var(--header-fill) * .08));position:sticky;top:0}.header-inner{width:min(calc(100% - 2 * var(--gutter)), var(--measure));justify-content:space-between;align-items:center;height:100%;margin:0 auto;display:flex}.brand{width:max-content;font-family:var(--font-wordmark);align-items:center;gap:9px;font-size:1.25rem;font-style:italic;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.brand img{border-radius:var(--radius-xs)}.language-nav{color:var(--muted);letter-spacing:.06em;align-items:center;gap:8px;font-size:.75rem;font-weight:700;display:flex}.language-nav a{text-decoration:none}.language-nav a[aria-current=page]{color:var(--ink)}.kicker{color:var(--signal);letter-spacing:.14em;text-transform:uppercase;margin:0 0 16px;font-size:.72rem;font-weight:750}h1{max-width:13ch;font-family:var(--font-display);letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(3.4rem,5.6vw,5rem);font-weight:500;line-height:.98}h1 em,.section h2 em{color:var(--signal);font-family:var(--font-wordmark);font-style:italic;font-weight:600}.section h2{font-family:var(--font-display);letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(2.5rem,4.2vw,3.75rem);font-weight:500;line-height:1.02}.section h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:500;line-height:1.15}.page-shell[lang=zh-Hant] h1{max-width:none;font-family:var(--font-zh);letter-spacing:.01em;font-size:clamp(2.4rem,3.6vw,3.3rem);font-weight:600;line-height:1.28}.page-shell[lang=zh-Hant] .section h2{font-family:var(--font-zh);letter-spacing:.01em;font-size:clamp(2rem,3.3vw,3rem);font-weight:600;line-height:1.3}.page-shell[lang=zh-Hant] .section h3{font-family:var(--font-zh);letter-spacing:.01em;font-weight:600}.page-shell[lang=zh-Hant] h1 em,.page-shell[lang=zh-Hant] .section h2 em{font-family:inherit;font-style:normal;font-weight:inherit}.page-shell[lang=zh-Hant] .kicker{letter-spacing:.18em;font-weight:600}.section{width:min(calc(100% - 2 * var(--gutter)), var(--measure));margin:0 auto;padding-block:clamp(80px,9vw,128px)}.section-head{max-width:640px;margin-bottom:clamp(40px,5vw,64px)}.section-head.is-centered{text-align:center;max-width:760px;margin-inline:auto}.section-head.is-centered .section-lede{margin-inline:auto}.section-head .kicker{margin-bottom:14px}.section-lede{max-width:560px;color:var(--muted);margin:20px 0 0;font-size:1.05rem;line-height:1.6}.hero{isolation:isolate;background:var(--paper);align-items:center;min-height:calc(100svh - 72px);display:grid;position:relative;overflow:hidden}.hero:before{content:"";z-index:-1;background:radial-gradient(52% 60% at 74% 52%,#f7e2d8e6 0%,#f7e2d800 100%),radial-gradient(30% 36% at 60% 20%,#ffffffb3 0%,#fff0 100%);position:absolute;inset:0}.hero-inner{width:min(calc(100% - 2 * var(--gutter)), var(--measure));flex-wrap:wrap-reverse;align-items:center;gap:clamp(32px,4vw,56px);margin:0 auto;padding:16px 0 64px;display:flex}.hero-copy{max-width:520px}.hero .kicker{margin-bottom:20px}.hero-lede{max-width:460px;color:var(--muted);margin:26px 0 0;font-size:1.08rem;line-height:1.62}.primary-action{width:min(100%,360px);margin-top:34px}.primary-action>p{color:var(--faint);letter-spacing:.02em;margin:12px 4px 0;font-size:.78rem}.hero-scene{aspect-ratio:600/640;flex-grow:1;min-width:300px;max-width:600px;margin-left:auto;position:relative}.hero-scene figure{margin:0;position:absolute}.hero-scene img{width:100%;height:auto;display:block}.hero-print{z-index:2;width:64%;box-shadow:var(--shadow-raised), 0 1px 2px #3223141f;background:#fff;border-radius:6px;padding:10px 10px 12px;top:5%;right:0}.hero-print img{border-radius:3px}.hero-print figcaption{color:var(--ink-soft);font-family:var(--font-wordmark);text-align:center;gap:3px;padding:10px 2px 2px;font-size:.86rem;font-style:italic;font-weight:600;line-height:1.2;display:grid}.hero-print figcaption small{color:var(--muted);font-family:var(--font-body);letter-spacing:.04em;font-size:.72rem;font-style:normal;font-weight:400}.page-shell[lang=zh-Hant] .hero-print figcaption{font-family:var(--font-zh);letter-spacing:.08em;font-style:normal}.hero-photo{width:31%;box-shadow:var(--shadow-print);transform:rotate(var(--tilt,0deg));background:#fff;border-radius:4px;padding:7px 7px 0}.hero-photo img{aspect-ratio:4/3;object-fit:cover;border-radius:2px}.hero-photo figcaption{color:var(--ink-soft);font-family:var(--font-wordmark);text-align:center;padding:8px 2px 9px;font-size:.86rem;font-style:italic;font-weight:600;line-height:1}.page-shell[lang=zh-Hant] .hero-photo figcaption{font-family:var(--font-zh);letter-spacing:.08em;font-style:normal;font-weight:600}.hero-photo:nth-of-type(2){--tilt:-7deg;z-index:3;top:4%;left:0}.hero-photo:nth-of-type(3){--tilt:5deg;z-index:2;top:41%;left:9%}.hero-photo:nth-of-type(4){--tilt:-4deg;z-index:3;top:72%;left:30%}.hero-print:before,.hero-photo:before{content:"";background:#ffe2b29e;width:64px;height:20px;position:absolute;top:-10px;left:50%;transform:translate(-50%)rotate(-3deg);box-shadow:0 1px 2px #3223141a}.hero-print:before{width:84px;transform:translate(-50%)rotate(2deg)}.hero-route{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.hero-route path{fill:none;stroke:var(--signal);stroke-width:3px;stroke-linecap:round;stroke-dasharray:10 12;opacity:.85}.download-button{border-radius:var(--radius-card);background:var(--signal);min-height:70px;color:var(--white);border:1px solid #e36a4c;grid-template-columns:38px 1fr auto;align-items:center;gap:14px;padding:11px 18px;text-decoration:none;transition:background-color .16s,transform .16s,box-shadow .16s;display:grid;box-shadow:0 10px 28px #762d182e,inset 0 1px #ffffff38}.download-button:hover{background:var(--signal-dark);transform:translateY(-2px);box-shadow:0 13px 32px #762d1838}.download-mark{border-radius:var(--radius-sm);background:#ffffff24;place-items:center;width:38px;height:38px;display:grid}.download-mark svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:19px;height:19px}.download-button>span:nth-child(2){text-align:left;flex-direction:column;display:flex}.download-button strong{font-size:.98rem;line-height:1.3}.download-button small{color:#fdfcfac2;font-size:.7rem;font-weight:600}.download-arrow{font-size:1.25rem}.download-button.tone-paper{color:#211d19;background:#f7f4ef;border-color:#fff9;box-shadow:0 14px 34px #50140847,inset 0 1px #fff}.download-button.tone-paper:hover{background:#fff}.download-button.tone-paper .download-mark{color:#d94a2b;background:#f7e2d8}.download-button.tone-paper small{color:#57504a}.ios-button{border:1px solid var(--line);min-height:58px;color:var(--ink);box-shadow:none;font:inherit;cursor:default;background:#fdfcfab8;grid-template-columns:38px 1fr}.ios-button:disabled{opacity:1}.ios-button:hover{box-shadow:none;background:#fdfcfab8;transform:none}.ios-button .download-mark{background:var(--well)}.ios-button small{color:var(--muted)}.how-steps{grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr);align-items:start;gap:clamp(20px,3vw,36px);margin:0;padding:0;list-style:none;display:grid}.how-steps>li{gap:22px;display:grid}.how-arrow{color:var(--faint);place-self:center}.how-arrow svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:48px;height:48px}.step-card{background:#171614;border-radius:30px;padding:34px 18px 18px;position:relative;box-shadow:0 0 0 1px #2e2a26,0 30px 60px #211d193d,inset 0 1px #ffffff12}.step-card:before{content:"";background:radial-gradient(circle at 40% 40%,#3a4250 0%,#0b0c10 60%);border-radius:999px;width:9px;height:9px;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 0 0 2px #221f1c,0 0 0 3px #2e2a26}.step-visual{background:var(--surface);border-radius:16px;margin:0;overflow:hidden}.step-text{padding-inline:6px}.step-number{color:var(--signal);font-family:var(--font-display);letter-spacing:.08em;margin-bottom:8px;font-size:1rem;display:block}.step-text p{max-width:380px;color:var(--muted);margin:8px 0 0;line-height:1.55}.how-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,36px);margin:0;padding:0;list-style:none;display:grid}.how-list>li{align-content:start;gap:22px;display:grid}.how-card{border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface);box-shadow:0 1px 0 #fffc inset, var(--shadow-lift);padding:12px}.how-visual{aspect-ratio:4/3;border-radius:var(--radius-card);background:var(--well);position:relative;overflow:hidden}.how-pill{background:var(--signal);color:var(--white);letter-spacing:.02em;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.74rem;font-weight:700;display:inline-flex;position:absolute;bottom:12px;right:12px;box-shadow:0 6px 16px #762d183d}.how-pill svg{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.how-pick{background:var(--ink-soft)}.how-pick .picker-grid{grid-auto-rows:1fr;height:100%;padding:4px}.how-pick .how-pill{left:12px;right:auto}.how-pick .picker-cell img{opacity:.55;transition:opacity .4s}.how-pick .picker-cell.is-picked img{opacity:1}.how-pick .picker-cell.is-picked:after{content:"";border:2px solid var(--signal);border-radius:inherit;position:absolute;inset:0}.how-connect{background:linear-gradient(90deg,#211d190f 1px,#0000 1px) 0 0/40px 40px,linear-gradient(#211d190f 1px,#0000 1px) 0 0/40px 40px,#f1ebe2}.how-route{width:100%;height:100%;position:absolute;inset:0}.how-route path{fill:none;stroke:var(--signal);stroke-width:3px;stroke-linecap:round;stroke-dasharray:10 12;opacity:.85}.how-pin{width:21%;box-shadow:var(--shadow-print);transform:translate(-50%, -50%) rotate(var(--tilt,0deg));background:#fff;border-radius:3px;margin:0;padding:5px 5px 0;position:absolute}.how-pin img{aspect-ratio:4/3;object-fit:cover;border-radius:2px;width:100%;margin-bottom:5px;display:block}.how-pin:first-of-type{--tilt:-6deg;top:24.5%;left:19.5%}.how-pin:nth-of-type(2){--tilt:4deg;top:52.5%;left:50%}.how-pin:nth-of-type(3){--tilt:-3deg;top:75.5%;left:80.5%}.how-view{background:radial-gradient(60% 60% at 50% 40%, #ffffffb3 0%, #fff0 100%), var(--well-deep);place-items:center;display:grid}.how-print{width:46%;box-shadow:var(--shadow-raised);background:#fff;border-radius:4px;margin:0;padding:6px 6px 8px;transform:translateY(6%)rotate(-3deg)}.how-print img{border-radius:2px;width:100%;height:auto;display:block}.picker{aspect-ratio:4/5;background:var(--ink-soft);grid-template-rows:auto 1fr;display:grid}.picker-bar{color:#f7f4efc7;justify-content:space-between;align-items:center;padding:16px 18px 12px;font-size:.85rem;display:flex}.picker-bar strong{background:var(--signal);color:var(--white);border-radius:999px;padding:4px 10px;font-size:.72rem}.picker-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:4px;padding:0 4px 4px;display:grid}.picker-cell{background:#3a3531;border-radius:6px;position:relative;overflow:hidden}.picker-cell img{object-fit:cover;width:100%;height:100%;display:block}.picker-wall .picker-grid{grid-auto-rows:auto}.picker-wall .picker-cell{aspect-ratio:1}.picker-cell b{transform-origin:50%;border:2px solid var(--white);background:var(--signal);min-width:22px;height:22px;color:var(--white);border-radius:999px;place-items:center;padding-inline:6px;font-size:.68rem;font-weight:800;display:grid;position:absolute;top:6px;right:6px;box-shadow:0 2px 6px #00000040}.picker-blank{opacity:.7;background:repeating-linear-gradient(135deg,#3a3531 0 8px,#443e39 8px 9px)}.poster-visual{aspect-ratio:4/5;position:relative}.poster-visual img{object-fit:cover;width:100%;height:100%;display:block}.band{width:100%;max-width:none}.band-inner{width:min(calc(100% - 2 * var(--gutter)), var(--measure));margin:0 auto}.try{--paper:#211d19;--ink:#f7f4ef;--white:#f7f4ef;--surface:#3e3a37;--well:#4a4642;--well-deep:#55514c;--line:#54514c;--line-strong:#6b6761;--muted:#b7b3af;--faint:#8f8a84;background:var(--paper);color:var(--ink)}.try .kicker{color:#e9ab6c}.try .section-head{margin-bottom:clamp(32px,4vw,48px)}.try-layout{justify-items:center;gap:28px;display:grid}.try-phone{width:340px;margin:0}.try-phone .phone-frame{box-shadow:0 0 0 1px var(--line), 0 40px 90px #0000008c;background:#0d0c0b;margin-left:0}.try-phone figcaption{justify-content:center}.phone-frame{width:316px;height:640px;box-shadow:var(--shadow-raised);background:#171614;border-radius:44px;margin-inline:auto;padding:10px;position:relative}.phone-speaker{z-index:5;background:#171614;border-radius:999px;width:62px;height:18px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.app-screen{clip-path:inset(0 round 34px);isolation:isolate;background:var(--paper);border-radius:34px;height:100%;position:relative;overflow:hidden}.phone-proof figcaption{color:var(--muted);justify-items:center;gap:4px;margin:14px 0 0;font-size:.75rem;display:grid}.phone-proof figcaption>span{align-items:center;gap:8px;display:inline-flex}.phone-proof figcaption small{color:var(--faint);font-size:.68rem}.live-dot{background:#5fa79c;border-radius:999px;width:8px;height:8px;animation:2s ease-in-out infinite pulse;box-shadow:0 0 0 3px #5fa79c47}@keyframes pulse{0%,to{box-shadow:0 0 0 3px #5fa79c47}50%{box-shadow:0 0 0 7px #5fa79c1f}}.map-screen{background:var(--m-water,var(--paper))}.phone-frame.is-active{cursor:grab}.map-frame{background:0 0;border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.phone-frame:not(.is-active) .map-frame{pointer-events:none}.map-bar{z-index:3;pointer-events:none;justify-items:start;gap:8px;display:grid;position:absolute;top:40px;left:14px;right:14px}.map-nameplate{background:var(--m-surface);max-width:100%;color:var(--m-ink);font-family:var(--font-app);white-space:nowrap;text-overflow:ellipsis;border-radius:8px;padding:7px 12px;font-size:.95rem;line-height:1.2;transition:background-color .3s,color .3s;overflow:hidden;box-shadow:0 5px 14px #3a2a181f}.page-shell[lang=zh-Hant] .map-nameplate{font-family:var(--font-zh);font-weight:600}.map-badge{background:var(--m-accent-soft);height:24px;color:var(--m-accent-dark);border-radius:999px;align-items:center;gap:5px;padding-inline:10px;font-size:.68rem;font-weight:700;transition:background-color .3s,color .3s;display:inline-flex}.map-badge svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:12px;height:12px}.map-controls{z-index:3;gap:8px;display:grid;position:absolute;bottom:52px;right:14px}.map-controls button{border:1px solid var(--m-rule);background:var(--m-surface);width:40px;height:40px;color:var(--m-ink);cursor:pointer;border-radius:999px;place-items:center;padding:0;transition:transform .12s,background-color .3s,color .3s;display:grid;box-shadow:0 5px 14px #3a2a181f}.map-controls button:active{transform:scale(.92)}.map-controls svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.map-veil{z-index:4;background:var(--m-paper);color:var(--m-ink);place-content:center;justify-items:center;gap:12px;font-size:.8rem;display:grid;position:absolute;inset:0}.map-spinner{border:2px solid var(--m-rule);border-top-color:var(--m-accent);border-radius:999px;width:22px;height:22px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.map-gate{z-index:3;pointer-events:none;place-items:end center;padding-bottom:22px;display:grid;position:absolute;inset:0}.map-gate span{background:var(--m-ink);color:var(--m-paper);border-radius:999px;padding:9px 16px;font-size:.78rem;font-weight:700;animation:2.4s ease-in-out infinite nudge;box-shadow:0 8px 22px #00000038}@keyframes nudge{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.theme-strip{text-align:center;justify-items:center;gap:14px;display:grid}.theme-strip-title{color:var(--ink);margin:0;font-size:.95rem;font-weight:600}.theme-strip-title span{color:var(--muted);font-weight:400}.theme-strip ul{border:1px solid var(--line);background:#ffffff0a;border-radius:999px;gap:4px;margin:0;padding:6px;list-style:none;display:flex}.theme-strip button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:10px;padding:6px 16px 6px 6px;font-size:.88rem;font-weight:600;transition:background-color .16s,color .16s;display:inline-flex}.theme-strip button:hover{color:var(--ink)}.theme-strip button.is-on{background:var(--signal);color:#fff4ee;box-shadow:0 6px 18px #762d1859,inset 0 1px #ffffff2e}.theme-strip button.is-on .theme-swatch{box-shadow:0 0 0 2px #fff4ee}.theme-swatch{border:2px solid;border-radius:999px;width:30px;height:30px;position:relative;overflow:hidden}.theme-swatch i{border-radius:999px;position:absolute}.theme-swatch i:first-child{width:10px;height:10px;top:5px;left:5px}.theme-swatch i:last-child{width:7px;height:7px;bottom:5px;right:5px}.theme-blurb{max-width:380px;min-height:2.6em;color:var(--muted);margin:0;font-size:.88rem;line-height:1.5;animation:.4s both rise}.viewer{z-index:6;color:#fff;background:#0b0a09;animation:.26s both rise;position:absolute;inset:0}.viewer-track{position:absolute;inset:0;overflow:hidden}.viewer-reel{touch-action:pan-y pinch-zoom;height:100%;display:flex}.viewer-track{min-width:0;min-height:0;position:absolute;inset:0;overflow:hidden}.viewer-reel{touch-action:pan-y pinch-zoom;width:100%;min-width:0;height:100%;min-height:0;display:flex}.viewer-page{flex:0 0 100%;width:100%;min-width:0;height:100%;min-height:0;position:relative;overflow:hidden}.viewer-page img{object-fit:contain;object-position:center;-webkit-user-select:none;user-select:none;width:100%;max-width:none;height:100%;max-height:none;display:block;position:absolute;inset:0}.viewer.is-fill .viewer-page img{object-fit:cover}.viewer-top{z-index:2;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:44px;left:12px;right:12px}.viewer-top>*{pointer-events:auto}.viewer-icon{color:#fff;cursor:pointer;background:#242225e8;border:1px solid #fff3;border-radius:999px;place-items:center;width:38px;height:38px;padding:0;display:grid}.viewer-icon svg,.viewer-pill svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.viewer-index{background:#0000008c;border-radius:999px;padding:5px 12px;font-size:.72rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.viewer-pill{color:#fff;height:34px;font:inherit;cursor:pointer;background:#242225e8;border:1px solid #fff3;border-radius:999px;align-items:center;gap:5px;padding:0 12px;font-size:.72rem;font-weight:700;display:inline-flex}.viewer:focus{outline:none}.viewer-nav{z-index:2;color:#fff;cursor:pointer;background:#242225e8;border:1px solid #fff3;border-radius:999px;place-items:center;width:38px;height:38px;padding:0;transition:background-color .16s,transform .12s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.viewer-nav.is-prev{left:12px}.viewer-nav.is-next{right:12px}.viewer-nav:hover{background:#3c383af2}.viewer-nav:active{transform:translateY(-50%)scale(.92)}.viewer-nav svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.viewer-caption{z-index:2;pointer-events:none;background:linear-gradient(#0000 0%,#000000b8 55%,#000000eb 100%);gap:4px;padding:64px 20px 28px;display:grid;position:absolute;bottom:0;left:0;right:0}.viewer-caption small{color:#ffffffd9;letter-spacing:.1em;text-transform:uppercase;font-size:.68rem;font-weight:700}.viewer-caption strong{font-size:1.05rem;line-height:1.3}.viewer-facts{color:#ffffffc7;flex-wrap:wrap;gap:6px 12px;margin-top:4px;font-size:.72rem;display:flex}.viewer-facts span{align-items:center;gap:5px;display:inline-flex}.viewer-facts svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:13px;height:13px}.try-link{text-align:center;margin:36px 0 0;font-size:.92rem}.try-link a{color:var(--muted);border-bottom:1px solid var(--line-strong);padding-bottom:2px;text-decoration:none;transition:color .16s,border-color .16s}.try-link a:hover{color:var(--ink);border-color:var(--ink)}.looks-layout{justify-items:center;gap:28px;display:grid}.looks-tablet{width:min(100%,440px);margin:0}.looks-tablet figcaption{color:var(--muted);text-align:center;margin-top:14px;font-size:.75rem}.looks-stage{aspect-ratio:4/5;background:var(--ink-soft);position:relative}.looks-stage img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .5s;display:block;position:absolute;inset:0}.looks-stage img.is-on{opacity:1}.themes .theme-strip ul{background:var(--surface);border-color:var(--line-strong)}.facts{background:radial-gradient(48% 60% at 18% 70%, #dfebe8d9 0%, #dfebe800 100%), radial-gradient(48% 60% at 84% 30%, #f7e2d8cc 0%, #f7e2d800 100%), var(--paper);position:relative}.facts:before{content:"";z-index:-1;background:repeating-linear-gradient(#0000 0 31px,#cfc5b68c 31px 32px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 22% 78%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 22% 78%,#0000 100%)}.facts .section-head{margin-bottom:clamp(36px,4vw,52px)}.fact-panel{background:var(--surface);border:1px solid #e3dcd2e6;border-radius:28px;grid-template-columns:1fr 1fr;max-width:960px;margin-inline:auto;display:grid;box-shadow:inset 0 1px #fffc,0 24px 56px #4a392c1a}.fact{--tint:var(--jade);--tint-soft:var(--jade-soft);padding:clamp(32px,4vw,48px)}.fact-free{--tint:var(--signal);--tint-soft:var(--signal-soft)}.fact+.fact{border-left:1px solid var(--line)}.fact-icon{background:var(--tint-soft);width:48px;height:48px;color:var(--tint);border-radius:16px;place-items:center;margin-bottom:24px;display:grid}.fact-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;width:23px;height:23px}.fact h3{font-size:clamp(1.6rem,2.2vw,2rem)}.fact>p{max-width:380px;color:var(--muted);margin:12px 0 0;line-height:1.6}.checklist{gap:14px;margin:22px 0 0;padding:0;list-style:none;display:grid}.checklist li{grid-template-columns:22px 1fr;align-items:start;gap:12px;font-size:1.02rem;line-height:1.5;display:grid}.checklist svg{background:var(--tint-soft);fill:none;width:22px;height:22px;stroke:var(--tint);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;border-radius:999px;margin-top:1px;padding:5px}.final{--ink:#fff4ee;--muted:#fff4eeb8;color:var(--ink);background:radial-gradient(60% 50% at 50% 0,#ffcdb438 0%,#ffcdb400 100%),radial-gradient(120% 90% at 50% 100%,#c9432a 0%,#d64c2e 58%,#dc5738 100%);padding-block:clamp(96px,11vw,150px) clamp(260px,26vw,340px);position:relative;overflow:hidden}.final:before{content:"";z-index:0;pointer-events:none;opacity:.16;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.6 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.final-inner{z-index:1;position:relative}.final-fan{z-index:1}.final .kicker{color:#fff4eeb3}.final-inner{text-align:center;justify-items:center;max-width:640px}.final h2{max-width:none}.final h2 em{color:#ffd9c8}.final-body{color:var(--muted);margin:18px 0 0;font-size:1.05rem}.final-action{justify-items:center;gap:14px;width:min(100%,400px);margin:36px auto 0;display:grid}.final-action .download-button{width:100%}.final-action small{max-width:340px;color:var(--muted);font-size:.78rem;line-height:1.5}.final-fan{pointer-events:none;justify-content:center;align-items:flex-end;gap:0;width:min(900px,100%);display:flex;position:absolute;bottom:clamp(-190px,-18vw,-120px);left:50%;transform:translate(-50%)}.final-fan img{transform-origin:bottom;border-radius:6px;width:clamp(200px,26vw,300px);height:auto;box-shadow:0 -10px 50px #50140859}.final-fan img:first-child{transform:rotate(-9deg)translate(24px,26px)}.final-fan img:nth-child(2){z-index:1;transform:translateY(-6px)}.final-fan img:nth-child(3){transform:rotate(9deg)translate(-24px,26px)}.site-footer{background:var(--paper);color:var(--muted);padding-top:clamp(56px,6vw,80px);font-size:.88rem;position:relative}.footer-inner{width:min(calc(100% - 2 * var(--gutter)), var(--measure));margin:0 auto}.footer-top{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;gap:clamp(32px,5vw,80px);padding-bottom:clamp(40px,5vw,64px);display:grid}.footer-brand .brand{color:var(--ink);font-size:1.5rem}.footer-brand p{max-width:300px;margin:18px 0 0;line-height:1.55}.footer-cols{grid-template-columns:repeat(2,auto);gap:clamp(28px,4vw,56px);display:grid}.footer-col{align-content:start;gap:10px;display:grid}.footer-col h4{color:var(--ink);text-transform:uppercase;margin:0 0 6px;font-size:.72rem}.page-shell[lang=zh-Hant] .footer-col h4{letter-spacing:.18em;font-weight:600}.footer-col a{justify-self:start;text-decoration:none;transition:color .16s}.footer-col a:hover,.footer-col a[aria-current=page]{color:var(--ink)}.footer-col a[aria-current=page]:after{content:" ·";color:var(--signal)}.footer-col .is-muted{color:var(--faint)}.footer-badge{width:100%;max-width:180px;display:block}.footer-badge img{width:100%;height:auto;display:block}.footer-bottom{color:var(--faint);flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding:22px 0 28px;font-size:.75rem;display:flex}.has-motion [data-reveal]{opacity:0;transition:opacity .7s,transform .8s cubic-bezier(.2,.7,.2,1);transform:translateY(26px)}.has-motion [data-reveal].is-in,.has-motion [data-reveal=stagger]{opacity:1;transform:none}.has-motion [data-reveal=stagger]>*{opacity:0;transition:opacity .6s,transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i,0) * 90ms);transform:translateY(22px)}.has-motion [data-reveal=stagger].is-in>*{opacity:1;transform:none}@keyframes rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}.has-motion .hero-enter>*{animation:.8s cubic-bezier(.2,.7,.2,1) both rise;animation-delay:calc(var(--i,0) * .11s + 80ms)}@keyframes settle{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes drop{0%{opacity:0;transform:translateY(-18px) rotate(var(--tilt,0deg)) scale(1.06)}to{opacity:1;transform:rotate(var(--tilt,0deg))}}.has-motion .hero-print{animation:.9s cubic-bezier(.2,.7,.2,1) .2s both settle}.has-motion .hero-photo{animation:.6s cubic-bezier(.2,.7,.2,1) both drop;animation-delay:calc(var(--i,0) * .16s + .7s)}.has-motion .hero-route path{stroke-dasharray:10 12;stroke-dashoffset:0;opacity:0;animation:.7s 1.3s both fade}@keyframes fade{to{opacity:.85}}@keyframes tick{0%{opacity:0;transform:scale(.3)}70%{transform:scale(1.18)}to{opacity:1;transform:scale(1)}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes land{0%{opacity:0;transform:translateY(30px)scale(.96)}to{opacity:1;transform:none}}.has-motion .how-steps .picker-cell b{opacity:0}.has-motion .how-steps.is-in .picker-cell b{animation:.5s cubic-bezier(.2,.7,.2,1.3) both tick;animation-delay:calc(var(--i,0) * 90ms + .15s)}.has-motion .how-arrow path{stroke-dasharray:60;stroke-dashoffset:60px}.has-motion .how-steps.is-in .how-arrow path{animation:.5s ease-out .25s both draw}.has-motion .how-steps .poster-visual{opacity:0}.has-motion .how-steps.is-in .poster-visual{animation:.8s cubic-bezier(.2,.7,.2,1) .15s both land}.has-motion .checklist li{opacity:0;transition:opacity .5s,transform .5s;transition-delay:calc(var(--i,0) * .12s + .35s);transform:translate(-10px)}.has-motion .fact-panel.is-in .checklist li{opacity:1;transform:none}@media (max-width:960px){.hero{min-height:0}.hero:before{background:radial-gradient(60% 40% at 50% 78%,#f7e2d8e6 0%,#f7e2d800 100%),radial-gradient(40% 30% at 50% 12%,#ffffffb3 0%,#fff0 100%)}.hero-inner{gap:56px;padding:32px 0 72px}.hero-copy{max-width:560px}.hero-scene{max-width:480px;margin-inline:auto}.footer-top{grid-template-columns:minmax(0,1fr)}.footer-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.how-list{grid-template-columns:minmax(0,1fr);gap:32px}.how-list>li{width:100%;max-width:480px;margin-inline:auto}}@media (max-width:640px){.site-header{height:64px}h1{font-size:clamp(2.6rem,11.5vw,3.4rem)}.section h2{font-size:clamp(2.1rem,9vw,2.5rem)}.page-shell[lang=zh-Hant] h1{font-size:clamp(2rem,8.5vw,2.4rem)}.page-shell[lang=zh-Hant] .section h2{font-size:clamp(1.7rem,7.5vw,2rem)}.section{padding-block:64px}.section-head{margin-bottom:36px}.section-lede,.hero-lede{font-size:1rem}.hero-inner{gap:44px;padding:24px 0 56px}.hero .kicker{margin-bottom:16px}.hero-lede{margin-top:20px}.primary-action{margin-top:28px}.hero-scene{max-width:400px}.hero-photo figcaption{font-size:.78rem}.hero-print:before,.hero-photo:before{width:48px;height:16px;top:-8px}.hero-print:before{width:64px}.how-steps{grid-template-columns:minmax(0,1fr);justify-items:center;gap:20px}.how-steps>li{gap:18px;width:min(100%,420px)}.how-arrow{width:auto;margin-top:0;transform:rotate(90deg)}.how-arrow svg{width:40px;height:40px}.how-list{gap:36px}.how-list>li{gap:18px;max-width:none}.step-text p{max-width:none}.step-card{border-radius:26px;padding:30px 14px 14px}.try .section-head{margin-bottom:28px}.try-layout{gap:24px}.try-phone{width:min(340px,100%)}.phone-frame{width:min(316px,100%)}.theme-strip ul{background:0 0;border:0;flex-wrap:wrap;justify-content:center;gap:8px;padding:0}.theme-strip button{white-space:nowrap;border:1px solid var(--line);background:#ffffff0a}.theme-strip button.is-on{border-color:#0000}.try-link{margin-top:28px}.facts .section-head{margin-bottom:32px}.fact-panel{border-radius:24px;grid-template-columns:minmax(0,1fr)}.fact{padding:28px 24px}.fact+.fact{border-left:0;border-top:1px solid var(--line)}.fact-icon{width:44px;height:44px;margin-bottom:18px}.fact h3{font-size:1.5rem}.checklist li{font-size:.98rem}.final{padding-block:80px 200px}.final-body{font-size:1rem}.final-action{margin-top:28px}.final-fan{bottom:-70px}.final-fan img{border-radius:4px;width:clamp(120px,34vw,200px)}.final-fan img:first-child{transform:rotate(-9deg)translate(14px,18px)}.final-fan img:nth-child(3){transform:rotate(9deg)translate(-14px,18px)}.site-footer{padding-top:48px}.footer-top{gap:36px;padding-bottom:36px}.footer-cols{gap:28px 20px}.footer-bottom{flex-direction:column;gap:6px;padding:20px 0 28px}}@media (max-width:360px){:root{--gutter:16px}.footer-cols{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation:none!important}.has-motion [data-reveal],.has-motion [data-reveal=stagger]>*,.has-motion .checklist li,.has-motion .how-steps .picker-cell b,.has-motion .how-steps .poster-visual{opacity:1;transform:none}}
