@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--bg:#f8f6f1;--ink:#272c29;--muted:#6e736c;--orange:#dc5835;--line:#ddded5;--green:#e8ede4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:15px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #dc5835;outline-offset:5px}.wrap{max-width:1220px;margin:auto;padding-left:34px;padding-right:34px}.header{height:105px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:11px;font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-.7px;font-size:20px;white-space:nowrap}.brand-light{font-weight:500}.logo{width:35px;height:39px;display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:8px 7px;background:var(--orange);border-radius:8px;transform:rotate(-5deg)}.logo i{background:#fff;border-radius:1px}.header nav{display:flex;gap:32px;font-size:13px;font-weight:550}.header nav a:hover,.text-link:hover{color:var(--orange)}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;border:0;padding:17px 23px;border-radius:6px;font-size:13px;font-weight:650;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button span{font-size:18px}.button.small{padding:12px 17px}.dark{background:var(--ink);color:white}.primary{background:var(--orange);color:white}.primary:hover{background:#c84729}.outline{border:1px solid #bfc3b8;background:transparent}.hero{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding-top:65px;padding-bottom:93px;min-height:720px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.6px;display:flex;align-items:center;gap:8px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--orange)}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:76px;line-height:1.07;letter-spacing:-4px;font-weight:650;margin:25px 0}h1 em{color:var(--orange);font-style:normal}p{color:var(--muted);line-height:1.8}.hero-copy>p{font-size:16px;max-width:400px}.hero-actions{display:flex;gap:25px;align-items:center;margin-top:30px}.text-link{font-size:13px;font-weight:650;display:inline-flex;align-items:center;gap:15px}.hero-note{display:flex;gap:17px;margin-top:29px;font-size:10px;color:var(--muted)}.hero-art{position:relative;height:530px;align-self:center}.orbit{position:absolute;border:1px solid #dbddd3;border-radius:50%;width:490px;height:490px;top:5px;left:20px}.orbit-two{width:420px;height:420px;top:40px;left:55px}.paper{position:absolute;background:#fff;box-shadow:0 18px 45px #424c3a17;width:310px;height:438px;top:37px;left:118px;border:1px solid #ecebe5}.back-paper{transform:rotate(9deg);background:#e5eadd;left:135px;top:45px}.main-paper{transform:rotate(-7deg);padding:24px 19px 20px}.paper-top,.paper-bottom{display:flex;justify-content:space-between;font-size:6px;letter-spacing:1px;font-weight:700}.paper-bottom{font-size:6px;letter-spacing:.2px;font-weight:400;margin-top:18px}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.hero-grid{margin-top:17px;height:333px;grid-template-rows:repeat(3,1fr)}.photo-grid img{width:100%;height:100%;min-height:0;object-fit:cover}.hero-grid img:nth-child(4){object-position:90%}.floating-label{position:absolute;display:flex;align-items:center;gap:11px;background:#fff;border:1px solid #edece5;padding:13px 17px;border-radius:9px;box-shadow:0 7px 24px #4a4c3510;font-size:11px}.floating-label b{font-weight:650}.floating-label small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.label-top{top:18px;left:9px;transform:rotate(-3deg)}.label-icon{font-size:25px;color:var(--orange)}.label-bottom{bottom:29px;right:2px;transform:rotate(3deg)}.check{background:#e9efdf;border-radius:50%;padding:4px 6px;color:#566f41}.photo-loose{position:absolute;bottom:32px;left:-4px;background:#fff;width:155px;padding:9px 9px 20px;transform:rotate(12deg);box-shadow:0 8px 25px #3332}.photo-loose img{width:100%;height:115px;object-fit:cover}.photo-loose span{display:block;font-family:Georgia,serif;font-style:italic;font-size:12px;text-align:center;margin-top:10px}.art-caption{position:absolute;bottom:-4px;left:160px;color:#858b80;font-size:9px}.benefit-bar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#eeefe7}.benefit-bar .wrap{display:flex;justify-content:space-between;align-items:center;padding-top:23px;padding-bottom:23px;gap:20px}.benefit-bar span{font-size:9px;letter-spacing:1.3px;font-weight:700;max-width:145px;line-height:1.6;color:var(--muted)}.benefit-bar p{color:var(--ink);font-family:Manrope;font-size:18px;font-weight:550}.benefit-bar i{font-size:22px;color:#8d9a80;font-style:normal}.section{padding-top:100px;padding-bottom:100px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:46px}h2{font-size:43px;font-weight:550;line-height:1.2;letter-spacing:-1.7px;margin-top:18px}.section-heading>p{font-size:13px;max-width:370px;padding-bottom:4px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.steps article{border-top:1px solid #c9cdbf;padding-top:23px}.step-number{font-size:11px;color:var(--orange)}h3{font-size:21px;font-weight:650;letter-spacing:-.5px;margin:18px 0 12px}.steps p{font-size:13px}.mini-photos{position:relative;display:flex;height:95px;margin-top:26px;align-items:center;padding-left:8px}.mini-photos img{width:75px;height:70px;object-fit:cover;border:5px solid white;margin-left:-8px;transform:rotate(-8deg);box-shadow:0 3px 8px #0001}.mini-photos img:nth-child(2){transform:rotate(5deg)}.mini-photos img:nth-child(3){transform:rotate(13deg)}.mini-photos span{padding:6px 9px;background:#dae3d0;color:#45653e;border-radius:50%;margin-left:16px}.mini-layouts{display:flex;align-items:center;gap:10px;margin-top:35px;height:75px}.mini-layouts>span{font-size:48px;background:white;padding:0 8px;color:#89967a;border:1px solid #e1e3d9}.mini-layouts>span:nth-child(2){color:var(--orange)}.mini-layouts b{font-size:12px;margin-left:8px;font-weight:500;color:var(--muted)}.export-line{display:flex;margin-top:45px;padding:16px 12px;border:1px solid #d7dbcf;align-items:center;justify-content:space-between;border-radius:5px;background:#f1f3ec;font-size:12px}.export-arrow{font-size:23px;color:#637659}.layout-section{background:#e9eee5;padding:78px 0}.layout-inner{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.layout-copy>p{font-size:14px;margin-top:22px;max-width:410px}.control-label{display:block;margin-top:31px;font-size:9px;letter-spacing:1.3px;font-weight:700}.layout-buttons{display:flex;gap:8px;margin-top:12px}.layout-buttons button{border:1px solid #c4cebd;background:transparent;border-radius:5px;width:45px;height:42px;color:var(--ink);font-size:13px}.layout-buttons button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.layout-copy p.layout-description{font-size:11px;min-height:38px;margin-top:14px}.download{border:0;border-bottom:1px solid #8d9788;background:none;padding:8px 0}.layout-copy p.demo-note{font-size:10px;margin-top:10px}.preview-area{padding:25px 28px 19px;background:#dce4d6;border-radius:10px}.preview-toolbar,.preview-footer{display:flex;justify-content:space-between;font-size:9px;color:#52604d;gap:15px}.preview-toolbar{margin-bottom:20px}.preview-toolbar>span:first-child{font-size:8px;letter-spacing:1px;display:flex;align-items:center;gap:7px}.preview-toolbar .status-dot{background:#7c916d}.demo-paper{width:255px;aspect-ratio:210/297;background:#fff;padding:12px;margin:auto;box-shadow:0 10px 20px #49533c16}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;height:100%}.demo-grid .cell{display:flex;justify-content:center;align-items:center;min-height:0;overflow:hidden}.demo-grid img{width:100%;height:100%;object-fit:contain}.preview-footer{margin-top:18px}.use-cases{display:grid;grid-template-columns:1fr 1fr;gap:22px}.use-photo{position:relative;min-height:455px;overflow:hidden;border-radius:8px;background:#25392d}.use-photo>img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.75}.use-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#112920e6)}.use-photo>div{position:absolute;bottom:32px;left:33px;right:33px;z-index:1;color:white}.use-cases article span{font-size:9px;letter-spacing:1.4px}.use-cases h3{font-size:29px;line-height:1.25;font-weight:550;margin:15px 0}.use-photo p{color:#e0e6df;font-size:13px;max-width:370px}.use-right{display:grid;gap:22px}.use-right article{padding:27px 32px;background:#eee5d7;border-radius:8px;position:relative}.use-right article+article{background:#e7eadf}.use-right p{font-size:12px;max-width:330px}.use-right .use-symbol{position:absolute;right:28px;top:34px;font-size:32px;color:#9b907a}.pricing-section{padding:90px 0;background:#efeee7}.center-heading{text-align:center}.center-heading .eyebrow{justify-content:center}.center-heading>p{margin:17px auto 35px;font-size:13px}.free-line{border:1px solid #cfd2c6;border-radius:7px;display:flex;align-items:center;gap:24px;padding:20px 25px;font-size:13px;margin-bottom:19px}.free-line>span{font-size:11px;color:var(--muted)}.free-line .free-price{margin-left:auto;font-size:23px;font-weight:600;color:var(--ink)}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.price-grid article{padding:30px 25px;border:1px solid #cfd2c6;border-radius:8px;background:var(--bg)}.price-grid article.featured{border-color:var(--orange)}.plan-tag{font-size:8px;letter-spacing:1.2px;font-weight:650;color:var(--muted)}.price-grid h3{font-size:20px;margin-top:18px}.price{font-size:35px!important;letter-spacing:-1px;color:var(--ink);font-family:Manrope;font-weight:600;margin:14px 0!important}.price span{font-size:11px;font-family:'DM Sans';letter-spacing:0;font-weight:400;color:var(--muted);margin-left:6px}.price-grid p{font-size:11px;line-height:1.9}.price-grid button{width:100%;margin-top:24px;font-size:11px;padding:13px}.pricing-note{text-align:center;font-size:10px;line-height:1.9;margin-top:24px}.faq-section{display:grid;grid-template-columns:1fr 1.5fr;gap:80px}.faq-list details{border-bottom:1px solid #d7dbcf}.faq-list details:first-child{border-top:1px solid #d7dbcf}.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 0;font-size:13px;font-weight:550}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:20px;font-weight:400;color:#7e8975}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{padding-bottom:23px;font-size:12px}.closing{text-align:center;padding:55px 30px 85px;border-top:1px solid var(--line)}.large{width:48px;height:54px;margin:auto;padding:10px;gap:4px}.closing h2{font-size:48px;margin:24px 0 15px}.closing p{font-size:13px}.closing button{margin-top:27px}footer{border-top:1px solid var(--line);padding-top:28px!important;padding-bottom:28px!important;display:flex;align-items:center;gap:25px}footer .brand{font-size:14px}footer .logo{width:25px;height:29px;padding:6px;gap:2px}footer p{font-size:10px;flex:1}footer>a:not(.brand),footer>span{font-size:9px;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:14px;background:var(--bg);padding:50px;max-width:500px;color:var(--ink);box-shadow:0 20px 80px #0002}dialog::backdrop{background:#202b2877;backdrop-filter:blur(5px)}dialog h2{margin-bottom:23px}dialog p{font-size:14px;margin-bottom:15px}dialog .button{margin-top:12px}.close{position:absolute;right:17px;top:12px;border:0;background:none;font-size:28px;color:var(--muted)}.skip{position:fixed;top:-100px;background:white;padding:15px;z-index:100}.skip:focus{top:10px}@media(min-width:1450px){.hero{padding-top:85px;padding-bottom:110px}.hero-art{transform:scale(1.05)}}@media(max-width:1000px){h1{font-size:64px}.hero{gap:10px}.hero-art{transform:scale(.85);transform-origin:center left;width:520px;margin-right:-90px}.hero-note{gap:10px;font-size:9px}.hero-actions{gap:15px}.hero-actions .button{padding:16px}.hero-actions .text-link{font-size:11px}.layout-inner{gap:50px}.steps{gap:28px}.price-grid article{padding:25px 18px}.price{font-size:29px!important}.header nav{gap:20px}.brand{font-size:18px}.hero{overflow:hidden}footer p{display:none}footer{justify-content:space-between}}@media(max-width:760px){.wrap{padding-left:23px;padding-right:23px}.header{height:85px}.header nav{display:none}.header .button{font-size:10px;padding:10px 12px}.brand{font-size:16px;gap:8px}.logo{width:29px;height:33px;padding:7px 6px}.hero{display:flex;flex-direction:column;padding-top:40px;padding-bottom:45px;gap:24px}.hero-copy{max-width:470px}h1{font-size:64px;letter-spacing:-3.5px}.hero-copy>p{font-size:15px;max-width:350px}.hero-actions{gap:24px}.hero-art{height:475px;transform:scale(.85);transform-origin:top center;align-self:center;width:520px;margin:15px 0 -60px}.hero-note{font-size:9px;gap:15px}.benefit-bar .wrap{flex-wrap:wrap;justify-content:center;gap:14px;padding:22px}.benefit-bar span{max-width:none;width:100%;text-align:center}.benefit-bar p{font-size:12px}.benefit-bar i{font-size:15px}.section{padding-top:65px;padding-bottom:65px}h2{font-size:34px;letter-spacing:-1.3px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:20px}.steps{grid-template-columns:1fr;gap:30px}.steps article{position:relative;padding-right:95px;padding-bottom:15px}.steps h3{font-size:22px}.steps p{max-width:330px}.mini-photos,.mini-layouts,.export-line{display:none}.step-number{position:absolute;right:0;top:27px;font-size:34px;font-family:Manrope}.layout-section{padding:60px 0}.layout-inner{grid-template-columns:1fr;gap:35px}.layout-copy>p{max-width:100%}.layout-buttons button{width:40px}.preview-area{max-width:410px;width:100%;margin:auto}.demo-paper{width:250px}.use-cases{grid-template-columns:1fr}.use-photo{min-height:380px}.use-right article{min-height:230px}.pricing-section{padding:60px 0}.price-grid{grid-template-columns:1fr}.free-line{flex-wrap:wrap;gap:10px;padding:20px}.free-line>span:not(.free-price){order:3;width:100%;line-height:1.8}.price-grid article{padding:25px}.price{font-size:36px!important}.price-grid p{font-size:13px}.plan-tag{font-size:9px}.price-grid button{font-size:13px}.faq-section{grid-template-columns:1fr;gap:30px}.closing h2{font-size:39px}.closing{padding-top:45px;padding-bottom:60px}footer{flex-wrap:wrap;gap:22px}footer .brand{width:100%}dialog{margin:auto 18px;padding:42px 27px}dialog h2{font-size:36px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Language navigation stays available on small screens. */
.header-actions{display:flex;align-items:center;gap:16px}.language-switch{display:flex;align-items:center;border:1px solid #d7dbcf;border-radius:6px;padding:3px;gap:2px;flex-shrink:0}.language-switch a{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:33px;padding:0 7px;font-size:11px;font-weight:600;border-radius:3px}.language-switch a[aria-current=page]{background:var(--ink);color:white}.language-switch a:not([aria-current]):hover{background:#e8ede4}html[lang=zh-CN] body{font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif}html[lang=zh-CN] h1,html[lang=zh-CN] h2,html[lang=zh-CN] h3{font-family:Manrope,-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;letter-spacing:0}html[lang=zh-CN] h1{font-size:68px;line-height:1.2}html[lang=zh-CN] h2{font-size:37px;line-height:1.4}html[lang=zh-CN] .eyebrow{letter-spacing:1px}html[lang=zh-CN] p{line-height:1.9}html[lang=zh-CN] .hero-note{font-size:11px}html[lang=zh-CN] .plan-tag{font-size:10px}html[lang=zh-CN] .photo-loose span{font-style:normal}html[lang=zh-CN] .paper-top{letter-spacing:.5px}
@media(max-width:1000px){.header{gap:15px}.header nav{gap:16px}.header-actions{gap:10px}.header .brand{font-size:16px}html[lang=zh-CN] h1{font-size:56px}}
@media(max-width:760px){.header-actions>.button{display:none}.header-actions{gap:0}.header .brand{font-size:16px}.language-switch a{min-height:36px;min-width:36px}html[lang=zh-CN] h1{font-size:54px}html[lang=zh-CN] h2{font-size:30px}html[lang=zh-CN] .hero-note{font-size:10px}html[lang=zh-CN] .hero-actions{gap:20px}}
@media(max-width:380px){.header .brand{font-size:14px}.header .logo{width:25px;height:29px}.header{gap:8px}.language-switch a{min-width:32px;padding:0 5px}html[lang=zh-CN] h1{font-size:48px}}

/* Two examples share the original hero and use-case positions. */
[hidden]{display:none!important}.scenario-stage{align-self:center;min-width:0}.scenario-slide{animation:scene-in .65s ease both}@keyframes scene-in{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}.scene-controls{display:flex;justify-content:center;align-items:center;gap:5px;position:relative;z-index:3;margin-top:12px}.scene-controls button{padding:10px 13px;border:1px solid #d5d8ce;border-radius:30px;background:transparent;color:var(--muted);font-size:11px;line-height:1.2;min-height:38px}.scene-controls button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.scene-controls .scene-pause{width:38px;padding:8px;font-size:15px}.scene-caption{text-align:center;font-size:9px;line-height:1.6;margin:11px auto 0;max-width:410px}.report-art .report-body{left:22px;top:63px;width:270px;height:382px;transform:rotate(-9deg);padding:27px 23px;background:#fbfcf9}.report-kicker{font-size:7px;letter-spacing:1.5px;color:#75866c}.report-body h3{font-size:23px;margin:12px 0 17px}.report-rule{height:3px;background:#718465;margin-bottom:24px;width:34px}.report-body b{font-size:10px;display:block;margin:18px 0 7px}.report-body p{font-size:9px;line-height:1.7;max-width:150px}.document-lines{height:52px;background:repeating-linear-gradient(to bottom,#dce1d5 0,#dce1d5 2px,transparent 2px,transparent 10px);margin:13px 0 20px;width:95%}.document-lines.short{width:72%;height:32px}.appendix-reference{font-size:9px;color:#627654;margin-top:20px}.report-page-no{position:absolute;bottom:19px;left:23px;font-size:8px;color:#7b8274}.report-art .report-photo-page{width:280px;height:396px;left:225px;top:91px;transform:rotate(5deg);padding:23px 17px}.report-photo-page h3{font-size:18px;margin:15px 0 16px}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px 9px}.report-grid figure{margin:0;min-width:0}.report-grid img{width:100%;height:105px;object-fit:contain;background:#f1f3ed;display:block}.report-grid figcaption{font-size:7px;color:#687260;margin-top:5px}.report-art .label-top{left:50px;top:13px;transform:rotate(-2deg)}.report-art .label-bottom{bottom:6px;right:0}.use-scenario{min-width:0}.use-scenario .use-photo{height:455px}.use-scenario .scene-controls{margin-top:15px}.use-report{background:#e4e9de}.use-report:after{display:none}.use-report>div.report-mini-spread{position:absolute;inset:24px 32px auto;height:235px;z-index:1;display:flex;align-items:center;justify-content:center;color:var(--ink)}.mini-document,.mini-record{width:145px;height:205px;padding:16px;background:#fff;box-shadow:0 8px 20px #35432b18;position:relative}.mini-document{transform:rotate(-7deg);margin-right:-12px}.mini-record{transform:rotate(5deg);margin-top:15px}.use-cases .report-mini-spread span{display:block;font-size:6px;letter-spacing:.6px;color:#6b7e5e}.mini-document strong{font-size:13px;display:block;margin-top:13px}.mini-document .document-lines{height:45px;margin-top:17px}.mini-document .short{height:24px}.report-mini-spread small{font-size:6px;color:#7d8478;position:absolute;bottom:13px}.mini-record>div{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:13px;height:135px}.mini-record img{width:100%;height:100%;object-fit:contain;min-height:0;background:#f0f2ec}.use-photo>div.use-report-copy{color:var(--ink);bottom:25px;left:32px;right:32px}.use-report-copy h3{font-size:27px}.use-report-copy p{color:#64705c;font-size:12px}.use-right{align-self:start;min-height:455px}.use-right .use-symbol{opacity:.35}
@media(max-width:1000px) and (min-width:761px){.scenario-stage{width:100%}.scenario-stage .hero-art{margin-bottom:-50px;transform-origin:top left}.scene-controls button{font-size:10px;padding:9px}.report-art .report-photo-page{left:213px}.use-scenario .use-photo{height:490px}.use-report-copy h3{font-size:23px}.use-right{min-height:490px}}
@media(max-width:760px){.scenario-stage{width:100%;align-self:center}.scenario-stage .hero-art{margin:15px 0 -55px;left:50%;margin-left:-260px;height:530px;transform:scale(.72);transform-origin:top center}.scenario-stage .scene-controls{margin-top:-75px}.scene-caption{font-size:9px;max-width:310px}.report-art .report-photo-page{left:225px}.use-scenario .use-photo{height:465px}.use-scenario .scene-controls{margin-top:15px}.use-report-copy h3{font-size:26px}.use-right{min-height:0}.use-photo>div.report-mini-spread{left:18px;right:18px}.use-photo>div.use-report-copy{left:26px;right:26px}}
@media(prefers-reduced-motion:reduce){.scenario-slide{animation:none}}