:root{--paper:#f8f4ec;--cream:#eee5d6;--ink:#302820;--muted:#978573;--accent:#a65c38;--line:#e4d9c8;--serif:'Noto Serif SC','Source Han Serif SC','Songti SC','SimSun',serif;--sans:'Segoe UI','Microsoft YaHei',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.9 var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%;height:auto}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.skip{position:absolute;left:20px;top:-80px;background:var(--ink);color:white;padding:10px;z-index:30}.skip:focus{top:8px}.wrap{width:min(1280px,88%);margin-inline:auto}.nav{height:94px;width:88%;max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:25px}.brand{display:flex;gap:12px;align-items:center;font-size:14px;font-weight:600;line-height:1.5;white-space:nowrap}.brand small{display:block;font-size:8px;letter-spacing:.16em;color:var(--muted);font-weight:400;margin-top:4px}.nav nav{display:flex;gap:31px;align-items:center;font-size:11px}.nav nav>a{transition:color .2s}.nav nav>a:hover{color:var(--accent)}.nav-download{border:1px solid #cab8a1;border-radius:7px;padding:9px 19px}.nav-download span{margin-left:18px}#menuToggle{display:none}.hero{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;min-height:720px;gap:10px;position:relative}.hero-copy{position:relative;z-index:2;padding:50px 0 70px}.eyebrow{font-size:10px;color:var(--muted);letter-spacing:.14em;display:block}.hero .eyebrow{display:flex;align-items:center;gap:8px}.eyebrow i{width:5px;height:5px;display:inline-block;border-radius:50%;background:#ae7851}.hero h1{font-family:var(--serif);font-size:clamp(64px,6.2vw,96px);font-weight:400;line-height:1.23;letter-spacing:-.07em;margin:30px 0 28px}.hero h1 em{font-style:normal;color:var(--accent)}.period{font-family:var(--serif);color:#c4aa88}.hero-description{font-size:12px;color:#8d7b67;line-height:2.25;margin-bottom:30px}.hero-actions{display:flex;align-items:center;gap:27px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:40px;padding:15px 24px;border-radius:8px;font-size:12px;transition:transform .25s,box-shadow .25s,background .25s}.primary{background:var(--ink);color:#fff7ec;box-shadow:0 7px 20px #44301b12}.primary:hover{background:#574333;box-shadow:0 10px 30px #44301b1f;transform:translateY(-2px)}.primary:active{transform:translateY(0) scale(.98)}.button span{font-size:17px}.text-link{font-size:11px;padding:10px 0;border-bottom:1px solid #d2bda4}.text-link span{margin-left:15px}.hero-note{font-size:9px;color:#ac9a83;line-height:1.8;margin-top:22px}.hero-art{position:relative;align-self:stretch;display:flex;align-items:center;isolation:isolate;padding:25px 0}.hero-art::before{content:'';position:absolute;width:112%;height:70%;left:-7%;top:13%;z-index:-2;background:radial-gradient(ellipse,#dcc4a673,transparent 68%)}.app-window{width:115%;max-width:none;position:relative;z-index:2;transform:perspective(1200px) rotateY(-9deg) rotateX(2deg) rotateZ(2deg);transform-origin:left center;border:1px solid #d1bfa899;border-radius:15px;background:#fffcf5;overflow:hidden;box-shadow:15px 36px 60px #73533421,0 4px 15px #73533410;transition:transform .7s cubic-bezier(.2,.75,.2,1)}.hero-art:hover .app-window{transform:perspective(1200px) rotateY(-3deg) rotateX(0deg) rotateZ(0deg)}.window-chrome{height:29px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;border-bottom:1px solid #e7dccb;background:#efe7db;font-size:7px;color:#9e8c78}.window-chrome div{display:flex;gap:4px}.window-chrome i{width:4px;height:4px;border-radius:50%;background:#c3b5a2}.window-chrome b{font-size:7px;font-weight:400}.app-window>img{width:100%;max-width:none}.art-caption{position:absolute;right:0;top:88px;color:#a38b70;font-size:8px;letter-spacing:.25em}.floating-note{position:absolute;left:-35px;bottom:100px;z-index:3;display:flex;gap:13px;align-items:center;padding:17px 25px;background:#fffcf4e8;backdrop-filter:blur(12px);border:1px solid #dfcdb4;border-radius:13px;box-shadow:0 15px 35px #79573312;transform:rotate(-3deg)}.note-icon{font-size:26px;color:#a5754d}.floating-note strong{font-size:11px;font-weight:500;display:block}.floating-note small{font-size:8px;color:#9e8a71}.mini-stamp{position:absolute;right:-14px;bottom:56px;width:103px;height:103px;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:4;background:#b2784c;color:#fff6e9;border-radius:50%;border:1px solid #9a6038;outline:1px solid #b2784c;outline-offset:4px;transform:rotate(10deg);font:9px/1.3 var(--serif);box-shadow:0 8px 18px #88582715}.mini-stamp b{font-size:29px;line-height:1.4;font-weight:400}.mini-stamp span{font:5px var(--sans);letter-spacing:.12em}.orbit{position:absolute;border:1px solid #c9b39235;border-radius:50%;z-index:-1;pointer-events:none}.orbit-one{width:620px;height:620px;left:-10%;top:3%}.orbit-two{width:740px;height:740px;left:-20%;top:-6%}.facts{display:grid;grid-template-columns:1.1fr repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 0;align-items:center;gap:16px}.facts p{font-size:12px;margin:0;line-height:1.8}.facts p>span{font-size:9px;color:var(--muted)}.facts>div{padding-left:30px;border-left:1px solid var(--line)}.facts b{font-weight:400;font-size:32px;font-family:Georgia,var(--serif);line-height:1.5;white-space:nowrap}.facts b>span{font-size:12px;color:var(--muted);margin-left:2px}.facts small{display:block;color:var(--muted);font-size:9px}.capabilities{padding-top:135px;padding-bottom:135px}.section-heading h2{font:400 clamp(33px,3.8vw,52px)/1.5 var(--serif);letter-spacing:-.04em;margin:20px 0}.section-heading>p{font-size:12px;color:var(--muted)}.feature-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:stretch;margin-top:55px}.feature-tabs{display:flex;flex-direction:column}.feature-tabs button{background:none;border:0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:25px;text-align:left;padding:25px 15px;cursor:pointer;color:var(--ink);transition:padding .3s,background .3s}.feature-tabs button:first-child{border-top:1px solid var(--line)}.feature-tabs button>span{font:12px Georgia,serif;color:#ac9578}.feature-tabs button b{font-size:17px;font-weight:500;display:block}.feature-tabs button small{font-size:10px;color:var(--muted);display:block;margin-top:5px}.feature-tabs button i{margin-left:auto;font-style:normal;font-size:18px;color:#b99c78}.feature-tabs button[aria-selected=true]{background:#efe5d5;padding-left:25px;border-color:#d6bea0}.feature-tabs button[aria-selected=true] i{color:var(--accent);transform:rotate(45deg)}.feature-tabs button:hover{background:#efe5d575}.scene-panel{position:relative;padding:52px 46px;background:#f0e7d8;border-radius:3px 55px 3px 3px;border:1px solid #e4d4be;display:flex;flex-direction:column;justify-content:center;min-height:410px}.scene-panel::before{content:'✳';position:absolute;right:36px;top:25px;font-size:38px;color:#c6a37d;opacity:.6}.scene-panel h3{font:400 28px/1.6 var(--serif);margin:18px 0}.scene-panel>p{font-size:12px;color:#9c8268;max-width:370px}.scene-panel ul{padding:0;list-style:none;font-size:12px;line-height:2.8;margin:23px 0}.scene-panel li::before{content:'↳';color:#b98f65;margin-right:12px}.scene-bottom{border-top:1px solid #dcc8ac;padding-top:20px;font-size:9px;display:flex;flex-wrap:wrap;gap:14px;color:#8d7459}.scene-bottom small{font-size:9px;color:#a68c6c}.scene-panel.switching{animation:panel-switch .3s}.showcase{background:#332c24;color:#f1e7d7;padding:100px 0 75px;overflow:hidden}.showcase-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:45px;margin-bottom:55px}.showcase-heading .eyebrow{color:#b09b80}.showcase-heading h2{font:400 clamp(35px,3.7vw,54px)/1.5 var(--serif);letter-spacing:-.04em;margin:20px 0 0}.showcase-heading h2 em{font-style:normal;color:#d0a477}.showcase-heading p{color:#ad9c86;font-size:12px;margin:0 0 7px;line-height:2.1}.large-preview{border:1px solid #78644c;background:#eae0d0;padding:6px;border-radius:14px;box-shadow:0 30px 65px #0003;max-width:1100px;margin:auto}.large-preview img{width:100%;border-radius:8px}.showcase-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:60px 20px 5px}.showcase-notes>div{position:relative;padding-left:45px}.showcase-notes span{position:absolute;left:0;top:0;font-size:27px;color:#c5a17b;line-height:1.3}.showcase-notes b{font-size:13px;font-weight:400}.showcase-notes p{font-size:10px;color:#a4937c;line-height:2}.workflow{padding:135px 0 105px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:60px}.steps article{border-top:1px solid var(--line);padding-top:25px}.steps article>span{font:13px Georgia,serif;color:#bd9c75}.steps h3{font-size:18px;font-weight:500;line-height:1.8;margin:17px 0 10px}.steps p{font-size:12px;color:var(--muted);line-height:2;max-width:300px}.membership{border:1px solid #dbc6a9;background:#f0e6d6;padding:48px 60px;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:70px}.membership h2{font:400 30px/1.5 var(--serif);margin:16px 0}.membership>div>p{font-size:12px;line-height:2;color:#9a8065;max-width:430px}.membership-price{padding-left:50px;border-left:1px solid #dac5a7}.membership-price>span{font-size:10px;color:#a08669}.membership-price>b{font:400 38px/1.5 Georgia,serif;display:block;margin:8px 0;color:#8c5633}.membership-price>b small{font:10px var(--sans);color:#a68c6c}.membership-price>small{font-size:9px;color:#aa9478}.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:90px;padding-top:135px;padding-bottom:135px}.faq details{border-bottom:1px solid var(--line);padding:21px 0}.faq details:first-child{border-top:1px solid var(--line)}.faq summary{font-size:13px;list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:15px}.faq summary::-webkit-details-marker{display:none}.faq summary>span{font-size:17px;color:#a58a67;font-weight:300;transition:transform .25s}.faq details[open] summary>span{transform:rotate(45deg)}.faq details p{font-size:11px;line-height:2;color:var(--muted);padding-right:30px;animation:panel-switch .25s}.download{background:#eadac1;position:relative;display:grid;grid-template-columns:1.1fr 1fr;gap:80px;padding:65px 70px 70px;align-items:center;margin-bottom:90px;overflow:hidden}.download::before{content:'';width:620px;height:620px;border:1px solid #c4a27930;border-radius:50%;position:absolute;top:-65%;left:-18%;pointer-events:none}.download h2{font:400 clamp(38px,4vw,59px)/1.5 var(--serif);margin:20px 0;letter-spacing:-.05em}.download h2 em{font-style:normal;color:var(--accent)}.download-copy>p{font-size:11px;color:#a18261}.download-box{position:relative;background:#fbf7ef;padding:36px 33px 25px;border:1px solid #e2ccaf;border-radius:15px;box-shadow:0 15px 30px #976b3b09}.download-box>img{margin-bottom:20px}.download-box h3{font-size:18px;font-weight:500;margin:0}.download-box>p{font-size:10px;color:#9a8369;margin:8px 0 20px}.download-box .button{width:100%;margin-bottom:14px;font-size:12px}.download-box small{display:block;font-size:9px;color:#a18b71;line-height:1.8;overflow-wrap:anywhere}.download-box .download-tip{font-size:8px;border-top:1px solid #e8dccb;padding-top:14px;margin-bottom:0}.download-box details{font-size:9px;color:#a18b71;margin-top:10px}.download-box code{font-size:8px;overflow-wrap:anywhere;display:block;padding:12px 0}.button[aria-disabled=true]{opacity:.55;cursor:wait;transform:none;box-shadow:none}.download-box details[hidden]{display:none}footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:35px 0 45px;gap:25px}footer>.brand{font-size:12px}footer>div{display:flex;gap:25px;flex-wrap:wrap;font-size:9px;color:#a08b72}.reveal{opacity:1}.js .reveal{opacity:0;transform:translateY(20px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}.js .reveal.visible{opacity:1;transform:none}@keyframes panel-switch{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.hero{min-height:810px}.hero-art{max-width:620px}}@media(max-width:1100px){.wrap,.nav{width:90%}.hero{min-height:620px}.hero h1{font-size:68px}.hero-description br{display:none}.hero-actions{gap:17px}.button{gap:25px;padding:13px 20px}.floating-note{left:-20px;bottom:80px;padding:13px 18px}.mini-stamp{width:85px;height:85px;bottom:45px;right:0}.art-caption{top:60px}.facts>div{padding-left:20px}.facts b{font-size:28px}.facts p{font-size:11px}.feature-layout{gap:45px}.scene-panel{padding:38px 32px}.scene-panel h3{font-size:25px}.membership{padding:40px;gap:35px}.membership-price{padding-left:30px}.faq{gap:50px}.download{padding:50px;gap:45px}}@media(max-width:800px){.nav{height:80px}.nav nav{gap:18px}.nav nav>a{font-size:10px}.brand{font-size:12px}.brand img{width:29px}.hero{grid-template-columns:1fr;min-height:0;padding-top:35px}.hero-copy{padding:20px 0 15px;text-align:center}.hero .eyebrow{justify-content:center}.hero h1{font-size:73px;margin:25px 0}.hero-description{max-width:370px;margin:0 auto 25px}.hero-actions{justify-content:center}.hero-note{margin-top:20px}.hero-art{height:480px;width:90%;margin:auto}.app-window{width:100%;transform:perspective(1200px) rotateY(-4deg) rotateZ(2deg)}.floating-note{left:-10px;bottom:40px}.mini-stamp{bottom:10px;right:-8px}.art-caption{top:8px}.orbit-one{width:460px;height:460px;left:5%;top:0}.orbit-two{width:550px;height:550px;left:-5%;top:-10%}.facts{grid-template-columns:repeat(4,1fr);padding:24px 0;gap:8px}.facts>p{grid-column:1/-1;margin-bottom:12px}.facts>p br{display:none}.facts>p span{margin-left:14px}.facts>div{padding-left:14px}.facts>div:nth-child(2){padding-left:0;border:0}.facts b{font-size:27px}.facts small{font-size:8px}.capabilities{padding:90px 0}.feature-layout{grid-template-columns:1fr;gap:35px;margin-top:35px}.feature-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.feature-tabs button{border:1px solid var(--line);padding:17px 14px;gap:15px}.feature-tabs button[aria-selected=true]{padding-left:18px}.feature-tabs button b{font-size:15px}.feature-tabs button small{font-size:8px}.scene-panel{min-height:340px;padding:40px}.showcase{padding:70px 0 55px}.showcase-heading{gap:30px}.showcase-heading p{max-width:210px;font-size:10px}.showcase-notes{gap:15px;padding:40px 0 5px}.showcase-notes>div{padding-left:30px}.showcase-notes span{font-size:22px}.showcase-notes b{font-size:11px}.showcase-notes p{font-size:9px}.workflow{padding:90px 0 65px}.steps{gap:25px;margin-top:35px}.steps h3{font-size:15px}.steps p{font-size:11px}.membership{grid-template-columns:1fr;gap:25px;padding:35px}.membership-price{border-left:0;border-top:1px solid #dac5a7;padding:25px 0 0}.faq{grid-template-columns:1fr;gap:30px;padding:85px 0}.download{padding:40px;gap:35px;grid-template-columns:1fr 1fr}.download h2{font-size:37px}.download-box{padding:25px 22px}.download-box h3{font-size:15px}footer{gap:30px}footer>div{gap:15px}}
@media(max-width:520px){.wrap,.nav{width:88%}.nav{position:relative;height:74px}.nav nav{display:none;position:absolute;top:74px;left:-6.8%;width:113.6%;padding:22px 8%;background:#f8f4ecf5;z-index:15;border-bottom:1px solid var(--line);gap:20px;box-shadow:0 12px 20px #6245280b}.nav nav.open{display:flex;flex-wrap:wrap}.nav .brand{font-size:11px}.brand small{font-size:7px}#menuToggle{display:block;background:none;border:1px solid var(--line);color:var(--ink);font-size:16px;padding:4px 10px;border-radius:5px}.hero{padding-top:25px}.hero h1{font-size:63px;letter-spacing:-.09em}.hero .eyebrow{font-size:8px}.hero-description{font-size:11px;max-width:280px}.hero-actions{gap:18px}.hero-actions .button{font-size:11px;padding:13px 18px;gap:23px}.text-link{font-size:9px}.hero-note{font-size:8px;max-width:275px;margin:20px auto}.hero-art{height:310px;width:95%}.art-caption{top:0;font-size:6px;right:5px}.window-chrome{height:19px;font-size:5px;padding:0 9px}.window-chrome i{width:3px;height:3px}.window-chrome b{font-size:5px}.app-window{border-radius:9px}.floating-note{padding:10px 14px;border-radius:9px;gap:8px;bottom:20px;left:-17px}.floating-note strong{font-size:8px}.floating-note small{font-size:6px}.note-icon{font-size:21px}.mini-stamp{width:67px;height:67px;right:-3px;bottom:4px;font-size:7px}.mini-stamp b{font-size:23px}.mini-stamp span{font-size:4px}.orbit-one{width:310px;height:310px}.orbit-two{width:365px;height:365px}.facts{gap:6px;padding:20px 0}.facts>div{padding-left:8px}.facts b{font-size:23px}.facts b>span{font-size:8px}.facts small{font-size:6px}.facts>p{font-size:10px}.facts>p span{font-size:8px}.section-heading h2{font-size:34px}.section-heading>p{font-size:11px}.capabilities{padding:70px 0}.feature-tabs{gap:8px}.feature-tabs button{padding:14px 10px;gap:10px}.feature-tabs button[aria-selected=true]{padding-left:13px}.feature-tabs button>span{font-size:9px}.feature-tabs button b{font-size:12px}.feature-tabs button small{font-size:7px}.feature-tabs button i{font-size:13px}.scene-panel{padding:30px 24px;border-top-right-radius:35px;min-height:330px}.scene-panel .eyebrow{font-size:8px}.scene-panel h3{font-size:24px}.scene-panel>p,.scene-panel ul{font-size:10px}.scene-panel li::before{margin-right:8px}.scene-panel::before{right:22px;top:20px;font-size:28px}.showcase-heading{display:block;margin-bottom:30px}.showcase-heading h2{font-size:34px}.showcase-heading p{margin-top:20px;max-width:none;font-size:10px}.showcase-notes{grid-template-columns:1fr;gap:23px;padding-top:35px}.showcase-notes>div{padding-left:40px}.showcase-notes b{font-size:12px}.showcase-notes p{font-size:10px;margin:6px 0}.showcase-notes p br{display:none}.steps{grid-template-columns:1fr;gap:25px}.steps article{padding:20px 0 0 40px;position:relative}.steps article>span{position:absolute;top:22px;left:0}.steps h3{font-size:16px;margin:0 0 9px}.steps p{font-size:11px;max-width:none;margin:0}.membership{padding:28px}.membership h2{font-size:27px}.membership>div>p{font-size:11px}.membership-price>b{font-size:34px}.faq{padding:70px 0}.faq summary{font-size:11px}.faq details p{font-size:10px}.download{grid-template-columns:1fr;padding:32px 25px;gap:25px;margin-bottom:55px}.download h2{font-size:42px}.download-copy .eyebrow{font-size:8px}.download-box{padding:25px}.download-box h3{font-size:17px}footer{flex-direction:column;align-items:flex-start;padding-bottom:30px;gap:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}.hero-art:hover .app-window{transform:perspective(1200px) rotateY(-9deg) rotateZ(2deg)}}
