/* Washlora showcase features, documentation and setup. */
.ld-buyer-features{padding-block:40px 110px;scroll-margin-top:32px}
.wx-heading{text-align:center;max-width:850px;margin:0 auto 60px}
.wx-heading .ld-eyebrow{justify-content:center;color:#52705e}
.ld-showcase .wx-heading h2{font-size:clamp(38px,4.6vw,66px);font-weight:500;letter-spacing:-2.8px;line-height:1.06}
.wx-heading>p:last-child{max-width:590px;margin:24px auto 0;color:#607267;font-size:16px;line-height:1.8}
.wx-feature-stage{display:grid;gap:24px}
.wx-kicker{display:block;font-size:10px;font-weight:700;letter-spacing:1.5px;color:#577362}
.wx-store-panel{display:grid;grid-template-columns:.9fr 1.2fr;align-items:center;gap:50px;background:#eaf0e6;border:1px solid #dde6d7;border-radius:26px;padding:60px 48px;overflow:hidden}
.ld-showcase .wx-panel-copy h3,.ld-showcase .wx-import-panel h3{font-size:clamp(30px,3.4vw,48px);font-weight:500;letter-spacing:-1.8px;line-height:1.12;margin:22px 0}
.wx-panel-copy p,.wx-import-panel p{font-size:14px;line-height:1.9;color:#5a7061;max-width:440px;margin:0}
.wx-checks{padding:0;margin:26px 0;list-style:none}.wx-checks li{font-size:12px;line-height:1.7;margin:10px 0;color:#325744;display:flex;gap:10px}.wx-checks li:before{content:"✓";color:#397553}
.wx-text-link{display:inline-flex;align-items:center;gap:28px;font-size:13px;font-weight:600;border-bottom:1px solid #839b7e;padding-bottom:9px;margin-top:12px}.wx-text-link:hover{color:#38694b;border-color:currentColor}
.wx-store-visual{min-width:0}.wx-window{background:#fff;border:1px solid #d3decd;border-radius:12px;overflow:hidden;box-shadow:0 25px 55px #173e3312;transform:rotate(-2deg);transform-origin:center}
.wx-window-bar{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid #e8ece4;font-size:8px;letter-spacing:1px;color:#6b7f6c;gap:12px}.wx-dots{font-size:8px;letter-spacing:3px;color:#b3c6a9;white-space:nowrap}
.wx-window-head{padding:28px 25px 22px;display:flex;justify-content:space-between;align-items:end;gap:15px}.wx-window-head>strong{font-family:Georgia,serif;font-size:30px;line-height:1.1;font-weight:400;letter-spacing:-1px}.wx-window-head>span{font-size:9px;line-height:1.7;color:#73816e}
.wx-product-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:0 24px 22px}.wx-product-grid>a{display:block;min-width:0}.wx-product-grid img{width:100%;height:180px;object-fit:cover;display:block;border-radius:5px;background:#eef1e8;transition:filter .2s}.wx-product-grid a:hover img{filter:brightness(1.04)}.wx-product-category{display:block;font-size:7px;letter-spacing:1px;color:#748770;margin:14px 0 7px}.wx-product-grid strong{display:block;font-size:13px;font-weight:600;line-height:1.4}.wx-product-action{display:flex;justify-content:space-between;font-size:9px;padding-top:12px;margin-top:12px;border-top:1px solid #e1e8dc}.wx-window-foot{padding:15px 24px;border-top:1px solid #e6ecdf;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f8faf4;font-size:8px;color:#56714f}.wx-window-foot i{flex:1;height:1px;background:#dce5d5}
.wx-visual-note{text-align:center;font-size:9px;color:#63775d;line-height:1.6;margin:24px 0 0}
.wx-feature-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}.wx-identity-panel,.wx-edit-panel{border:1px solid #dfe5db;border-radius:24px;background:#fff;padding:44px;overflow:hidden;min-width:0}
.wx-identity-panel{background:#f2eee5;border-color:#e8e1d6}.wx-identity-art{margin-top:38px;background:#fffdf8;border:1px solid #e2ddce;padding:24px;border-radius:10px;box-shadow:0 14px 35px #57472d0a}
.wx-identity-label{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.2px;color:#827e6b}.wx-wordmark{font-family:Georgia,serif;font-size:clamp(28px,3.3vw,47px);line-height:1.15;letter-spacing:-1.9px;margin:35px 0 26px;white-space:nowrap}.wx-wordmark>span{color:#849563}
.wx-palette{display:flex;height:72px;border-radius:5px;overflow:hidden}.wx-palette span{flex:1;display:flex;align-items:end;padding:10px;background:#143b33;color:#fff;font-size:8px}.wx-palette span:nth-child(2){background:#b5c79e;color:#203d2c}.wx-palette span:nth-child(3){background:#eee3ce;color:#514a37}.wx-palette span:nth-child(4){background:#26342d}
.wx-identity-bottom{display:flex;justify-content:space-between;font-size:9px;color:#827e6b;margin-top:16px}
.wx-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:32px}.wx-editor-grid>div{border:1px solid #e4e8df;background:#fafbf8;border-radius:12px;padding:20px}.wx-editor-grid b{display:grid;place-items:center;background:#eee0eb;color:#813d6e;width:38px;height:38px;border-radius:10px;margin-bottom:20px;font-size:18px}.wx-editor-grid>div:nth-child(2) b{background:#e3e9e4;color:#2f4d3a}.wx-editor-grid>div:nth-child(3) b{background:#e2e9f5;color:#3c5e8e}.wx-editor-grid>div:nth-child(4) b{background:#ecebdd;color:#67643c}.wx-editor-grid strong{display:block;font-size:13px;font-weight:600}.wx-editor-grid span{display:block;font-size:10px;color:#73806b;margin-top:7px;line-height:1.5}.wx-editor-note{font-size:11px;color:#72826c;line-height:1.7;margin:20px 0 0}
.wx-import-panel{display:grid;grid-template-columns:.85fr 1.3fr .8fr;gap:45px;align-items:center;background:#143b33;border-radius:24px;color:#fff;padding:54px 44px}.wx-import-stat>strong{font-size:clamp(76px,9vw,126px);line-height:1;font-weight:400;letter-spacing:-7px;color:#d7efb0;display:block}.wx-import-stat strong>span{font-size:32px;vertical-align:top;letter-spacing:0;margin-left:10px}.wx-import-stat>span{font-size:8px;letter-spacing:1.5px;display:block;margin-top:22px;color:#b8cdb3;line-height:1.7}.wx-import-panel .wx-kicker{color:#b5d1a5}.ld-showcase .wx-import-panel h3{color:#fff;font-size:32px;letter-spacing:-1px}.wx-import-panel p{color:#bed1c4;font-size:13px}.wx-import-panel .wx-text-link{color:#d7efb0;border-color:#77976d;margin-top:24px}.wx-import-tags{display:grid;gap:10px}.wx-import-tags span{font-size:10px;border:1px solid #557262;border-radius:6px;padding:13px 14px;color:#deead6;line-height:1.5}
.wx-tools-heading{margin-top:75px;text-align:center}.wx-tools-heading .ld-eyebrow{justify-content:center}.ld-showcase .wx-tools-heading h3{font-size:30px;font-weight:500;letter-spacing:-1px;line-height:1.3;max-width:550px;margin:0 auto}
.wx-tools{display:grid;grid-template-columns:repeat(3,1fr);margin-top:38px;border-top:1px solid #dce5d6;border-left:1px solid #dce5d6;border-radius:12px;overflow:hidden}.wx-tools article{padding:30px;border-right:1px solid #dce5d6;border-bottom:1px solid #dce5d6;min-width:0}.wx-tools article>span{font-size:10px;letter-spacing:1px;color:#79906f}.ld-showcase .wx-tools h4{font-size:18px;font-weight:600;line-height:1.4;margin:20px 0 12px;letter-spacing:-.3px}.wx-tools p{font-size:12px;line-height:1.9;color:#64755f;margin:0;max-width:320px}
.wx-docs{display:grid;grid-template-columns:.7fr 1.25fr .8fr;gap:55px;align-items:center;background:#e7eddd;border:1px solid #dbe3d0;border-radius:24px;padding:46px;margin-bottom:100px}
.wx-doc-cover{background:#143b33;min-height:270px;padding:25px;color:#d7efb0;box-shadow:8px 8px 0 #d2dcc6;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(-4deg);border-radius:3px}.wx-doc-cover>span{font-size:8px;letter-spacing:1.5px}.wx-doc-cover>strong{font-family:Georgia,serif;font-size:31px;line-height:1.1;font-weight:400;letter-spacing:-1px}.wx-doc-cover>span:last-child{display:flex;justify-content:space-between;border-top:1px solid #819b704d;padding-top:16px}
.wx-doc-copy .ld-eyebrow{font-size:9px;line-height:1.7}.ld-showcase .wx-doc-copy h2{font-size:clamp(28px,3vw,42px);letter-spacing:-1.5px;line-height:1.12;font-weight:500}.wx-doc-copy>p:not(.ld-eyebrow){font-size:13px;color:#61735a;line-height:1.9;margin:20px 0 25px}.wx-doc-copy .ld-button{font-size:12px;gap:22px}
.wx-doc-topics{display:grid}.wx-doc-topics>span{display:flex;gap:18px;padding:20px 0;border-bottom:1px solid #cdd9c0;font-size:10px;color:#6d8160}.wx-doc-topics>span:last-child{border-bottom:0}.wx-doc-topics b{font-size:12px;font-weight:500;color:#294d36}
.ld-guide{padding-block:0 100px}.ld-steps{gap:0;border-top:1px solid #ccd9c4}.ld-steps article{border:0;border-right:1px solid #dce5d6;padding:30px 35px 0}.ld-steps article:first-child{padding-left:0}.ld-steps article:last-child{border:0}.ld-steps article>span{font-size:9px;color:#5f7d51;letter-spacing:1.4px}.ld-showcase .ld-steps h3{font-weight:500;font-size:25px;letter-spacing:-.6px;margin-top:30px}.ld-steps article>a{display:inline-block;margin-top:24px;font-size:12px;font-weight:600}
.ld-faq{background:#fff;border:1px solid #dfe6db;border-radius:24px;padding:55px;margin-bottom:100px;gap:70px}.ld-questions details{padding:23px 0}.ld-questions details[open]{background:#f5f8f0;border-radius:10px;padding:20px;margin-block:8px}.ld-questions details[open] p{margin-inline-end:0}.ld-faq .wx-faq-link{display:inline-block;margin-top:24px;font-size:12px;border-bottom:1px solid #a3b69b;padding-bottom:7px}
.ld-closing{padding:85px 24px;background:#e7eddd;border-top:1px solid #d7e1cf}.ld-closing h2{font-size:clamp(36px,4.5vw,62px);font-weight:500;letter-spacing:-2px}
.wx-text-link:focus-visible,.wx-product-grid a:focus-visible{outline:3px solid #38724b;outline-offset:6px}
@media(max-width:1100px){.wx-store-panel{padding:40px 30px;gap:30px}.wx-identity-panel,.wx-edit-panel{padding:30px}.wx-import-panel{grid-template-columns:.8fr 1.3fr;gap:32px}.wx-import-tags{grid-column:1/-1;grid-template-columns:repeat(4,1fr)}.wx-docs{gap:30px;padding:35px}.wx-doc-topics{grid-column:2}.wx-doc-cover{grid-row:span 2}.wx-docs{grid-template-columns:.7fr 1.3fr}.wx-doc-cover{min-height:300px}.wx-product-grid img{height:155px}}
@media(max-width:800px){.wx-store-panel{grid-template-columns:1fr;padding:36px;gap:38px}.wx-panel-copy p{max-width:560px}.wx-window{transform:none;max-width:620px;margin:auto}.wx-product-grid img{height:210px}.wx-feature-pair{grid-template-columns:1fr}.wx-identity-panel,.wx-edit-panel{padding:36px}.wx-identity-art{max-width:530px}.wx-editor-grid{grid-template-columns:repeat(4,1fr)}.wx-editor-grid>div{padding:16px 12px}.wx-editor-grid strong{font-size:11px}.wx-tools{grid-template-columns:repeat(2,1fr)}.ld-faq{padding:35px;grid-template-columns:1fr;gap:32px}.wx-heading{margin-bottom:38px}.ld-showcase .wx-heading h2{letter-spacing:-1.8px}.ld-steps{grid-template-columns:1fr}.ld-steps article,.ld-steps article:first-child{padding:24px 0;border-right:0;border-bottom:1px solid #dce5d6}.ld-showcase .ld-steps h3{margin-top:18px}}
@media(max-width:540px){.ld-buyer-features{padding-block:20px 65px}.wx-store-panel,.wx-identity-panel,.wx-edit-panel{padding:26px 22px;border-radius:16px}.wx-store-panel{gap:28px}.ld-showcase .wx-panel-copy h3{font-size:34px;letter-spacing:-1.3px}.wx-window-head{padding:22px 16px}.wx-window-head>strong{font-size:25px}.wx-window-head>span{font-size:8px}.wx-window-bar{font-size:6px;padding:12px;letter-spacing:.5px}.wx-product-grid{gap:12px;padding:0 14px 18px}.wx-product-grid img{height:135px}.wx-product-grid strong{font-size:11px}.wx-product-category{font-size:6px}.wx-window-foot{font-size:7px;padding:13px 14px;gap:5px}.wx-visual-note{font-size:8px}.wx-wordmark{font-size:32px;letter-spacing:-1.4px}.wx-identity-art{padding:18px;margin-top:28px}.wx-palette{height:60px}.wx-palette span{padding:8px;font-size:7px}.wx-editor-grid{grid-template-columns:1fr 1fr}.wx-editor-grid strong{font-size:13px}.wx-import-panel{grid-template-columns:1fr;padding:32px 24px;border-radius:16px;gap:28px}.wx-import-stat>strong{font-size:95px}.wx-import-stat>span{margin-top:14px}.wx-import-tags{grid-template-columns:1fr 1fr;gap:8px}.wx-import-tags span{font-size:9px;padding:10px}.wx-tools-heading{margin-top:50px}.ld-showcase .wx-tools-heading h3{font-size:26px}.wx-tools article{padding:22px 17px}.ld-showcase .wx-tools h4{font-size:16px}.wx-tools p{font-size:11px}.wx-tools{margin-top:28px}.wx-docs{grid-template-columns:1fr;padding:30px 24px;gap:32px;border-radius:16px;margin-bottom:60px}.wx-doc-cover{display:none}.wx-doc-topics{grid-column:auto}.wx-doc-copy .ld-button{width:100%;justify-content:space-between}.wx-doc-topics>span{padding:15px 0}.ld-guide{padding-bottom:60px}.ld-faq{padding:28px 22px;border-radius:16px;margin-bottom:60px}.ld-questions summary{font-size:14px}.ld-closing{padding:60px 24px}.wx-heading>p:last-child{font-size:14px}.wx-heading h2 br{display:none}}
@media(prefers-reduced-motion:reduce){.wx-window,.wx-doc-cover{transform:none}.wx-product-grid img{transition:none}}
