@font-face{font-family:FlowPocket Sans;src:url('/assets/flowpocket-sans-regular.woff?v=seo-lang-005-1') format('woff');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:FlowPocket Sans;src:url('/assets/flowpocket-sans-semibold.woff?v=seo-lang-005-1') format('woff');font-style:normal;font-weight:600;font-display:swap}
:root{--paper:#f5f5f8;--ink:#262b42;--muted:#555d70;--line:#d4d8e3;--accent:#494e7d;--pale:#e5e7f1;--mint:#e1ebe8;font-family:FlowPocket Sans,sans-serif;font-synthesis:none;background:var(--paper);color:var(--ink);line-height:1.5}
*{box-sizing:border-box}body{margin:0}h1,h2,h3,p,figure{margin:0}img{display:block;max-width:100%;height:auto}picture{display:block}a{color:inherit;text-underline-offset:.22em}a:hover{text-decoration-thickness:2px}a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}h1,h2,h3{font-weight:600;letter-spacing:-.035em;line-height:1.05;overflow-wrap:anywhere}h2{font-size:clamp(2.7rem,4.4vw,4rem)}h3{font-size:1.65rem;letter-spacing:-.015em}p{font-size:1.125rem}.wrap{width:min(1120px,calc(100% - 80px));margin-inline:auto}.section{padding-block:96px}.eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;line-height:1.5}.small{font-size:.875rem;line-height:1.5;color:var(--muted)}.site-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding-block:24px;border-bottom:1px solid var(--line)}.brand{display:flex;flex-shrink:0;align-items:center;gap:12px;font-size:1.25rem;font-weight:600;text-decoration:none}.brand img{border-radius:12px}.quiet-link{white-space:nowrap;font-size:1rem;padding-block:10px;text-decoration:none}.skip-link{position:absolute;top:8px;left:12px;z-index:3;padding:12px;background:var(--paper);transform:translateY(-180%)}.skip-link:focus{transform:none}
.hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:52px;align-items:center;padding-block:76px 88px}.hero h1{font-size:clamp(3.5rem,5.8vw,5.1rem);margin-top:24px}.hero h1 em{font-style:normal;color:var(--accent)}.hero-description{font-size:1.1875rem;max-width:35ch;color:var(--muted);margin-top:28px}.download{margin-top:30px}.store-button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:15px 22px;min-height:54px;border-radius:4px;background:var(--accent);color:var(--paper);text-decoration:none;font-size:1.0625rem;line-height:1.4;font-weight:600}.store-button:hover{background:#34385a}.store-button span{flex-shrink:0}.download .small{margin-top:12px}.system-requirement{font-size:.875rem;color:var(--ink);margin-top:6px}.hero-visual{background:var(--pale);padding:26px 22px 20px}.image-label{display:flex;justify-content:space-between;gap:12px;margin-bottom:20px;font-size:.8125rem}.image-label span:first-child{font-weight:600}.hero-visual figcaption{font-size:.75rem;line-height:1.45;color:var(--muted);margin-top:18px}.workflow{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:90px}.section-heading h2{margin-top:24px}.section-heading>p:last-child{color:var(--muted);margin-top:26px;max-width:34ch}.steps{padding:0;margin:0;list-style:none}.steps li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:20px;padding-block:28px;border-top:1px solid var(--line)}.steps li:first-child{padding-top:0;border:0}.steps li:last-child{padding-bottom:0}.step-number{font-size:.8125rem;color:var(--accent);padding-top:5px}.steps p{font-size:1.0625rem;color:var(--muted);margin-top:14px;max-width:34ch}
.detail-band{background:var(--mint)}.detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.detail-copy h2{margin-top:24px}.detail-copy>p:not(.eyebrow){max-width:35ch;margin-top:24px;color:#485d5c}.detail-copy .detail-note{font-size:1rem;border-top:1px solid #bccdca;padding-top:22px}.phone-shot{max-width:228px;margin-inline:auto}.phone-shot figcaption{font-size:.75rem;line-height:1.5;color:#485d5c;margin-top:14px}.settings{display:grid;grid-template-columns:1.1fr .9fr;gap:68px;align-items:center}.settings-shot{background:var(--pale);padding:22px}.settings-shot figcaption{font-size:.75rem;color:var(--muted);margin-top:16px}.settings-copy h2{margin-top:24px}.settings-copy>p:not(.eyebrow){margin-top:24px;color:var(--muted)}.settings-copy .purchase-note{font-size:.9375rem;border-top:1px solid var(--line);padding-top:22px}.privacy{display:grid;grid-template-columns:1fr 1fr;gap:90px;border-block:1px solid var(--line);padding-block:68px}.privacy h2{margin-top:24px}.privacy-copy>p{color:var(--muted)}.privacy-copy>p+p{margin-top:20px}.text-link{display:inline-block;margin-top:24px;font-size:1rem;font-weight:600}.privacy-copy .small{font-size:.9375rem}.compatibility{display:grid;grid-template-columns:1fr 1fr;gap:90px}.compatibility>div>p{color:var(--muted);margin-top:24px;max-width:38ch}.compatibility>div>.small{font-size:.9375rem}.faq{display:grid;grid-template-columns:1fr 1fr;gap:90px;border-top:1px solid var(--line)}.faq h2{margin-top:24px}.faq-list details{border-top:1px solid var(--line);padding-block:22px}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{position:relative;list-style:none;padding-right:36px;cursor:pointer;font-size:1.125rem;font-weight:600;line-height:1.4}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{position:absolute;right:0;top:0;content:'+';font-size:1.5rem;font-weight:400;line-height:1}.faq-list details[open] summary:after{content:'−'}.faq-list details p{margin-top:18px;color:var(--muted);font-size:1.0625rem}.closing{padding:48px;background:var(--pale);display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:60px}.closing h2{margin-top:20px;font-size:clamp(2.5rem,3.4vw,3.5rem)}.closing .download{margin:0}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--line);padding-block:26px 36px;color:var(--muted)}.site-footer p,.site-footer a{font-size:.9375rem}.site-footer p span{margin-inline:12px}.site-footer nav{display:flex;flex-wrap:wrap;gap:28px}
@media(max-width:1050px){.hero{gap:32px}.hero h1{font-size:4rem}.hero-visual{padding:20px}.image-label{flex-wrap:wrap}.workflow,.detail-layout,.privacy,.compatibility,.faq{gap:50px}.settings{gap:40px}.closing{padding:32px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{padding-block:16px;gap:16px}.brand{font-size:1.125rem;gap:10px}.brand img{width:36px;height:36px;border-radius:10px}.quiet-link{font-size:.9375rem}.hero{display:block;padding-block:38px 44px}.hero h1{font-size:calc(1.6rem + 7.7vw);margin-top:20px}.hero-description{font-size:1.0625rem;margin-top:22px}.download{margin-top:24px}.store-button{font-size:1rem;min-height:50px;padding:14px 18px;gap:20px}.download .small,.system-requirement{font-size:.8125rem}.hero-visual{padding:18px 16px;margin-top:30px}.image-label{font-size:.75rem;gap:8px;margin-bottom:14px}.hero-visual figcaption{font-size:.75rem;margin-top:14px}.section{padding-block:60px}.workflow,.detail-layout,.settings,.privacy,.compatibility,.faq{grid-template-columns:1fr;gap:32px}.section-heading h2,.detail-copy h2,.settings-copy h2,.privacy h2,.faq h2{margin-top:18px}h2{font-size:calc(1.4rem + 5vw)}h3{font-size:1.5rem}.section-heading>p:last-child{font-size:1.0625rem;margin-top:22px}.steps li{gap:16px;padding-block:24px}.steps p{font-size:1rem}.detail-copy>p:not(.eyebrow),.settings-copy>p:not(.eyebrow),.privacy-copy>p,.compatibility>div>p{font-size:1.0625rem;margin-top:20px}.detail-copy .detail-note,.settings-copy .purchase-note,.privacy-copy .small,.compatibility>div>.small{font-size:.9375rem}.phone-shot{max-width:190px}.settings-copy{grid-row:1}.settings-shot{padding:16px}.privacy{padding-block:48px}.privacy-copy>p:first-child{margin-top:0}.compatibility{gap:20px}.faq-list summary{font-size:1.0625rem}.faq-list details p{font-size:1rem}.closing{display:block;padding:32px 24px;margin-bottom:40px}.closing h2{font-size:calc(1.4rem + 5vw)}.closing .download{margin-top:28px}.site-footer{flex-direction:column;align-items:flex-start;gap:16px}.site-footer nav{gap:24px}}
@media(max-width:370px){.wrap{width:calc(100% - 32px)}.hero h1{font-size:calc(1.45rem + 7.7vw)}.store-button{padding-inline:14px;gap:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Localized copy uses flexible text, local fonts and visible reciprocal language links. */
.language-nav{display:flex;flex-wrap:wrap;gap:24px;padding-block:18px;font-size:1rem}.language-nav a{padding-block:4px}.language-nav a[aria-current="page"]{font-weight:600;text-decoration-thickness:2px}
.localized :is(h1,h2,h3,p,summary,.visual-words,.brand,.store-button){overflow-wrap:anywhere;hyphens:auto}.localized .site-header{flex-wrap:wrap}.localized .brand{min-width:0;flex-shrink:1}.localized .hero-visual figcaption{min-width:0}.localized .policy-language{margin-top:14px;font-size:.875rem}.localized .site-footer nav{flex-wrap:wrap}
html[lang="zh-Hans"]{font-family:'FlowPocket Sans','PingFang SC','Noto Sans CJK SC','Microsoft YaHei',sans-serif;--serif:'Songti SC','Noto Serif CJK SC',serif;line-height:1.7}html[lang="zh-Hans"] h1,html[lang="zh-Hans"] h2{letter-spacing:0;line-height:1.25}html[lang="zh-Hans"] .eyebrow{letter-spacing:.04em}
@media(max-width:760px){.localized .hero h1{font-size:calc(1.5rem + 5vw)}.localized h2{font-size:calc(1.25rem + 4vw)}.localized .closing{display:block}.localized .closing .download{margin-top:24px}.localized .hero-visual figcaption{max-width:100%}}

/* WEB-001A: scoped candidate layout; other product/help pages retain their styles. */
.fp110{color-scheme:light dark}
.fp110 .candidate-note{font-size:.8125rem;line-height:1.5;color:var(--muted);padding-block:12px;border-block:1px solid var(--line)}
.fp110 .hero{padding-block:58px 68px;grid-template-columns:.88fr 1.12fr;gap:40px}
.fp110 .hero-visual{padding:0;background:transparent}
.fp110 .hero-visual img,.fp110 .export-shot img{width:100%}
.fp110 .image-label{margin-bottom:16px;flex-wrap:wrap}
.fp110 .hero-visual figcaption{margin-top:12px}
.fp110 .hero-description{max-width:37ch}
.fp110 .product-summary{padding-block:40px 52px;border-top:1px solid var(--line)}
.fp110 .product-summary h2{font-size:1.5rem;line-height:1.4;letter-spacing:0}
.fp110 .product-summary>p{max-width:90ch;margin-top:16px}
.fp110 .product-summary #summary-details{padding-block:18px;border-block:1px solid var(--line);color:var(--ink);font-size:.9375rem;line-height:1.8}
.fp110 .product-summary #product-review,.fp110 .product-summary #product-review+p{font-size:.8125rem;margin-top:12px}
.fp110 .export-band{background:var(--pale)}
.fp110 .export-layout{display:grid;grid-template-columns:.9fr 1.1fr;column-gap:60px;row-gap:30px;align-items:center}
.fp110 .export-copy h2{margin-top:22px}
.fp110 .export-copy>p:not(.eyebrow){margin-top:24px;color:var(--muted)}
.fp110 .export-note{grid-column:1/-1;font-size:.9375rem;border-top:1px solid var(--line);padding-top:24px;max-width:100ch;color:var(--muted)}
.fp110 .export-shot figcaption{font-size:.75rem;color:var(--muted);margin-top:14px}
.fp110 .settings-shot{padding:0;background:transparent}
.fp110 .phone-shot{max-width:300px;width:100%}
.fp110 .detail-copy>p:not(.eyebrow),.fp110 .phone-shot figcaption{color:var(--muted)}
.fp110 .handoff{border-top:1px solid var(--line);padding-top:26px;margin-top:30px}
.fp110 .handoff h3{font-size:1.4rem;line-height:1.3}
.fp110 .handoff p{font-size:1rem;margin-top:16px;color:var(--muted)}
.fp110 .privacy{margin-top:60px}
.fp110 .compatibility>div>p{max-width:none}
.fp110 .faq-list summary{padding-block:4px;min-height:36px}
.fp110 .faq-list summary:after{top:4px}
.fp110 .closing{align-items:flex-start}
.fp110 .closing>div:first-child{flex:1}
.fp110 .closing .download{max-width:350px}
html.fp110[lang="zh-Hans"] h1,html.fp110[lang="zh-Hans"] h2,html.fp110[lang="zh-Hans"] h3{word-break:normal;overflow-wrap:break-word;hyphens:none}
@media(max-width:1050px){.fp110 .hero h1{font-size:3.6rem}.fp110 .export-layout{column-gap:36px}}
@media(max-width:760px){
 .fp110 .hero{padding-block:34px 44px}.fp110 .hero h1{font-size:clamp(2.7rem,11vw,3.6rem)}
 .fp110 .hero-description{max-width:38ch}.fp110 .hero-visual{margin-top:36px;padding:0}
 .fp110 .product-summary{padding-block:30px 40px}.fp110 .product-summary>p{font-size:1rem}
 .fp110 .export-layout{grid-template-columns:minmax(0,1fr);gap:28px}.fp110 .export-note{grid-column:auto}
 .fp110 .export-copy>p:not(.eyebrow){font-size:1.0625rem;margin-top:20px}
 .fp110 .phone-shot{max-width:300px}.fp110 .privacy{margin-top:40px}
 .fp110 .closing .download{max-width:none}.fp110 .language-nav{gap:22px;font-size:.9375rem}
 .fp110 .system-requirement{max-width:38ch}.fp110 .candidate-note{font-size:.75rem}
 html.fp110[lang="zh-Hans"] .hero h1{font-size:clamp(2.7rem,11vw,3.5rem)}
}
@media(prefers-color-scheme:dark){
 html.fp110{--paper:#181c28;--ink:#e8eaf2;--muted:#bdc4d5;--line:#444c60;--accent:#b9bdeb;--pale:#252b3d;--mint:#203231}
 .fp110 .store-button{color:#20243a;background:#c3c8ef}.fp110 .store-button:hover{background:#e0e3fa}
 .fp110 .detail-copy .detail-note{border-color:var(--line)}
}

.fp110 .keep-phrase{display:inline-block}

/* WEB-001B: ten-language typography and navigation, scoped to the landing pages. */
html.fp110{font-family:"FlowPocket Sans",-apple-system,BlinkMacSystemFont,"Hiragino Sans","Apple SD Gothic Neo","PingFang SC","PingFang TC",sans-serif}
html.fp110[lang="ja"]{font-family:"FlowPocket Sans",-apple-system,"Hiragino Sans",sans-serif}
html.fp110[lang="ko"]{font-family:"FlowPocket Sans",-apple-system,"Apple SD Gothic Neo",sans-serif;word-break:keep-all;overflow-wrap:break-word}
html.fp110[lang="zh-Hant"]{font-family:"FlowPocket Sans",-apple-system,"PingFang TC",sans-serif}
.fp110 .language-nav{display:flex;flex-wrap:wrap;gap:8px 22px;padding-block:16px}
.fp110 .language-nav a{display:inline-flex;align-items:center;min-height:32px}
.fp110 .help-language{font-size:.8125rem;color:var(--muted);padding-top:24px}
.fp110 h1,.fp110 h2,.fp110 h3{overflow-wrap:break-word;hyphens:auto}
.fp110 .brand{flex-shrink:1;min-width:0}.fp110 .brand img{flex-shrink:0}
@media(max-width:760px){.fp110 .language-nav{gap:4px 18px;font-size:.875rem}.fp110 .help-language{padding-top:16px}.fp110 .hero h1{font-size:clamp(2.55rem,10.5vw,3.6rem)}html.fp110[lang="ko"] .hero h1,html.fp110[lang="ja"] .hero h1{font-size:2.8rem;line-height:1.2}}

/* SEOGEO-003: guide cards reuse the product palette, font and existing 12px/4px corner sizes.
   No fixed text heights or clipping: large text can wrap naturally. */
.fp110 #guides .guide-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:28px 0 0}
.fp110 #guides .guide-cards>li{min-width:0}
.fp110 #guides .guide-card{display:flex;flex-direction:column;height:100%;min-width:0;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);text-decoration:none}
.fp110 #guides .guide-card>img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;border-radius:4px;background:var(--pale)}
.fp110 #guides .guide-card-copy{padding:16px 4px 8px}
.fp110 #guides .guide-card h3{font-size:1.125rem;line-height:1.45;letter-spacing:0;overflow-wrap:anywhere}
.fp110 #guides .guide-card p{margin-top:10px;font-size:1rem;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}
.fp110 #guides .guide-card:hover{border-color:var(--accent)}
.fp110 #guides .guide-card:hover h3{text-decoration:underline;text-underline-offset:.22em}
.fp110 #guides .guide-card:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
@media(max-width:760px){.fp110 #guides .guide-cards{grid-template-columns:minmax(0,1fr);gap:24px}}

/* SEOGEO-004: avoid orphan CJK characters in the newly localized guide cards. */
.fp110:lang(ja) #guides h3,.fp110:lang(ko) #guides h3,.fp110:lang(zh-Hant) #guides h3{text-wrap:balance;line-break:strict;word-break:normal}
.fp110:lang(ko) #guides h3{word-break:keep-all}
