
/* Luansui Filuni-inspired independent redesign | v1.1.0 */
:root{--ls-ink:#18243b;--ls-muted:#718096;--ls-blue:#536fe9;--ls-line:#e9edf5}
.site-body{background:#fff;color:var(--ls-ink)}
.site-header{background:rgba(255,255,255,.96);border-bottom:1px solid #edf0f6;box-shadow:none!important}
.site-header .header-inner{min-height:76px}.top-nav a{font-weight:600}.top-nav a:hover,.top-nav a.active{color:var(--ls-blue)}
.ls-hero{position:relative;overflow:hidden;padding:96px 0 78px;background:radial-gradient(ellipse at 50% 5%,#edf0ff 0,#f8faff 45%,#fff 85%);text-align:center}
.ls-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#a9b4dc 0.65px,transparent .65px);background-size:25px 25px;opacity:.17;mask-image:linear-gradient(to bottom,black,transparent 85%)}
.ls-hero-inner{position:relative;z-index:1;max-width:990px;margin:auto}
.ls-kicker{display:inline-flex;align-items:center;gap:9px;padding:8px 15px;border-radius:999px;border:1px solid #e0e6fb;background:#fff;color:#5c6acc;font-size:13px;font-weight:700;box-shadow:0 4px 20px #526ad30a}
.ls-kicker-dot{height:7px;width:7px;border-radius:100%;background:#6178ef}
.ls-hero h1{margin:27px 0 15px;font-size:clamp(35px,5vw,60px);line-height:1.2;letter-spacing:-1.5px;color:#17233a;font-weight:800}
.ls-hero h1 em{font-style:normal;color:#5b72e9}
.ls-hero p{font-size:17px;line-height:1.9;color:#748099;margin:0 auto 33px;max-width:740px}
.ls-search{display:flex;align-items:center;text-align:left;gap:12px;width:min(100%,745px);margin:auto;border:1px solid #e5eafa;background:#fff;padding:8px 8px 8px 20px;border-radius:16px;box-shadow:0 15px 42px rgba(49,65,127,.10)}
.ls-search svg{width:21px;height:21px;fill:none;stroke:#8b96b0;stroke-width:1.8;flex-shrink:0}
.ls-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#26354c;font:inherit;font-size:15px;box-shadow:none!important}
.ls-search input::placeholder{color:#a0aabd}.ls-search button{border:0;border-radius:11px;background:#536fe9;color:white;padding:14px 23px;font-size:14px;font-weight:700;white-space:nowrap;cursor:pointer}
.ls-search button:hover{background:#3d59d5}.ls-search button span{margin-left:7px}
.ls-hero-tags{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin:23px auto 0;color:#96a0b3;font-size:13px}
.ls-hero-tags a{padding:6px 11px;border:1px solid #e7eaf3;background:#fff;border-radius:999px;color:#6f7b93;text-decoration:none}.ls-hero-tags a:hover{color:#536fe9;border-color:#c8d2ff}
.ls-proof{display:flex;align-items:center;justify-content:center;gap:25px;margin-top:46px;color:#8b96aa;font-size:13px}.ls-proof span b{color:#34425e;font-weight:800}.ls-proof i{height:13px;width:1px;background:#dbe0ed}
.ls-category-section,.ls-popular-section{padding:75px 0}.ls-popular-section{background:#f8faff}.ls-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:31px}.ls-section-heading h2{font-size:29px;color:#1b2940;font-weight:800;margin:7px 0 6px;line-height:1.35}.ls-section-heading p{margin:0;color:#8a95a8;font-size:14px}.ls-eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:#6c80ea}.ls-text-link{flex-shrink:0;color:#5a70e0;font-weight:700;font-size:14px;text-decoration:none}.ls-text-link span{margin-left:5px}
.ls-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.ls-category-card{display:flex;align-items:flex-start;gap:15px;min-height:154px;border:1px solid #ecf0f6;border-radius:17px;padding:25px 19px;background:#fff;text-decoration:none;box-sizing:border-box;transition:.2s}.ls-category-card:hover,.ls-tool-card:hover{transform:translateY(-3px);border-color:#cdd7ff;box-shadow:0 16px 35px #394c8912}
.ls-category-icon{width:51px;height:51px;display:grid;place-items:center;flex:0 0 51px;border-radius:14px;background:#f0f3ff}.ls-category-icon img{max-width:29px;max-height:29px;width:29px;height:29px;object-fit:contain}.ls-palette-1{background:#ebf9f6}.ls-palette-2{background:#fff2e8}.ls-palette-3{background:#f4efff}.ls-palette-4{background:#edf7ff}.ls-palette-5{background:#fff0f3}.ls-palette-6{background:#f6f6e8}
.ls-category-info{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.ls-category-info strong{font-size:16px;color:#25324b}.ls-category-info small{font-size:12px;line-height:1.5;color:#909bad;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ls-count{margin-top:5px;color:#6177e6;font-size:12px;font-weight:700}.ls-count span{margin-left:5px}
.ls-tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.ls-tool-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:175px;gap:10px;padding:22px;background:#fff;border:1px solid #edf0f5;border-radius:16px;box-sizing:border-box;text-decoration:none;transition:.2s}.ls-tool-icon{display:grid;place-items:center;width:42px;height:42px;background:#f3f5ff;border-radius:11px}.ls-tool-icon img{width:26px;height:26px;object-fit:contain}.ls-tool-card strong{font-size:15px;color:#26354b}.ls-tool-card small{font-size:12px;color:#8c98aa;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ls-card-arrow{position:absolute;right:19px;top:23px;color:#b2bfd9}
.ls-values{padding:37px 0;border-top:1px solid #f1f3f9;border-bottom:1px solid #f1f3f9}.ls-values-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}.ls-values-grid>div{display:grid;grid-template-columns:35px 1fr;column-gap:8px;align-items:start}.ls-value-symbol{grid-row:span 2;font-size:26px;color:#6c7fe7}.ls-values-grid strong{font-size:14px;color:#293651}.ls-values-grid p{margin:6px 0 0;color:#8995a7;font-size:12px;line-height:1.6}
.ls-last-cta{padding:68px 0 78px;text-align:center}.ls-last-cta h2{font-size:28px;margin:0 0 10px}.ls-last-cta p{color:#8a96a7;margin:0 0 25px}.ls-last-cta a{display:inline-flex;padding:13px 26px;border-radius:10px;color:#fff;background:#536fe9;font-weight:700;text-decoration:none}
/* Shared catalogue & workspace polish, keeping the existing JS selectors untouched */
.catalog-hero-v2{background:linear-gradient(140deg,#f3f5ff,#fff)!important}.catalog-card-v2,.popular-card-v2,.catalog-sidebar-v2,.tool-workspace-v2,.tool-help-v2 article{border-radius:15px!important;border-color:#e8ecf5!important;box-shadow:0 5px 25px #1c356006!important}.catalog-card-v2:hover,.popular-card-v2:hover{border-color:#cbd6fd!important;box-shadow:0 12px 28px #3147aa12!important}.tool-page-v2{background:#fafbff!important}.tool-title-v2 h1{color:#1b2842}.tool-workspace-v2{background:#fff}.catalog-filter-v2.active{color:#5069df!important;background:#f0f3ff!important}
@media(max-width:1100px){.ls-category-grid,.ls-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ls-values-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.ls-hero{padding:65px 0 50px}.ls-hero h1{letter-spacing:-.7px;font-size:clamp(32px,8vw,43px)}.ls-hero p{font-size:14px;margin-bottom:25px}.ls-search{padding:6px 6px 6px 13px;border-radius:13px;gap:7px}.ls-search input{font-size:13px}.ls-search button{padding:13px 14px;font-size:12px}.ls-search button span{display:none}.ls-hero-tags{gap:7px}.ls-proof{gap:11px;flex-wrap:wrap;margin-top:27px;font-size:11px}.ls-category-section,.ls-popular-section{padding:47px 0}.ls-section-heading h2{font-size:23px}.ls-section-heading{align-items:flex-start}.ls-section-heading p{font-size:12px}.ls-text-link{font-size:12px}.ls-category-grid,.ls-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.ls-category-card{padding:15px 12px;gap:10px;min-height:153px;flex-direction:column}.ls-category-icon{width:41px;height:41px;flex-basis:41px}.ls-category-info{gap:5px}.ls-category-info strong{font-size:14px}.ls-category-info small{font-size:11px}.ls-tool-card{padding:15px;min-height:165px}.ls-values-grid{gap:21px}.ls-last-cta{padding:48px 0}.ls-last-cta h2{font-size:24px}}
@media(max-width:380px){.ls-hero h1{font-size:30px}.ls-category-grid,.ls-tool-grid{gap:9px}.ls-search button{padding:13px 10px}}
