:root{--paper:#f7f6f0;--white:#fff;--ink:#183b33;--muted:#64736a;--green:#176b52;--lime:#ddecba;--line:#d9dfd3;--orange:#b85b38;--soft:#edf0e7;--radius:14px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:118px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 'Segoe UI',Arial,'Microsoft YaHei',sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{ -webkit-tap-highlight-color:transparent}a:hover{color:var(--green)}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #bb6942;outline-offset:5px}button{cursor:pointer}img{display:block;max-width:100%}p{margin:0 0 20px}h1,h2,h3,h4{line-height:1.13;letter-spacing:-.045em;margin:0 0 24px;font-weight:600}h1{font-size:clamp(44px,4.7vw,72px)}h2{font-size:clamp(34px,3.4vw,49px)}h3{font-size:25px;letter-spacing:-.025em}small,.small{font-size:13px}.container{width:min(1280px,calc(100% - 96px));margin-inline:auto}.preview-bar{background:#183b33;color:#e5eddf;min-height:30px;padding:5px 24px;text-align:center;font-size:11px;letter-spacing:.03em}.preview-bar a{text-decoration:underline;color:#ddecba;margin-left:14px}.site-header{background:rgba(247,246,240,.97);position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.nav-row{min-height:84px;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:10px;font-size:25px;letter-spacing:-1.2px;font-weight:700;white-space:nowrap}.brand-mark{width:33px;height:34px;border:2px solid var(--ink);border-radius:6px;display:grid;place-items:center;transform:rotate(-5deg);font-size:23px;line-height:1}.brand-mark span{transform:rotate(5deg)}.nav-links{display:flex;align-items:center;justify-content:center;gap:26px;margin-left:auto;font-size:14px}.nav-links a[aria-current=page]{color:var(--green);box-shadow:0 2px var(--green)}.nav-actions{display:flex;align-items:center;gap:20px}.language{font-size:12px;border-left:1px solid var(--line);padding-left:20px;white-space:nowrap}.menu-button{display:none;border:1px solid var(--line);background:none;padding:7px 12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:14px 23px;border-radius:6px;background:var(--green);color:white;border:1px solid var(--green);font-size:14px;font-weight:600;transition:background .15s,transform .15s;min-height:48px}.button:hover{background:#124f3e;color:white;transform:translateY(-2px)}.button.secondary{background:transparent;color:var(--ink);border-color:#b9c5b7}.button.secondary:hover{background:#e9eddf}.button.light{background:var(--lime);border-color:var(--lime);color:var(--ink)}.button.compact{padding:10px 17px;min-height:42px;font-size:13px}.arrow{font-size:20px;line-height:1}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--green);text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:700;margin-bottom:24px}.eyebrow:before{content:'';width:7px;height:7px;background:currentColor;border-radius:50%}.hero{display:grid;grid-template-columns: .87fr 1.13fr;gap:50px;align-items:center;padding:82px 0 58px}.hero h1 em,.page-heading h1 em{font-family:Georgia,'Noto Serif SC','Songti SC',serif;font-weight:400;color:var(--green);font-style:italic}.hero .lead{max-width:470px}.lead{font-size:18px;line-height:1.7;color:var(--muted)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 15px}.micro{font-size:12px;color:var(--muted)}.hero-art{position:relative;background:#e4e9db;padding:32px 20px 23px;border-radius:20px 20px 80px 20px;min-width:0}.art-label{display:flex;justify-content:space-between;font-size:10px;font-weight:700;letter-spacing:.12em;margin:0 6px 18px}.window{background:white;border:1px solid #cad6c5;box-shadow:0 16px 36px #1e3b331a;border-radius:9px;overflow:hidden}.window-top{display:flex;align-items:center;gap:5px;padding:10px 12px;border-bottom:1px solid var(--line);background:#fafbf7;color:var(--muted);font-size:10px}.dot{width:5px;height:5px;border-radius:50%;background:#afbaad}.window-title{margin:auto}.shot-button{display:block;border:0;padding:0;background:white;width:100%;cursor:zoom-in}.shot-button img{width:100%;height:auto}.hero-art .shot-button img{aspect-ratio:1440/1100;object-fit:contain}.shot-caption{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted);margin:13px 0 0}.shot-caption b{font-weight:500;color:var(--green)}.float-note{position:relative;display:flex;align-items:center;gap:10px;background:var(--ink);color:white;border-radius:8px;padding:13px 17px;width:fit-content;margin: -10px 0 0 -36px;box-shadow:0 10px 25px #17352a1a;font-size:12px}.check{display:inline-grid;place-items:center;background:var(--lime);color:var(--ink);width:24px;height:24px;border-radius:50%;font-size:14px}.compat{padding:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:22px;font-size:12px;color:var(--muted)}.compat strong{font-size:17px;color:var(--ink);font-weight:600}.section{padding:90px 0}.section-top{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:42px}.section-top h2{max-width:700px;margin-bottom:0}.section-top p{max-width:330px;color:var(--muted);margin:0}.text-link{font-size:14px;color:var(--green);font-weight:600;display:inline-flex;gap:18px;align-items:center;border-bottom:1px solid #adbc9f;padding-bottom:4px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.step{border-top:1px solid #aebda7;padding-top:25px}.step .number{display:inline-block;color:var(--green);font-size:13px;font-family:monospace;margin-bottom:23px}.step h3{font-size:25px;margin-bottom:13px}.step p{color:var(--muted);font-size:15px}.step a{font-size:13px;text-decoration:underline;text-underline-offset:4px}.showcase-section{background:#e9eee3;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.showcase-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:68px;align-items:start}.feature-list{margin:30px 0 0;padding:0;list-style:none}.feature-list li{padding:18px 0;border-top:1px solid #ccd5c5;display:grid;grid-template-columns:26px 1fr;gap:12px}.feature-list li b{display:block;font-size:16px;margin-bottom:5px}.feature-list li p{font-size:14px;color:var(--muted);margin:0}.tick{color:var(--green);font-size:19px}.gallery-tabs{display:flex;gap:4px;margin-bottom:15px;background:#dfe6d7;padding:5px;border-radius:8px;width:fit-content;flex-wrap:wrap}.gallery-tabs button{border:0;background:transparent;padding:8px 13px;font-size:12px;color:var(--ink);border-radius:5px}.gallery-tabs button[aria-selected=true]{background:var(--white);box-shadow:0 2px 5px #183b3310}.gallery-panel[hidden]{display:none}.gallery-panel img{aspect-ratio:1440/1100;object-fit:contain}.pair{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.mapping-demo{border:1px solid #cbd6c1;padding:35px;background:#f0f2e9;border-radius:12px}.mapping-top{display:flex;align-items:center;gap:12px;font-size:14px;margin-bottom:30px}.avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#dce6cf;font-size:12px}.mapping-row{background:white;padding:22px;border:1px solid var(--line);border-radius:8px;display:grid;grid-template-columns:1fr 25px 1fr;gap:12px;align-items:center}.mapping-row small{display:block;color:var(--muted);font-size:11px;margin-bottom:8px}.mapping-row b{font-size:14px;display:block}.mapping-status{font-size:12px;color:var(--green);margin-top:20px}.mapping-demo figcaption{font-size:11px;margin-top:22px;color:var(--muted)}.pullquote{font-family:Georgia,'Songti SC',serif;font-size:23px;border-left:2px solid var(--orange);padding-left:20px;margin:25px 0}.benefits-inline{display:flex;gap:20px;color:var(--muted);font-size:13px;margin:20px 0}.dark{background:var(--ink);color:#f7f6ef}.dark .eyebrow{color:var(--lime)}.dark h2{color:#f7f6ef}.dark .lead,.dark p{color:#c0cec2}.trial-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.trial-numbers{display:grid;grid-template-columns:1fr 1fr;border:1px solid #5a7566;border-radius:12px;overflow:hidden}.trial-number{padding:35px;border-right:1px solid #5a7566}.trial-number:last-child{border:0}.trial-number strong{font-size:62px;line-height:1.1;display:block;font-weight:400;letter-spacing:-3px;color:var(--lime)}.trial-number span{font-size:14px;display:block;margin-top:12px;color:#d3dfd0}.trial-foot{font-size:12px;margin:18px 0 0!important;color:#c0cec2}.faq-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:80px}.faq-list details{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;position:relative;padding:22px 38px 22px 0;font-size:17px;font-weight:500}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:8px;top:18px;font-size:25px;color:var(--green);font-weight:300}details[open]>summary:after{content:'−'}details p,details .answer{color:var(--muted);font-size:15px;padding-bottom:8px}.bottom-cta{background:var(--lime);padding:52px 60px;border-radius:15px;display:flex;align-items:center;justify-content:space-between;gap:35px;margin-bottom:80px}.bottom-cta h2{font-size:35px;margin-bottom:10px}.bottom-cta p{margin:0;color:#52624c;font-size:15px}.site-footer{border-top:1px solid var(--line);padding:55px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}.footer-grid p{font-size:13px;color:var(--muted);max-width:270px;margin-top:15px}.footer-grid h4{font-size:12px;letter-spacing:.07em;text-transform:uppercase;margin:5px 0 18px}.footer-grid a:not(.brand){display:block;font-size:13px;color:var(--muted);margin:10px 0}.footer-bottom{margin-top:45px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}.page-heading{padding:70px 0 45px;max-width:860px}.page-heading h1{font-size:clamp(42px,4.5vw,65px)}.page-heading .lead{max-width:700px}.breadcrumb{font-size:12px;color:var(--muted);margin-bottom:30px}.breadcrumb a{text-decoration:underline;text-underline-offset:3px}.guide-layout{display:grid;grid-template-columns:230px 1fr;gap:75px;padding:15px 0 90px;align-items:start}.guide-toc{position:sticky;top:110px;font-size:13px}.guide-toc .toc-label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:18px}.guide-toc a{display:block;padding:10px 12px;border-left:2px solid var(--line)}.guide-toc a:hover,.guide-toc a.active{background:#e8edde;border-color:var(--green);color:var(--green)}.guide-toc .help-box{border-top:1px solid var(--line);margin-top:25px;padding-top:20px;color:var(--muted)}.guide-toc .help-box a{border:0;padding:5px 0;text-decoration:underline}.guide-body{min-width:0;max-width:880px}.guide-step{padding:34px 0 50px;border-bottom:1px solid var(--line);scroll-margin-top:115px}.guide-step:first-of-type{padding-top:12px}.guide-step h2{font-size:32px;display:flex;gap:17px;align-items:center}.step-badge{font-family:monospace;font-size:15px;background:#e6ebdb;border-radius:50%;min-width:38px;height:38px;display:grid;place-items:center;letter-spacing:0}.guide-step p,.guide-step li{font-size:16px;color:#526459}.guide-step li{padding-left:4px;margin-bottom:9px}.guide-step ol,.guide-step ul{padding-left:24px}.note{border-left:3px solid var(--green);padding:18px 22px;background:#e9efdf;margin:23px 0;font-size:14px;line-height:1.8}.note.warning{background:#fbf0dc;border-color:#ae7422;color:#795515}.note.version{background:#eeeee9;border-color:#899486;color:#5b685b;font-size:12px}.guide-step .faq-list{background:#fff;border:1px solid var(--line);border-radius:10px;padding:0 22px;margin:23px 0}.guide-step .faq-list details:last-child{border-bottom:0}.guide-step .faq-list summary{font-size:15px}.guide-step .faq-list p{font-size:14px}.decision{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:25px 0}.decision>div{border:1px solid var(--line);border-radius:8px;padding:24px;background:white}.decision h3{font-size:19px;margin-bottom:12px}.decision p{font-size:14px;margin:0}.guide-image{margin:25px 0}.guide-image img{max-height:520px;object-fit:contain;width:100%}.guide-image figcaption{font-size:11px;color:var(--muted);margin-top:9px}.content-band{padding:55px 0;border-top:1px solid var(--line)}.article-copy{max-width:760px}.article-copy h2{font-size:32px;margin-top:45px}.article-copy h3{font-size:22px}.article-copy p,.article-copy li{color:#526459}.article-copy a{text-decoration:underline;text-underline-offset:3px}.feature-table{width:100%;border-collapse:collapse;margin:25px 0;font-size:14px}.feature-table th,.feature-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:17px 15px}.feature-table th{background:#e9eddf;font-weight:500}.feature-table td:first-child{font-weight:600;width:32%}.wide-figure{margin:0;padding:35px;background:#e6ebdf;border-radius:14px}.wide-figure img{width:100%;max-height:600px;object-fit:contain}.wide-figure figcaption{font-size:12px;color:var(--muted);margin-top:15px}.contact-panel{background:white;padding:35px;border:1px solid var(--line);border-radius:12px}.contact-panel h3{font-size:25px}.contact-panel ul{padding-left:20px;color:var(--muted);font-size:14px}.mail-address{font-size:clamp(16px,2vw,24px);color:var(--green);word-break:break-all;text-decoration:underline}.copy-button{border:1px solid #bccab4;border-radius:5px;background:#eef2e7;color:var(--green);padding:9px 14px;font-size:13px;margin-top:18px}.status-message{font-size:12px;min-height:22px;margin-top:9px;color:var(--green)}.requirements{background:#e9eddf;padding:30px;border-radius:12px}.requirements h3{font-size:23px}.requirements p,.requirements li{font-size:14px;color:var(--muted)}.requirements ul{padding-left:19px}.trial-card{background:white;border:1px solid var(--line);border-radius:14px;padding:42px}.trial-card .price{font-size:67px;letter-spacing:-4px;font-weight:500;line-height:1.1}.trial-card .price small{font-size:16px;letter-spacing:0;color:var(--muted)}.trial-card ul{list-style:none;padding:0;margin:25px 0}.trial-card li{padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}.trial-card li:before{content:'✓';color:var(--green);margin-right:10px}.screen-dialog{max-width:calc(100vw - 50px);width:1440px;border:0;border-radius:10px;padding:12px;background:var(--paper);max-height:95vh;color:var(--ink)}.screen-dialog::backdrop{background:#102d29d9}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:8px 8px 14px;font-size:13px}.dialog-top button{border:1px solid #bdc8b7;background:white;padding:7px 14px;border-radius:5px}.dialog-image{max-height:78vh;max-width:100%;width:auto;margin:auto;object-fit:contain}.design-summary{background:#edf0e7;padding:28px;border-radius:10px;margin-bottom:25px}.design-summary h3{font-size:21px}.design-summary p{font-size:14px}.skip-link{position:fixed;left:10px;top:-100px;background:white;z-index:100;padding:12px}.skip-link:focus{top:10px}html[lang=zh-CN] h1{font-size:clamp(39px,4vw,59px);line-height:1.28;letter-spacing:-.035em}html[lang=zh-CN] h2{line-height:1.3;letter-spacing:-.02em}html[lang=zh-CN] .hero h1 em{font-style:normal}html[lang=zh-CN] .hero .lead{font-size:17px}html[lang=zh-CN] .nav-links{gap:22px}.plan-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:24px 0 12px}.plan-grid .trial-card{padding:20px}.plan-grid h3{font-size:21px;margin-bottom:10px}.plan-grid .trial-card .price{font-size:32px;letter-spacing:-1.5px;white-space:nowrap}.plan-grid .trial-card .price small{font-size:13px}.plan-grid p{font-size:14px;margin:8px 0 0;color:var(--muted)}
@media(min-width:1500px){.hero{gap:75px;padding:95px 0 70px}.hero-art{padding:35px 25px 28px}}
@media(max-width:1100px){.container{width:calc(100% - 56px)}.nav-links{gap:16px}.nav-row{gap:22px}.nav-actions{gap:13px}.language{padding-left:12px}.hero{gap:30px;padding:60px 0}.hero h1{font-size:53px}.showcase-grid{gap:35px}.pair,.trial-grid,.faq-grid{gap:40px}.guide-layout{gap:38px;grid-template-columns:200px 1fr}.brand{font-size:22px}}
@media(max-width:850px){.nav-row{flex-wrap:wrap;min-height:75px;padding:14px 0;justify-content:space-between;gap:12px}.menu-button{display:block}.nav-actions{margin-left:auto}.nav-links{display:none;order:4;flex-basis:100%;flex-direction:column;align-items:stretch;margin:0;padding:12px 0}.nav-links.open{display:flex}.nav-links a{padding:9px}.nav-links a[aria-current=page]{box-shadow:none;background:#e9eddf}.hero{grid-template-columns:1fr;gap:40px}.hero-copy{max-width:640px}.hero h1{font-size:64px}.hero-art{max-width:720px;width:100%;margin:auto}.float-note{margin-left:0}.hero-art .shot-button img{max-height:490px}.hero .lead{max-width:600px}.compat{flex-wrap:wrap;justify-content:center}.compat>span:first-child{flex-basis:100%;text-align:center}.showcase-grid,.pair,.trial-grid,.faq-grid{grid-template-columns:1fr;gap:35px}.showcase-grid>div:first-child{max-width:650px}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:18px}.section-top{align-items:start;flex-direction:column}.section-top p{max-width:600px}.section{padding:65px 0}.guide-layout{grid-template-columns:1fr;gap:25px}.guide-toc{position:static;display:flex;flex-wrap:wrap;gap:7px}.guide-toc a{border:1px solid var(--line);padding:7px 12px}.guide-toc .help-box{display:none}.guide-toc .toc-label{flex-basis:100%;margin-bottom:5px}.footer-grid{grid-template-columns:2fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/4}.bottom-cta{padding:35px;flex-direction:column;align-items:start}.page-heading{padding-top:45px}}
@media(max-width:550px){.container{width:calc(100% - 36px)}.preview-bar{font-size:10px;padding:6px 14px}.preview-bar a{margin-left:8px}.brand{font-size:21px}.brand-mark{width:27px;height:29px;font-size:20px}.nav-actions>.button{display:none}.language{border:0;padding:0}.nav-row{gap:18px}.nav-actions{gap:15px}.hero{padding:42px 0 35px}.hero h1{font-size:46px}.hero .lead{font-size:16px}.eyebrow{font-size:10px;margin-bottom:20px}.hero-art{padding:22px 12px 22px;border-radius:14px 14px 45px 14px}.art-label{font-size:8px}.float-note{font-size:11px;padding:11px 13px;margin-top:10px}.shot-caption{font-size:10px}.compat{gap:15px;font-size:11px}.compat strong{font-size:14px}.steps{grid-template-columns:1fr;gap:24px}.step{padding-top:18px}.step .number{margin-bottom:13px}.section{padding:50px 0}.section-top{margin-bottom:30px}h2{font-size:34px}.feature-list{grid-template-columns:1fr;gap:0}.gallery-tabs{width:100%}.gallery-tabs button{padding:8px 10px;font-size:11px}.mapping-demo{padding:23px 17px;margin:0}.mapping-row{padding:16px;gap:8px}.mapping-row b{font-size:12px}.mapping-row small{font-size:10px}.trial-number{padding:25px}.trial-number strong{font-size:53px}.trial-number span{font-size:12px}.bottom-cta{padding:28px;margin-bottom:50px}.bottom-cta h2{font-size:30px}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.footer-grid>div:first-child{grid-column:1/3}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:8px}.decision{grid-template-columns:1fr}.guide-step h2{font-size:27px}.guide-step{padding:28px 0}.guide-step .faq-list{padding:0 15px}.guide-step p,.guide-step li{font-size:15px}.page-heading h1{font-size:43px}.trial-card,.contact-panel{padding:26px}.wide-figure{padding:15px}.feature-table th,.feature-table td{padding:12px 8px;font-size:12px}.feature-table td:first-child{width:30%}.screen-dialog{max-width:calc(100vw - 16px);padding:8px}.dialog-top{font-size:11px}.benefits-inline{flex-wrap:wrap;gap:10px}.guide-toc{gap:5px}.guide-toc a{font-size:11px}html[lang=zh-CN] .hero h1{font-size:39px}html[lang=zh-CN] .nav-links{gap:8px}.plan-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
/* Focus the screenshot on its real dialog; enlargement shows the complete original. */
.shot-button.crop-confirm,.shot-button.crop-customer{position:relative;overflow:hidden;display:block;width:100%;aspect-ratio:900/800;background:#fff}
.shot-button.crop-confirm img,.shot-button.crop-customer img{position:absolute!important;max-width:none!important;max-height:none!important;width:177.778%!important;height:auto!important;aspect-ratio:auto!important;object-fit:initial!important;left:-38.889%;top:-21.875%}
.shot-button.crop-customer{aspect-ratio:900/318}
.shot-button.crop-customer img{left:-38.056%;top:-130.94%}
/* Practical resources retain the public site's established typography. */
.resource-layout{padding-top:64px;padding-bottom:72px}.resource-layout .article-copy{max-width:850px;margin:auto}.resource-layout h1{font-size:clamp(32px,4vw,54px);line-height:1.12}.resource-layout h2{margin-top:36px;font-size:clamp(24px,3vw,32px)}.resource-layout p,.resource-layout li{line-height:1.8}.resource-layout figure{margin:32px 0}.resource-layout figure img,.resource-layout video{width:100%;border-radius:12px;border:1px solid #d5ded8}.resource-layout figcaption{font-size:13px;color:#53645c;margin-top:8px}.resource-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:40px}.resource-cards h2{margin-top:0;font-size:26px}.table-scroll{overflow-x:auto}.resource-layout table{border-collapse:collapse;width:100%}.resource-layout th,.resource-layout td{padding:14px;text-align:left;border-bottom:1px solid #d5ded8;vertical-align:top}.resource-layout .bottom-cta{flex-wrap:wrap;gap:20px}.resource-layout .bottom-cta h2{margin-top:0}@media(max-width:700px){.resource-cards{grid-template-columns:1fr}.resource-layout{padding-top:32px}.resource-layout th,.resource-layout td{min-width:140px}}