:root{--paper:#f8f4ea;--ink:#393d32;--muted:#78796b;--red:#b8432c;--line:#dedccd;--serif:"Songti SC","Noto Serif CJK SC","STSong","SimSun",serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid var(--red);outline-offset:5px}img{display:block;max-width:100%;height:auto}.wrap{max-width:1280px;width:calc(100% - 96px);margin-inline:auto}.skip{position:fixed;top:-100px;left:20px;z-index:5;background:var(--paper);padding:16px}.skip:focus{top:12px}.nav{display:flex;align-items:center;justify-content:space-between;height:112px}.brand{display:flex;align-items:center;gap:12px;font-family:var(--serif);font-size:27px;font-weight:700;letter-spacing:3px}.brand img{object-fit:cover;mix-blend-mode:multiply}.brand small{display:block;font-family:"Microsoft YaHei",sans-serif;font-size:10px;font-weight:400;letter-spacing:2px;color:var(--muted);margin-top:6px}nav{display:flex;align-items:center;gap:34px;font-size:13px}nav a{min-height:44px;display:inline-flex;align-items:center;gap:20px}.nav-download{border-bottom:1px solid var(--ink)}
.hero{position:relative;min-height:604px;overflow:hidden;border-radius:3px}.hero-photo{position:absolute;inset:0;background:#eed594}.hero-photo img{height:100%;width:100%;object-fit:cover}.hero-copy{position:relative;z-index:1;padding:66px 0 64px 5.5%;width:52%}.eyebrow{font-size:11px;letter-spacing:2.5px;margin:0 0 25px;font-weight:500}h1,h2,h3,p{margin-top:0}h1{font-family:var(--serif);font-weight:500;font-size:clamp(48px,5.2vw,72px);line-height:1.38;letter-spacing:1px;margin-bottom:24px}h1 span{color:var(--red)}.intro{font-size:14px;line-height:2;color:#5b5b46;margin-bottom:30px}.button{background:var(--red);color:#fffaf2;display:inline-flex;justify-content:center;align-items:center;gap:32px;min-height:54px;padding:0 26px;font-size:14px;border-radius:3px;transition:background .2s,transform .2s}.button:hover{background:#983520;transform:translateY(-2px)}.button svg{width:20px;height:20px}.button span{font-size:23px}.release-note{font-size:11px;line-height:1.8;color:#66664e;margin:13px 0 0}.photo-note{position:absolute;right:28px;bottom:27px;font-size:11px;background:var(--paper);padding:12px 18px;transform:rotate(-3deg);letter-spacing:1px}.photo-note span{color:var(--red);font-size:17px;padding-right:6px}.rhythm{display:flex;justify-content:space-around;align-items:center;padding:27px 0;border-bottom:1px solid var(--line);font-size:12px;color:#686c5c;letter-spacing:2px}.rhythm i{font-style:normal;color:#aea990}
.journal{padding-top:98px}.section-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;margin-bottom:42px}.section-heading .eyebrow{grid-column:1/-1;color:var(--red);margin-bottom:17px}h2{font-family:var(--serif);font-size:42px;line-height:1.5;letter-spacing:1px;font-weight:500;margin-bottom:0}.section-heading>p:last-child{justify-self:end;line-height:2.1;color:var(--muted);font-size:14px;margin-bottom:6px}.journal-spread{display:grid;grid-template-columns:1fr 1fr;gap:28px}.page-caption{display:flex;gap:19px;align-items:start;margin-bottom:24px}.number{font-family:Georgia,serif;font-size:17px;color:var(--red);padding-top:3px}.page-caption h3{font-size:17px;font-weight:500;margin-bottom:8px}.page-caption p{font-size:12px;color:var(--muted);margin-bottom:0}.screen-mat{padding:42px 40px 0;height:616px;overflow:hidden;border:1px solid #e4dccc;border-radius:3px}.peach{background:#efe5d4}.sage{background:#e5e8dc}.app-screen{width:294px;margin:auto;box-shadow:0 14px 35px #5346261c;border:6px solid #fffaf0;border-radius:26px 26px 0 0}.peach .app-screen{transform:rotate(-3deg)}.sage .app-screen{transform:rotate(3deg)}.sample-note{text-align:right;color:#878a7e;font-size:10px;margin:13px 0 0}.small-things{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;padding:62px 0 70px;border-bottom:1px solid var(--line)}.detail-mark{color:var(--red);font-family:Georgia,serif;font-size:30px;display:block;margin-bottom:14px}.small-things h3{font-weight:500;font-size:17px;margin-bottom:12px}.small-things p{color:var(--muted);font-size:13px;line-height:1.9;margin:0}
.download{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center;padding:80px 0 78px}.download-art img{mix-blend-mode:multiply;width:90%;max-width:380px;margin:auto}.download-copy h2{font-size:36px;margin-bottom:27px}.download-copy .eyebrow{color:var(--red);margin-bottom:17px}.latest{font-size:11px;line-height:1.9;color:var(--muted);margin:12px 0 18px}.download details{font-size:12px;line-height:1.9;max-width:470px;color:var(--muted)}summary{cursor:pointer;min-height:44px;padding:12px 0;border-top:1px solid var(--line);width:100%}.install-details p{margin-bottom:12px}.install-details a{color:var(--red);text-decoration:underline;display:inline-flex;min-height:44px;align-items:center}footer{border-top:1px solid var(--line);padding:27px 0 33px;display:flex;align-items:center;gap:25px;color:var(--muted);font-size:11px}.footer-brand{font-family:var(--serif);font-size:21px;letter-spacing:2px;color:var(--ink)}footer p{margin:0}footer>span{margin-left:auto}
@media(min-width:1500px){.hero{min-height:630px}.hero-copy{padding-top:76px}}@media(max-width:900px){.wrap{width:calc(100% - 48px)}.nav{height:92px}.hero{min-height:530px}.hero-copy{padding-top:50px;width:60%}.hero-photo img{object-position:48% center}.hero-copy h1{font-size:52px}.screen-mat{height:525px;padding:34px 24px 0}.app-screen{width:255px}.journal{padding-top:70px}.download{gap:24px}.download-copy h2{font-size:30px}.small-things{gap:24px}.photo-note{right:15px;bottom:18px}}
@media(max-width:600px){.wrap{width:calc(100% - 36px)}.nav{height:84px}.brand{font-size:24px;gap:5px}.brand img{width:43px;height:37px}.brand small{font-size:8px;letter-spacing:1px}nav{gap:0;font-size:12px}nav a:first-child{display:none}.nav-download{gap:17px}.hero{min-height:722px;display:flex;flex-direction:column;background:#efdaa2}.hero-photo{top:auto;height:355px}.hero-photo img{object-fit:cover;object-position:80% center;width:100%;height:100%}.hero-copy{padding:32px 25px 26px;width:100%;background:#efdaa2}.hero-copy .eyebrow{font-size:10px;letter-spacing:1.7px;margin-bottom:18px}.hero-copy h1{font-size:49px;line-height:1.3;margin-bottom:17px}.intro{font-size:12px;line-height:1.9;margin-bottom:22px}.button{min-height:52px;font-size:13px;padding:0 23px;gap:30px}.release-note{font-size:10px}.photo-note{bottom:17px;right:15px;font-size:10px}.rhythm{font-size:10px;letter-spacing:0;padding:24px 0}.rhythm i{font-size:10px}.journal{padding-top:52px}.section-heading{display:block;margin-bottom:29px}.section-heading .eyebrow{font-size:10px;letter-spacing:1.5px;margin-bottom:12px}h2{font-size:34px;line-height:1.4}.section-heading>p:last-child{font-size:12px;line-height:1.9;margin:18px 0 0}.journal-spread{grid-template-columns:1fr;gap:33px}.page-caption{gap:15px;margin-bottom:19px}.page-caption h3{font-size:16px}.page-caption p{font-size:11px}.screen-mat{height:566px;padding:28px 26px 0}.app-screen{width:267px}.sample-note{font-size:9px}.small-things{grid-template-columns:1fr;gap:26px;padding:35px 0 42px}.small-things>div{display:grid;grid-template-columns:35px 1fr;column-gap:12px}.detail-mark{grid-row:1/3;font-size:29px;margin:0}.small-things h3{font-size:16px;margin-bottom:7px}.small-things p{font-size:12px}.download{grid-template-columns:1fr;gap:14px;padding:35px 0 45px}.download-art img{width:170px}.download-copy{text-align:center}.download-copy h2{font-size:30px}.download-copy .eyebrow{font-size:10px}.download details{text-align:left;margin:0 auto}.latest{font-size:10px}.download .release-note{font-size:10px}footer{flex-wrap:wrap;gap:10px 16px;padding:22px 0;font-size:10px}footer>span{margin-left:auto}.footer-brand{font-size:19px}}
@media(max-width:359px){.hero-copy{padding-inline:20px}.hero-copy h1{font-size:43px}.hero{min-height:695px}.hero-photo{height:337px}.screen-mat{height:501px;padding-inline:21px}.app-screen{width:236px}.download-copy h2{font-size:27px}footer p{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}