@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";
:root{--ink:#203a2e;--muted:#68766d;--green:#146448;--lime:#d0edb7;--bg:#fafbf7;--line:#e1e7dd}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--bg);color:var(--ink);margin:0;font-family:DM Sans,Noto Sans SC,Arial,sans-serif;font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,summary,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible{outline-offset:4px;outline:3px solid #73a95c}h1,h2,h3,p{margin:0}button{color:inherit}svg{flex-shrink:0}.wrap{width:calc(100% - 80px);max-width:1160px;margin:auto}.header{justify-content:space-between;align-items:center;gap:24px;max-width:1320px;height:94px;margin:auto;padding:0 50px;display:flex}.brand{letter-spacing:-1px;align-items:center;gap:10px;font-size:25px;font-weight:700;display:inline-flex}.brand-dot{color:var(--green);margin-left:-10px}.brand-icon{background:var(--green);color:#fff;letter-spacing:-2px;border-radius:10px;justify-content:center;align-items:center;width:35px;height:35px;padding-right:3px;font-size:25px;font-weight:700;line-height:1;display:inline-flex;position:relative}.brand-icon span{background:var(--lime);border-radius:50%;width:6px;height:6px;position:absolute;bottom:6px;right:5px}.header nav{gap:30px;font-size:13px;font-weight:500;display:flex}.header nav a:hover{color:var(--green)}.language{z-index:20;font-size:12px;position:relative}.language summary{cursor:pointer;border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;list-style:none;display:flex}.language summary::-webkit-details-marker{display:none}.language>div{border:1px solid var(--line);background:#fff;border-radius:10px;min-width:205px;padding:8px;position:absolute;top:48px;right:0;box-shadow:0 15px 45px #203a2e15}.language a{border-radius:5px;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.language a:hover,.language a[aria-current]{color:var(--green);background:#eef4e9}.hero{text-align:center;padding-top:63px;position:relative}.eyebrow{color:var(--green);background:#f0f5e9;border:1px solid #dde7d5;border-radius:30px;align-items:center;gap:8px;padding:5px 13px;font-size:12px;display:inline-flex}.status-dot{background:#619548;border-radius:50%;width:6px;height:6px;display:inline-block}.hero h1{letter-spacing:-2.8px;max-width:960px;margin:24px auto 22px;font-size:clamp(40px,5.1vw,66px);font-weight:600;line-height:1.22}.hero h1 span{color:var(--green)}.intro{max-width:640px;color:var(--muted);margin:auto;font-size:16px;line-height:1.9}.actions{justify-content:center;gap:12px;margin-top:29px;display:flex}.button{border-radius:8px;justify-content:center;align-items:center;gap:20px;min-height:48px;padding:12px 22px;font-size:13px;font-weight:600;display:inline-flex}.primary{background:var(--green);color:#fff;box-shadow:0 3px 6px #14644810}.primary:hover{background:#0f513a}.secondary{border:1px solid var(--line);background:#fff}.secondary:hover{background:#eff4e9}.hero-note{color:#849085;justify-content:center;align-items:center;gap:8px;margin-top:17px;font-size:11px;display:flex}.hero-lines{z-index:-1;position:absolute;inset:0;overflow:hidden}.hero-lines span{border:1px solid #dfe8d6;border-radius:50%;width:950px;height:500px;position:absolute;top:310px;left:50%;transform:translate(-50%)}.hero-lines span:nth-child(2){width:1200px;height:700px;top:260px}.hero-lines span:nth-child(3){width:1450px;height:900px;top:210px}.demo-shell{text-align:left;background:#fff;border:1px solid #d9e2d3;border-radius:12px;max-width:950px;margin:48px auto 0;position:relative;overflow:hidden;box-shadow:0 24px 65px #364d2e12}.demo-top{border-bottom:1px solid var(--line);color:#7b877b;background:#f6f8f3;align-items:center;gap:22px;height:42px;padding:0 17px;font-size:10px;display:flex}.window-dots{gap:5px;display:flex}.window-dots i{background:#d1d7cc;border-radius:50%;width:6px;height:6px}.demo-badge{border:1px solid #dbe3d5;border-radius:4px;margin-left:auto;padding:2px 7px;font-size:9px}.workspace{display:flex}.demo-sidebar{border-right:1px solid var(--line);color:#7e8d7e;flex-direction:column;flex-shrink:0;align-items:center;gap:27px;width:64px;padding-top:24px;display:flex}.demo-sidebar .brand-icon{border-radius:8px;width:28px;height:28px;font-size:21px}.demo-sidebar>svg:first-of-type{color:var(--green)}.sidebar-bottom{text-align:center;background:#f1f4ed;border-radius:50%;width:25px;height:25px;margin-top:auto;margin-bottom:20px;font-size:9px;line-height:25px}.demo-body{flex:1;min-width:0;padding:27px 30px 15px}.demo-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.demo-kicker{letter-spacing:1.6px;color:#8a9588;font-size:9px;font-weight:600}.demo-heading h3{letter-spacing:-.5px;margin-top:1px;font-size:21px}.export{border:1px solid var(--line);background:#fff;border-radius:6px;align-items:center;gap:8px;padding:7px 11px;font-size:10px;display:flex}.export:hover{background:#eef4e9}.demo-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:20px;display:flex}.demo-tabs{gap:22px;display:flex}.demo-tabs button{color:#859080;background:0 0;border:0;border-bottom:2px solid #0000;padding:7px 0 12px;font-size:11px}.demo-tabs button.selected{color:var(--green);border-color:var(--green)}.demo-tabs button span{background:#f1f4ed;border-radius:3px;margin-left:6px;padding:0 5px;font-size:9px;display:inline-block}.market-select{align-items:center;gap:5px;font-size:10px;display:flex}.market-select select{appearance:none;cursor:pointer;background:0 0;border:0;padding:4px;font-size:10px}.search-bar{border:1px solid var(--line);color:#94a08f;border-radius:6px;align-items:center;gap:9px;margin:16px 0;padding:7px 10px;display:flex}.search-bar input{background:0 0;border:0;outline:0;width:100%;font-size:10px}.table-scroll{overflow:auto}table{border-collapse:collapse;white-space:nowrap;text-align:left;width:100%;font-size:11px}th{color:#8e9989;background:#f7f9f4;padding:7px 12px;font-size:9px;font-weight:500}td{color:#44543e;border-bottom:1px solid #edf1e8;padding:12px}th:first-child{width:47%}.product-cell{align-items:center;gap:12px;display:flex}.product-cell small{color:#99a08e;margin-top:4px;font-size:8px;display:block}.object-thumb{background:#eef1e5;border-radius:5px;justify-content:center;align-items:center;width:40px;height:42px;display:flex}.object-thumb.clay{background:#f2e9df}.object-thumb.blue{background:#e6edf1}.organizer{filter:drop-shadow(1px 3px 1px #54643a24);align-items:flex-end;gap:2px;width:27px;height:21px;display:flex;transform:skewY(-7deg)}.organizer i{background:#d8dbc9;border:1px solid #b6baa7;width:8px;height:17px}.organizer i:nth-child(2){height:21px}.clay .organizer i{background:#d4bfa8;border-color:#b49e89}.blue .organizer i{background:#bfcfd7;border-color:#9eb3bf}.tiny-chart{color:#76a856;letter-spacing:1px;margin-left:15px;font-size:16px}.rating{color:#c9a456}.demo-bottom{color:#8d9986;justify-content:space-between;align-items:center;padding-top:15px;font-size:9px;display:flex}.demo-bottom>span{align-items:center;gap:6px;display:flex}.market-strip{border-bottom:1px solid var(--line);color:#879482;justify-content:space-between;align-items:center;gap:15px;padding:29px 42px;font-size:12px;font-weight:600;display:flex}.market-strip>span:first-child{letter-spacing:-1px;color:#81917b;font-size:20px}.strip-label{border-left:1px solid var(--line);padding-left:22px;font-size:10px;font-weight:400}.section{padding-top:99px;padding-bottom:90px}.section-code{color:#739064;letter-spacing:1.8px;margin-bottom:18px;font-size:10px;font-weight:600;display:block}h2{letter-spacing:-1.2px;font-size:clamp(27px,3vw,36px);font-weight:550;line-height:1.5}.section-top>p{color:var(--muted);max-width:650px;margin-top:12px;font-size:14px}.features{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px;display:grid}.feature{border:1px solid var(--line);background:#fff;border-radius:11px;padding:23px 26px 30px}.feature-art{color:#76a35b;background:#f5f8ef;border-radius:6px;justify-content:center;align-items:center;height:145px;margin-bottom:25px;display:flex;overflow:hidden}.mini-list{background:#fff;border:1px solid #e3e9db;border-radius:7px;width:80%;padding:16px;box-shadow:0 6px 12px #40543009}.mini-list>div{align-items:center;gap:9px;margin:8px 0;display:flex}.mini-list span{background:#e6eddc;border-radius:3px;width:16px;height:16px}.mini-list i{background:#dbe6d2;border-radius:2px;height:5px;display:block}.mini-list b{background:#bbd7a3;width:15px;height:5px;margin-left:auto}.mini-chart{border-bottom:1px solid #d7e4ca;width:80%}.file-stack{align-items:center;display:flex}.file-stack span{background:#fff;border:1px solid #dbe5d1;border-radius:6px;justify-content:center;align-items:center;width:58px;height:72px;font-size:11px;font-weight:600;display:flex;box-shadow:0 6px 15px #49642f08}.file-stack span:first-child{color:var(--green);transform:rotate(-12deg)}.file-stack span:nth-child(2){z-index:2;transform:translateY(-8px)}.file-stack span:last-child{transform:rotate(12deg)}.feature-icon{color:var(--green);margin-bottom:12px}.feature h3{margin-bottom:10px;font-size:18px;font-weight:600}.feature p{color:var(--muted);font-size:12px;line-height:1.9}.workflow{background:#eff4e8;border-top:1px solid #e5ecdb;border-bottom:1px solid #e5ecdb;padding:76px 0}.steps{grid-template-columns:repeat(3,1fr);gap:50px;margin-top:42px;display:grid}.step-number{width:36px;height:36px;color:var(--green);border:1px solid #c9d8bd;border-radius:50%;justify-content:center;align-items:center;margin-bottom:18px;font-size:11px;display:inline-flex}.steps h3{font-size:19px;font-weight:600}.steps p{color:#6f7c66;margin-top:10px;font-size:13px;line-height:1.9}.market-section{grid-template-columns:1fr 1fr;align-items:center;gap:90px;display:grid}.market-section>div>p{color:var(--muted);margin-top:17px;font-size:13px;line-height:1.9}.region-chips{flex-wrap:wrap;gap:7px;margin-top:22px;display:flex}.region-chips span{border:1px solid var(--line);color:#73836a;border-radius:5px;padding:3px 8px;font-size:10px}.language-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.language-grid a{border:1px solid var(--line);background:#fff;border-radius:7px;align-items:center;gap:10px;padding:12px 13px;font-size:12px;display:flex}.language-grid a:hover{background:#f2f6ec;border-color:#83a46c}.language-grid svg{color:#8aa275;margin-left:auto}.language-index{color:#a2ad9c;font-size:8px}.roadmap{background:#f1f5eb;border-radius:12px;grid-template-columns:1fr 1fr;gap:70px;padding:35px 42px;display:grid}.roadmap h2{font-size:25px}.roadmap-list{align-self:center}.roadmap-list article{grid-template-columns:12px 85px 1fr;align-items:center;gap:12px;padding:14px 0;font-size:11px;display:grid}.roadmap-list article+article{border-top:1px solid #dde6d4}.roadmap-dot{border:1px solid #97ac87;border-radius:50%;width:7px;height:7px}.roadmap-dot.active{background:var(--green);border-color:var(--green)}.roadmap-list article>span:nth-child(2){color:#8a977f}.roadmap-list strong{font-weight:500}.faq{grid-template-columns:.85fr 1.15fr;gap:80px;display:grid}.faq h2{max-width:350px}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;font-size:14px;font-weight:500;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary span{color:#7a9269;font-size:23px;font-weight:400}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{color:var(--muted);max-width:95%;padding-bottom:21px;font-size:13px;line-height:1.9}.closing{background:#e9f1df;border:1px solid #dde8cf;border-radius:13px;align-items:center;min-height:285px;padding:55px 60px;display:flex;position:relative;overflow:hidden}.closing h2{max-width:800px;font-size:32px;position:relative}.closing p{color:#718064;margin-top:10px;font-size:13px;position:relative}.closing .button{margin-top:24px;position:relative}.closing-symbol{color:#d9e7ca;pointer-events:none;font-size:390px;font-weight:700;line-height:1;position:absolute;bottom:-135px;right:25px;transform:rotate(-15deg)}footer{justify-content:space-between;align-items:center;gap:20px;padding-top:44px;padding-bottom:38px;display:flex}footer .brand{font-size:19px}footer .brand-icon{border-radius:8px;width:27px;height:27px;font-size:20px}footer p{color:#8c9983;font-size:10px}footer>a:last-child{align-items:center;gap:9px;font-size:11px;display:flex}.skip{z-index:100;background:var(--green);color:#fff;padding:10px 20px;position:fixed;top:-100px;left:10px}.skip:focus{top:10px}@media (min-width:1400px){.hero{padding-top:82px}}@media (max-width:1000px){.header{padding:0 30px}.header nav{gap:17px;font-size:11px}.wrap{width:calc(100% - 50px)}.features{gap:14px}.feature{padding:20px}.market-section,.faq{gap:40px}.roadmap{gap:25px;padding:30px}.tiny-chart{display:none}.steps{gap:30px}}@media (max-width:720px){.header{height:76px;padding:0 20px}.header nav{display:none}.brand{font-size:22px}.language summary{padding:8px;font-size:10px}.wrap{width:calc(100% - 36px)}.hero{padding-top:38px}.hero h1{letter-spacing:-1.5px;margin-top:22px;font-size:38px}.intro{max-width:480px;font-size:14px}.eyebrow{font-size:9px}.actions{gap:8px}.button{gap:10px;padding:11px 15px;font-size:11px}.hero-note{max-width:90%;margin:17px auto 0;font-size:9px}.demo-shell{margin-top:32px}.demo-top{gap:10px;height:36px;padding:0 10px;font-size:8px}.demo-badge{white-space:nowrap;text-overflow:ellipsis;max-width:42%;font-size:7px;overflow:hidden}.demo-sidebar{gap:22px;width:42px;padding-top:17px}.demo-sidebar .brand-icon{width:23px;height:23px;font-size:17px}.demo-sidebar>svg{width:16px;height:16px}.demo-body{padding:17px 13px 12px}.demo-heading h3{font-size:16px}.demo-kicker{font-size:7px}.export{gap:3px;padding:5px;font-size:8px}.export span{max-width:82px;line-height:1.5}.demo-tabs{gap:12px}.demo-tabs button{font-size:9px}.search-bar{margin:10px 0}.demo-toolbar{margin-top:10px}table{min-width:460px;font-size:9px}th{font-size:8px}td{padding:9px 8px}.demo-bottom{font-size:7px;line-height:1.6}.market-strip{flex-wrap:wrap;gap:6px;padding:22px 6px;font-size:9px}.market-strip>span:first-child{font-size:16px}.strip-label{display:none}.section{padding-top:62px;padding-bottom:58px}.section-code{letter-spacing:1.5px;margin-bottom:12px;font-size:8px}h2{letter-spacing:-.8px;font-size:27px}.section-top>p{font-size:12px}.features{grid-template-columns:1fr;gap:16px;margin-top:26px}.feature{grid-template-columns:100px 1fr;gap:0 19px;padding:21px;display:grid}.feature-art{grid-row:1/4;height:100%;min-height:135px;margin:0}.feature-icon{height:20px;margin-bottom:8px}.feature h3{font-size:16px}.feature p{font-size:11px}.mini-list{width:90%;padding:6px}.mini-list span{width:9px;height:9px}.mini-list>div{gap:4px}.file-stack{transform:scale(.6)}.workflow{padding:50px 0}.steps{grid-template-columns:1fr;gap:24px;margin-top:29px}.steps article{grid-template-columns:36px 1fr;gap:0 16px;display:grid}.step-number{grid-row:1/3;margin:0}.steps p{grid-column:2;margin-top:5px;font-size:12px}.steps h3{font-size:17px}.market-section{grid-template-columns:1fr;gap:25px}.language-grid a{padding:10px;font-size:11px}.roadmap{grid-template-columns:1fr;gap:18px;padding:24px}.roadmap h2{font-size:23px}.roadmap-list article{grid-template-columns:8px 70px 1fr;gap:8px;font-size:10px}.faq{grid-template-columns:1fr;gap:20px}.faq h2{max-width:100%}.faq summary{padding:17px 0;font-size:13px}.faq details p{font-size:12px}.closing{padding:32px 25px}.closing h2{font-size:25px}.closing-symbol{font-size:270px;bottom:-85px;right:-45px}footer{flex-wrap:wrap;gap:15px;padding-top:30px;padding-bottom:26px}footer p{order:3;width:100%;font-size:9px}footer>a:last-child{margin-left:auto}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.platform-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px;display:grid}.platform-card{border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;min-height:270px;padding:25px;display:flex}.platform-card h3{letter-spacing:-.6px;margin:23px 0 12px;font-size:21px}.platform-card p{color:var(--muted);max-width:550px;font-size:12px;line-height:1.9}.shopee-card{background:linear-gradient(105deg,#fff 50%,#f2f6ec);grid-column:span 3;grid-template-columns:1fr 1fr;gap:0 40px;padding:32px;display:grid}.shopee-card .platform-card-top{grid-column:1/-1}.shopee-card h3{grid-column:1;font-size:28px}.shopee-card>p{grid-column:1}.platform-card-top{justify-content:space-between;align-items:center;display:flex}.platform-logo{border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;font-size:26px;font-weight:700;display:flex}.shopee-logo{color:#ef6b3c;background:#fff0e9}.platform-type{color:var(--green);background:#edf4e5;border:1px solid #dde8d3;border-radius:20px;padding:4px 11px;font-size:10px}.platform-tags{grid-area:2/2;align-self:center;gap:8px;display:flex}.platform-tags span,.download-tags span{color:var(--green);background:#fff;border:1px solid #d9e4cf;border-radius:5px;padding:4px 10px;font-size:10px}.platform-actions{flex-wrap:wrap;grid-area:3/2;align-items:center;gap:18px;display:flex}.platform-actions a{color:var(--green);align-items:center;gap:9px;font-size:12px;font-weight:500;display:inline-flex}.platform-actions a:first-child{background:var(--green);color:#fff;border-radius:6px;padding:11px 15px}.upcoming{background:0 0;border-style:dashed;min-height:230px}.upcoming h3{color:#64785c;font-size:18px}.reserved-0{color:#7d78a3;background:#eff0f8}.reserved-1{color:#ad8b64;background:#faf1e6}.reserved-2{color:#6a8270;background:#edf1ee}.reserve-mark{color:#a5b39a;font-size:25px;font-weight:400}.reserved-lines{flex-direction:column;gap:6px;margin-top:auto;padding-top:25px;display:flex}.reserved-lines i{background:#e7ece1;border-radius:5px;width:70%;height:4px}.reserved-lines i:nth-child(2){width:45%}.reserved-lines i:last-child{width:30%}.product-matrix{padding-bottom:0}.download-section{background:#eaf1e1;border:1px solid #dce6d2;border-radius:12px;grid-template-columns:1fr 1fr;align-items:center;gap:50px;padding:43px;display:grid}.download-copy h2{font-size:27px}.download-copy p{color:var(--muted);margin-top:14px;font-size:12px;line-height:1.9}.download-tags{flex-wrap:wrap;gap:6px;margin-top:20px;display:flex}.download-slots{flex-direction:column;gap:12px;display:flex}.download-slot{background:#ffffffb8;border:1px solid #dce6d2;border-radius:9px;align-items:center;gap:14px;padding:19px;display:flex}.download-icon{color:var(--green)}.download-slot strong{font-size:12px;font-weight:550;display:block}.download-slot small{color:#8b977f;margin-top:4px;font-size:10px;display:block}.download-slot button{color:#a3af99;cursor:not-allowed;background:#f2f5ed;border:1px solid #dce6d2;border-radius:6px;margin-left:auto;padding:7px;display:flex}.features{row-gap:22px}.hero .demo-shell{margin-top:40px}@media (max-width:720px){.platform-grid{grid-template-columns:1fr;gap:15px}.shopee-card{grid-column:1;gap:0;padding:23px;display:flex}.shopee-card h3{font-size:24px}.platform-tags{margin-top:20px}.platform-actions{gap:15px;margin-top:20px}.platform-actions a{font-size:10px}.platform-card{min-height:205px}.upcoming .platform-logo{width:36px;height:36px;font-size:21px}.upcoming h3{margin-top:17px}.download-section{grid-template-columns:1fr;gap:25px;padding:26px}.download-copy h2{font-size:24px}.download-slot{padding:15px}.download-slot strong{font-size:11px}.product-matrix{padding-bottom:0}}.hero{padding-bottom:70px}.hero .hero-note{margin-top:24px}.feature-art{color:#426637;background:linear-gradient(145deg,#f4f7ee,#edf3e6);height:210px;padding:12px;position:relative}.product-download{width:100%;margin-top:34px}.art-browser,.art-sheet,.art-reviews,.art-media{text-align:left;background:#fff;border:1px solid #d6e0cf;border-radius:7px;width:100%;max-width:282px;line-height:1.4;overflow:hidden;box-shadow:0 8px 20px #324c2410}.art-object{filter:drop-shadow(3px 6px 2px #4960381a);justify-content:center;align-items:flex-end;gap:3px;width:59px;height:45px;display:flex;transform:skewY(-6deg)}.art-object i{background:linear-gradient(100deg,#d5ddc8,#c1cbaf);border:1px solid #a4b592;border-radius:2px 2px 0 0;width:15px;height:32px;display:block}.art-object i:nth-child(2){height:42px}.art-object i:last-child{height:26px}.art-object.variant-1 i{background:linear-gradient(100deg,#e2ceb8,#d0b593);border-color:#bb9d78}.art-object.variant-2 i{background:linear-gradient(100deg,#cedae2,#b5c9d4);border-color:#93aebd}.art-browser{height:168px;position:relative}.art-browser-bar{color:#9aa991;background:#f4f7f0;border-bottom:1px solid #e3eade;align-items:center;gap:15px;height:17px;padding:0 8px;font-size:5.5px;display:flex}.art-window-dots{letter-spacing:2px;color:#b0bca5;font-size:4px}.art-marketplace{padding:8px 10px}.art-market-header{background:#fae7dc;border-radius:3px;align-items:center;gap:12px;padding:5px 7px;display:flex}.art-market-header b{color:#c98f6b;font-size:7px;font-weight:600}.art-market-header i{background:#fffbf8;border-radius:2px;width:65%;height:8px;display:block}.art-market-products{gap:7px;margin-top:7px;display:flex}.art-market-products>div{background:#f1f4e9;border:1px solid #e6ebdf;border-radius:3px;flex-direction:column;align-items:center;width:33%;height:73px;padding-top:4px;display:flex}.art-market-products .art-object{height:40px;transform:scale(.55)skewY(-6deg)}.art-market-products>div>span{background:#dce5d2;width:60%;height:3px;margin-top:2px}.art-market-products>div>span:last-child{width:40%}.art-drawer{background:#fff;border-top:1px solid #a4be92;border-radius:7px 7px 0 0;padding:3px 8px 5px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -7px 16px #314f2626}.drawer-handle{background:#d3dfc9;border-radius:3px;width:21px;height:2px;margin:0 auto 3px}.drawer-title{color:#315529;align-items:center;gap:5px;margin-bottom:4px;font-size:7px;display:flex}.drawer-logo{background:var(--green);color:#fff;border-radius:3px;justify-content:center;align-items:center;width:11px;height:11px;font-size:7px;display:flex}.drawer-title strong{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.drawer-title svg:first-of-type{margin-left:auto}.drawer-count{background:#edf3e8;border-radius:2px;padding:1px 3px;font-size:5px}.drawer-grid{grid-template-columns:minmax(0,1fr) 40px 40px;align-items:center;gap:5px;font-size:6px;display:grid}.drawer-header{color:#8b9b7d;background:#edf3e6;padding:3px;font-size:5px}.drawer-row{color:#637953;border-bottom:1px solid #edf1e9;padding:3px}.drawer-row>span:first-child{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;display:flex;overflow:hidden}.drawer-thumb{background:#cfdcbb;border-radius:2px;flex-shrink:0;width:9px;height:9px;display:block}.drawer-thumb.thumb-1{background:#e0c8ac}.drawer-thumb.thumb-2{background:#c5d4df}.art-sheet{font-size:6px}.sheet-toolbar{color:#fff;background:#17644b;align-items:center;gap:6px;height:27px;padding:0 8px;font-size:7px;display:flex}.sheet-app{background:#ffffff25;border-radius:2px;justify-content:center;align-items:center;width:16px;height:17px;font-size:11px;font-weight:700;display:flex}.sheet-toolbar strong{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.sheet-format{background:#ffffff18;border-radius:2px;margin-left:auto;padding:2px 4px;font-size:6px}.sheet-formula{color:#8b9a80;background:#f8faf5;border-bottom:1px solid #dfe7d7;align-items:center;gap:9px;height:19px;padding:0 7px;font-size:5px;display:flex}.sheet-formula>span:first-child{color:#5e7d4d;font-size:7px;font-style:italic}.sheet-formula i{color:#819472;font-style:normal}.sheet-export{margin-left:auto}.sheet-row{grid-template-columns:17px minmax(0,1fr) 39px 37px;display:grid}.sheet-row>span,.sheet-row>strong{white-space:nowrap;text-overflow:ellipsis;color:#5f7453;border-bottom:1px solid #e2e9da;border-right:1px solid #e2e9da;align-items:center;height:19px;padding:0 5px;font-weight:400;display:flex;overflow:hidden}.sheet-row>span:first-child{color:#9aa78e;background:#f4f7ee;justify-content:center;padding:0;font-size:5px}.sheet-letters>span{color:#829973;background:#f1f6eb;justify-content:center;height:15px}.sheet-header strong{color:#456835;background:#edf4e6;font-size:5px;font-weight:500}.sheet-header>span:first-child{background:#eaf2e1}.sheet-active>span:nth-child(2){outline-offset:-1px;background:#f4f9ee;outline:1.5px solid #479044;position:relative}.sheet-active>span:nth-child(2):after{content:"";background:#479044;width:3px;height:3px;position:absolute;bottom:0;right:0}.sheet-footer{color:#8e9d83;background:#f5f8f0;align-items:center;gap:9px;height:19px;padding:0 7px;font-size:5px;display:flex}.sheet-footer>span:first-child{color:#477236;border-bottom:2px solid #479044;align-self:stretch;align-items:center;padding:0 3px;display:flex}.sheet-footer>span:last-child{margin-left:auto;font-size:4.5px}.art-reviews{padding:10px 12px}.reviews-top{border-bottom:1px solid #e6ecdf;align-items:center;gap:6px;padding-bottom:8px;font-size:8px;display:flex}.reviews-top strong{font-weight:600}.reviews-top>span{color:#b08b3e;margin-left:auto;font-size:7px}.reviews-top svg{color:#89a275}.review-example{gap:8px;padding:10px 0;display:flex}.review-example+.review-example{border-top:1px solid #eef1e9}.review-avatar{color:#6a8e53;background:#e7efdf;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:23px;height:23px;font-size:10px;display:flex}.avatar-1{color:#a88969;background:#efe8df}.review-example>div{width:100%;min-width:0}.review-name{color:#627751;justify-content:space-between;align-items:center;gap:5px;font-size:7px;font-weight:500;display:flex}.review-name>span{color:#9aa88e;font-size:5px;font-weight:400}.review-stars{color:#c5a45b;letter-spacing:1px;margin-top:2px;font-size:7px}.review-example p{color:#8a967f;max-width:100%;margin-top:4px;font-size:7px;line-height:1.5}.art-media{background:#fcfdf9;padding:8px 9px}.media-toolbar{color:#84a06e;align-items:center;gap:5px;padding-bottom:7px;font-size:6px;display:flex}.media-toolbar>span:last-child{background:#edf3e6;border:1px solid #dee8d3;border-radius:3px;align-items:center;gap:4px;margin-left:auto;padding:1px 4px;display:flex}.media-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.media-tile{background:#fff;border:1px solid #dfe8d6;border-radius:4px;position:relative;overflow:hidden}.media-preview{background:#edf2e4;justify-content:center;align-items:center;height:49px;display:flex}.media-1 .media-preview{background:#eaeedf}.media-2 .media-preview{background:#f2ebe2}.media-3 .media-preview{background:#eef3e9}.media-4 .media-preview{background:#f2ebe1}.media-5 .media-preview{background:#e8eff1}.media-preview .art-object{height:42px;transform:scale(.65)skewY(-6deg)}.media-check{z-index:1;color:#fff;background:#6b9853;border-radius:3px;justify-content:center;align-items:center;width:10px;height:10px;display:flex;position:absolute;top:3px;right:3px}.media-play{color:#fff;background:#203a2e8a;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:14px}.media-label{white-space:nowrap;justify-content:space-between;align-items:center;gap:2px;padding:3px 4px;font-size:5px;display:flex;overflow:hidden}.media-label small{color:#a0af94;font-size:4px}.art-archive{justify-content:center;align-items:center;width:220px;height:165px;padding-bottom:31px;display:flex;position:relative}.archive-back{color:#9eaf8c;background:#fff;border:1px solid #dce5d1;border-radius:6px;justify-content:center;align-items:flex-end;width:64px;height:79px;padding-bottom:10px;font-size:9px;display:flex;position:absolute;top:27px}.archive-back-one{left:45px;transform:rotate(-16deg)}.archive-back-two{right:44px;transform:rotate(15deg)}.zip-file{color:#aa8840;background:#fff9e8;border:1px solid #decc9a;border-radius:6px;flex-direction:column;justify-content:flex-end;align-items:flex-start;width:72px;height:93px;padding:0 13px 9px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 18px #63542e13}.zip-file strong{letter-spacing:1px;margin-top:1px;font-size:15px;font-weight:700}.zip-fold{background:linear-gradient(45deg,#ead9b0 50%,#f8f9f1 50%);border-radius:0 0 0 3px;width:17px;height:17px;position:absolute;top:0;right:0}.zip-zipper{flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;top:-1px;right:16px}.zip-zipper i{border-left:4px solid #b5a064;border-right:4px solid #e5d9b5;width:8px;height:5px;display:block}.zip-zipper i:nth-child(2n){border-left-color:#e5d9b5;border-right-color:#b5a064}.zip-zipper b{background:#f2e6c7;border:2px solid #b5a064;border-radius:2px;width:10px;height:12px}.archive-caption{text-align:center;line-height:1.6;position:absolute;bottom:3px}.archive-caption>span{color:#6f7e5e;font-size:9px;display:block}.archive-caption small{color:#97a78a;justify-content:center;align-items:center;gap:4px;font-size:6px;display:flex}.feature-art-5{background:linear-gradient(145deg,#f8f6ed,#eff3e7)}@media (max-width:1000px) and (min-width:721px){.feature-art{padding:8px}.drawer-grid{grid-template-columns:minmax(0,1fr) 30px 30px}.sheet-row{grid-template-columns:13px minmax(0,1fr) 29px 29px}.review-example p{font-size:6px}.media-label small{display:none}}@media (max-width:720px){.hero{padding-bottom:40px}.hero .hero-note{margin-top:20px}.feature{padding:22px;display:block}.feature-art{height:210px;margin-bottom:20px;padding:13px}.feature-icon{margin-bottom:10px}.feature h3{font-size:18px}.feature p{font-size:12px}.product-download{margin-top:25px}.art-browser,.art-sheet,.art-reviews,.art-media{max-width:285px}.review-example p{font-size:7px}}