@charset "UTF-8";
:root{--paper:#f6f4ef;--white:#fffefa;--ink:#303a34;--muted:#738077;--line:#dddeda;--sage:#718579;--sage-dark:#405b4b;--soft:#e8ece4;--peach:#e2b89e;--radius:20px;font-family:"Microsoft YaHei UI","PingFang SC",system-ui,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;font-size:14px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #a16f4d;outline-offset:5px}button{border:0}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}img{max-width:100%;display:block}p,h1,h2,h3{margin:0}p{line-height:1.9}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.section-wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.site-header{height:98px;background:rgba(246,244,239,.96);border-bottom:1px solid rgba(221,222,218,.7);position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}.nav-wrap{height:100%;width:min(1376px,calc(100% - 80px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:11px;flex-shrink:0}.brand>span{font-size:21px;font-weight:700;letter-spacing:1px}.brand-en{display:block;font-size:8px;letter-spacing:2px;font-weight:500;margin-top:4px}.site-header nav{display:flex;gap:37px;font-size:13px}.site-header nav a{padding:10px 0;transition:color .2s}.site-header nav a:hover,.text-link:hover{color:#a46d4d}.nav-cta{display:flex;gap:18px;align-items:center;padding:12px 18px;border:1px solid #8b998f;border-radius:8px;font-size:12px}.nav-cta svg{width:17px}.nav-cta:hover{background:var(--soft)}.hero{min-height:656px;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:18px;padding-block:90px 100px;position:relative}.hero-copy{position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:9px;font-size:12px;letter-spacing:2px;margin-bottom:30px;color:#68796e}.live-dot{height:6px;width:6px;border-radius:50%;background:#718a76;box-shadow:0 0 0 4px #e7ece3}.hero h1{font-size:clamp(42px,4.3vw,62px);font-weight:550;line-height:1.38;letter-spacing:-2px;white-space:nowrap}.marked{position:relative;color:#718a76}.marked svg{position:absolute;bottom:-14px;left:0;width:100%;height:16px;color:#d8a88c;stroke-width:3;stroke-linecap:round;z-index:-1}.hero-description{font-size:15px;line-height:2.1;color:#748076;margin-top:29px}.hero-actions{display:flex;gap:28px;align-items:center;margin-top:32px}.button{display:inline-flex;justify-content:center;align-items:center;gap:30px;font-size:13px;font-weight:500;padding:18px 23px;border-radius:9px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button.primary{background:var(--sage-dark);color:#fffefa;box-shadow:0 7px 14px #405b4b12}.button.primary:hover{background:#526c5c}.button svg{width:19px}.text-link{font-size:12px;display:inline-flex;gap:16px;align-items:center;transition:color .2s}.text-link span{font-size:20px}.version-line{display:flex;align-items:center;gap:9px;font-size:10px;color:#8a918a;margin-top:25px;letter-spacing:.3px}.version-line svg{width:13px;height:13px;stroke:none;fill:#8a918a}.version-line>span{margin:0 4px;color:#c4c7bf}.hero-art{position:relative;min-width:0;margin-right:-31px;margin-top:28px;padding-top:36px}.orbit-label{font-family:Georgia,serif;font-style:italic;position:absolute;right:20px;top:0;font-size:19px;color:#8a968b}.hero-orbit{position:absolute;inset:-45px 0 -20px 58px;border:1px solid #dfe3d8;border-radius:50%;transform:rotate(-22deg);z-index:-1}.preview-window{border:1px solid #d4dbcf;border-radius:14px;overflow:hidden;box-shadow:0 24px 60px #3e514919,0 2px 10px #3e514909;background:#fffefa;transform:rotate(-2deg);position:relative}.window-top{height:31px;background:#e6eadd;display:flex;justify-content:space-between;align-items:center;padding:0 12px;font-size:9px;color:#6c796f}.window-top>svg{width:13px}.window-dots{display:flex;gap:4px}.window-dots i{width:5px;height:5px;border-radius:50%;background:#acb6a7}.window-dots i:first-child{background:#cda58d}.preview-window img{width:100%;height:auto}.floating-note{position:absolute;bottom:15px;left:-30px;background:#fffefa;border:1px solid #dce3d6;box-shadow:0 15px 35px #30403213;border-radius:13px;padding:17px 19px;display:flex;align-items:center;gap:13px;transform:rotate(2deg);min-width:315px}.round-avatar{display:grid;place-items:center;flex-shrink:0;width:35px;height:35px;background:#e8eddf;border-radius:50%;font-size:12px;color:#627861}.note-name{font-size:11px;font-weight:600;display:flex;gap:26px;align-items:center}.note-name small{font-size:9px;font-weight:400;color:#9aa393}.floating-note p{font-size:12px;margin-top:3px}.floating-note>svg{margin-left:5px;width:17px;color:#9aaa8b}.hero-caption{display:flex;justify-content:space-between;margin-top:36px;font-size:8px;letter-spacing:1.2px;color:#959d91}.hero-caption span:last-child{letter-spacing:0}.hero-star{width:61px;height:61px;position:absolute;bottom:-6px;right:8px;fill:#d9af92;stroke:none;transform:rotate(8deg)}.feature-ribbon{border-block:1px solid var(--line);background:#eeeee6}.feature-ribbon>.section-wrap{display:flex;align-items:center;justify-content:space-between;padding-block:22px;gap:20px}.feature-ribbon span{display:flex;gap:14px;align-items:center;font-size:12px;color:#6b796d}.feature-ribbon svg{width:19px;color:#7c8e76}.experience{padding-block:105px 100px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:43px}.overline{font-size:10px;letter-spacing:2px;color:#7c8b7e;margin-bottom:16px;font-family:Arial,sans-serif}.section-heading h2,.story-copy h2,.faq h2{font-size:39px;line-height:1.45;font-weight:500;letter-spacing:-1px}.serif-word{color:#7d907c}.section-heading>p{font-size:13px;color:#7b847b;line-height:2;margin-bottom:7px;padding-right:36px}.playground{--demo-bg:#edf1e8;--demo-accent:#627f60;--demo-soft:#dee7d6;display:grid;grid-template-columns:1.65fr 1fr;min-height:465px;border:1px solid #d7ddd1;border-radius:18px;overflow:hidden;background:var(--white)}.playground[data-tone=peach]{--demo-bg:#fcf0e6;--demo-accent:#a77858;--demo-soft:#f1d8c4}.playground[data-tone=lavender]{--demo-bg:#eeeaf6;--demo-accent:#817194;--demo-soft:#dcd4e8}.demo-desktop{position:relative;overflow:hidden;background:var(--demo-bg);min-height:465px;transition:background .4s}.desktop-meta{position:absolute;top:25px;left:28px;right:28px;display:flex;justify-content:space-between;align-items:center;color:#8c9786;font-size:9px;letter-spacing:1px}.desktop-meta>span:first-child{letter-spacing:0;display:flex;gap:7px;align-items:center}.desktop-meta i{width:5px;height:5px;border-radius:50%;background:#a2af96}.desktop-art{position:absolute;inset:0;pointer-events:none}.art-circle{width:238px;height:238px;border:1px solid #c7d1bf;border-radius:50%;position:absolute;top:98px;left:103px}.art-arch{position:absolute;width:160px;height:240px;border-radius:90px 90px 0 0;background:#d6dfcc;left:89px;bottom:59px;transform:rotate(-13deg)}.art-paper{background:#f9f7ed;position:absolute;left:201px;top:124px;width:196px;height:221px;transform:rotate(9deg);padding:28px 24px;box-shadow:4px 6px 0 #94a38d13;display:flex;flex-direction:column;justify-content:space-between}.art-paper>span{font-family:Georgia,serif;font-size:24px;color:#8c9d80;line-height:1.5}.art-paper em{font-size:17px;font-weight:400}.art-paper svg{width:46px;height:46px;color:#c5b098;stroke-width:1}.desktop-note{position:absolute;left:30px;bottom:55px;font-size:10px;color:#899780;line-height:1.8}.toast-stack{position:absolute;top:88px;right:27px;width:min(300px,calc(100% - 54px));display:flex;flex-direction:column;gap:10px;z-index:2}.demo-toast{padding:15px 16px 16px;background:var(--white);border:1px solid #ffffffb5;box-shadow:0 8px 32px #36422e12;border-radius:13px;animation:toast-in .4s ease both;position:relative;overflow:hidden}.demo-toast.gift{background:#fcf4e6;border-color:#e7d0ad}.toast-head{display:flex;align-items:center;gap:9px;margin-bottom:6px;color:var(--demo-accent)}.toast-head svg{width:16px;height:16px}.toast-head strong{font-size:11px;font-weight:600}.toast-head time{margin-left:auto;font-size:9px;font-weight:400;color:#8e9889}.demo-toast p{font-size:12px;color:#485442}.demo-toast.gift .toast-head,.demo-toast.gift p{color:#967345}.gift-amount{font-size:10px;color:#ac8961;padding-top:4px}.demo-toast:after{content:"";position:absolute;bottom:0;left:0;right:0;background:var(--demo-soft);height:3px;transform-origin:left;animation:toast-time 6s linear forwards}.demo-toast.leaving{animation:toast-out .3s forwards}.demo-footnote{position:absolute;bottom:20px;right:24px;font-size:9px;color:#8b9584}.demo-controls{padding:38px 34px;display:flex;flex-direction:column}.small-label{font-size:10px;color:#889481;letter-spacing:1px}.demo-controls h3{font-size:22px;font-weight:500;margin-top:10px}.demo-controls>p{font-size:11px;color:#92998b;margin-top:9px}.demo-buttons{display:grid;gap:8px;margin-block:25px 21px}.demo-buttons>button{display:flex;align-items:center;background:#f5f5ef;border:1px solid #e5e6db;padding:11px 15px;text-align:left;border-radius:8px;gap:13px;transition:background .2s,transform .2s}.demo-buttons>button:hover{background:#e9eee2;transform:translateX(3px)}.demo-buttons svg{width:18px;color:#89967e}.demo-buttons>button>span:not(.button-plus){font-size:11px}.demo-buttons small{display:block;color:#9da492;font-size:9px;margin-top:3px}.button-plus{margin-left:auto;color:#89967e;font-size:18px}.swatch-row{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#87927e}.swatch-row>div{display:flex;gap:11px}.swatch{width:20px;height:20px;border-radius:50%;border:3px solid var(--white);outline:1px solid transparent;transition:outline .2s}.swatch.sage{background:#84987b}.swatch.peach{background:#d0a386}.swatch.lavender{background:#aea0be}.swatch.active{outline-color:#687966}.demo-controls .demo-disclaimer{font-size:9px;margin-top:auto;padding-top:20px;color:#9da391}.viewer-story{padding-block:30px 115px;display:grid;grid-template-columns:1fr 1fr;gap:130px;align-items:center}.viewer-visual{position:relative;padding:34px 28px 25px;background:#eee9e0;border-radius:4px 72px 4px 4px}.viewer-sheet{background:var(--white);border:1px solid #e0ded3;border-radius:12px;box-shadow:0 12px 25px #574c3c08;position:relative;z-index:1;transform:rotate(-2deg);padding:24px}.sheet-heading{display:flex;gap:13px;align-items:center}.avatar-large{width:45px;height:45px;display:grid;place-items:center;border-radius:50%;background:#e8eddf;color:#74856b}.sheet-heading .small-label{font-size:8px;letter-spacing:0}.sheet-heading h3{font-size:16px;margin-top:3px;font-weight:550}.online-tag{margin-left:auto;background:#edf0e5;color:#7e8a70;font-size:8px;border-radius:20px;padding:5px 9px}.sheet-numbers{display:flex;margin:22px 0 17px;gap:35px}.sheet-numbers>div{display:flex;flex-direction:column;gap:6px}.sheet-numbers strong{font-family:Arial,sans-serif;font-size:30px;font-weight:400}.sheet-numbers strong>span{font-size:11px;color:#7b8676}.sheet-numbers>div>span{font-size:9px;color:#929b88}.sheet-tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);font-size:10px;color:#9a9f91}.sheet-tabs>span{padding:9px 0}.sheet-tabs>.selected{border-bottom:2px solid #809171;color:#6a805a}.diary-line{padding:12px 0;border-bottom:1px solid #efefe7}.diary-line time{font-family:monospace;color:#a5aa9c;font-size:9px}.diary-line p{font-size:11px;margin-top:2px}.sheet-footer{margin-top:15px;font-size:9px;color:#94a087;display:flex;justify-content:space-between}.visual-note{display:block;font-size:8px;letter-spacing:.5px;color:#999a8d;text-align:center;margin-top:19px}.paper-tab{position:absolute;right:-18px;top:0;background:#d5b59a;color:#fbf5e9;padding:11px 20px;transform:rotate(7deg);font-family:Georgia,serif;font-size:17px;font-style:italic;z-index:2}.story-copy .overline{font-size:9px}.story-copy h2{font-size:34px}.section-description{margin-top:23px;color:#81897e;font-size:13px;max-width:380px;line-height:2}.check-list{list-style:none;padding:0;margin:27px 0;display:grid;gap:15px;font-size:11px;color:#6b7d66}.check-list li{display:flex;gap:10px;align-items:center}.check-list svg{width:15px;height:15px}.inside-section{background:#e9ede4;padding-block:95px 75px;border-block:1px solid #dbe1d4}.view-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:48px;margin-bottom:23px}.view-tabs button{text-align:left;background:transparent;padding:14px 18px;border:1px solid #d3dcca;border-radius:7px;color:#87947e;font-family:Georgia,serif;font-size:12px;display:flex;gap:14px;align-items:center;transition:background .2s}.view-tabs button span{font-family:"Microsoft YaHei UI",sans-serif;font-size:12px}.view-tabs button[aria-selected=true]{background:#5e755d;color:#fffefa;border-color:#5e755d}.view-tabs button:hover{border-color:#7e9274}.software-frame{position:relative;border-radius:14px;overflow:hidden;border:1px solid #d3dacb;background:#f8f8f3;box-shadow:0 18px 40px #475c3810}.software-frame>img{width:100%;height:auto;aspect-ratio:1320/850;object-fit:contain}.expand-image{position:absolute;bottom:20px;right:20px;background:#fffefaed;box-shadow:0 3px 15px #00000015;border:1px solid #d1dac9;padding:11px 17px;border-radius:6px;font-size:11px;color:#627756}.expand-image:hover{background:#e2e9db}.screenshot-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:18px;font-size:10px;color:#7e8d74}.screenshot-caption>span{font-size:9px;color:#98a08f}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:55px}.detail-grid>div{padding-top:18px;border-top:1px solid #cdd6c5}.detail-index{font-family:Georgia,serif;font-size:23px;font-style:italic;color:#91a085}.detail-grid h3{font-size:15px;font-weight:500;margin-top:13px}.detail-grid p{font-size:11px;color:#7e8c74;margin-top:12px;line-height:2}.start-section{padding-block:105px 60px}.start-version{font-size:12px;color:#89917f;padding-right:40px}.version-badge{font-size:9px;letter-spacing:1px;border:1px solid #d5ddce;border-radius:5px;padding:7px 12px;background:#ecefe6;display:inline-block;margin-bottom:14px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:50px;margin-bottom:52px}.steps article{display:flex;gap:20px;border-top:1px solid var(--line);padding-top:22px}.step-number{font-family:Georgia,serif;font-size:30px;color:#b4bdac;font-style:italic;line-height:1}.steps h3{font-size:14px;font-weight:500}.steps p{font-size:11px;color:#929a87;margin-top:12px;line-height:2}.start-banner{background:#dfe7d7;padding:30px 36px;border-radius:12px;display:flex;justify-content:space-between;align-items:center;gap:25px}.start-banner>div{display:flex;align-items:center;gap:20px}.start-banner p{font-size:17px;font-weight:500}.start-banner p span{display:block;font-size:11px;color:#809171;margin-top:3px;font-weight:400}.button.light{background:#fffefa;color:#5c7751}.faq{padding-block:55px 100px;display:grid;grid-template-columns:1fr 1.45fr;gap:70px}.faq h2{font-size:29px}.faq>div>p:last-child{font-size:12px;color:#8f9984;margin-top:16px}.faq-list details{border-bottom:1px solid #dce1d4}.faq-list details:first-child{border-top:1px solid #dce1d4}.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;cursor:pointer;font-size:12px;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:18px;color:#8d9b80;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{padding-bottom:24px;font-size:12px;color:#7d8b72;line-height:2}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-block:30px 36px}.site-footer .brand>span{font-size:16px}.site-footer .brand-en{font-size:6px;letter-spacing:1px}.site-footer p{font-size:10px;color:#949c8b}.site-footer>a:last-child{font-size:10px;color:#7b8c70}dialog{background:#fffefa;border:1px solid #d5dfcd;box-shadow:0 30px 100px #0003;border-radius:13px;width:min(1400px,95vw);max-height:95vh;padding:48px 15px 14px}dialog::backdrop{background:#263529b8;backdrop-filter:blur(4px)}dialog>img{max-height:calc(95vh - 104px);width:100%;object-fit:contain}dialog>p{text-align:center;font-size:10px;color:#88937b;margin-top:12px}.dialog-close{position:absolute;right:17px;top:12px;background:#edf1e7;border-radius:5px;padding:7px 12px;font-size:11px}@keyframes toast-in{from{opacity:0;transform:translateX(18px) scale(.98)}to{opacity:1;transform:none}}@keyframes toast-out{to{opacity:0;transform:translateX(18px)}}@keyframes toast-time{to{transform:scaleX(0)}}
@media(min-width:1600px){.hero{min-height:735px}.hero-art{margin-right:-35px}.hero h1{font-size:65px}.hero-description{font-size:16px}}
@media(max-width:1100px){.section-wrap{width:calc(100% - 64px)}.nav-wrap{width:calc(100% - 64px)}.hero{gap:25px;padding-block:65px 75px;min-height:600px;grid-template-columns:1fr 1fr}.hero h1{font-size:44px}.hero-art{margin-right:-10px}.hero-description{font-size:13px}.hero-actions{gap:18px}.button{padding:16px 18px;gap:15px}.floating-note{left:-18px;min-width:270px;padding:13px;gap:9px;bottom:5px}.hero-caption{font-size:6px}.hero-caption span:last-child{display:none}.hero-star{width:43px;height:43px;right:-4px;bottom:-15px}.viewer-story{gap:65px}.viewer-sheet{padding:18px}.story-copy h2{font-size:29px}.demo-controls{padding:30px 24px}.art-paper{left:130px}.art-arch{left:45px}.art-circle{left:60px}.desktop-note{display:none}.playground{grid-template-columns:1.35fr 1fr}.section-heading h2{font-size:35px}.detail-grid,.steps{gap:25px}.start-banner{padding:26px}.faq{gap:35px}.feature-ribbon span{font-size:10px;gap:8px}.feature-ribbon svg{width:16px}}
@media(max-width:800px){.site-header{height:80px}.site-header nav{gap:20px;font-size:11px}.nav-wrap{width:calc(100% - 40px);gap:15px}.nav-cta{padding:9px 12px;gap:10px;font-size:10px}.brand>span{font-size:17px}.brand-en{font-size:6px}.brand img{width:33px;height:33px}.section-wrap{width:calc(100% - 48px)}.hero{grid-template-columns:1fr;gap:30px;padding-block:53px 50px}.hero-copy{max-width:520px}.hero h1{font-size:53px;letter-spacing:-1px}.hero-description{font-size:14px}.hero-art{width:min(600px,93%);justify-self:end;margin-right:0;margin-top:10px;padding-top:28px}.hero-caption{font-size:8px}.hero-caption span:last-child{display:inline}.floating-note{left:-20px;bottom:5px;min-width:290px;padding:15px}.hero-star{right:5px;bottom:-5px}.hero-orbit{inset:-20px 0 0 20px}.feature-ribbon>.section-wrap{display:grid;grid-template-columns:1fr 1fr;padding-block:20px;gap:20px 30px}.feature-ribbon span{font-size:11px}.experience{padding-block:65px}.section-heading{gap:25px;margin-bottom:30px}.section-heading h2{font-size:30px}.section-heading>p{padding-right:0;font-size:11px}.overline{font-size:8px;letter-spacing:1.5px}.playground{grid-template-columns:1.15fr 1fr}.demo-controls{padding:28px 21px}.demo-controls h3{font-size:18px}.demo-controls>p{font-size:10px}.demo-desktop{min-height:435px}.desktop-meta{left:20px;right:20px}.desktop-meta>span:last-child{display:none}.toast-stack{top:100px;right:19px;width:calc(100% - 38px)}.art-circle{width:185px;height:185px;left:30px;top:145px}.art-arch{left:25px;bottom:50px;width:120px;height:190px}.art-paper{left:107px;top:143px;width:145px;height:180px;padding:22px 17px}.art-paper>span{font-size:21px}.art-paper em{font-size:13px}.demo-footnote{font-size:8px;left:20px;right:auto}.viewer-story{grid-template-columns:1fr 1fr;gap:36px;padding-bottom:70px}.viewer-visual{padding:23px 16px 18px;border-top-right-radius:45px}.viewer-sheet{padding:15px}.sheet-numbers{gap:25px}.sheet-numbers strong{font-size:23px}.online-tag{display:none}.sheet-heading{gap:9px}.avatar-large{width:33px;height:33px;font-size:11px}.sheet-heading h3{font-size:13px}.diary-line p{font-size:10px}.sheet-footer{font-size:8px}.story-copy h2{font-size:25px}.story-copy .overline{font-size:7px;letter-spacing:.6px}.section-description{font-size:11px;margin-top:17px}.check-list{font-size:9px;gap:11px;margin:20px 0}.paper-tab{right:-10px;font-size:14px;padding:8px 13px}.inside-section{padding-block:65px 55px}.view-tabs{gap:8px;margin-top:32px}.view-tabs button{padding:12px;gap:9px;font-size:10px}.view-tabs button span{font-size:11px}.screenshot-caption{display:block;font-size:10px}.screenshot-caption>span{display:block;margin-top:4px;font-size:8px}.detail-grid{gap:25px;margin-top:35px}.detail-grid h3{font-size:13px}.detail-grid p{font-size:10px}.start-section{padding-block:65px 45px}.start-version{padding-right:0;font-size:10px}.steps{gap:20px;margin-top:35px;margin-bottom:35px}.steps article{display:block}.step-number{font-size:26px;display:block;margin-bottom:15px}.steps h3{font-size:12px}.steps p{font-size:10px}.start-banner{padding:23px}.start-banner>div{gap:10px}.start-banner img{width:40px;height:40px}.start-banner p{font-size:13px}.start-banner p span{font-size:10px}.start-banner .button{font-size:11px;padding:13px;gap:10px}.faq{padding-block:35px 65px;gap:35px}.faq h2{font-size:23px}.faq .overline{font-size:8px;letter-spacing:1px}.faq-list summary{font-size:11px;padding:19px 0}.faq-list details p{font-size:10px}.site-footer p{display:none}}
@media(max-width:560px){html{scroll-padding-top:85px}.section-wrap{width:calc(100% - 40px)}.site-header{height:72px}.nav-wrap{width:calc(100% - 32px)}.site-header nav{display:none}.nav-cta{font-size:11px}.hero{padding-top:42px;gap:26px;padding-bottom:40px}.eyebrow{font-size:10px;letter-spacing:1px;margin-bottom:23px}.hero h1{font-size:clamp(34px,9.5vw,48px);line-height:1.4;letter-spacing:-1px}.marked svg{bottom:-9px;height:10px;stroke-width:4}.hero-description{font-size:12px;margin-top:22px;line-height:2}.hero-actions{margin-top:25px;gap:23px}.hero-actions .button{font-size:11px;padding:15px 18px;gap:18px}.hero-actions .text-link{font-size:10px;gap:9px}.version-line{font-size:8px;margin-top:18px}.hero-art{width:95%;margin-top:12px}.orbit-label{font-size:14px;right:8px}.window-top{height:24px;font-size:7px;padding:0 8px}.window-top svg{width:10px}.window-dots i{width:4px;height:4px}.preview-window{border-radius:9px}.floating-note{bottom:8px;left:-16px;padding:12px;min-width:0;gap:9px;border-radius:10px}.round-avatar{width:27px;height:27px;font-size:9px}.note-name{font-size:9px;gap:22px}.note-name small{font-size:8px}.floating-note p{font-size:10px}.floating-note>svg{width:13px}.hero-caption{font-size:6px;margin-top:40px;letter-spacing:.7px}.hero-caption span:last-child{font-size:7px}.hero-star{width:31px;height:31px;bottom:0}.feature-ribbon>.section-wrap{gap:17px 10px;padding-block:20px}.feature-ribbon span{font-size:9px;gap:7px}.feature-ribbon svg{width:15px;height:15px}.experience{padding-block:50px}.section-heading{display:block;margin-bottom:26px}.section-heading h2{font-size:31px}.section-heading>p{margin-top:16px;font-size:11px}.overline{font-size:8px;letter-spacing:1.1px;margin-bottom:12px}.playground{display:flex;flex-direction:column}.demo-desktop{min-height:340px}.desktop-meta{top:20px}.desktop-meta>span:last-child{display:block;font-size:7px}.art-circle{width:180px;height:180px;top:75px;left:40px}.art-arch{left:40px;bottom:48px;height:180px;width:120px}.art-paper{left:142px;top:91px;width:147px;height:173px}.toast-stack{width:min(280px,calc(100% - 35px));right:18px;top:67px}.demo-footnote{font-size:8px;bottom:16px}.demo-controls{padding:25px}.demo-controls h3{font-size:21px}.demo-buttons{margin-block:20px}.demo-buttons>button{padding:10px 14px}.demo-buttons small{display:inline;margin-left:10px;font-size:8px}.demo-controls .demo-disclaimer{font-size:8px;padding-top:17px}.viewer-story{display:flex;flex-direction:column-reverse;gap:33px;padding-top:5px;padding-bottom:55px;align-items:stretch}.story-copy h2{font-size:30px}.story-copy .overline{font-size:8px;letter-spacing:1px}.section-description{font-size:12px;max-width:100%;margin-top:20px}.check-list{font-size:11px;gap:14px}.viewer-visual{margin-inline:10px;padding:28px 23px 20px}.viewer-sheet{padding:22px}.avatar-large{height:38px;width:38px;font-size:12px}.sheet-heading h3{font-size:15px}.online-tag{display:block}.sheet-numbers{gap:40px}.sheet-numbers strong{font-size:29px}.diary-line p{font-size:11px}.visual-note{font-size:8px}.inside-section{padding-block:50px 45px}.view-tabs{gap:6px;margin-top:26px;margin-bottom:17px}.view-tabs button{padding:10px 7px;gap:6px;font-size:9px}.view-tabs button span{font-size:9px}.software-frame{border-radius:8px}.expand-image{bottom:8px;right:8px;padding:7px 9px;font-size:9px}.screenshot-caption{font-size:9px;line-height:1.8}.screenshot-caption>span{font-size:7px}.detail-grid{display:block;margin-top:30px}.detail-grid>div{display:grid;grid-template-columns:30px 1fr;gap:8px 12px;padding-block:18px}.detail-grid h3{margin:4px 0 0;font-size:14px}.detail-grid p{grid-column:2;margin:0;font-size:11px}.detail-index{font-size:24px}.start-section{padding-block:50px 30px}.start-version{margin-top:18px}.start-version p{display:none}.steps{display:block;margin-top:12px;margin-bottom:30px}.steps article{display:flex;gap:24px;padding-block:23px}.step-number{font-size:28px;margin-top:2px}.steps h3{font-size:14px}.steps p{font-size:11px;margin-top:7px;line-height:1.9}.start-banner{display:block;padding:23px}.start-banner>div{gap:13px}.start-banner p{font-size:14px}.start-banner p span{font-size:10px}.start-banner .button{margin-top:20px;display:flex;justify-content:space-between;padding:13px 18px}.faq{display:block;padding-block:35px 50px}.faq>div>p:last-child{font-size:11px;margin-top:10px}.faq-list{margin-top:25px}.faq h2{font-size:27px}.faq-list summary{font-size:12px;padding:20px 0;line-height:1.8}.faq-list details p{font-size:11px}.site-footer{padding-block:24px;gap:12px}.site-footer .brand>span{font-size:15px}.site-footer .brand-en{font-size:5px;letter-spacing:.8px}.site-footer>a:last-child{font-size:9px}.site-footer .brand img{width:30px;height:30px}dialog{padding:47px 8px 14px;border-radius:10px;width:98vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;animation-delay:0s!important}.demo-toast:after{display:none}}
/* Keep decorative shapes inside the canvas and body copy comfortable to read. */
main{overflow-x:clip}.hero h1{font-weight:500}.section-heading>p,.section-description,.detail-grid p,.steps p,.faq-list details p{color:#687667}.demo-controls>p{font-size:12px;color:#74816b}.demo-buttons>button>span:not(.button-plus){font-size:13px}.demo-buttons small{font-size:10px;color:#7a866f}.demo-buttons>button{min-height:55px}.demo-toast p{font-size:13px}.toast-head strong{font-size:12px}.gift-amount{font-size:11px;color:#927044}.swatch-row{font-size:12px;color:#728065}.swatch{width:26px;height:26px}.detail-grid h3{font-size:16px}.detail-grid p,.steps p,.faq-list details p{font-size:13px}.steps h3{font-size:15px}.faq-list summary{font-size:14px}.screenshot-caption{font-size:12px}.feature-ribbon span{font-size:13px}.hero-star{bottom:-18px;right:-15px}.hero-caption{padding-right:34px}
@media(max-width:800px){.feature-ribbon span{font-size:11px}.detail-grid p,.steps p,.faq-list details p{font-size:12px}.detail-grid h3,.steps h3{font-size:14px}.demo-buttons>button>span:not(.button-plus){font-size:11px}.hero-star{bottom:-14px;right:-7px}.screenshot-caption{font-size:11px}}
@media(max-width:560px){.feature-ribbon span{font-size:10px}.demo-buttons>button>span:not(.button-plus){font-size:13px}.demo-buttons small{font-size:10px}.hero-caption{padding-right:20px}.hero-star{bottom:-11px;right:-3px}.faq-list summary{font-size:13px}.detail-grid h3,.steps h3{font-size:15px}}
.site-icp{text-align:center;padding:0 0 22px;font-size:12px;color:var(--muted)}.site-icp a:hover,.site-icp a:focus-visible{text-decoration:underline}