/* Product-led layout: quiet chrome, generous space, actual application imagery. */
.stage-label{position:absolute;z-index:2;font-size:13px;font-weight:550;color:#515154;top:26px;white-space:nowrap}.paper-label{left:calc(50% - 220px)}.scan-label{left:calc(50% + 48px)}
@media(max-width:700px){.stage-label{font-size:11px;top:18px}.paper-label{left:calc(50% - 142px)}.scan-label{left:calc(50% + 14px)}}
:root{--ground:#fff;--ink:#1d1d1f;--muted:#6e6e73;--accent:#0071e3;--stage:#f5f5f7}
html{scroll-padding-top:90px}.wrap{width:min(1120px,calc(100% - 64px))}h2,h3{text-wrap:balance}
.brand-lockup{display:flex;align-items:baseline;gap:12px;white-space:nowrap}.brand-cn{font-size:21px;font-weight:650;letter-spacing:.04em}.brand-domain{font-size:13px;font-weight:450;color:var(--muted);letter-spacing:0}html[lang=en] .brand-cn{display:none}html[lang=en] .brand-domain{font-size:18px;font-weight:600;color:var(--ink)}.footer .brand-cn{font-size:18px}.footer .brand-domain{font-size:12px}
@media(max-width:700px){.brand-lockup{gap:9px}.brand-cn{font-size:19px}.brand-domain{font-size:12px}}
.header{height:72px;padding-block:0;position:relative;z-index:2;border-bottom:1px solid #e8e8ed}.brand{font-size:18px;gap:9px}.brand img{width:30px;height:30px;border-radius:7px}.brand b{font-size:15px}.header nav{font-size:13px;gap:30px}.text-button{font-size:13px}
.hero{display:flex;flex-direction:column;gap:0;text-align:center;padding-top:64px;padding-bottom:0;width:100%;overflow:hidden;background:linear-gradient(#fff 50%,#f5f5f7)}
.hero-copy{position:relative;z-index:1;padding-inline:24px}.eyebrow{font-size:22px;font-weight:600;margin:0 auto 20px;letter-spacing:-.025em}
h1{font-size:clamp(52px,6vw,82px);font-weight:650;line-height:1.12;letter-spacing:-.055em}.line{display:inline-block;overflow:visible}.line>span{white-space:normal;padding:0;margin:0}.line:last-child{color:#6e6e73}.lead{font-size:23px;line-height:1.4;margin:24px auto 0;max-width:44ch}.hero-actions{justify-content:center;margin-top:28px;gap:30px}.button{border-radius:999px;font-weight:450;min-height:46px;padding:12px 24px;gap:12px}.hero-actions .button>span:last-child{display:none}.text-link{color:var(--accent);gap:8px}.hero-note{margin-top:20px;font-size:14px;letter-spacing:.02em}
.hero-stage{position:relative;isolation:isolate;background:none;width:min(100%,1000px);padding:58px 24px 30px;min-height:640px;overflow:visible;animation:none}.hero-shot{width:284px;max-width:100%;height:auto;border:8px solid #242426;border-radius:40px;overflow:hidden;background:#fff;box-shadow:0 30px 64px #14142025,0 0 0 1px #888;transform:rotate(5deg);animation:none!important;margin-left:50%;position:relative;z-index:1}.hero-shot img{width:100%;border-radius:30px}.hero-paper{position:absolute;width:310px;height:auto;left:calc(50% - 300px);top:100px;transform:rotate(-11deg);border-radius:3px;box-shadow:0 20px 45px #2020201c}.stage-caption{justify-content:center;font-size:12px;gap:18px;margin-top:42px;color:var(--muted)}
.features{padding-top:110px;padding-bottom:100px}.section-intro{display:block;margin-bottom:48px}.section-intro p{margin-top:18px;color:var(--muted);font-size:20px}h2{font-size:clamp(34px,4.5vw,58px);font-weight:650;letter-spacing:-.045em;line-height:1.16}
.feature-grid{gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}.feature{border-radius:24px;background:#f5f5f7!important;position:relative}.feature-copy{padding:32px 28px}.feature-copy h3,html[lang=en] .feature-copy h3{font-size:25px;font-weight:600;line-height:1.25}.feature-copy p{font-size:15px;line-height:1.6;color:var(--muted)}.feature-mark .feature-copy{order:-1}.detail-shot{width:calc(100% - 40px);margin:auto auto 0;height:330px;border-radius:16px 16px 0 0}.image-action{width:34px;height:34px;right:12px;bottom:12px;border-radius:50%;font-size:20px;background:#1d1d1f}.screenshot-note{font-size:12px;margin-top:18px;color:var(--muted)}
.formats{margin-top:78px;padding-top:48px;border-top:1px solid #d2d2d7;gap:60px}.formats h3,html[lang=en] .formats h3{font-size:32px;font-weight:600}.formats p{color:var(--muted)}.format-tabs{gap:0;background:#f5f5f7;border-radius:999px;padding:5px;width:max-content}.format-tabs button{border-radius:999px;font-size:16px;background:transparent;padding:10px 24px;min-height:42px}.format-tabs [aria-selected=true]{background:white;color:var(--ink);box-shadow:0 2px 8px #00000012}#format-description{font-size:15px}
.privacy{background:#f5f5f7}.privacy-inner{padding-block:110px;gap:80px}.privacy h2{font-size:clamp(42px,5vw,68px);font-weight:650}.privacy-copy p{font-size:21px;line-height:1.65;color:var(--muted)}.privacy-copy .text-link{font-size:16px}
.availability{padding-block:110px;gap:100px}.availability h2{font-size:48px;font-weight:650}.app-mark{border-radius:15px;width:64px;height:64px;margin-bottom:24px}.release-list{gap:0}.release-row{background:transparent;padding:25px 0;border-bottom:1px solid #d2d2d7}.release-row strong{font-size:21px;font-weight:600}.release-row span span{font-size:14px}.release-row>span:last-child{color:var(--accent)}.release-note{font-size:12px;line-height:1.6;margin-top:22px}.footer{border-top:1px solid #e8e8ed;font-size:12px;padding-block:24px}.footer .text-link{font-size:12px}
dialog{border-radius:24px;padding:30px;box-shadow:0 24px 80px #0002}.close{border-radius:50%;background:#f5f5f7;color:var(--muted)}dialog::backdrop{background:#0006;backdrop-filter:blur(6px)}
html[lang=en] h1{font-size:clamp(48px,5.7vw,78px);line-height:1.12}.hero h1 .line{display:block}
@media(hover:hover){.release-row:hover{background:#f5f5f7}.primary:hover{background:#0077ed}.format-tabs button:not([aria-selected=true]):hover{background:#e8e8ed}}
@media(max-width:1050px){.feature-grid{gap:16px}.feature-copy{padding:26px 20px}.feature-copy h3,html[lang=en] .feature-copy h3{font-size:22px}.detail-shot{height:270px}.availability{gap:50px}.hero h1{font-size:66px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.header{height:64px}.hero{width:100%;padding-top:46px}.eyebrow{font-size:18px;margin-bottom:18px}.hero h1,html[lang=en] .hero h1{font-size:clamp(40px,10vw,58px)}.lead{font-size:18px;max-width:28ch;margin-top:20px}.hero-actions{gap:20px;margin-top:24px}.hero-actions .button{padding-inline:20px}.hero-actions .text-link{font-size:14px}.hero-note{font-size:12px;margin-top:18px}.hero-stage{min-height:470px;padding:42px 20px 24px}.hero-shot{width:210px;border-width:6px;border-radius:30px;margin-left:calc(50% - 30px)}.hero-shot img{border-radius:23px}.hero-paper{width:215px;left:calc(50% - 180px);top:80px}.stage-caption{font-size:11px;gap:12px;margin-top:28px}.features{padding-top:64px;padding-bottom:60px}.section-intro{margin-bottom:28px}.section-intro p{font-size:16px;margin-top:14px}.feature-grid{grid-template-columns:1fr;gap:20px}.feature-copy{padding:28px}.feature-copy h3,html[lang=en] .feature-copy h3{font-size:25px}.detail-shot{height:340px;width:calc(100% - 56px)}.feature-copy p{font-size:16px}.formats{margin-top:44px;padding-top:36px;gap:24px}.formats h3,html[lang=en] .formats h3{font-size:29px}.format-tabs{width:100%}.format-tabs button{padding-inline:16px}.privacy-inner{padding-block:64px;gap:28px}.privacy h2{font-size:44px}.privacy-copy p{font-size:18px}.availability{padding-block:64px;gap:32px}.availability h2{font-size:40px}.release-row{padding-block:22px}.footer>span{font-size:12px}.footer{padding-bottom:24px}}
@media(prefers-reduced-transparency:reduce){dialog::backdrop{backdrop-filter:none;background:#000b}}
@media(prefers-contrast:more){:root{--muted:#454549}.feature,.release-row{outline:1px solid #777}}