/* Shared i2 family hero: a flat brand-tinted band followed by the search surface. */
.home-main{width:100%;min-width:0}
.home-hero-band{width:100%;background:#eaf7fb}
:root[data-appearance="dark"] .home-hero-band{background:#1c2e37}
.home-hero{grid-template-columns:1.04fr 1fr;gap:20px;min-height:450px;max-width:1120px;padding:36px 0 40px}
.home-hero .hero-copy{min-width:0;text-align:center}
.home-hero h1{margin:18px 0 20px;text-wrap:balance;overflow-wrap:anywhere}
.home-hero .hero-copy>p{margin-inline:auto}
.home-hero .hero-benefits{flex-wrap:wrap;justify-content:center;gap:8px 12px;margin:18px 0 0;font-size:12px;line-height:1.9}
.home-hero>.hero-art{width:85%;max-width:440px;height:374px;justify-self:center;margin:0;transform:none}
.home-cta{display:flex;width:fit-content;max-width:100%;min-width:240px;min-height:64px;justify-content:center;gap:20px;margin:27px auto 0;padding:12px 24px;border-radius:18px;font-size:17px;font-weight:700}
.home-cta>.icon{width:36px;height:36px;flex:none;padding:8px;border-radius:50%;background:#ffffff38}
.home-cta:focus-visible{outline:3px solid var(--ink);outline-offset:-3px}
[dir="rtl"] .home-cta>.icon{transform:scaleX(-1)}
.home-content{min-width:0}
.home-search-area{width:100%;max-width:800px;margin:28px auto 0;padding-bottom:24px;scroll-margin-top:100px;border-radius:16px}
.home-search-area>.smart-search{width:100%;max-width:none;margin-inline:auto}
.home-search-area>.trending{justify-content:center}
.home-content>.popular-categories{border-block:0}
.home-search-area:focus{outline:none}
.home-search-area:focus-visible{outline:2px solid var(--accent-deep);outline-offset:6px}
@media(max-width:900px){
.home-hero{gap:20px}
.home-hero .hero-benefits{font-size:11px;gap:7px 10px}
}
@media(max-width:700px){
.home-hero{grid-template-columns:minmax(0,1fr);min-height:0;padding:36px 0 34px;gap:22px}
.home-hero h1{margin:18px 0}
.home-hero .hero-benefits{font-size:11px;gap:6px 12px}
.home-hero>.hero-art{width:min(85%,331.5px);max-width:none;height:260px;margin:0 auto}
.home-cta{min-height:56px;margin-top:22px;font-size:16px;gap:16px}
.home-search-area{margin-top:28px;padding-bottom:16px;scroll-margin-top:92px}
}
@media(max-width:400px){
.home-hero .hero-benefits{font-size:10px;gap:6px 10px}
.home-hero>.hero-art{height:250px}
.home-cta{min-width:min(240px,100%);padding-inline:20px}
}