:root{--bg:#f7f8f5;--paper:#fff;--ink:#233b35;--muted:#79857e;--green:#237a62;--line:#e5eae3;--mint:#e9f2ea;--side:250px;--purple:#7777b7;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #83b8a6;outline-offset:3px}button:disabled{cursor:default;opacity:.45}[hidden]{display:none!important}.skip-link{position:fixed;top:-100px;left:20px;z-index:1000;padding:12px;background:white}.skip-link:focus{top:10px}.sidebar{width:var(--side);position:fixed;inset:0 auto 0 0;background:#fcfcf9;border-right:1px solid var(--line);padding:30px 18px 0;display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:12px;align-items:center;margin:0 15px 38px;font-size:20px;font-weight:750;letter-spacing:1px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;background:var(--green);color:white;border-radius:11px;font-size:30px;line-height:1}.brand small{display:block;font-size:9px;letter-spacing:2.7px;font-weight:500;color:var(--muted);margin-top:4px}.side-label{padding:0 14px;display:flex;justify-content:space-between;font-size:11px;letter-spacing:1px;color:#8b968d}.side-label span{font-size:9px;letter-spacing:1px}.side-main{margin:13px 0 29px}.nav-item{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;background:none;border-radius:7px;padding:11px 13px;text-align:left;font-size:12px;gap:8px;margin:3px 0}.nav-item>span:last-child{font-size:10px;color:#91a196;font-variant-numeric:tabular-nums}.nav-item:hover{background:#f0f3ed}.nav-item.active{background:#e9f1e8;color:#247452;font-weight:650}.nav-item.active>span:last-child{color:#558267}.category-label{margin-bottom:12px}#category-nav{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#dce3d9 transparent;flex:1}#category-nav .nav-item{padding:9px 13px;font-size:11px}#category-nav .nav-item .nav-number{font-size:9px;color:#a1aaa1;margin-right:11px}.side-foot{font-size:10px;color:#89958a;padding:22px 8px 21px;border-top:1px solid var(--line);margin-top:14px;white-space:nowrap}.side-foot small{display:block;padding-left:13px;margin-top:6px;font-size:9px;color:#a2aaa1}.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#71a278;margin-right:7px}.page{margin-left:var(--side)}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 46px;background:#fcfcf9}.topbar>div{display:flex;align-items:center;gap:17px;font-size:11px}.top-label{color:#899389}.top-divider{color:#c9d0c6}.topbar strong{font-weight:500}.edition{color:#8b978e;font-size:10px}.subtle-btn{border:1px solid #dfe5dc;padding:9px 13px;background:transparent;border-radius:6px;font-size:10px}.subtle-btn:hover{background:#eaf0e6}.subtle-btn span{margin-left:10px}main{max-width:1620px;margin:auto;padding:0 46px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;padding:61px 0 47px}.eyebrow{font-size:9px;letter-spacing:2px;color:#658678;display:flex;align-items:center;gap:8px}.eyebrow>span{width:5px;height:5px;background:#5f927b;border-radius:50%}h1{font-size:clamp(34px,3.6vw,57px);line-height:1.32;letter-spacing:-1.6px;font-weight:650;margin:20px 0 19px}h1 em{font-style:normal;color:#458771}.hero-copy>p{font-size:12px;line-height:1.95;color:#849184;margin:0}.hero-stats{display:flex;align-items:center;gap:17px;font-size:10px;color:#899789;margin-top:27px}.hero-stats b{font-size:16px;color:#456354;font-weight:600;margin-right:4px}.hero-stats i{height:13px;width:1px;background:#dbe3d8}.hero-art{position:relative;max-width:470px;width:100%;margin:0 auto;padding:24px 22px 15px}.art-label{font-size:8px;letter-spacing:1.7px;color:#879e8b;margin-bottom:18px;display:flex;justify-content:space-between}.art-label span{color:#a9b4a7}.art-window{border:1px solid #dce5d9;border-radius:10px;background:white;box-shadow:0 14px 30px #395c3410;transform:rotate(-2deg);overflow:hidden}.art-top{height:31px;background:#fafbf8;border-bottom:1px solid #ecf0e8;display:flex;align-items:center;gap:5px;padding:0 11px}.art-top>span{height:5px;width:5px;background:#d3ddd1;border-radius:50%}.art-top i{font-size:8px;font-style:normal;color:#a4b39f;flex:1;text-align:center;letter-spacing:1px}.art-inner{display:flex;min-height:219px}.art-side{width:50px;border-right:1px solid #edf1e9;padding:18px 10px}.art-side>*{height:7px;background:#e7ede2;display:block;border-radius:3px;margin-bottom:12px}.art-side b{background:#aacdb7}.art-body{padding:20px 22px;flex:1}.art-breadcrumb{font-size:8px;color:#99a994}.art-breadcrumb span{margin:0 10px}.art-tabs{display:flex;font-size:9px;color:#8d9b88;border-bottom:1px solid #e6eddf;gap:21px;margin-top:18px;padding-bottom:9px}.art-tabs b{color:#2f795d;position:relative;font-weight:600}.art-tabs b:after{content:'';position:absolute;height:2px;background:#3b8a66;bottom:-10px;left:0;right:0}.art-tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:19px}.art-tiles>div{background:#f6f8f2;border:1px solid #edf0e7;border-radius:7px;padding:10px}.art-tiles small{font-size:8px;color:#8b9b83}.art-tiles>div>span{display:block;font-size:7px;color:#90a18a;margin-top:8px}.art-switch{width:29px;height:16px;border-radius:20px;background:#428465;margin-top:9px;padding:3px}.art-switch i{display:block;margin-left:auto;width:10px;height:10px;background:white;border-radius:50%}.art-progress{height:5px;background:#e0e8d7;border-radius:8px;margin-top:14px}.art-progress i{width:68%;display:block;background:#8c9c79;height:5px;border-radius:8px}.art-button{font-size:8px;margin-top:14px;background:#397b5e;color:white;border-radius:4px;padding:9px 11px;width:112px;display:flex;justify-content:space-between}.callout{position:absolute;background:#fff;padding:9px 12px;border:1px solid #e2e6ed;font-size:10px;border-radius:5px;box-shadow:0 5px 14px #636b7c0c;color:#7675aa;transform:rotate(3deg)}.callout i{font-style:normal;margin-left:7px;color:#90989b;font-size:8px}.callout-one{right:-3px;top:107px}.callout-two{left:-5px;bottom:85px;transform:rotate(-5deg);color:#43856e}.callout-three{right:11px;bottom:32px;transform:rotate(5deg)}.art-caption{font-size:8px;letter-spacing:2px;color:#97a58e;margin-top:25px;text-align:center}.explorer{scroll-margin-top:24px}.search-box{display:flex;align-items:center;background:white;border:1px solid #dee5da;border-radius:9px;height:52px;padding:0 17px;gap:12px;box-shadow:0 3px 8px #335d311f}.search-box>span{font-size:25px;font-family:Arial;color:#839882}.search-box input{border:0;outline:none!important;width:100%;background:none;font-size:12px;color:var(--ink);height:100%}.search-box input::placeholder{color:#9aa497}.search-box:focus-within{border-color:#82a790;box-shadow:0 0 0 3px #cde2d755}.search-box kbd{border:1px solid #e5e9e2;background:#f8faf5;color:#9ca596;border-radius:4px;padding:3px 7px;font-size:10px}.quick-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:16px 0 26px}.quick-filters>span{font-size:10px;color:#94a18f;margin-right:4px}.quick-filters button{font-size:10px;border:1px solid #e4e9df;background:transparent;border-radius:5px;padding:5px 10px;color:#7d907a}.quick-filters button:hover,.quick-filters button.active{background:#e7f0e5;color:#31704f;border-color:#cbdcc7}.catalog-heading{border-top:1px solid var(--line);padding:27px 0 22px;display:flex;justify-content:space-between;align-items:center}.section-eyebrow{color:#99a590;font-size:8px;letter-spacing:2px;margin-bottom:9px}h2{font-size:21px;font-weight:600;letter-spacing:-.5px;margin:0}h2>span{font-size:11px;border-radius:5px;background:#e8ede3;color:#829179;padding:3px 7px;margin-left:7px;font-weight:500;vertical-align:middle}.catalog-heading p{font-size:10px;color:#98a08f;margin:9px 0 0}.view-switch{display:flex;border:1px solid #dfe5d9;padding:3px;border-radius:6px;background:#f0f3ec}.view-switch button{width:29px;height:27px;border:0;background:none;color:#9da996;border-radius:4px;font-size:18px}.view-switch button.active{background:#fff;color:#4b7960;box-shadow:0 1px 3px #44533318}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{border:1px solid #e1e7dc;border-radius:10px;background:#fff;overflow:hidden;position:relative;transition:transform .2s,border-color .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);border-color:#b4cab5;box-shadow:0 8px 22px #284d3210}.card-open{border:0;display:block;background:transparent;text-align:left;width:100%;padding:0}.card-visual{height:auto;aspect-ratio:360/210;background:#f0f5ed;border-bottom:1px solid #e9eee4;overflow:hidden;padding:5px}.card:nth-child(3n+2) .card-visual{background:#f2f2f8}.card:nth-child(3n) .card-visual{background:#f5f3ec}.card-visual svg{width:100%;height:100%;display:block}.card-info{padding:18px 18px 16px}.card-category{font-size:8px;letter-spacing:.4px;color:#8e9c88;display:flex;align-items:center;gap:6px;margin-bottom:9px}.card-category:before{content:'';width:4px;height:4px;border-radius:50%;background:#8bb995}.card h3{font-size:15px;font-weight:600;margin:0 0 4px;padding-right:20px}.card-english{font-size:10px;color:#8c9890;letter-spacing:.25px;min-height:14px}.card-desc{font-size:11px;line-height:1.7;color:#7c887d;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:37px;margin:12px 0 15px}.card-bottom{display:flex;justify-content:space-between;border-top:1px solid #f0f2ed;padding-top:10px;font-size:9px;color:#9aa690}.card-bottom span:last-child{color:#62896c}.favorite-btn{position:absolute;right:13px;bottom:104px;border:0;background:transparent;font-size:19px;color:#b5c1af;padding:5px;line-height:1}.favorite-btn.saved{color:#bb9960}.cards.list{grid-template-columns:1fr 1fr}.cards.list .card-open{display:flex;height:167px;align-items:stretch}.cards.list .card-visual{width:43%;aspect-ratio:auto;display:flex;align-items:center;flex:none;border:0;border-right:1px solid #e9eee4}.cards.list .card-info{flex:1;padding:14px}.cards.list .card-category{margin-bottom:6px}.cards.list .card-desc{margin:8px 0}.cards.list .card-bottom{padding-top:6px}.cards.list .favorite-btn{top:9px;bottom:auto;right:8px}.cards.list .card h3{font-size:13px}.pagination{display:flex;justify-content:center;align-items:center;gap:7px;margin:31px 0 52px;flex-wrap:wrap}.pagination button{border:1px solid #dde5d7;background:white;border-radius:5px;min-width:31px;height:31px;font-size:11px;padding:0 10px}.pagination button.active{background:#327556;border-color:#327556;color:white}.pagination .page-summary{font-size:10px;color:#93a08c;margin-right:10px}.empty{grid-column:1/-1;text-align:center;padding:70px 20px;color:#81907e}.empty>span{font-size:40px;color:#a7baa1}.empty h3{font-size:19px;color:#546c50}.empty p{font-size:12px}.empty button{margin-top:10px}.compare-card{border:1px solid #e1e7dc;border-radius:10px;background:#fff;padding:21px}.compare-card h3{font-size:16px;margin:0 0 14px}.compare-card p{font-size:12px;line-height:1.8;color:#74836f}.compare-visuals{display:flex;gap:8px;align-items:center}.compare-visuals>div{width:50%;background:#f3f6ef;border-radius:8px;overflow:hidden}.compare-visuals svg{width:100%;display:block}.compare-visuals small{display:block;font-size:10px;text-align:center;padding:0 8px 12px;color:#527551}.cards.comparisons{grid-template-columns:1fr 1fr}.compare-card button{border:0;background:#edf3e9;color:#507946;border-radius:5px;padding:7px 9px;margin-right:5px;font-size:10px}footer{border-top:1px solid var(--line);padding:27px 0 30px;font-size:9px;color:#95a18e}footer .footer-brand{font-size:13px;color:#54764f;display:flex;gap:15px;align-items:center}footer .footer-brand span{font-size:10px;color:#98a18e}footer p{margin:12px 0}footer a{margin-right:13px;color:#778c71}footer a:hover{text-decoration:underline}dialog{border:1px solid #dce5d7;border-radius:16px;padding:0;width:min(890px,calc(100vw - 32px));max-height:90dvh;background:#fcfdf9;color:var(--ink);box-shadow:0 25px 80px #183c3833}dialog::backdrop{background:#1d352e77;backdrop-filter:blur(4px)}.detail-head{display:flex;justify-content:space-between;align-items:center;padding:21px 27px;border-bottom:1px solid #e4eade;font-size:11px;color:#7d9271}.icon-btn{border:0;border-radius:6px;padding:6px 10px;background:transparent;font-size:18px}.icon-btn:hover{background:#eaf0e4}.detail-body{padding:29px;display:grid;grid-template-columns:1fr 1fr;gap:30px}.detail-image{border-radius:11px;background:#edf3e8;padding:12px;align-self:start;border:1px solid #e0e8d9}.detail-image svg{width:100%;display:block}.detail-image>span{font-size:9px;color:#96a08a;display:block;text-align:center;padding:8px}.detail-copy h2{font-size:27px;line-height:1.4}.detail-en{font-size:13px;color:#7d9380;margin:8px 0 22px}.detail-copy h3{font-size:11px;letter-spacing:1px;color:#849776;margin:21px 0 7px}.detail-copy p{font-size:13px;line-height:1.9;margin:0;color:#52664f}.detail-note{padding:13px;background:#f2f0e4;border-radius:7px;font-size:11px!important;color:#8f835c!important;margin-top:17px!important}.detail-actions{display:flex;gap:8px;margin-top:24px}.primary-btn{border:1px solid #2d7555;background:#2d7555;color:#fff;padding:10px 16px;border-radius:6px;font-size:12px}.primary-btn:hover{background:#235d44}.demo-section{border-top:1px solid #e4eadf;margin:0 29px 29px;padding-top:22px}.demo-section h3{font-size:13px;margin:0 0 6px}.demo-section>p{font-size:11px;color:#8a987e;margin:0 0 18px}.demo-stage{background:white;padding:25px;border:1px solid #e0e7da;border-radius:8px;min-height:90px;position:relative}.demo-stage button,.demo-stage input,.demo-stage select,.demo-stage textarea{font:inherit}.demo-stage input:not([type=checkbox]):not([type=radio]):not([type=range]),.demo-stage select,.demo-stage textarea{max-width:100%;border:1px solid #bccdb1;border-radius:5px;padding:10px;background:white;color:#415c39}.demo-stage label{font-size:13px;color:#547047}.demo-stage button{border:1px solid #cad8c0;background:#f8faf4;padding:8px 13px;border-radius:5px;font-size:12px}.demo-tabs{display:flex;gap:8px;border-bottom:1px solid #dfe7d8}.demo-tabs button{border:0;border-radius:0;background:none;padding:12px}.demo-tabs button[aria-selected=true]{border-bottom:2px solid #397d53;color:#397d53}.demo-tab-panel{padding:20px 12px;background:#f7faf2;font-size:13px;line-height:1.8}.demo-switch{width:46px;height:26px!important;border-radius:20px!important;padding:3px!important;display:inline-flex;align-items:center;background:#c9d0c2!important}.demo-switch[aria-checked=true]{background:#398258!important}.demo-switch i{width:18px;height:18px;border-radius:50%;background:#fff;display:block;transition:transform .2s}.demo-switch[aria-checked=true] i{transform:translateX(19px)}.demo-options{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.demo-options input{accent-color:#327854}.demo-stage details{border:1px solid #e0e7d9;border-radius:6px;margin:6px 0;padding:12px;font-size:12px}.demo-stage summary{cursor:pointer}.demo-stage details p{line-height:1.8;color:#7e8f72}.demo-inline-result{font-size:12px;color:#718966;margin-left:15px}.demo-menu{display:grid;gap:6px;width:180px;margin-top:7px;padding:8px;border:1px solid #dce4d6;border-radius:6px;background:white;box-shadow:0 8px 20px #254f2711}.demo-menu button{text-align:left;border:0}.demo-tooltip{position:relative;display:inline-block}.demo-tooltip [role=tooltip]{display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:#294432;color:white;font-size:11px;padding:8px 12px;border-radius:5px;white-space:nowrap}.demo-tooltip:hover [role=tooltip],.demo-tooltip:focus-within [role=tooltip]{display:block}.toast{position:fixed;bottom:28px;left:calc(50% + 90px);transform:translateX(-50%);z-index:90;background:#2a4e36;color:#fff;padding:13px 22px;border-radius:8px;box-shadow:0 8px 30px #234b3430;font-size:12px;max-width:90vw}.mobile-menu{display:none}.demo-stage progress{accent-color:#438354;width:220px;max-width:100%}.demo-stage .selected{background:#327557;color:white}.demo-chips{display:flex;gap:8px;flex-wrap:wrap}.demo-chips button{background:#edf3e8;color:#507848}.demo-stage .field-label{display:block;margin-bottom:8px}.demo-stage .slider-row{display:flex;gap:15px;align-items:center}.demo-stage .slider-row input{width:220px;accent-color:#367b50}.demo-stage .error-text{font-size:11px;color:#b65c50;margin-top:8px}.demo-stage .rating-btn{font-size:25px;color:#c2b281;background:transparent;border:0;padding:3px}.demo-stage .rating-btn.selected{color:#b89846;background:transparent}
@media(min-width:1550px){.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.hero{grid-template-columns:1.1fr 1fr;padding-top:68px;padding-bottom:53px}}
@media(max-width:1150px){:root{--side:220px}main{padding:0 29px}.topbar{padding:0 29px}.sidebar{padding-left:13px;padding-right:13px}.hero{gap:10px;padding-top:42px}.hero-art{padding:18px 13px}.art-body{padding:16px}.hero-stats{gap:10px}.cards{gap:13px}.card-info{padding:15px}.edition{display:none}.cards.list{grid-template-columns:1fr}.hero-stats b{font-size:14px}}
@media(max-width:950px){:root{--side:205px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-art{display:none}.hero{grid-template-columns:1fr;padding:35px 0}.hero-copy>p br{display:none}h1 br{display:none}h1{font-size:39px;letter-spacing:-1px}.hero-stats{margin-top:20px}.cards.comparisons{grid-template-columns:1fr}.topbar{height:64px}.topbar>div{gap:10px}.top-label,.top-divider{display:none}}
@media(max-width:680px){:root{--side:250px}.sidebar{transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0)}.page{margin:0}.mobile-menu{display:block;font-size:15px}.topbar{padding:0 16px;height:60px}.topbar>div{gap:8px}.topbar strong{font-size:11px}.subtle-btn{font-size:9px;padding:8px}.top-actions .subtle-btn span{margin-left:4px}main{padding:0 20px}.hero{padding:33px 0 28px}.eyebrow{font-size:8px;letter-spacing:1px}h1{font-size:36px;margin:17px 0 14px;line-height:1.4}h1 br{display:block}.hero-copy>p{font-size:11px}.hero-copy>p br{display:block}.hero-stats{font-size:9px;gap:14px}.hero-stats b{font-size:14px}.search-box{height:49px;padding:0 12px}.search-box input{font-size:11px}.search-box kbd{display:none}.quick-filters{gap:7px;padding:14px 0 20px}.quick-filters button{padding:5px 8px;font-size:9px}.quick-filters>span{font-size:9px}.catalog-heading{padding:23px 0 17px}h2{font-size:19px}.catalog-heading p{font-size:10px;max-width:270px;line-height:1.6}.cards{gap:12px}.card-info{padding:12px}.card h3{font-size:13px;line-height:1.4}.card-english{font-size:8px;min-height:23px}.card-desc{font-size:10px;height:34px;margin:8px 0 11px}.card-category{font-size:8px;min-height:12px}.card-bottom{font-size:8px;padding-top:8px}.favorite-btn{bottom:93px;right:6px;font-size:17px}.card-visual{aspect-ratio:360/240;padding:0}.card-bottom>span:first-child{max-width:90px;overflow:hidden;white-space:nowrap}.view-switch button{width:25px}.cards.list .card-open{height:160px}.cards.list .card-info{padding:12px}.cards.list .card-english{min-height:12px}.detail-body{grid-template-columns:1fr;padding:20px;gap:20px}.detail-image{max-width:420px;width:100%;margin:auto}.detail-image svg{max-height:200px}.detail-head{padding:14px 18px}.detail-copy h2{font-size:24px}.detail-en{margin-bottom:16px}.detail-copy h3{margin-top:16px}.demo-section{margin:0 20px 20px}.demo-stage{padding:18px}.toast{left:50%}.scrim{position:fixed;inset:0;background:#21372b66;z-index:19}.pagination{gap:5px}.pagination .page-summary{width:100%;text-align:center;margin-bottom:8px}footer .footer-brand span{font-size:9px}.compare-card{padding:16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(min-width:681px){.card-desc{font-size:12px;height:41px}.card-english{font-size:11px}.card-category{font-size:9px}.card-bottom{font-size:10px}#category-nav .nav-item{font-size:12px}.nav-item{font-size:13px}.catalog-heading p{font-size:12px}.search-box input{font-size:13px}.quick-filters button{font-size:11px}.hero-copy>p{font-size:13px}.favorite-btn{bottom:111px}}
@media(max-width:480px){.cards{grid-template-columns:1fr}.card-visual{aspect-ratio:360/210}.card-info{padding:17px}.card h3{font-size:16px}.card-english{font-size:11px;min-height:15px}.card-desc{font-size:12px;height:auto;min-height:20px;margin:12px 0 16px}.card-category{font-size:10px}.card-bottom{font-size:10px}.favorite-btn{right:14px;bottom:99px}.cards.list .card-english{font-size:9px}.cards.list .card-desc{font-size:11px}.cards.list .card-info{padding:12px}.cards.list .card-category{font-size:8px}.cards.list .card-bottom{font-size:8px}.cards.list .card-desc{height:34px;min-height:0;margin:8px 0}}
.card-desc{color:#617260}.card-english{color:#6d7e74}.card-category{color:#6c806c}.catalog-heading p{color:#718169}.hero-copy>p{color:#6e816f}
@media print{.sidebar,.topbar,.hero,.search-box,.quick-filters,.pagination,.view-switch,.favorite-btn{display:none}.page{margin:0}main{padding:0}.cards{grid-template-columns:repeat(3,1fr)}.card{break-inside:avoid;box-shadow:none}body{background:white}}