:root{--lf-ink:#14213d;--lf-muted:#5d687d;--lf-line:#dfe5ec;--lf-grid:#b8d9ed;--lf-sky:#f3f9fd;--lf-cream:#fffaf0;--lf-slate:#f5f7f9;--lf-yellow:#ffd84d}
.tool-hero,.p2-hero,.feature-showcase__header{background-color:var(--lf-sky);background-image:linear-gradient(rgba(116,169,203,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(116,169,203,.11) 1px,transparent 1px);background-size:32px 32px}
.tool-hero{grid-template-columns:minmax(0,1.3fr) minmax(270px,.7fr);min-height:480px;padding:42px;border:1px solid #dce7ee;border-radius:32px}
.tool-hero__mascot{justify-self:end;width:min(100%,330px);min-height:310px;border-radius:28px}
.mascot-asset--hero{inset:28px 34px 82px;width:calc(100% - 68px);height:calc(100% - 110px)}
.tool-hero__privacy{inset:auto 16px 16px;padding:13px 15px}
.p2-hero{border-radius:0 0 32px 32px}
.home-locale-mascot{display:flex;align-items:center;gap:10px;width:max-content;max-width:100%;margin-top:18px;padding:8px 14px 8px 8px;border:1px solid #d8e1e8;border-radius:18px;background:rgba(255,255,255,.9);color:var(--lf-ink)}
.home-locale-mascot img{width:76px;height:66px;object-fit:contain}
.home-locale-mascot span{font-size:.82rem;font-weight:750}
.lalabb-feature-showcase{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:68px 0;color:var(--lf-ink)}
.feature-showcase__header{padding:42px clamp(24px,5vw,64px);border:1px solid #dce7ee;border-radius:28px}
.feature-showcase__header p{margin:0 0 10px;color:#735e00;font-size:.76rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.feature-showcase__header h2{max-width:760px;margin:0;font-size:clamp(2.25rem,5vw,4.2rem);line-height:1;letter-spacing:-.05em}
.feature-showcase__header span{display:block;max-width:680px;margin-top:18px;color:var(--lf-muted);font-size:1.02rem;line-height:1.65}
.feature-showcase__list{display:grid;gap:26px;margin-top:28px}
.feature-story{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(28px,5vw,64px);align-items:center;min-height:440px;padding:clamp(28px,5vw,58px);border:1px solid var(--lf-line);border-radius:30px;overflow:hidden}
.feature-story--0{background:#fff}.feature-story--1{background:var(--lf-cream)}.feature-story--2{background:var(--lf-slate)}
.feature-story__title{display:flex;align-items:center;gap:14px}
.feature-story__title img{flex:0 0 auto;width:68px;height:60px;object-fit:contain}
.feature-story__title span{display:block;margin-bottom:4px;color:#78631a;font-size:.72rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.feature-story__title h3{margin:0;font-size:clamp(1.65rem,3vw,2.65rem);line-height:1.08;letter-spacing:-.035em}
.feature-story__copy>p{margin:22px 0 0;color:var(--lf-muted);font-size:1rem;line-height:1.65}
.feature-story__copy ul{display:grid;gap:9px;margin:22px 0 0;padding-inline-start:1.2rem;color:#36445b}
.feature-story__copy li{padding-inline-start:4px;line-height:1.45}
.feature-story__copy>a{display:inline-flex;align-items:center;gap:10px;min-height:46px;margin-top:26px;padding:0 18px;border-radius:999px;background:var(--lf-ink);color:#fff;font-weight:800;text-decoration:none}
.feature-story__visual{position:relative;margin:0;padding:34px 14px 14px;border:1px solid #cfd8df;border-radius:24px;background:#fff;box-shadow:0 18px 40px rgba(20,33,61,.11);overflow:hidden}
.feature-story__visual figcaption{position:absolute;inset:10px auto auto 16px;color:#647086;font-size:.68rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.feature-story__visual img{display:block;width:105%;max-width:none;aspect-ratio:16/10;height:auto;margin:0 -2.5% -1%;border:1px solid #e0e4e8;border-radius:14px;object-fit:cover;object-position:top;background:#f7f9fb}
.home-ad-placeholder{display:grid;place-items:center;width:min(940px,calc(100% - 32px));min-height:clamp(68px,7vw,82px);margin:22px auto;padding:10px 14px;border:1px dashed #c7bd9d;border-radius:18px;background:#fffdf8;color:#655f50;text-align:center;pointer-events:none}
.home-ad-placeholder span,.home-ad-placeholder strong,.home-ad-placeholder small{display:block}.home-ad-placeholder span{font-size:.66rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.home-ad-placeholder strong{margin-top:3px;font-size:.84rem}.home-ad-placeholder small{margin-top:3px;color:#817968;font-size:.7rem}
.feature-showcase__list>.home-ad-placeholder{width:100%;margin:2px 0}
.tool-first-home #all-tools{padding-inline:clamp(18px,3vw,34px);border-radius:28px;background:#f6f9fc}
.tool-first-home #categories{padding-inline:clamp(18px,3vw,34px);border-radius:28px;background:#fffaf0}
.lalabb-home>.p2-section:not(.category-section){background:#fff}.lalabb-home>.category-section{background:#fffaf0;border-radius:28px}
.lalabb-home .popular-card{position:relative;transition:transform .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease}.lalabb-home .popular-card:hover{transform:translateY(-2px);background:#fffdf5;border-color:#c8b98b;box-shadow:0 12px 28px rgba(20,33,61,.07)}
.lalabb-home .popular-card__action{display:inline-flex;width:max-content;min-height:34px;align-items:center;margin-top:12px;padding:0 13px;border:1px solid #c7bfae;border-radius:999px;background:#fff;font-size:.76rem;font-weight:800}
.preview-card-category{display:block;width:max-content;margin-bottom:8px;color:#718078;font-size:.66rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.lalabb-home .category-card>summary{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:12px;transition:background-color .18s ease}.lalabb-home .category-card>summary:hover{background:rgba(255,255,255,.42)}
.category-card__mascot{width:54px;height:48px;object-fit:contain}.lalabb-home .category-card__action{font-weight:800}.lalabb-home .category-card--priority{border-width:2px;box-shadow:inset 4px 0 0 #ffd84d}
.site-footer{background-color:#f3f9fd;background-image:linear-gradient(rgba(116,169,203,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(116,169,203,.08) 1px,transparent 1px);background-size:32px 32px}
@media(max-width:900px){.tool-hero{grid-template-columns:1fr;padding:30px}.tool-hero__mascot{justify-self:stretch;width:100%;min-height:260px}.feature-story{grid-template-columns:1fr;min-height:0}.feature-story:nth-child(even) .feature-story__visual{order:2}.feature-story__visual img{aspect-ratio:16/9}}
@media(max-width:600px){.tool-hero{width:calc(100% - 24px);padding:22px;border-radius:24px}.tool-hero__mascot{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:8px;min-height:146px;padding:12px}.mascot-asset--hero{position:relative;inset:auto;width:108px;height:108px}.tool-hero__privacy{position:static;inset:auto;align-items:flex-start;gap:4px;padding:12px;backdrop-filter:none}.tool-hero__privacy span{text-align:left}.home-locale-mascot{margin-top:14px}.home-locale-mascot img{width:58px;height:50px}.lalabb-feature-showcase{width:calc(100% - 24px);padding:48px 0}.feature-showcase__header{padding:28px 22px;border-radius:22px}.feature-story{gap:22px;padding:22px;border-radius:22px}.feature-story__copy,.feature-story__visual{order:initial!important}.feature-story__title img{width:54px;height:48px}.feature-story__visual{padding:28px 8px 8px;border-radius:18px}.feature-story__visual img{border-radius:11px}.home-ad-placeholder{width:calc(100% - 24px);min-height:64px;margin:18px auto;padding:10px 12px}.feature-showcase__list>.home-ad-placeholder{width:100%}.tool-first-home #all-tools,.tool-first-home #categories{padding-inline:12px}}
@media(max-width:900px){html[lang="ar"] .feature-story{grid-template-columns:minmax(0,1fr);min-width:0;max-width:100%;box-sizing:border-box}html[lang="ar"] .feature-story__copy,html[lang="ar"] .feature-story__visual{min-width:0}}