.xf-home{overflow:clip}.xf-skip-link{z-index:100;color:var(--xf-ink);background:var(--xf-bg);border:2px solid var(--xf-green);border-radius:8px;padding:12px 20px;position:fixed;inset-block-start:8px;inset-inline-start:16px;transform:translateY(-200%)}.xf-skip-link:focus{transform:translateY(0)}.xf-home:focus-visible{outline:2px solid var(--xf-green);outline-offset:-2px}.xf-home .xf-page{width:min(1200px,100% - 64px)}.xf-home h1,.xf-home h2,.xf-home h3{font-family:var(--font-sans,sans-serif)}.xf-home-hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:64px;padding-block:64px 60px;display:grid}.xf-home-hero-copy{min-width:0;padding-block:16px}.xf-home-hero .xf-eyebrow{letter-spacing:.09em;font-size:.72rem;margin-bottom:24px!important}.xf-home .xf-home-hero h1{letter-spacing:-.065em;font-size:clamp(48px,5.6vw,76px);font-weight:700;line-height:1.04}.xf-home-hero h1 span{display:block}.xf-home-hero h1 span:last-child{color:var(--xf-green)}.xf-home-site:lang(zh-CN) .xf-home-hero h1{letter-spacing:-.045em;font-size:clamp(35px,3.9vw,53px);line-height:1.3}.xf-home-intro{max-width:450px;color:var(--xf-muted);text-wrap:pretty;font-size:1.05rem;line-height:1.8;margin-top:26px!important}.xf-home-actions{flex-wrap:wrap;align-items:center;gap:16px 26px;margin-top:32px;display:flex}.xf-home .xf-button{border-radius:10px;min-height:52px;padding:15px 23px;font-weight:650;transition:background-color .18s,transform .18s}.xf-home .xf-button svg,.xf-home-text-link svg{flex-shrink:0;transition:transform .18s}.xf-home .xf-button:hover svg{transform:translate(3px)}.xf-home .xf-button:active{transform:scale(.98)}.xf-home-text-link{color:var(--xf-green);white-space:nowrap;align-items:center;gap:8px;min-height:44px;font-size:.875rem;font-weight:650;display:inline-flex}.xf-home-text-link:hover{text-underline-offset:5px;text-decoration:underline}.xf-home-text-link:hover svg{transform:translate(2px,-2px)}.xf-home-hero-image{background:var(--xf-soft);border-radius:28px;min-width:0;overflow:hidden}.xf-home-hero-image img{aspect-ratio:1.08;object-fit:cover;width:100%;height:auto;display:block}.xf-home-principles{border-block:1px solid var(--xf-border);grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:0;padding:32px 0;list-style:none;display:grid}.xf-home-principles li{align-items:flex-start;gap:15px;min-width:0;display:flex}.xf-home-principles svg{box-sizing:content-box;color:var(--xf-green);background:var(--xf-soft);border-radius:12px;flex-shrink:0;padding:11px}.xf-home .xf-home-principles h2{letter-spacing:-.025em;font-size:.95rem;font-weight:650;line-height:1.5}.xf-home-principles p{color:var(--xf-muted);margin-top:6px;font-size:.82rem;line-height:1.7}.xf-home-section-heading{max-width:680px}.xf-home .xf-home-section-heading h2,.xf-home .xf-home-pro h2{letter-spacing:-.05em;text-wrap:balance;font-size:clamp(32px,3.6vw,46px);font-weight:650;line-height:1.13}.xf-home-section-heading>p{max-width:540px;color:var(--xf-muted);text-wrap:pretty;margin-top:20px;font-size:1rem;line-height:1.8}.xf-home-preview{padding-top:104px}.xf-home-product{margin:40px 0 0}.xf-home-product-frame{border:1px solid var(--xf-border);background:var(--xf-soft);border-radius:28px;padding:24px}.xf-home-product img{border:1px solid var(--xf-border);width:100%;height:auto;box-shadow:0 12px 32px color-mix(in srgb, var(--xf-ink) 8%, transparent);border-radius:12px;display:block}.xf-home-product figcaption{color:var(--xf-muted);text-align:end;margin-top:13px;font-size:.75rem}.xf-home-workflow{grid-template-columns:.9fr 1.1fr;align-items:start;gap:100px;padding-block:112px;display:grid}.xf-home-workflow .xf-home-section-heading{max-width:410px}.xf-home-steps{flex-direction:column;gap:30px;margin:0;padding:0;list-style:none;display:flex}.xf-home-steps li{border-bottom:1px solid var(--xf-border);grid-template-columns:64px minmax(0,1fr);gap:22px;padding-bottom:30px;display:grid}.xf-home-steps li:last-child{border-bottom:0;padding-bottom:0}.xf-home-step-top{color:var(--xf-green);flex-direction:column;align-items:flex-start;gap:20px;display:flex}.xf-home-step-top>span{font-family:var(--font-mono,monospace);letter-spacing:-.07em;font-size:1.7rem;font-weight:500;line-height:1}.xf-home .xf-home-steps h3{letter-spacing:-.03em;font-size:1.2rem;font-weight:650}.xf-home-steps p{color:var(--xf-muted);margin-top:10px;font-size:.92rem;line-height:1.8}.xf-home-features{background:var(--xf-surface);border-block:1px solid var(--xf-border);padding-block:88px}.xf-home-feature-list{grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;margin-top:40px;display:grid}.xf-home-feature{border:1px solid var(--xf-border);background:var(--xf-bg);border-radius:20px;flex-direction:column;grid-column:span 5;justify-content:space-between;gap:42px;min-width:0;padding:32px;display:flex}.xf-home-feature-food,.xf-home-feature-privacy{grid-column:span 7}.xf-home-feature-food{background:var(--xf-soft)}.xf-home-feature-privacy{background:var(--xf-surface)}.xf-home-feature-top{color:var(--xf-green);justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.xf-home-feature-top>span{padding-top:3px;font-size:.78rem;font-weight:650;line-height:1.5}.xf-home-feature-top svg{flex-shrink:0}.xf-home .xf-home-feature h3{letter-spacing:-.04em;text-wrap:balance;max-width:460px;font-size:clamp(21px,2.1vw,28px);font-weight:650;line-height:1.25}.xf-home-feature p{max-width:490px;color:var(--xf-muted);margin-top:14px;font-size:.92rem;line-height:1.8}.xf-home-pro{border:1px solid var(--xf-border);background:var(--xf-soft);border-radius:28px;grid-template-columns:1.1fr 1fr;align-items:center;gap:80px;margin-block:96px;padding:56px;display:grid}.xf-home-pro .xf-eyebrow{margin-bottom:20px!important}.xf-home-pro-copy>p:not(.xf-eyebrow){color:var(--xf-muted);margin-top:22px;font-size:.96rem;line-height:1.8}.xf-home-pro .xf-home-text-link{margin-top:22px}.xf-home-pro>ul{flex-direction:column;gap:26px;margin:0;padding:0;list-style:none;display:flex}.xf-home-pro li{align-items:flex-start;gap:16px;font-size:.94rem;line-height:1.75;display:flex}.xf-home-pro li svg{box-sizing:content-box;color:var(--xf-green);background:var(--xf-surface);border-radius:10px;flex-shrink:0;padding:6px}.xf-home-tools{padding-bottom:92px;scroll-margin-top:100px}.xf-home-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:36px;display:grid}.xf-home-tool-grid a{min-width:0;min-height:86px;color:var(--xf-ink);border:1px solid var(--xf-border);background:var(--xf-surface);border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:22px;font-size:.92rem;font-weight:600;line-height:1.5;transition:background-color .18s,border-color .18s,transform .18s;display:flex}.xf-home-tool-grid a>span{overflow-wrap:anywhere;min-width:0}.xf-home-tool-grid a:hover{background:var(--xf-soft);border-color:var(--xf-green);transform:translateY(-2px)}.xf-home-tool-grid a:active{transform:translateY(0)}.xf-home-tool-grid svg{color:var(--xf-green);flex-shrink:0;transition:transform .18s}.xf-home-tool-grid a:hover svg{transform:translate(2px,-2px)}.xf-home-faq{border-top:1px solid var(--xf-border);grid-template-columns:.85fr 1.15fr;gap:100px;padding-block:64px 104px;display:grid}.xf-home-faq .xf-home-section-heading{max-width:360px}.xf-home-faq details{border-bottom:1px solid var(--xf-border);padding-block:22px}.xf-home-faq details:first-child{padding-top:0}.xf-home-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:24px;min-height:28px;font-size:1rem;font-weight:600;line-height:1.6;list-style:none;display:flex}.xf-home-faq summary h3{width:100%;font:inherit;justify-content:space-between;align-items:center;gap:24px;margin:0;display:flex}.xf-home-faq summary::-webkit-details-marker{display:none}.xf-home-faq summary:hover{color:var(--xf-green)}.xf-home-faq summary svg{color:var(--xf-green);flex-shrink:0;transition:transform .18s}.xf-home-faq details[open] summary svg{transform:rotate(180deg)}.xf-home-faq details p{max-width:600px;color:var(--xf-muted);margin-top:16px;font-size:.92rem;line-height:1.85}.xf-home-closing{border-top:1px solid var(--xf-border);background:var(--xf-soft);padding-block:80px}.xf-home-closing-inner{justify-content:space-between;align-items:center;gap:56px;display:flex}.xf-home-closing-inner>div{max-width:740px}.xf-home .xf-home-closing h2{letter-spacing:-.055em;text-wrap:balance;font-size:clamp(36px,4.4vw,58px);font-weight:650;line-height:1.12}.xf-home-closing p{max-width:530px;color:var(--xf-muted);margin-top:22px;font-size:1rem;line-height:1.8}.xf-home-closing .xf-button{flex-shrink:0}@media (prefers-reduced-motion:no-preference){.xf-home-hero-copy,.xf-home-hero-image{animation:.5s both xf-home-enter}.xf-home-hero-image{animation-delay:80ms}@keyframes xf-home-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}@media (width<=1023px){.xf-home-hero{gap:32px;padding-block:48px}.xf-home .xf-home-hero h1{font-size:clamp(44px,5.7vw,60px)}.xf-home-site:lang(zh-CN) .xf-home-hero h1{font-size:clamp(30px,3.9vw,40px)}.xf-home-hero .xf-eyebrow{font-size:.65rem}.xf-home-intro{font-size:.95rem}.xf-home-actions{gap:10px 18px;margin-top:26px}.xf-home-principles{gap:24px}.xf-home-principles li{flex-direction:column;gap:14px}.xf-home-workflow,.xf-home-faq{gap:48px}.xf-home-workflow{padding-block:88px}.xf-home-feature{padding:26px}.xf-home-pro{gap:40px;margin-block:80px;padding:36px}.xf-home-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.xf-home-closing-inner{gap:36px}}@media (width<=767px){.xf-home .xf-page{width:calc(100% - 40px)}.xf-home-hero{grid-template-columns:1fr;gap:32px;padding-block:34px 36px}.xf-home-hero-copy{padding:0}.xf-home .xf-home-hero h1{font-size:clamp(44px,8.7vw,66px)}.xf-home-site:lang(zh-CN) .xf-home-hero h1{font-size:clamp(31px,6.5vw,46px)}.xf-home-hero .xf-eyebrow{font-size:.67rem;margin-bottom:20px!important}.xf-home-intro{max-width:490px;margin-top:22px!important}.xf-home-actions{gap:12px 22px}.xf-home .xf-button{min-height:50px;padding:14px 20px}.xf-home-hero-image{border-radius:24px}.xf-home-hero-image img{aspect-ratio:5/4;max-height:430px}.xf-home-principles{grid-template-columns:1fr;gap:24px;padding-block:28px}.xf-home-principles li{flex-direction:row;gap:16px}.xf-home-principles p{max-width:460px}.xf-home .xf-home-section-heading h2,.xf-home .xf-home-pro h2{font-size:clamp(30px,6vw,40px)}.xf-home-section-heading>p{margin-top:16px;font-size:.94rem}.xf-home-preview{padding-top:64px}.xf-home-product{margin-top:28px}.xf-home-product-frame{border-radius:16px;padding:9px}.xf-home-product img{border-radius:8px}.xf-home-product figcaption{font-size:.7rem}.xf-home-workflow{grid-template-columns:1fr;gap:34px;padding-block:64px}.xf-home-workflow .xf-home-section-heading{max-width:540px}.xf-home-steps{gap:24px}.xf-home-steps li{grid-template-columns:42px minmax(0,1fr);gap:18px;padding-bottom:24px}.xf-home-step-top{gap:16px}.xf-home-step-top>span{font-size:1.4rem}.xf-home .xf-home-steps h3{font-size:1.1rem}.xf-home-steps p{font-size:.9rem}.xf-home-features{padding-block:56px}.xf-home-feature-list{grid-template-columns:1fr;gap:14px;margin-top:30px}.xf-home-feature{grid-column:auto;gap:28px;padding:24px}.xf-home .xf-home-feature h3{font-size:24px}.xf-home-feature p{font-size:.9rem}.xf-home-pro{border-radius:24px;grid-template-columns:1fr;gap:30px;margin-block:56px;padding:28px 24px}.xf-home-pro>ul{gap:22px}.xf-home-pro li{font-size:.9rem}.xf-home-tools{padding-bottom:56px}.xf-home-tool-grid{gap:10px;margin-top:28px}.xf-home-tool-grid a{padding:18px;font-size:.875rem}.xf-home-faq{grid-template-columns:1fr;gap:32px;padding-block:48px 64px}.xf-home-faq .xf-home-section-heading{max-width:500px}.xf-home-faq summary{font-size:.95rem}.xf-home-faq details p{font-size:.9rem}.xf-home-closing{padding-block:56px}.xf-home-closing-inner{flex-direction:column;align-items:flex-start;gap:28px}.xf-home .xf-home-closing h2{font-size:clamp(36px,7.5vw,50px)}.xf-home-closing p{margin-top:18px;font-size:.94rem}}@media (width<=479px){.xf-home-tool-grid{grid-template-columns:1fr}.xf-home-tool-grid a{min-height:70px}.xf-home-text-link{font-size:.82rem}.xf-home-actions{gap:12px 16px}.xf-home .xf-button{padding-inline:17px}}@media (prefers-reduced-motion:reduce){.xf-home *,.xf-home :before,.xf-home :after{scroll-behavior:auto;transition:none;animation:none}}
