/* Scoped homepage components: keep native listing, search and account routes. */
#home .home-latest #latest-items .simple-prod .img-wrap { height:220px; padding:0; background:#f1f5f8; }
#home .home-latest #latest-items .simple-prod .img-wrap a.img { display:block; height:220px; padding:0; width:100%; }
#home .home-latest #latest-items .simple-prod .img-wrap img { display:block; width:100%; height:220px; max-height:220px; object-fit:contain; }
#home .wd-demo-card h3 { display:block; clear:both; }
#home .home-latest #latest-items > .simple-prod { width:100% !important; max-width:none !important; min-width:0; padding:0; }
#home .home-latest #latest-items .simple-wrap { width:100% !important; margin:0; }
#home .home-latest #latest-items { width:100% !important; margin:0 !important; }
#home .home-latest #latest-items .title2 { white-space:normal; height:auto; max-height:none; line-height:1.45; }
@media(max-width:600px) { #home .home-latest > .container { width:calc(100% - 32px) !important; margin:0 auto; } }
#home { background:#f7f9fc; color:#192c43; }
#home .wd-hero *, #home .wd-showcase * { box-sizing:border-box; }
#home .wd-hero, #home .wd-showcase { width:100%; float:none; clear:both; }
#home .wd-hero > .container, #home .wd-showcase > .container { display:block; float:none; max-width:1140px; width:calc(100% - 48px); margin:0 auto; padding:0; }
#home .wd-hero { margin:32px 0 42px; padding:0; }
.wd-hero-panel { display:grid; grid-template-columns:1.2fr 1fr; align-items:center; gap:32px; border:1px solid #d9e5ed; border-radius:24px; background:linear-gradient(115deg,#edf6fa 0%,#edf5f4 62%,#e3f1e9 100%); padding:48px 44px 58px; overflow:hidden; }
.wd-hero-copy { position:relative; z-index:1; min-width:0; }
#home .wd-eyebrow { display:block; width:auto; float:none; font-size:11px; letter-spacing:1.8px; text-transform:uppercase; font-weight:700; color:#39716f; line-height:1.5; }
#home .wd-hero h1 { float:none; width:auto; margin:16px 0; font-size:46px; line-height:1.12; letter-spacing:-1.7px; color:#142e46; font-weight:750; }
#home .wd-hero h1 span { color:#277c72; }
#home .wd-hero-copy > p { float:none; width:auto; max-width:480px; margin:18px 0 24px; font-size:16px; line-height:1.7; color:#506476; }
.wd-hero-links { display:flex; flex-wrap:wrap; align-items:center; gap:18px; }
#home .wd-primary { display:inline-flex; float:none; width:auto; align-items:center; justify-content:center; gap:10px; background:#276ab9; border:1px solid #276ab9; color:#fff; border-radius:9px; padding:14px 20px; font-size:14px; font-weight:700; line-height:1.4; height:auto; white-space:normal; text-decoration:none; cursor:pointer; transition:background .15s; }
#home .wd-primary:hover { background:#1b5597; border-color:#1b5597; }
#home .wd-secondary { float:none; width:auto; color:#224c71; font-size:14px; font-weight:600; text-decoration:none; }
.wd-hero-notes { display:flex; flex-wrap:wrap; gap:7px 16px; margin-top:22px; color:#587266; font-size:11px; line-height:1.5; }
.wd-hero-notes span:before { content:'✓'; margin-right:5px; color:#348578; }
.wd-hero-art { position:relative; padding:24px 4px 18px 18px; min-width:0; }
.wd-art-orbit { position:absolute; inset:0; border:1px solid #a8d5c3; border-radius:50%; transform:rotate(-20deg); }
.wd-art-window { position:relative; background:#fff; border:1px solid #d2e0e7; border-radius:13px; transform:rotate(-4deg); box-shadow:0 18px 40px #244d5a18; overflow:hidden; }
.wd-window-top { display:flex; align-items:center; gap:5px; padding:12px; background:#f8fafc; border-bottom:1px solid #edf1f5; }
.wd-window-top i, .wd-mini-bar i { width:6px; height:6px; background:#c2d0d7; border-radius:50%; }
.wd-window-top span { font-size:10px; color:#8294a3; margin-left:20px; }
.wd-art-content { padding:24px; }
.wd-art-kicker { display:block; color:#76958d; font-size:9px; letter-spacing:1.5px; margin-bottom:12px; }
.wd-art-content > strong { font-size:27px; letter-spacing:-.7px; line-height:1.2; color:#213d48; }
.wd-art-chart { height:72px; display:flex; align-items:flex-end; gap:8px; margin:20px 0; }
.wd-art-chart b { flex:1; height:25%; border-radius:5px 5px 0 0; background:#bfdcd0; }
.wd-art-chart b:nth-child(2) { height:40%; }.wd-art-chart b:nth-child(3) { height:35%; }.wd-art-chart b:nth-child(4) { height:60%; }.wd-art-chart b:nth-child(5) { height:55%; }.wd-art-chart b:nth-child(6) { height:80%; background:#66ad96; }.wd-art-chart b:nth-child(7) { height:100%; background:#368d76; }
.wd-art-tags { display:flex; gap:7px; }.wd-art-tags span { border:1px solid #dde8e5; padding:5px 9px; border-radius:6px; font-size:10px; color:#617e74; }
.wd-art-float { position:absolute; bottom:0; right:-6px; padding:13px 17px; border-radius:10px; background:#203e50; color:#d4efe4; box-shadow:0 8px 20px #132c3c18; font-size:20px; transform:rotate(3deg); }
.wd-art-float span { font-size:12px; margin-left:9px; }
#home #home-search-box.wd-search { display:block; float:none; width:calc(100% - 72px); position:relative; z-index:2; margin:-24px auto 0; padding:0; background:none; }
#home .wd-search form { float:none; width:100%; display:grid; grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) auto; gap:18px; align-items:end; border:1px solid #d9e2ed; background:#fff; border-radius:13px; padding:18px; box-shadow:0 9px 28px #243f6110; }
.wd-search label { display:block; float:none; width:auto; color:#33485b; font-size:12px; font-weight:700; margin-bottom:5px; line-height:1.5; }
#home .wd-search input[type="search"], #home .wd-search select { display:block; float:none; width:100%; height:40px; font:14px/1.4 inherit; color:#314960; padding:6px 10px; background:#f7f9fc; border:1px solid #e1e7ef; border-radius:6px; outline-offset:3px; }
#home .wd-search .wd-primary { min-height:40px; padding:10px 26px; }
#home .wd-search > p { float:none; width:100%; margin:10px 0 0; font-size:11px; line-height:1.5; color:#758499; text-align:center; }
#home .home-latest { margin:0 0 44px; padding:0; }
#home .home-latest > .container { width:calc(100% - 48px); max-width:1140px; padding:0; }
#home .home-latest h2 { font-size:25px; color:#192e43; letter-spacing:-.5px; margin-bottom:20px; }
#home .home-latest #latest-items { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
#home .home-latest #latest-items > .simple-prod { border-radius:12px; background:#fff; border:1px solid #e0e7ef; overflow:hidden; }
#home .home-latest .home-link-all-wrap { margin:15px 0 0; }
#home .wd-showcase { margin:0 0 40px; padding:0; }
.wd-section-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; }
#home .wd-showcase h2 { float:none; width:auto; font-size:28px; line-height:1.25; letter-spacing:-.7px; color:#1b3047; margin:8px 0 12px; }
.wd-demo-count { display:inline-flex; padding:7px 11px; border:1px solid #d5e0e9; color:#6a7b90; border-radius:7px; font-size:12px; white-space:nowrap; }
#home .wd-showcase-intro { float:none; width:auto; max-width:790px; font-size:14px; color:#647589; line-height:1.7; margin:0 0 18px; }
.wd-showcase-intro strong { font-weight:600; color:#5d6276; }
.wd-demo-filters { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 22px; }
#home .wd-demo-filters button { float:none; width:auto; height:auto; border:1px solid #dce4ed; background:#fff; color:#596c81; border-radius:7px; padding:9px 14px; font:600 12px/1.4 inherit; cursor:pointer; }
#home .wd-demo-filters button[aria-pressed="true"] { color:#fff; background:#263f59; border-color:#263f59; }
.wd-demo-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; align-items:start; }
.wd-demo-card { --wd-accent:#8b6851; --wd-tint:#f0e8df; --wd-soft:#d4bdae; background:#fff; border:1px solid #e0e7ef; border-radius:12px; overflow:hidden; min-width:0; box-shadow:0 4px 16px #213f5a04; }
.wd-demo-card[hidden] { display:none !important; }
.wd-tone-garden { --wd-accent:#456e4e; --wd-tint:#e6eee1; --wd-soft:#aaca9b; }.wd-tone-app { --wd-accent:#416b9c; --wd-tint:#e4effa; --wd-soft:#aacbea; }.wd-tone-domain { --wd-accent:#5b5794; --wd-tint:#eeebf7; --wd-soft:#c0b6e0; }.wd-tone-studio { --wd-accent:#805e87; --wd-tint:#f2e8f1; --wd-soft:#d4b4d4; }.wd-tone-code { --wd-accent:#326d70; --wd-tint:#e1f0ef; --wd-soft:#a4ceca; }.wd-tone-forest { --wd-accent:#5a715b; --wd-tint:#e8eee4; --wd-soft:#b0c8a9; }.wd-tone-brief { --wd-accent:#946e39; --wd-tint:#f5eee0; --wd-soft:#e0c794; }.wd-tone-photo { --wd-accent:#71616d; --wd-tint:#eee8ee; --wd-soft:#c9b5c8; }.wd-tone-crm { --wd-accent:#3a6e8a; --wd-tint:#e2edf3; --wd-soft:#9fbfce; }
.wd-demo-art { height:166px; position:relative; display:flex; align-items:center; justify-content:center; padding:20px 32px 27px; background:var(--wd-tint); overflow:hidden; }
.wd-demo-browser { width:100%; max-width:270px; background:#ffffffc9; border:1px solid #ffffff; border-radius:7px; padding:9px 13px 16px; box-shadow:0 6px 18px #253b5310; transform:rotate(-3deg); }
.wd-mini-bar { display:flex; gap:4px; margin-bottom:15px; }.wd-mini-bar i { width:4px; height:4px; }
.wd-demo-browser > strong { display:block; font:700 16px/1.3 system-ui; letter-spacing:1px; color:var(--wd-accent); overflow-wrap:anywhere; }
.wd-mini-layout { display:flex; gap:7px; margin-top:13px; }.wd-mini-layout span { height:36px; flex:1; border-radius:4px; background:var(--wd-soft); }.wd-mini-layout span:nth-child(2) { opacity:.6; }.wd-mini-layout span:nth-child(3) { opacity:.35; }
.wd-tone-domain .wd-mini-layout span, .wd-tone-brief .wd-mini-layout span { height:7px; }.wd-tone-domain .wd-demo-browser { transform:rotate(2deg); padding:22px 15px; }.wd-tone-app .wd-mini-layout span:nth-child(2),.wd-tone-crm .wd-mini-layout span:nth-child(2) { height:23px; align-self:end; }.wd-tone-code .wd-demo-browser { background:#20484d; }.wd-tone-code .wd-demo-browser > strong { color:#c7e8e0; }
.wd-art-category { position:absolute; bottom:10px; right:12px; font-size:10px; line-height:1.5; padding:3px 7px; border-radius:4px; color:var(--wd-accent); background:#ffffffaa; }
.wd-demo-body { padding:18px 20px 0; }
.wd-demo-badge { display:inline-flex; float:none; width:auto; font-size:10px; line-height:1.5; color:#795c27; background:#faf3e4; border:1px solid #eee0c1; border-radius:4px; padding:3px 7px; }
#home .wd-demo-card h3 { float:none; width:auto; color:#1f354c; font-size:20px; letter-spacing:-.3px; line-height:1.25; margin:12px 0 7px; }
#home .wd-demo-desc { float:none; width:auto; color:#6b7b8d; font-size:13px; line-height:1.6; min-height:42px; margin:0 0 12px; }
.wd-demo-tech { display:block; color:#8b99a7; font-size:10px; line-height:1.5; }
.wd-demo-metrics { display:grid; grid-template-columns:1fr 1fr; gap:10px; border-top:1px solid #edf0f4; padding:15px 0; margin-top:12px; }
.wd-demo-metrics small { display:block; font-size:10px; color:#8b98a7; margin-bottom:5px; line-height:1.5; }.wd-demo-metrics strong { display:block; font-size:20px; letter-spacing:-.5px; line-height:1.3; color:#263f59; }.wd-demo-metrics b { display:block; font-size:12px; line-height:1.6; color:#527b6d; }
.wd-demo-card details { border-top:1px solid #edf0f4; }.wd-demo-card summary { cursor:pointer; list-style:none; color:#4c6e92; padding:13px 0; font-size:11px; font-weight:600; display:flex; justify-content:space-between; align-items:center; gap:8px; }.wd-demo-card summary::-webkit-details-marker { display:none; }.wd-demo-card summary span { font-size:17px; }.wd-demo-card details[open] summary span { transform:rotate(45deg); }
#home .wd-demo-details p { float:none; width:auto; margin:0 0 13px; font-size:12px; line-height:1.65; color:#6a7b8e; }.wd-demo-details strong { display:block; margin-bottom:4px; color:#314d67; }.wd-demo-disclaimer { padding:10px; background:#faf6ee; border-radius:5px; }
#home .wd-demo-status { float:none; width:auto; font-size:11px; color:#8a97a6; margin:16px 0 28px; }
.wd-seller-strip { display:flex; align-items:center; gap:32px; justify-content:space-between; padding:30px 34px; border-radius:14px; background:#eaf1f8; border:1px solid #d9e5f1; }
#home .wd-seller-strip h2 { font-size:24px; margin:6px 0 8px; }.wd-seller-strip p { margin:0; font-size:13px; line-height:1.6; color:#6b7f94; max-width:670px; }.wd-seller-strip .wd-primary { flex-shrink:0; }
#home .home-blog { padding:0; margin:20px 0 40px; }#home .home-blog h2 { color:#263e57; font-size:25px; }
#home a:focus-visible, #home button:focus-visible, #home summary:focus-visible { outline:3px solid #7ea6ce; outline-offset:4px; }
html[mode="dark"] #home { background:#142232; color:#e0e8f1; }html[mode="dark"] .wd-hero-panel { background:linear-gradient(115deg,#233c4c,#23493f); border-color:#365a64; }html[mode="dark"] #home .wd-hero h1,html[mode="dark"] #home .wd-showcase h2,html[mode="dark"] #home .home-latest h2,html[mode="dark"] #home .home-blog h2 { color:#e5eef6; }html[mode="dark"] #home .wd-hero h1 span { color:#8fd2b9; }html[mode="dark"] #home .wd-hero-copy > p,html[mode="dark"] #home .wd-secondary { color:#bbd0da; }html[mode="dark"] #home .wd-search form,html[mode="dark"] .wd-demo-card,html[mode="dark"] #home .home-latest #latest-items > .simple-prod { background:#203448; border-color:#3a4e63; }html[mode="dark"] #home .wd-search label,html[mode="dark"] #home .wd-demo-card h3,html[mode="dark"] .wd-demo-metrics strong,html[mode="dark"] .wd-demo-details strong { color:#d4e2ed; }html[mode="dark"] #home .wd-search input[type="search"],html[mode="dark"] #home .wd-search select { background:#192a3b; border-color:#496078; color:#dce7f0; }html[mode="dark"] .wd-seller-strip { background:#233d52; border-color:#3a5269; }html[mode="dark"] #home .wd-eyebrow { color:#8bbbae; }html[mode="dark"] .wd-hero-notes { color:#a1c7b8; }html[mode="dark"] .wd-showcase-intro strong { color:#b8c5d5; }html[mode="dark"] #home .wd-demo-desc,html[mode="dark"] #home .wd-demo-details p,html[mode="dark"] #home .wd-showcase-intro { color:#a8b9c9; }html[mode="dark"] .wd-demo-disclaimer { background:#34413f; }
@media(max-width:1000px) { .wd-hero-panel { gap:20px; padding:36px 28px 48px; }#home .wd-hero h1 { font-size:37px; }.wd-art-content > strong { font-size:23px; }.wd-demo-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.wd-seller-strip { align-items:flex-start; flex-direction:column; gap:18px; } }
@media(max-width:600px) { #home .wd-hero > .container,#home .wd-showcase > .container,#home .home-latest > .container { width:calc(100% - 32px); }#home .wd-hero { margin:20px 0 28px; }.wd-hero-panel { grid-template-columns:1fr; padding:28px 22px 42px; border-radius:16px; gap:0; }.wd-hero-art { display:none; }#home .wd-hero h1 { font-size:35px; letter-spacing:-1px; }#home .wd-hero-copy > p { font-size:14px; }.wd-hero-links { gap:16px; }.wd-hero-notes { font-size:10px; }#home #home-search-box.wd-search { width:calc(100% - 24px); }#home .wd-search form { grid-template-columns:1fr; gap:12px; padding:16px; }.wd-search .wd-primary { width:100% !important; }#home .wd-search > p { font-size:10px; }#home .home-latest #latest-items { grid-template-columns:1fr; gap:16px; }#home .home-latest h2 { font-size:23px; }#home .home-latest { margin-bottom:30px; }#home .wd-showcase h2 { font-size:25px; }.wd-section-heading { align-items:flex-start; }.wd-demo-count { font-size:10px; padding:5px 7px; margin-top:20px; }.wd-demo-grid { grid-template-columns:1fr; gap:18px; }.wd-demo-art { height:172px; }.wd-demo-desc { min-height:0 !important; }.wd-demo-filters { gap:6px; }#home .wd-demo-filters button { padding:8px 10px; font-size:11px; }.wd-seller-strip { padding:24px; }#home .wd-seller-strip h2 { font-size:23px; }#home .content > .wd-showcase { order:4; } }
@media(prefers-reduced-motion:reduce) { #home .wd-primary { transition:none; } }