:root{color-scheme:light;--paper:#fff;--ink:#172028;--muted:#626d78;--blue:#175cce;--rule:#e1e5e9;--soft:#f6f8fa;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif;font-size:17px}
*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--paper);color:var(--ink);line-height:1.65;-webkit-font-smoothing:antialiased}a{color:var(--blue);text-decoration:none;text-underline-offset:4px}a:hover{text-decoration:underline}button,a:focus-visible{outline-offset:5px}p{margin:0 0 20px}h1,h2,h3{font-weight:500;line-height:1.16;letter-spacing:-.035em;margin:0}h1{font-size:76px;letter-spacing:-.055em}h2{font-size:34px}h3{font-size:23px}header,footer,main{width:min(1120px,calc(100% - 96px));margin:auto}header{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{font-size:21px;letter-spacing:-.035em;color:var(--ink);font-weight:600}header nav{display:flex;align-items:center;gap:30px;font-size:15px}header nav a{color:var(--ink)}.theme{border:0;background:none;color:var(--muted);font-size:21px;cursor:pointer;padding:4px;line-height:1}.intro{padding:96px 0 88px}.lead{font-size:22px;line-height:1.6;color:var(--muted);max-width:740px;margin:28px 0 0;letter-spacing:-.015em}.product-row{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:46px 0;display:flex;justify-content:space-between;align-items:center;gap:32px}.icon{width:64px;height:64px;border-radius:14px;display:block;margin-bottom:24px}.product-row h2{margin-bottom:14px}.product-row p{margin-bottom:0;color:var(--muted)}.product-row .icon{float:left;margin:0 26px 0 0}.product-link{flex-shrink:0}.product-link .muted{font-size:14px;margin-top:9px}.contact,.pro-row{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:76px 0 90px}.contact p{color:var(--muted)}footer{border-top:1px solid var(--rule);padding:35px 0 24px;display:flex;justify-content:space-between;align-items:start;gap:32px}footer .brand{font-size:16px}footer p{font-size:13px;color:var(--muted);margin:8px 0 0}.footerlinks{display:flex;gap:24px;font-size:14px}.footerlinks a{color:var(--muted)}.reviewmark{text-align:center;font-size:11px;letter-spacing:.04em;color:var(--muted);padding:12px 24px 22px}.directory{min-height:700px}.directory-note{color:var(--muted);font-size:15px;padding:28px 0 90px}.product-hero{display:grid;grid-template-columns:1.25fr 1fr;gap:64px;align-items:center;padding:56px 0 70px}.product-hero h1{font-size:70px}.product-hero .lead{font-size:23px;max-width:480px}.platform{margin-top:28px;font-size:15px;letter-spacing:.08em;color:var(--muted)}.availability{font-size:16px;margin:28px 0 10px}.product-hero figure{margin:0;text-align:center}.app-screen{display:block;max-width:100%;height:590px;width:auto;margin:auto;border:1px solid var(--rule);border-radius:16px;box-shadow:0 12px 40px #152b4510}figcaption{font-size:11px;color:var(--muted);margin-top:16px}.uses{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:52px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.number{font-size:13px;color:var(--blue);display:block;margin-bottom:20px}.uses h2{font-size:26px;margin-bottom:18px}.uses p{font-size:16px;color:var(--muted);margin:0}.pro-row h2{font-size:36px}.pro-row p{color:var(--muted)}.pro-row .prices{color:var(--ink);font-size:21px}.prices span{padding:0 10px;color:var(--muted)}.muted{font-size:14px;color:var(--muted)}.reading{width:min(760px,calc(100% - 96px));padding:75px 0 96px}.reading h1{font-size:58px}.reading .lead{font-size:21px}.contents{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:24px 0;margin:38px 0 48px;display:flex;flex-wrap:wrap;column-gap:22px;row-gap:8px}.contents p{width:100%;font-size:11px;letter-spacing:.12em;color:var(--muted);margin-bottom:6px}.contents a{font-size:14px}.reading article{font-size:17px;line-height:1.85}.reading article h2{font-size:28px;line-height:1.3;padding-top:46px;margin:0 0 22px}.reading article h2:first-child{padding-top:0}.reading article h3{font-size:21px;line-height:1.4;letter-spacing:-.015em;margin:32px 0 16px}.reading article p{margin:0 0 20px}.reading article ul{padding-left:24px;margin:12px 0 24px}.reading article li{padding-left:4px;margin-bottom:12px}.reading article a{overflow-wrap:anywhere}.support-contact{margin-top:32px;display:flex;flex-direction:column;align-items:start;gap:8px}.support-contact span{font-size:14px;color:var(--muted)}.support-contact a{font-size:24px}.support-contact small{font-size:13px;color:var(--muted)}.not-found{min-height:640px;padding:100px 0 150px}.error-code{font-size:16px;color:var(--blue);margin-bottom:22px}.not-found h1{font-size:68px}.error-links{display:flex;gap:32px;margin-top:36px}:lang(zh-Hans) h1{letter-spacing:-.04em;line-height:1.25}:lang(zh-Hans) h2,:lang(zh-Hans) h3{letter-spacing:0;line-height:1.4}:lang(zh-Hans) .lead{line-height:1.85}:lang(zh-Hans) article{line-height:2}:root[data-theme=dark]{color-scheme:dark;--paper:#11171c;--ink:#eef2f5;--muted:#acb6c0;--blue:#8bb9ff;--rule:#303940;--soft:#192128}
.product-row>div:first-child{display:grid;grid-template-columns:64px 1fr;column-gap:26px;max-width:730px}.product-row>div:first-child .icon{grid-row:1/3;float:none;margin:0}.product-row>div:first-child p{grid-column:2}p{text-wrap:pretty}
@media(max-width:700px){:root{font-size:16px}header,footer,main{width:calc(100% - 40px)}header{min-height:112px;gap:14px;align-items:flex-start;flex-direction:column;justify-content:center;padding:18px 0}.brand{font-size:20px}header nav{gap:24px;font-size:14px}.theme{font-size:20px}.intro{padding:56px 0 52px}h1{font-size:44px;letter-spacing:-.05em}.lead{font-size:19px;margin-top:24px}.product-row{padding:34px 0;display:block}.product-row>div:first-child{display:block}.product-row>div:first-child .icon{float:none;margin:0 0 22px;width:54px;height:54px}.product-row h2{font-size:29px}.product-row p{font-size:16px}.product-link{margin-top:24px}.product-link .muted{font-size:13px}.contact,.pro-row{grid-template-columns:1fr;gap:26px;padding:48px 0 58px}h2,.contact h2{font-size:28px}.contact a{font-size:16px;overflow-wrap:anywhere}footer{flex-direction:column;padding-top:28px;gap:22px}.footerlinks{gap:23px;font-size:13px}.directory{min-height:690px}.directory-note{padding-bottom:64px}.product-hero{grid-template-columns:1fr;gap:42px;padding:44px 0 46px}.product-hero h1{font-size:48px}.product-hero .lead{font-size:20px}.product-hero .icon{width:52px;height:52px;border-radius:12px;margin-bottom:24px}.app-screen{height:auto;width:290px;max-width:100%;border-radius:12px}.platform{font-size:13px;margin-top:24px}.availability{margin-top:24px}.uses{grid-template-columns:1fr;gap:32px;padding:38px 0}.uses>div{display:grid;grid-template-columns:28px 1fr;column-gap:12px}.number{grid-row:1/3;margin-top:6px}.uses h2{font-size:24px;margin-bottom:12px}.uses p{font-size:16px}.pro-row h2{font-size:29px}.pro-row .prices{font-size:19px}.reading{width:calc(100% - 40px);padding:44px 0 64px}.reading h1{font-size:42px}.reading .lead{font-size:19px}.reading article{font-size:16px;line-height:1.85}.reading article h2{font-size:25px;padding-top:34px;margin-bottom:18px}.reading article h3{font-size:20px}.contents{margin:30px 0 36px;padding:20px 0;column-gap:18px;row-gap:9px}.contents a{font-size:14px}.support-contact a{font-size:20px;overflow-wrap:anywhere}.not-found{min-height:580px;padding:70px 0 105px}.not-found h1{font-size:45px}.error-links{flex-direction:column;gap:16px;margin-top:30px}.reviewmark{font-size:10px}:lang(zh-Hans) h1{font-size:42px}:lang(zh-Hans) .product-hero h1{font-size:46px}}


/* A preview skin only. True white reading surfaces, pale celestial hero light. */
:root{--paper:#fff;--ink:#17283e;--muted:#5b6d83;--blue:#3860b6;--rule:#e4eaf2;--soft:#f3f7fe;--sky:#dce9ff;--lavender:#eaeaff;--shadow:rgba(39,62,106,.17)}
body{overflow-x:clip}header,footer,main{width:min(1160px,calc(100% - 96px))}header{position:relative;z-index:3;min-height:96px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:20px;font-weight:550;letter-spacing:-.04em}.brand-star{width:17px;height:17px;color:var(--blue)}footer .brand-star{width:12px;height:12px}.theme{background:var(--soft);width:34px;height:34px;border-radius:50%;font-size:20px}.theme:hover{background:var(--rule)}h1{font-size:72px;font-weight:450;line-height:1.13;letter-spacing:-.055em}h1 em,h2 em{font-family:Georgia,'Songti SC',serif;font-weight:400;color:var(--blue)}:lang(zh-Hans) em{font-style:normal;font-family:'Songti SC',serif;font-weight:500}.lead{font-size:21px;line-height:1.65}.cosmic{position:relative;isolation:isolate}.cosmic:before{content:'';position:absolute;inset:-45px -80px -10px 25%;background:radial-gradient(ellipse at 70% 48%,var(--sky),transparent 61%),radial-gradient(ellipse at 45% 40%,var(--lavender),transparent 55%);opacity:.6;z-index:-2;pointer-events:none}.sky{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;color:var(--blue);overflow:visible}.orbit{fill:none;stroke:currentColor;stroke-width:.65;opacity:.13}.sky .star{fill:currentColor;opacity:.42;animation:star-breathe 7s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-.7s)}.sky .spark{opacity:.5}.intro-copy,.hero-copy{position:relative;z-index:1}.studio .intro.cosmic{min-height:650px;display:flex;align-items:center;padding:70px 0 80px}.intro-copy{width:63%}.intro-copy h1{font-size:70px}.intro-copy .lead{max-width:560px}.ink-stage{position:relative;min-width:0;color:var(--blue);filter:drop-shadow(12px 26px 22px var(--shadow))}.ink-art{width:100%;height:auto;display:block;overflow:visible}.studio-device{position:absolute;right:-18px;top:14px;width:530px;z-index:0;transform:rotate(6deg);transform-origin:70% 65%}.phone-shell{transform-origin:370px 370px;animation:phone-arrive 4s ease-out both}.ink-trail{stroke:#3975db;stroke-width:2.3;stroke-linecap:round;fill:none;stroke-dasharray:1;stroke-dashoffset:0;animation:ink-arrive 7s ease-in-out both}.constellation{color:#5b8ada}.ink-star{animation:ink-stars 5s ease-out both;animation-delay:calc(var(--i)*.2s)}.motion-controls{display:flex;gap:22px;margin-top:28px;align-items:center;flex-wrap:wrap}.motion-controls button,.detail-replay,.mac-play,.faq-toggle{border:0;background:transparent;color:var(--blue);padding:6px 0;font:inherit;font-size:12px;cursor:pointer;text-underline-offset:4px}.motion-controls button:hover,.detail-replay:hover,.mac-play:hover,.faq-toggle:hover{text-decoration:underline}.motion-controls button:disabled{color:var(--muted);cursor:default}.product-row{position:relative;padding:44px 0;transition:transform .35s ease,border-color .35s ease}.product-row:hover{transform:translateY(-4px);border-color:#a8bcdf}.product-row .icon{box-shadow:0 12px 30px var(--shadow)}.product-link>a,.cta{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:12px 23px;color:#fff;background:#31579e;border-radius:30px;font-size:15px;transition:background .2s,transform .2s}.product-link>a:hover,.cta:hover{background:#24477f;text-decoration:none;transform:translateY(-2px)}.product-link .muted{padding-left:23px}.contact{padding:80px 0 84px}.contact h2{font-size:34px;line-height:1.25}.directory .intro{position:relative;padding:84px 0 66px}.directory-intro .sky{opacity:.5}.directory .product-row{min-height:340px;padding-right:240px;display:block;overflow:hidden}.directory .product-row>div:first-child{display:block;max-width:600px}.directory .product-row .icon{margin-bottom:24px;float:none}.directory .product-link{margin-top:26px}.directory-peek{position:absolute;right:30px;top:36px;width:160px;transform:rotate(8deg);transition:transform .4s}.directory-peek img{width:100%;border:5px solid #c5d0df;border-radius:23px;box-shadow:0 15px 30px var(--shadow)}.directory .product-row:hover .directory-peek{transform:rotate(4deg) translateY(-6px)}.directory-note{padding-bottom:70px}.product-hero{grid-template-columns:1.05fr 1fr;gap:0;padding:35px 0 54px;min-height:700px}.product-hero .icon{width:56px;height:56px;margin-bottom:26px;box-shadow:0 10px 24px var(--shadow)}.product-hero h1{font-size:67px}.product-hero .lead{font-size:21px;max-width:440px}.hero-figure{min-width:0;position:relative}.hero-figure .ink-stage{width:610px;margin-left:-65px;transform:rotate(5deg)}.hero-figure figcaption{margin:0;text-align:right;padding-right:42px;font-size:10px}.availability{font-size:14px;margin:24px 0 18px}.platform{font-size:13px;margin-top:25px}.uses{padding:44px 0;gap:54px}.uses h2{font-size:25px}.uses p{font-size:15px}.number{font-family:Georgia,serif;font-style:italic;font-size:18px;margin-bottom:18px}.ink-detail{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center;padding:94px 0 70px}.ink-detail h2,.mac-intro h2{font-size:44px;line-height:1.17;margin-bottom:24px}.ink-detail p,.mac-intro p{font-size:17px;color:var(--muted)}.ink-detail .media-note{font-size:12px;max-width:330px;line-height:1.7}.ink-detail figure,.mac-showcase figure{margin:0;min-width:0}.detail-crop{height:240px;position:relative;overflow:hidden;background:white;box-shadow:0 20px 55px var(--shadow);border-radius:3px;transform:rotate(-2deg);isolation:isolate}.detail-crop img{position:absolute;display:block;width:190%;max-width:none;left:-47%;top:-285%;height:auto}.ink-mask{position:absolute;left:24%;top:53%;height:6%;width:56%;background:white;transform-origin:right;animation:reveal-ink 5s ease both}.ink-detail figcaption{margin-top:25px;font-size:11px}.mac-showcase{display:grid;grid-template-columns:.65fr 1.35fr;gap:65px;align-items:center;padding:90px 0 100px;position:relative}.mac-showcase:before{content:'';position:absolute;inset:10% -40px 5% 25%;z-index:-1;background:radial-gradient(ellipse,var(--sky),transparent 68%);opacity:.4}.mac-intro p{font-size:16px;max-width:300px}.mac-window{position:relative;aspect-ratio:2940/1716;border-radius:12px;overflow:hidden;box-shadow:0 28px 55px var(--shadow),0 0 0 1px #97a8c62b;transform:perspective(1400px) rotateY(-6deg) rotateX(2deg);transition:transform .65s ease;background:#f6f8fa}.mac-window:hover{transform:perspective(1400px) rotateY(0deg) rotateX(0deg)}.mac-window img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;transition:opacity 1s ease,transform 5s ease}.mac-window .mac-library{opacity:0}.mac-window[data-state=library] .mac-library{opacity:1}.mac-window[data-state=library] .mac-reading{opacity:0}.mac-tabs{display:inline-flex;gap:3px;padding:4px;background:var(--soft);border-radius:28px;margin-top:12px}.mac-tabs button{border:0;color:var(--muted);background:none;border-radius:22px;padding:9px 17px;cursor:pointer;font:inherit;font-size:13px}.mac-tabs button[aria-pressed=true]{background:var(--paper);color:var(--ink);box-shadow:0 2px 8px var(--shadow)}.mac-play{display:block;margin-top:12px}.mac-showcase figcaption{font-size:11px;margin-top:24px}.pro-row{border-top:1px solid var(--rule);padding:66px 0 76px}.pro-row h2{font-size:36px}.pro-row .prices{font-size:20px}.reading{width:min(760px,calc(100% - 96px));padding-top:72px}.reading h1{font-size:58px}.reading .lead{font-size:20px}.reading .contents{border-top:0;background:var(--soft);border-bottom:0;padding:24px 28px;margin-top:36px}.reading article h2{color:var(--ink)}.reading article{font-size:17px}.support-contact{padding:26px 0 3px}.faq-tools{display:flex;justify-content:flex-end;margin:-16px 0 10px}.reading details{border-bottom:1px solid var(--rule);padding:21px 0}.reading summary{cursor:pointer;font-size:20px;font-weight:500;line-height:1.45;letter-spacing:-.02em;list-style:none;position:relative;padding-right:32px}.reading summary::-webkit-details-marker{display:none}.reading summary:after{content:'+';position:absolute;right:4px;color:var(--blue);font-weight:400}.reading details[open]>summary:after{content:'−'}.answer{padding-top:22px}.answer p:last-child,.answer ul:last-child{margin-bottom:0}.not-found{position:relative;isolation:isolate;text-align:center;padding:55px 0 90px}.not-found .sky{opacity:.65}.lost-orbit{width:200px;height:136px;margin-bottom:6px;color:var(--blue);overflow:visible}.lost-orbit ellipse{fill:none;stroke:currentColor;opacity:.3;stroke-width:.7}.lost-star{fill:currentColor;transform-origin:center;animation:lost-drift 8s ease-in-out infinite alternate;opacity:.7}.not-found h1{font-size:58px}.not-found .lead{margin:24px auto 0;max-width:580px}.not-found .error-links{justify-content:center}.error-code{font-size:14px;letter-spacing:.2em;margin-bottom:18px}.reviewmark{font-size:10px;opacity:.8}.reading-head .lead{max-width:650px}
.sky.sky{overflow:hidden}
.product .ink-detail .detail-crop{aspect-ratio:530/390}
.hero-ink-mask{transform-box:fill-box;transform-origin:right;animation:hero-ink 7s ease both}.directory .sky .star,.not-found .sky .star{animation:none}.not-found .lost-orbit .lost-star{animation:lost-drift 4s ease-out both}
@keyframes hero-ink{0%,45%{transform:scaleX(1)}70%,100%{transform:scaleX(0)}}
html[data-motion=static] .hero-ink-mask{transform:scaleX(0)}
@media(prefers-reduced-motion:reduce){.hero-ink-mask{transform:scaleX(0)}}
@media(max-width:700px){.product .product-hero{grid-template-columns:1fr}.ink-detail .detail-crop{height:auto;aspect-ratio:530/315}.studio .intro-copy h1{max-width:100%}.studio .intro .studio-device,.product .hero-figure .ink-stage{width:365px;max-width:calc(100% + 15px);margin-left:-20px;margin-right:0}.mac-showcase.mac-showcase:before{right:0}}
@keyframes ink-arrive{0%{stroke-dashoffset:1;opacity:.5}50%,70%{stroke-dashoffset:0;opacity:.8}100%{stroke-dashoffset:0;opacity:.28}}
@keyframes ink-stars{0%{opacity:.1;transform:translateY(5px)}50%,100%{opacity:.65;transform:translateY(0)}}
@keyframes phone-arrive{0%{transform:translateY(14px)}100%{transform:translateY(0)}}
@keyframes star-breathe{from{opacity:.2;transform:translateY(0)}to{opacity:.6;transform:translateY(-5px)}}
@keyframes reveal-ink{0%,20%{transform:scaleX(1)}80%,100%{transform:scaleX(0)}}
@keyframes lost-drift{from{transform:translateY(-4px) rotate(-7deg)}to{transform:translateY(4px) rotate(7deg)}}
.detail-crop{height:auto;aspect-ratio:530/315}.detail-crop svg{display:block;width:100%;height:100%}.detail-crop .ink-mask{position:static;transform-box:fill-box;transform-origin:right;width:365px;height:19px;background:none}
:root[data-theme=dark]{color-scheme:dark;--paper:#152239;--ink:#e7eef9;--muted:#aabbd0;--blue:#a3c0ff;--rule:#30425d;--soft:#1d304c;--sky:#2a4669;--lavender:#313f63;--shadow:rgba(0,5,19,.3)}:root[data-theme=dark] .cosmic:before{opacity:.4}:root[data-theme=dark] .ink-trail{stroke:#83b4ff}:root[data-theme=dark] .cta,:root[data-theme=dark] .product-link>a{background:#c0d4ff;color:#172b49}:root[data-theme=dark] .detail-crop{box-shadow:0 14px 40px #0003}
html[data-motion=paused] *,html[data-motion=static] *{animation-play-state:paused!important}html[data-motion=static] *{animation:none!important;transition:none!important}html[data-motion=static] .ink-trail{stroke-dashoffset:0;opacity:.28}html[data-motion=static] .ink-mask{transform:scaleX(0)}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.ink-mask{transform:scaleX(0)}.ink-trail{stroke-dashoffset:0;opacity:.28}.product-row:hover,.directory .product-row:hover .directory-peek{transform:none}}
@media(max-width:1000px) and (min-width:701px){h1,.intro-copy h1,.product-hero h1{font-size:53px}.studio-device{right:-55px;width:440px}.hero-figure .ink-stage{width:490px;margin-left:-80px}.ink-detail,.mac-showcase{gap:40px}.mac-intro h2{font-size:36px}}
@media(max-width:700px){header,footer,main{width:calc(100% - 40px)}header{min-height:104px;gap:15px;padding:18px 0}.brand{font-size:19px}header nav{gap:24px;font-size:13px}.theme{width:29px;height:29px}.brand-star{width:15px;height:15px}.cosmic:before{inset:20% -18px -2% 0}.studio .intro.cosmic{min-height:0;display:block;padding:42px 0 36px}.intro-copy{width:100%}.intro-copy h1{font-size:42px;line-height:1.18}.intro-copy .lead{font-size:18px;max-width:320px}.studio-device{position:relative;width:390px;max-width:calc(100% + 40px);right:auto;top:auto;margin:-10px -15px 0 -25px;transform:rotate(3deg)}.motion-controls{gap:20px;margin-top:20px}.motion-controls button{font-size:11px}.contact{padding:45px 0 56px}.contact h2{font-size:29px}.product-row{padding:30px 0}.product-row h2{font-size:28px}.product-row .product-link{margin-top:25px}.product-link>a,.cta{font-size:14px;padding:11px 21px}.directory .intro{padding:40px 0 45px}.directory h1{font-size:43px}.directory .product-row{padding:30px 0 0;min-height:0}.directory-peek{position:relative;right:auto;top:auto;margin:35px auto -145px;width:175px;transform:rotate(7deg)}.directory-note{padding-top:30px;padding-bottom:60px}.directory .product-row{padding-bottom:30px}.product-hero{padding:35px 0 38px;gap:0;min-height:0}.product-hero h1{font-size:49px}.product-hero .icon{width:49px;height:49px;margin-bottom:23px}.product-hero .lead{font-size:19px;max-width:330px}.product-hero .hero-figure{margin:0}.hero-figure .ink-stage{width:400px;max-width:calc(100% + 40px);margin:5px -18px 0 -30px;transform:rotate(3deg)}.hero-figure figcaption{text-align:center;padding:0;font-size:10px;margin-top:-5px}.platform{font-size:12px}.availability{margin-top:20px}.uses{gap:30px;padding:34px 0}.uses h2{font-size:23px}.uses p{font-size:15px}.ink-detail{grid-template-columns:1fr;gap:28px;padding:55px 0 24px}.ink-detail h2,.mac-intro h2{font-size:36px}.ink-detail p{font-size:16px}.ink-detail .media-note{font-size:11px;max-width:300px}.ink-detail figcaption{font-size:10px}.detail-crop{height:180px;transform:rotate(-1deg)}.detail-crop img{top:-245%}.ink-mask{top:40%}.mac-showcase{grid-template-columns:1fr;gap:26px;padding:55px 0}.mac-window{border-radius:8px;transform:perspective(1400px) rotateY(-3deg)}.mac-showcase figcaption{font-size:10px}.mac-intro p{max-width:330px}.mac-tabs{margin-top:0}.pro-row{padding:45px 0 56px}.pro-row h2{font-size:29px}.pro-row .prices{font-size:18px}.reading{width:calc(100% - 40px);padding:42px 0 64px}.reading h1{font-size:42px}.reading .lead{font-size:18px}.reading article{font-size:16px}.reading .contents{padding:22px 20px;gap:10px 18px;margin:30px 0 38px}.reading summary{font-size:19px}.reading details{padding:20px 0}.support-contact{padding-top:12px}.support-contact a{font-size:18px}.not-found{padding:35px 0 80px;min-height:610px}.not-found h1{font-size:40px}.lost-orbit{width:160px;height:120px}.not-found .lead{font-size:18px}.not-found .error-links{gap:18px}.footerlinks{gap:24px}.sky .orbit{opacity:.1}:lang(zh-Hans) .intro-copy h1{font-size:39px}:lang(zh-Hans) .product-hero h1{font-size:43px}:lang(zh-Hans) .ink-detail h2,:lang(zh-Hans) .mac-intro h2{font-size:33px}}

/* CSP-safe delays; accessibility additions preserve the approved layout. */
[data-star="0"]{--i:0}[data-star="1"]{--i:1}[data-star="2"]{--i:2}[data-star="3"]{--i:3}[data-star="4"]{--i:4}[data-star="5"]{--i:5}[data-star="6"]{--i:6}[data-star="7"]{--i:7}[data-star="8"]{--i:8}[data-star="9"]{--i:9}
.skip-link{position:fixed;left:20px;top:-100px;z-index:20;background:var(--paper);padding:12px;color:var(--ink)}.skip-link:focus{top:12px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--blue);outline-offset:5px}main:focus{outline:none}
img{height:auto}
/* The approved desktop/mobile geometry is unchanged. Keep tablet SVG bounds
   inside the viewport instead of concealing horizontal overflow. */
@media(min-width:701px) and (max-width:1000px){.cosmic:before{right:0}.studio-device{right:0;width:400px;top:55px}.studio .intro-copy{width:56%}.studio .intro-copy h1{font-size:49px}.hero-figure .ink-stage{width:430px;margin-left:-95px}}

/* Five feature chapters extend the approved V2, without repeated card shells. */
.feature-nav{border-block:1px solid var(--rule);padding:23px 0;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.feature-nav a{font-size:14px;color:var(--ink)}.feature-nav span{font-size:11px;color:var(--blue);margin-right:10px}
.feature{padding:92px 0;scroll-margin-top:28px;display:grid;grid-template-columns:1fr 1.25fr;gap:64px;align-items:center}
.feature-copy{min-width:0}.feature-label{color:var(--blue);font-size:13px;margin-bottom:22px}
.feature h2{font-size:43px;line-height:1.2;margin-bottom:25px}
.feature-copy>p:not(.feature-label){color:var(--muted);max-width:490px}
.feature .feature-detail{font-size:14px;line-height:1.8}
.feature-media{margin:0;min-width:0}
.feature-media img,.feature-media video{display:block;width:100%;height:auto;object-fit:contain;border-radius:12px;box-shadow:0 20px 60px var(--shadow);background:#fff}
.feature-media figcaption,.feature-caption{font-size:12px;color:var(--muted);line-height:1.7}
.feature-ai{grid-template-columns:1.25fr 1fr}.feature-ai .feature-copy{grid-column:2;grid-row:1}.feature-ai .feature-media{grid-column:1;grid-row:1}
.feature-writing{grid-template-columns:1fr;gap:36px;border-block:1px solid var(--rule)}
.feature-writing .feature-copy{display:grid;grid-template-columns:1fr 1fr;gap:0 64px}.feature-writing .feature-label{grid-column:1/-1}.feature-writing h2{grid-row:2/4}.feature-writing .feature-media{width:min(100%,1000px);margin:auto}
.feature-tools{border-top:1px solid var(--rule)}
.sync-scene{margin:0;min-width:0;text-align:center}
.sync-diagram{display:block;width:100%;height:auto;overflow:visible}
.sync-routes{fill:none;stroke:var(--rule);stroke-width:1.4}
.sync-data{fill:none;stroke:var(--blue);stroke-width:3.6;stroke-linecap:round}
.sync-pulse{stroke-dasharray:1 99;animation:sync-travel 6s linear infinite}
.sync-return{animation-direction:reverse;animation-delay:-2s}.sync-third{animation-delay:-4s}
.sync-node{fill:var(--paper);stroke:var(--muted);stroke-width:1.2}
.sync-icons{fill:none;stroke:var(--ink);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.sync-cloud{fill:var(--paper);stroke:var(--blue);stroke-width:1.2}
.sync-labels{text-anchor:middle;fill:var(--muted);font-size:17px}.sync-cloud-label{fill:var(--blue);font-size:14px}
.sync-scene figcaption{font-size:12px;color:var(--muted);line-height:1.7;max-width:460px;margin:24px auto 0}
@keyframes sync-travel{to{stroke-dashoffset:-100}}
.capture-notice{padding:42px 28px;background:var(--soft);min-height:220px;display:flex;flex-direction:column;justify-content:center}
.capture-notice span{font-size:14px;color:var(--blue);margin-bottom:14px}.capture-notice p{font-size:13px;color:var(--muted);margin:0}
.legal-identity{font-size:14px;color:var(--muted);padding-bottom:22px}
@media(max-width:1000px){.feature{gap:32px}.feature h2{font-size:36px}.feature-writing .feature-copy{gap:0 32px}}
@media(max-width:700px){.feature-nav{justify-content:flex-start;gap:16px 22px}.feature-nav a{font-size:13px}.feature{grid-template-columns:1fr;padding:52px 0;gap:26px}.feature h2{font-size:32px}.feature-label{margin-bottom:16px}.feature-ai .feature-copy,.feature-ai .feature-media{grid-column:auto;grid-row:auto}.feature-writing .feature-copy{display:block}.sync-scene figcaption{font-size:11px;margin-top:14px}.sync-labels{font-size:22px}.sync-cloud-label{font-size:16px}.capture-notice{min-height:170px;padding:25px}.feature-media img,.feature-media video{border-radius:8px}.feature-caption{font-size:11px}}
@media(prefers-reduced-motion:reduce){.sync-pulse{animation:none;stroke-dashoffset:0}}

/* Focused home-page revisions; shared navigation and reading pages are untouched. */
.studio-orbit-art{position:absolute;right:-18px;top:35px;width:530px;pointer-events:none;color:var(--blue)}
.studio-orbit-art svg{display:block;width:100%;height:auto;overflow:visible}
.brand-orbits{fill:none;stroke:currentColor;stroke-width:.8;opacity:.23}
.brand-core{fill:none;stroke:currentColor;stroke-width:1;opacity:.42}
.brand-flows{fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round}
.brand-flow{stroke-dasharray:2 998;animation:brand-travel 28s linear infinite;opacity:.65}
.brand-flow-second{animation-direction:reverse;animation-delay:-13s}
.brand-points{fill:currentColor;opacity:.6;animation:brand-breathe 11s ease-in-out infinite alternate}
@keyframes brand-travel{to{stroke-dashoffset:-1000}}
@keyframes brand-breathe{to{opacity:.3}}
.brand-replay{border:0;background:none;color:var(--blue);font:inherit;cursor:pointer}
.feature-ai{grid-template-columns:.85fr 1.15fr;gap:80px;border-block:1px solid var(--rule)}
.feature-ai .feature-copy{grid-column:1;grid-row:1}
.ai-demo{min-width:0;position:relative;background:var(--paper);border-radius:24px;padding:34px 36px 24px;box-shadow:0 18px 65px var(--shadow)}
.ai-demo-top{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;letter-spacing:.02em}
.ai-mark{color:var(--blue);font-size:24px}.ai-prompt{font-size:16px;line-height:1.8;margin:24px 0;color:var(--ink)}
.ai-response{position:relative;margin:25px 0 30px;padding-left:24px;border-left:1px solid var(--rule)}
.ai-response:before{content:'';position:absolute;left:-2px;top:0;width:3px;height:100%;background:var(--blue);opacity:.35;transform-origin:top}
.ai-segment{font-size:18px;line-height:1.7;margin:0 0 18px;white-space:pre-line;overflow-wrap:anywhere}
.ai-segment:last-child{margin-bottom:0}
.ai-demo[data-ai-state=playing] .ai-segment:not(.is-revealed),.ai-demo[data-ai-state=paused] .ai-segment:not(.is-revealed){visibility:hidden}
.ai-segment.is-revealed{animation:answer-reveal .65s ease both}
@keyframes answer-reveal{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.ai-demo-controls{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.ai-demo-controls button{font:inherit;font-size:13px;cursor:pointer;border:0;background:none;color:var(--blue);padding:10px 0;text-underline-offset:4px}
.ai-demo-controls button:hover{text-decoration:underline}.ai-demo-controls button:disabled{color:var(--muted);cursor:default}
.ai-evidence-note{font-size:11px!important;color:var(--muted);line-height:1.7;margin:8px 0 0}
.feature-mac.mac-showcase{grid-template-columns:.65fr 1.35fr;gap:65px;padding:90px 0 100px}
.feature-mac .feature-detail:empty{display:none}
.feature-mac .feature-copy{grid-column:auto;grid-row:auto}
.feature-mac .feature-copy h2{font-size:44px;line-height:1.17;margin-bottom:24px}
.feature-mac .feature-copy p{max-width:300px;font-size:16px}
.device-tabs{margin:8px 0 14px}
.mac-view-controls{min-height:98px}
.experience-stage{position:relative;aspect-ratio:2940/1716}
.experience-stage>.mac-window,.experience-stage>.ipad-window{position:absolute;inset:0;transition:opacity .6s ease,transform .65s ease}
.experience-stage[data-device=ipad]>.mac-window{opacity:0;pointer-events:none}
.experience-stage[data-device=mac]>.ipad-window{opacity:0;pointer-events:none}
.ipad-window{margin:auto;width:77.82%;height:100%;border-radius:12px;overflow:hidden;box-shadow:0 28px 55px var(--shadow),0 0 0 1px #97a8c62b;transform:perspective(1400px) rotateY(-6deg) rotateX(2deg);background:#fff}
.ipad-window:hover{transform:perspective(1400px) rotateY(0deg) rotateX(0deg)}
.ipad-window img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;transition:opacity 1s ease}
.ipad-window .ipad-library{opacity:0}.ipad-window[data-state=library] .ipad-library{opacity:1}.ipad-window[data-state=library] .ipad-reading{opacity:0}
.ipad-window[data-capture-required]{display:flex;align-items:center;padding:20px;font-size:13px}
@media(max-width:700px){.feature-mac.mac-showcase{grid-template-columns:1fr;gap:26px;padding:55px 0}.feature-mac .feature-copy h2{font-size:36px}.feature-mac .feature-copy p{max-width:330px}.ipad-window{border-radius:8px;transform:perspective(1400px) rotateY(-3deg)}}
@media(max-width:1000px){.feature-ai{gap:36px}.ai-demo{padding:26px}.studio-orbit-art{width:470px;right:-30px;top:65px}}
@media(max-width:700px){.studio-orbit-art{position:relative;right:auto;top:auto;width:390px;max-width:calc(100% + 40px);margin:-25px -20px -35px}.feature-ai{grid-template-columns:1fr;gap:30px}.feature-ai .feature-copy{grid-column:auto;grid-row:auto}.ai-demo{padding:24px 22px 20px;border-radius:18px}.ai-prompt{font-size:15px}.ai-segment{font-size:16px}.ai-response{padding-left:18px}.ai-demo-controls{gap:20px}.feature-mac{grid-template-columns:1fr;gap:12px;padding-bottom:55px}.feature-mac .mac-tabs{justify-self:start;margin:0}.mac-feature-figure{margin-top:16px}.mac-feature-figure figcaption{font-size:11px}}