/* ListSite V2.3: homepage-only visual layer. Does not modify tool editor CSS. */
.ls-home{background:radial-gradient(ellipse 62% 700px at 82% 4%,rgba(68,108,210,.18),transparent 72%),#0b1223;color:#e9f0ff;overflow-x:hidden}
.ls-home .site-header{position:relative;z-index:3;max-width:1320px;background:rgba(13,23,44,.87);border:1px solid rgba(164,191,247,.15);border-radius:0 0 20px 20px;box-shadow:0 15px 50px rgba(0,0,0,.15)}
.ls-home .site-header .brand{color:#fff}.ls-home .site-header nav a{color:#c0cee5}.ls-home .site-header nav a:hover{color:#fff}
.ls-home .hero{max-width:1180px;padding-top:75px}.ls-home .hero .eyebrow{display:inline-flex;align-items:center;gap:11px;padding:10px 17px;border:1px solid rgba(109,229,210,.28);border-radius:40px;background:rgba(73,153,162,.13);color:#a6f3e7;letter-spacing:.1em;font-size:11px;font-weight:800}
.ls-live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#83f4dc;box-shadow:0 0 0 4px rgba(130,240,216,.11),0 0 14px rgba(130,240,216,.7)}
.ls-home .hero h1{color:#f7faff;font-size:clamp(48px,7.2vw,96px);letter-spacing:-.072em;line-height:1.02;max-width:1150px;margin:26px auto 24px}
.ls-gradient-text{background:linear-gradient(100deg,#9af7df 5%,#a1baff 54%,#d2b4ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.ls-home .hero .lede{color:#c0cce0;max-width:680px;font-size:clamp(16px,2vw,20px);line-height:1.7}
.ls-hero-actions{display:flex;gap:13px;justify-content:center;flex-wrap:wrap;margin:28px 0 43px}
.ls-hero-actions a{display:inline-flex;align-items:center;gap:20px;border-radius:14px;padding:15px 21px;font-size:14px;font-weight:800;text-decoration:none;transition:transform .2s,box-shadow .2s}.ls-hero-actions a:hover{transform:translateY(-3px)}
.ls-primary-link{color:#071728!important;background:linear-gradient(120deg,#a3f4e4,#9abaff);box-shadow:0 12px 35px rgba(108,205,218,.19)}
.ls-secondary-link{color:#e6edff!important;border:1px solid rgba(185,206,255,.27);background:rgba(153,177,231,.1)}
.ls-home .workspace{color:#1a2740;background:linear-gradient(145deg,#fff,#eef3ff);border:1px solid rgba(195,213,252,.65);border-radius:28px;box-shadow:0 45px 115px rgba(0,0,0,.4),0 0 0 8px rgba(155,188,252,.04)}
.ls-home .hero .trust{color:#b7c9de}
.ls-home .v2-directory{position:relative;max-width:1250px;margin:95px auto 100px;padding:0 25px;color:#eaf0ff}
.ls-directory-intro{display:flex;justify-content:space-between;align-items:end;gap:20px}.ls-home .v2-directory h2{color:#fff;font-size:clamp(38px,5.7vw,72px);line-height:1.06}.ls-home .v2-directory>.section-kicker,.ls-home .v2-directory .section-kicker{color:#9ce9de}.ls-home .v2-directory>p{color:#bdcce3}
.ls-tool-count{font:800 12px ui-monospace,monospace;letter-spacing:.14em;color:#a0eadd;border:1px solid rgba(139,228,211,.28);border-radius:40px;padding:11px 16px;white-space:nowrap}
.ls-home .v2-grid{gap:18px;margin-top:32px}.ls-home .v2-card{position:relative;overflow:hidden;min-height:238px;padding:26px;border:1px solid rgba(181,205,255,.21);border-radius:24px;background:linear-gradient(145deg,#243655,#131f38);box-shadow:inset 0 1px rgba(255,255,255,.08),0 16px 38px rgba(0,0,0,.23);transition:transform .22s,border-color .22s,box-shadow .22s}
.ls-home .v2-card::after{content:"";position:absolute;width:220px;height:220px;right:-120px;top:-120px;background:radial-gradient(circle,rgba(137,203,248,.19),transparent 68%);pointer-events:none}
.ls-home .v2-card:hover{transform:translateY(-6px);border-color:rgba(150,239,219,.6);box-shadow:0 28px 62px rgba(0,0,0,.35)}
.ls-home .v2-card strong{color:#f7faff;font-size:24px}.ls-home .v2-card>span:not(.ls-card-top){color:#b5c4dd}.ls-home .v2-card em{color:#a3f2e3}
.ls-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.ls-card-icon{display:grid;place-items:center;width:53px;height:53px;border-radius:16px;background:linear-gradient(140deg,rgba(101,232,206,.19),rgba(145,158,251,.19));border:1px solid rgba(166,227,243,.22);color:#b3f9e8!important;font-size:28px!important}.ls-card-number{font:700 12px ui-monospace,monospace!important;color:#8ea1bf!important}
.ls-home .statement,.ls-home .popular,.ls-home .privacy,.ls-home .faq,.ls-home .tool-page-content{color:#dfe8fa}.ls-home .statement h2,.ls-home .popular h2,.ls-home .privacy h2,.ls-home .faq h2,.ls-home .tool-page-content h2{color:#f5f8ff}.ls-home .statement p,.ls-home .popular p,.ls-home .privacy p,.ls-home .faq p,.ls-home .tool-page-content p{color:#bfcee4}
.ls-home .popular .task-grid a,.ls-home .faq details,.ls-home .seo-copy{background:#17243d;color:#e7efff;border:1px solid rgba(174,201,252,.18);border-radius:18px}.ls-home .popular .task-grid a span,.ls-home .faq details p,.ls-home .seo-copy p{color:#c5d3e7}
.ls-home footer{background:#0b1428;color:#b4c4dd;border-top:1px solid rgba(172,197,248,.16)}.ls-home footer .brand{color:#f7faff}.ls-home footer a,.ls-home footer p{color:#c1cee3}
.ls-home a:focus-visible{outline:3px solid #8ff3de;outline-offset:4px}
@media(max-width:760px){.ls-home .hero{padding-top:44px}.ls-home .v2-directory{margin:65px auto}.ls-home .v2-card{min-height:200px}.ls-directory-intro{align-items:start}.ls-tool-count{display:none}}
@media(max-width:520px){.ls-home .hero h1{font-size:clamp(42px,11vw,60px)}.ls-hero-actions{margin-bottom:25px}.ls-hero-actions a{width:100%;justify-content:center}.ls-home .v2-grid{grid-template-columns:1fr}.ls-home .v2-card{min-height:165px}.ls-home .hero .eyebrow{font-size:9px}.ls-home .workspace{border-radius:18px}}
@media(prefers-reduced-motion:reduce){.ls-home .v2-card,.ls-hero-actions a{transition:none}}
