:root{--ground:#f5f6f8;--ink:#202a34;--muted:#56616b;--accent:#2268a1;--stage:#e5ebf0;--white:#fff;--ease:cubic-bezier(.22,1,.36,1);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB",sans-serif;color:var(--ink);background:var(--ground);font-synthesis:none;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:0;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:5px}img{display:block;max-width:100%;height:auto}p,h1,h2,h3,figure{margin:0}p{max-width:60ch;line-height:1.75;font-size:16px}h1,h2,h3{font-weight:550}h2{font-size:clamp(32px,4vw,56px);line-height:1.28;letter-spacing:-.04em}h3{font-size:24px;line-height:1.4;letter-spacing:-.02em}.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.header{display:flex;align-items:center;justify-content:space-between;padding-block:28px;gap:24px}.brand{display:inline-flex;align-items:center;gap:12px;font-size:20px;font-weight:600;white-space:nowrap}.brand b{font-weight:450;font-size:16px;margin-left:4px}.header nav{display:flex;gap:36px;margin-left:auto;margin-right:32px;font-size:16px}.header nav a{display:flex;align-items:center;min-height:44px}.text-button{background:none;min-width:44px;min-height:44px;font-size:16px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center;padding-top:35px;padding-bottom:100px}.hero-copy{padding-bottom:40px}h1{font-size:clamp(52px,6.3vw,90px);line-height:1.26;letter-spacing:-.06em}.line{display:block;overflow:clip}.line>span{display:block;padding-bottom:.08em;margin-bottom:-.08em;white-space:nowrap}.lead{font-size:20px;line-height:1.8;margin-top:32px;max-width:34ch}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:36px}.button{min-height:52px;padding:14px 24px;display:inline-flex;align-items:center;justify-content:center;gap:32px;border-radius:8px;font-weight:550;font-size:16px;transition:background-color .18s,transform .14s var(--ease)}.primary{color:white;background:var(--accent)}.text-link{display:inline-flex;align-items:center;gap:16px;background:none;font-size:16px;min-height:44px;padding:0;transition:color .18s}.hero-note{color:var(--muted);margin-top:28px}.hero-stage{background:var(--stage);padding:32px 40px 22px;overflow:clip}.product-shot{padding:0;display:block;background:transparent;width:100%;text-align:left;position:relative}.hero-shot{width:100%;max-width:365px;margin-inline:auto}.hero-shot img{width:100%}.stage-caption{display:flex;justify-content:space-between;gap:12px;font-size:16px;margin-top:20px}.stage-caption span:last-child{color:var(--muted)}.features{padding-bottom:100px;scroll-margin-top:40px}.section-intro{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:48px}.section-intro>p{font-size:16px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature{background:#e9edf1;overflow:clip;display:flex;flex-direction:column}.feature-copy{padding:30px 28px}.feature-copy p{margin-top:14px}.detail-shot{height:370px;overflow:clip}.detail-shot img{width:100%;height:auto;max-width:none;transition:transform .5s var(--ease)}.crop-shot img{transform:translateY(-23%)}.mark-shot img{transform:translateY(-24%)}.export-shot img{transform:translateY(-4%)}.feature-mark{background:#e4e9ee}.feature-export{background:#ebeff3}.image-action{position:absolute;right:20px;bottom:20px;width:44px;height:44px;display:grid;place-items:center;background:var(--ink);color:white;font-size:24px;border-radius:8px}.screenshot-note{font-size:14px;color:var(--muted);margin-top:20px;max-width:80ch}.formats{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:64px;align-items:center}.formats h3{font-size:32px}.formats p{margin-top:12px}.format-tabs{display:flex;gap:8px}.format-tabs button{font-size:20px;min-height:48px;padding:10px 20px;background:#e7ebef;border-radius:8px}.format-tabs [aria-selected=true]{background:var(--ink);color:white}#format-description{min-height:56px}.privacy{background:#dfe8f0}.privacy-inner{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-block:85px;align-items:center}.privacy h2{font-size:clamp(40px,4.7vw,68px)}.privacy-copy p{font-size:20px;line-height:1.8}.privacy-copy .text-link{margin-top:24px}.availability{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-block:100px;align-items:center}.app-mark{margin-bottom:28px}.release-list{display:grid;gap:12px}.release-row{background:#e9edf1;width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;padding:24px;gap:24px}.release-row>span:first-child{display:grid;gap:6px}.release-row strong{font-size:20px;font-weight:550}.release-row>span:last-child{font-size:24px}.release-row span span{font-size:16px;color:var(--muted)}.release-note{font-size:14px;color:var(--muted);margin-top:12px}.footer{display:flex;justify-content:space-between;align-items:center;gap:28px;padding-block:24px 40px;font-size:16px}.footer>span{color:var(--muted)}.skip{position:fixed;top:-100px;left:20px;background:white;padding:12px;z-index:10}.skip:focus{top:12px}dialog{border:0;border-radius:12px;color:var(--ink);background:white;padding:28px;width:min(520px,calc(100% - 32px));max-height:calc(100dvh - 32px)}dialog::backdrop{background:#152333b3}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.dialog-head h2{font-size:24px;letter-spacing:-.02em}.close{width:44px;height:44px;flex:none;background:#edf0f3;font-size:28px;border-radius:8px}#dialog-body{white-space:pre-line;margin-bottom:28px}body:has(dialog[open]){overflow:hidden}#preview-dialog{width:min(560px,calc(100% - 24px));padding:18px;overflow:hidden}#preview-dialog .dialog-head{margin-bottom:14px}.preview-image{overflow-y:auto;max-height:calc(100dvh - 210px);background:var(--ground);overscroll-behavior:contain}.preview-image img{width:min(100%,390px);margin:auto}.preview-controls{display:flex;align-items:center;justify-content:space-between;margin-top:12px;font-size:16px}.preview-controls button{width:52px;height:44px;background:#edf0f3;border-radius:8px;font-size:24px}.preview-controls button:disabled{cursor:default;color:#79828a}html[lang=en] h1{font-size:clamp(64px,7.6vw,110px);line-height:1.1;letter-spacing:-.055em}html[lang=en] h3{font-size:23px}
@media(hover:hover) and (pointer:fine){.header nav a:hover,.text-link:hover,.text-button:hover{color:var(--accent)}.primary:hover{background:#195583}.product-shot:hover .image-action{background:var(--accent)}.release-row:hover{background:#dfe7ed}.format-tabs button:not([aria-selected=true]):hover{background:#dce3e9}}.button:active,.text-button:active,.release-row:active{transform:scale(.98)}
@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.hero{gap:32px;padding-bottom:72px}.hero-stage{padding:24px 24px 18px}.hero-actions{gap:16px;flex-wrap:wrap}.stage-caption{font-size:14px}.feature-copy{padding:24px 20px}h3,html[lang=en] h3{font-size:22px}.detail-shot{height:290px}.feature-copy p{font-size:16px}.formats,.privacy-inner,.availability{gap:36px}.privacy-copy p{font-size:18px}.header nav{gap:24px;margin-right:8px}.section-intro{align-items:start;flex-direction:column;gap:16px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.header{padding-block:18px;gap:16px}.brand{font-size:18px;gap:9px}.brand img{width:34px;height:34px}.brand b{font-size:14px}.header nav{display:none}.hero{grid-template-columns:1fr;gap:34px;padding-top:32px;padding-bottom:64px}.hero-copy{padding-bottom:0}h1{font-size:clamp(47px,12vw,76px);line-height:1.25}html[lang=en] h1{font-size:clamp(62px,16vw,96px);line-height:1.05}.lead{font-size:18px;margin-top:22px}.hero-actions{margin-top:26px;gap:24px}.hero-note{margin-top:20px;font-size:16px}.hero-stage{padding:24px 24px 18px}.hero-shot{max-width:340px}.stage-caption{font-size:14px}.section-intro{margin-bottom:30px}.feature-grid{grid-template-columns:1fr;gap:18px}.feature-copy{padding:26px}.feature-copy h3,html[lang=en] .feature-copy h3{font-size:24px}.feature-mark .feature-copy{order:-1}.detail-shot{height:360px;width:calc(100% - 40px);margin-inline:auto}.feature-copy p{font-size:16px}.crop-shot img{transform:translateY(-24%)}.mark-shot img{transform:translateY(-25%)}.export-shot img{transform:translateY(-9%)}.screenshot-note{line-height:1.7}.features{padding-bottom:56px}.formats{grid-template-columns:1fr;gap:24px;margin-top:44px}.formats h3,html[lang=en] .formats h3{font-size:30px}.format-tabs button{flex:1;padding:10px 12px;font-size:18px}.format-picker p{min-height:84px;margin-top:16px}.privacy-inner{grid-template-columns:1fr;padding-block:56px;gap:28px}.privacy h2{font-size:44px}.privacy-copy p{font-size:18px}.availability{grid-template-columns:1fr;padding-block:64px 44px;gap:34px}.availability h2{font-size:40px}.app-mark{width:52px;height:52px;margin-bottom:24px}.release-row{padding:22px}.footer{display:grid;grid-template-columns:1fr auto;gap:16px;padding-bottom:28px}.footer>span{grid-column:1/-1;grid-row:2;font-size:14px}.footer .text-link{font-size:14px}#preview-dialog .dialog-head h2{font-size:20px}}
@media(prefers-reduced-motion:no-preference){.line>span{animation:line-in .8s var(--ease) both}.line:nth-child(2)>span{animation-delay:.09s}.hero-copy .lead{animation:rise-in .7s var(--ease) .1s both}.hero-stage{animation:picture-in .95s var(--ease) both}.motion-ready [data-reveal]{transition:opacity .65s var(--ease),transform .8s var(--ease)}.motion-ready [data-reveal]:not(.is-in){opacity:0;transform:translateY(24px)}.motion-ready .feature[data-reveal]:not(.is-in){transform:translateY(32px)}.feature:nth-child(2){transition-delay:.07s}.feature:nth-child(3){transition-delay:.14s}@supports(animation-timeline:view()){.hero-shot{animation:paper-settle linear both;animation-timeline:view();animation-range:exit 0% exit 100%}}}
@keyframes line-in{from{transform:translateY(100%)}to{transform:none}}@keyframes rise-in{from{opacity:.4;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes picture-in{from{clip-path:inset(0 0 12% 0)}to{clip-path:inset(0)}}@keyframes paper-settle{to{transform:translateY(3%)}}
.hero-shot{height:620px;overflow:clip}.hero-shot img{height:auto}.hero-copy{padding-bottom:0}.feature-copy h3{font-size:24px}.formats h3{font-size:32px}
@media(min-width:701px) and (max-width:1050px){.hero-shot{height:490px}.hero-stage{padding-inline:20px}.hero h1{font-size:clamp(46px,6.3vw,65px)}.hero .lead{font-size:18px}}
@media(max-width:700px){.hero-shot{height:480px}.feature-copy h3,html[lang=en] .feature-copy h3{font-size:24px}.formats h3,html[lang=en] .formats h3{font-size:24px}.privacy h2,.availability h2{font-size:40px}.lead,.privacy-copy p{font-size:16px}.format-tabs button{font-size:16px}.hero-actions{gap:16px}.hero-actions .button{padding-inline:20px;gap:20px}.hero-actions .text-link{gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}