@charset "UTF-8";:root{--paper:#f6f5ef;--ink:#222721;--muted:#62675e;--line:#dcded4;--yellow:#e6f278;font-family:-apple-system,BlinkMacSystemFont,"PingFang TC","Noto Sans TC","Microsoft JhengHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}a{color:inherit;text-decoration:none}a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid #4272d7;outline-offset:5px}svg{display:block}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.page-shell{width:min(1200px,calc(100% - 80px));margin:auto}.skip-link{position:fixed;top:-100px;left:16px;background:var(--ink);color:#fff;padding:16px;z-index:10}.skip-link:focus{top:16px}.site-header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:25px;font-weight:750;letter-spacing:-1px}.brand img{border-radius:11px}.brand-version{font-size:11px;letter-spacing:0;border:1px solid #cbcec3;border-radius:6px;padding:3px 5px;margin-left:9px;vertical-align:middle;font-weight:600}.site-header nav{display:flex;gap:28px;align-items:center;font-size:14px;font-weight:600}.nav-download{display:flex;gap:12px;align-items:center;border:1px solid var(--ink);border-radius:30px;padding:11px 19px}.nav-download:hover{background:var(--yellow)}.hero{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:54px 0 48px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2px;line-height:1.6;margin:0 0 14px}.hero-copy .eyebrow{display:flex;gap:8px;align-items:center}.status-dot{height:7px;width:7px;background:#78833c;border-radius:50%}h1{font-size:clamp(38px, 4.2vw, 58px);line-height:1.32;letter-spacing:-2px;font-weight:800;margin:19px 0 20px}.marked{position:relative;isolation:isolate;white-space:nowrap}.marked:after{content:"";position:absolute;z-index:-1;left:0;right:-5px;bottom:3px;height:36%;background:var(--yellow);transform:rotate(-2deg)}.hero-description{font-size:17px;line-height:1.9;color:var(--muted);margin:0}.mobile-break{display:none}.feature-pills{display:flex;gap:9px;flex-wrap:wrap;margin:24px 0}.feature-pills span{display:flex;gap:7px;align-items:center;border:1px solid var(--line);border-radius:30px;padding:8px 11px;font-size:12px}.feature-pills .icon{width:16px;height:16px}.creator-line{display:inline-flex;align-items:center;gap:22px;font-size:12px;font-weight:600;padding-bottom:3px;border-bottom:1px solid #b6baab}.hero-art{position:relative;height:355px;background:#e9ebdf;border:1px solid #dde0d1;border-radius:24px;overflow:hidden}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#d8dccb 1px,transparent 1px),linear-gradient(90deg,#d8dccb 1px,transparent 1px);background-size:32px 32px;opacity:.48;mask-image:linear-gradient(140deg,black,transparent)}.art-caption{position:absolute;top:24px;left:26px;font-size:9px;font-weight:700;letter-spacing:2px;color:#626954}.mac-illustration{position:absolute;width:72%;left:7%;top:78px;transform:rotate(-5deg)}.mac-display{padding:8px;background:#2b3029;border-radius:13px 13px 2px 2px;box-shadow:0 15px 26px #343b291f}.window-bar{height:21px;display:flex;align-items:center;gap:4px;background:#f7f7ef;border-radius:6px 6px 0 0;padding:0 9px}.window-bar i{width:4px;height:4px;border-radius:50%;background:#c5c9b8}.window-bar span{margin-left:auto;font-size:6px;color:#848879}.slide-art{background:var(--yellow);padding:17px 22px 19px;min-height:161px}.slide-kicker{font-size:7px;letter-spacing:1px;font-weight:700}.slide-heading{font-family:Arial,sans-serif;font-size:43px;line-height:.96;font-weight:800;letter-spacing:-2px;margin:12px 0}.slide-heading span{font-size:34px;margin-left:7px}.slide-rule{height:1px;width:60%;background:#6d763e;margin:12px 0 5px}.slide-art small{font-size:8px}.mac-base{height:10px;margin:0 -7%;background:#989e8b;border-radius:1px 1px 70% 70%}.mac-base:before{content:"";display:block;width:18%;height:3px;background:#616b59;margin:auto;border-radius:0 0 6px 6px}.phone-illustration{position:absolute;right:9%;top:45px;width:122px;border:5px solid #2b3029;border-radius:23px;overflow:hidden;transform:rotate(9deg);box-shadow:10px 16px 25px #22272130;background:#fff}.phone-illustration img{display:block;width:100%;height:auto}.connection-badge{position:absolute;right:24px;top:18px;display:flex;align-items:center;gap:6px;background:var(--ink);color:var(--yellow);font-size:10px;padding:8px 11px;border-radius:25px;transform:rotate(4deg);z-index:2}.connection-badge .icon{width:14px;height:14px}.gesture-badge{position:absolute;bottom:42px;right:31px;padding:11px 15px;display:flex;align-items:center;gap:8px;background:#fff;border-radius:9px;box-shadow:0 4px 16px #2227210a;font-size:12px;transform:rotate(-4deg)}.gesture-badge .icon{width:17px;height:17px}.art-footnote{position:absolute;bottom:14px;left:26px;font-size:8px;letter-spacing:.5px;color:#66705b}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:23px}.section-heading .eyebrow{margin-bottom:6px}h2{font-size:27px;line-height:1.4;letter-spacing:-.8px;margin:0}.section-heading>p{margin:0;color:var(--muted);font-size:12px;line-height:1.8}.download-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.download-card{padding:25px 27px 19px;border-radius:20px;border:1px solid var(--line)}.mac-card{background:var(--ink);color:#fff;border-color:var(--ink)}.card-top{display:flex;align-items:center;gap:10px;margin-bottom:20px}.device-icon{width:35px;height:35px;display:grid;place-items:center;border:1px solid #555b4c;border-radius:10px;color:var(--yellow)}.ios-card .device-icon{border-color:var(--line);color:var(--ink)}.card-step{font-size:10px;letter-spacing:1.1px;font-weight:600}.version-tag{margin-left:auto;font-size:9px;letter-spacing:1px;border:1px solid #555b4c;border-radius:30px;padding:5px 9px;color:#c0c6b6}.ios-card .version-tag{color:var(--muted);border-color:var(--line)}h3{font-size:23px;letter-spacing:-.5px;margin:0 0 8px}.card-description{font-size:12px;line-height:1.7;margin:0 0 19px;color:#c4c9bc}.ios-card{background:#fff}.ios-card .card-description{color:var(--muted)}.download-button{display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:750;font-size:17px;min-height:57px;padding:15px 20px;border-radius:10px;transition:transform .18s,background .18s}.download-button:hover{transform:translateY(-2px)}.yellow-button{background:var(--yellow);color:var(--ink)}.yellow-button:hover{background:#f0ff86}.dark-button{background:var(--ink);color:#fff}.dark-button:hover{background:#424c34}.install-hint{display:flex;align-items:center;gap:6px;font-size:10px;line-height:1.8;margin:12px 0 20px;color:#c4c9bc}.install-hint .icon{width:14px;height:14px}.ios-card .install-hint{color:var(--muted)}.card-footer{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:9px;line-height:1.6;padding-top:14px;border-top:1px solid #4a5043;color:#c4c9bc}.card-footer span{display:flex;align-items:center;gap:4px}.card-footer .icon{width:12px;height:12px}.ios-card .card-footer{border-color:var(--line);color:var(--muted)}.ios-content{display:flex;align-items:center;gap:18px}.ios-copy{flex:1;min-width:0}.qr-link{display:flex;flex-direction:column;align-items:center;flex-shrink:0;margin-top:-4px}.qr-link img{display:block;width:128px;height:128px;border:1px solid #e2e4da;border-radius:9px}.qr-link span{font-size:7px;font-weight:700;letter-spacing:1px;margin-top:7px}.how-section{padding:53px 0 49px}.section-note{font-size:12px;color:var(--muted)}.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.steps li{padding:24px 26px 24px 0}.steps li+li{padding-left:26px;border-left:1px solid var(--line)}.step-top{display:flex;align-items:center;gap:15px;margin-bottom:18px}.step-number{font-size:12px;letter-spacing:1px;font-weight:600;color:var(--muted)}.step-top .icon{width:23px;height:23px}.steps h3{font-size:17px;margin-bottom:9px}.steps p{font-size:12px;line-height:1.9;color:var(--muted);margin:0}.help-section{display:grid;grid-template-columns:1fr 1.7fr;gap:60px;padding:0 0 56px}.help-heading h2{font-size:24px}.help-heading>p:not(.eyebrow){font-size:13px;line-height:1.8;color:var(--muted);margin:15px 0}.help-heading>a{font-size:12px;border-bottom:1px solid #bec2b4;padding-bottom:5px;display:inline-block}.accordion{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:60px;padding:17px 0;font-size:13px;font-weight:600}summary::-webkit-details-marker{display:none}summary .icon{width:17px;height:17px;transition:transform .2s}details[open] summary .icon{transform:rotate(45deg)}summary:hover{color:#65742c}.details-content{font-size:13px;line-height:1.9;color:var(--muted);padding:0 27px 14px 0}.details-content p{margin:0 0 12px}.details-content ol{padding-left:20px;margin-top:0}.details-content li{margin-bottom:8px}.details-content a{text-decoration:underline;text-underline-offset:3px}.creator-banner{display:flex;align-items:center;gap:25px;background:#e8ecd9;border:1px solid #dce2cc;border-radius:20px;padding:30px}.creator-banner .eyebrow{font-size:8px;margin-bottom:5px}.creator-banner h2{font-size:24px}.creator-banner p:not(.eyebrow){font-size:12px;line-height:1.8;color:#59604f;margin:9px 0 0}.creator-banner>a{margin-left:auto;display:flex;align-items:center;gap:15px;font-size:12px;font-weight:600;white-space:nowrap;padding:12px 0;border-bottom:1px solid #9aa487}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:27px 0 30px;font-size:10px;color:var(--muted)}.site-footer>div{display:flex;gap:22px}.creator-line:hover,.site-footer a:hover{color:#62722c}.band{max-width:800px;margin:50px auto;padding:25px;line-height:1.9}.band h1{font-size:36px}.band h2{font-size:22px;margin-top:30px}.band a{text-decoration:underline}@media (min-width:1400px){.hero{gap:75px}.hero-art{height:370px}.mac-illustration{top:82px}.slide-art{min-height:176px}.phone-illustration{width:132px}}@media (max-width:1100px){.page-shell{width:calc(100% - 48px)}.hero{gap:24px}.hero-art{height:335px}.phone-illustration{right:6%;width:111px;top:58px}.mac-illustration{top:85px;left:6%}.slide-heading{font-size:35px}.slide-art{padding:13px 16px;min-height:150px}.download-card{padding:23px 20px 18px}.ios-content{gap:11px}.qr-link img{width:106px;height:106px}.ios-copy h3{font-size:21px}.download-button{font-size:15px;padding:15px}.card-description{font-size:11px}.install-hint{font-size:9px}.help-section{gap:36px}}@media (max-width:800px){.page-shell{width:calc(100% - 40px)}.site-header{height:82px}.hero{grid-template-columns:1fr 1fr;padding:36px 0}.hero h1{font-size:36px;letter-spacing:-1.5px}.hero-description{font-size:14px}.hero-copy .eyebrow{font-size:8px;letter-spacing:1px}.feature-pills{gap:6px;margin:19px 0}.feature-pills span{font-size:10px;padding:6px 8px}.feature-pills .icon{width:13px;height:13px}.hero-art{height:304px}.art-caption{font-size:7px;left:16px;top:21px}.mac-illustration{width:77%;left:4%;top:103px}.slide-art{min-height:120px;padding:9px 12px}.slide-heading{font-size:29px;margin:9px 0}.slide-kicker{font-size:5px}.slide-art small{font-size:6px}.phone-illustration{width:94px;top:43px;right:8%;border-width:4px;border-radius:19px}.connection-badge{font-size:8px;top:14px;right:14px;padding:6px}.gesture-badge{font-size:9px;bottom:33px;right:13px;padding:9px}.art-footnote{font-size:6px;left:15px}.download-grid{grid-template-columns:1fr}.download-card{padding:24px}.qr-link img{width:128px;height:128px}.card-description{font-size:13px}.download-button{font-size:17px}.install-hint{font-size:11px}.card-footer{font-size:10px}.ios-copy h3{font-size:23px}.ios-content{gap:24px}.steps li{padding-right:15px}.steps li+li{padding-left:15px}.steps h3{font-size:15px}.steps p{font-size:11px}.help-section{grid-template-columns:1fr;gap:25px}.help-heading>p:not(.eyebrow){display:none}.help-heading>a{margin-top:14px}.creator-banner{padding:25px;gap:18px}.creator-banner h2{font-size:21px}.creator-banner .eyebrow{letter-spacing:1px}.creator-banner>a{font-size:11px;gap:8px}.section-heading h2{font-size:25px}.section-heading>p{font-size:11px}}@media (max-width:580px){.page-shell{width:calc(100% - 36px)}.brand{font-size:23px;gap:9px}.brand img{width:35px;height:35px}.site-header nav{gap:13px;font-size:11px}.nav-download{padding:9px 12px;gap:5px}.nav-download .icon{width:15px;height:15px}.brand-version{display:none}.hero{display:flex;flex-direction:column;align-items:stretch;gap:27px;padding:30px 0 33px}.hero h1{font-size:clamp(35px, 9.4vw, 48px);line-height:1.28;margin:17px 0}.hero-copy .eyebrow{font-size:9px;letter-spacing:1.5px}.hero-description{font-size:14px;line-height:1.8}.mobile-break{display:block}.feature-pills{margin:20px 0 17px;gap:7px}.feature-pills span{font-size:11px;padding:7px 10px}.creator-line{font-size:11px}.hero-art{height:245px}.mac-illustration{width:66%;left:7%;top:55px}.slide-art{min-height:130px}.slide-heading{font-size:32px}.phone-illustration{width:88px;right:13%;top:24px}.connection-badge{right:15px;top:12px}.gesture-badge{bottom:24px;right:19px}.art-caption{top:15px;left:19px;font-size:6px}.art-footnote{bottom:9px;font-size:6px;left:19px}.section-heading{display:block;margin-bottom:18px}.section-heading h2{font-size:25px}.section-heading>p{font-size:12px;margin-top:10px}.section-heading>p br{display:none}.eyebrow{font-size:9px}.download-card{padding:21px 19px 17px;border-radius:17px}.card-top{margin-bottom:17px}.download-card h3{font-size:23px}.card-description{font-size:12px}.download-button{font-size:16px;min-height:56px}.install-hint{font-size:10px;margin-bottom:18px}.card-footer{font-size:9px;gap:7px}.ios-content{gap:10px}.ios-copy h3{font-size:21px}.ios-copy .card-description{font-size:11px}.ios-copy .download-button{font-size:14px;padding:14px 12px;gap:5px}.ios-copy .download-button .icon{width:18px;height:18px}.ios-copy .install-hint{font-size:9px}.qr-link img{width:106px;height:106px}.qr-link span{font-size:6px;letter-spacing:.7px}.how-section{padding:37px 0}.section-note{display:block;font-size:11px;margin-top:10px}.steps{grid-template-columns:1fr}.steps li,.steps li+li{position:relative;padding:20px 0 20px 48px;border-left:none}.steps li+li{border-top:1px solid var(--line)}.step-top{position:absolute;left:0;top:23px;flex-direction:column;gap:11px}.step-number{font-size:10px}.step-top .icon{width:21px;height:21px}.steps h3{font-size:17px}.steps p{font-size:12px}.steps p br{display:none}.help-section{padding-bottom:35px;gap:19px}.help-heading h2{font-size:24px}summary{font-size:12px;min-height:61px}.details-content{font-size:12px;padding-right:8px}.creator-banner{flex-wrap:wrap;gap:15px;padding:22px 19px;border-radius:17px}.creator-banner>.creator-copy{flex:1}.creator-banner .eyebrow{font-size:6px;letter-spacing:.6px}.creator-banner h2{font-size:20px}.creator-banner p:not(.eyebrow){font-size:10px;line-height:1.8}.creator-banner>a{margin-left:60px;font-size:11px;padding:5px 0}.site-footer{align-items:flex-start;flex-direction:column;gap:16px;padding:24px 0;font-size:9px}.site-footer>div{gap:24px}.band{margin:20px auto;padding:20px}.band h1{font-size:30px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media (max-width:580px){.creator-banner>a{flex-basis:calc(100% - 60px);justify-content:space-between}.creator-banner>.creator-copy{min-width:calc(100% - 65px)}}@media (max-width:580px){.mac-illustration{top:40px}.slide-art{padding:9px 12px 12px}.slide-rule{margin-top:8px}}.creator-line{gap:9px;border-bottom:0}.creator-mark{width:32px;height:32px;object-fit:contain;border-radius:6px}.creator-logo{width:260px;height:auto;display:block;flex-shrink:0;border-radius:10px}.creator-copy{flex:1}@media (max-width:1100px){.creator-logo{width:210px}.creator-banner{flex-wrap:wrap}.creator-banner>a{margin-left:235px}}@media (max-width:800px){.creator-logo{width:190px}.creator-banner>a{margin-left:208px}}@media (max-width:580px){.creator-banner{display:flex;flex-direction:column;align-items:stretch;gap:20px}.creator-logo{width:100%;border-radius:8px}.creator-banner>.creator-copy{min-width:0}.creator-banner>a{margin-left:0;flex-basis:auto}.creator-banner p:not(.eyebrow){font-size:12px}.creator-banner .eyebrow{font-size:7px}}