:root{
  --platform:#1656c8;
  --platform-dark:#0d2758;
  --platform-soft:#eef4ff;
  --hero-end:#f9fbff;
  --ink:#252130;
  --muted:#777181;
  --line:#e5e2ec;
  --canvas:#f7f7fb;
}

body[data-theme="yahoo"]{
  --platform:#e50037;
  --platform-dark:#380012;
  --platform-soft:#fff0f4;
  --hero-end:#fff9fa;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--canvas);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.utility{background:var(--platform-dark);color:#f3f5ff;font-size:11px}
.utility-inner,.nav-inner,.container{width:min(1220px,calc(100% - 40px));margin:auto}
.utility-inner{display:flex;justify-content:space-between;padding:7px 0}
.nav{position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line);background:#fff}
.nav-inner{display:flex;align-items:center;justify-content:space-between;min-height:76px}
.brand{display:flex;align-items:center;gap:11px;color:var(--ink);font-size:20px;font-weight:950;text-decoration:none}
.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#5047d7;color:#fff}
.nav-links{display:flex;align-items:center;gap:18px}
.nav-links a{color:#4b4655;text-decoration:none;font-size:13px;font-weight:800}
.nav-links .cta{border-radius:10px;background:#5047d7;color:#fff;padding:11px 15px}
.hero{overflow:hidden;background:linear-gradient(135deg,var(--platform-soft),#fff 58%,var(--hero-end))}
.hero-inner{padding:58px 0 48px;text-align:center}
.market-badge{display:inline-flex;align-items:center;gap:10px;border:1px solid #ece9f3;border-radius:999px;background:#fff;padding:8px 14px;box-shadow:0 8px 25px #342c6814;color:#524d5d;font-size:12px;font-weight:900}
.market-badge img{width:29px;height:29px;object-fit:contain}
.hero h1{max-width:850px;margin:20px auto 10px;font-size:clamp(38px,6vw,68px);line-height:1.03;letter-spacing:-.055em}
.hero h1 em{color:var(--platform);font-style:normal}
.hero-copy{max-width:700px;margin:0 auto;color:var(--muted);font-size:16px;line-height:1.7}
.search-shell{max-width:900px;margin:30px auto 0;padding:11px;border:1px solid #ddd8ee;border-radius:18px;background:#fff;box-shadow:0 22px 50px #2d265329}
.search-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}
.search-form input{min-width:0;height:56px;border:1px solid #ddd9e8;border-radius:11px;padding:0 17px;font:inherit;font-size:15px;outline:0}
.search-form input:focus{border-color:var(--platform);box-shadow:0 0 0 3px color-mix(in srgb,var(--platform) 12%,transparent)}
.search-form button{min-width:155px;border:0;border-radius:11px;background:var(--platform);color:#fff;font-weight:900;cursor:pointer}
.search-meta{display:flex;justify-content:space-between;gap:15px;padding:9px 6px 0;color:#898391;font-size:10px}
.search-meta a{color:var(--platform);font-weight:900;text-decoration:none}
.categories{padding:34px 0 8px}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}
.eyebrow{margin:0 0 7px;color:var(--platform);font-size:11px;font-weight:950;letter-spacing:1.5px;text-transform:uppercase}
.section-head h2,.intro-copy h2{margin:0;font-size:clamp(27px,4vw,40px);letter-spacing:-.035em}
.section-head p{margin:7px 0 0;color:var(--muted)}
.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:11px}
.category{min-height:154px;border:1px solid var(--line);border-radius:15px;background:#fff;padding:16px;color:inherit;text-align:left;cursor:pointer;transition:.2s}
.category:hover{border-color:var(--platform);transform:translateY(-3px);box-shadow:0 12px 28px #28205712}
.category i{display:grid;place-items:center;width:68px;height:68px;overflow:hidden;border-radius:18px;background:var(--platform-soft);font-style:normal}
.category i img{display:block;width:100%;height:100%;object-fit:cover}
.category strong{display:block;margin-top:13px;font-size:14px}
.category small{display:block;margin-top:4px;color:var(--muted)}
.results{padding:48px 0}
.result-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}
.result-head h2{margin:0;font-size:32px}
.result-status{color:var(--muted);font-size:12px}
.product-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}
.product{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fff}
.product img{display:block;width:100%;aspect-ratio:1;object-fit:cover;background:#eee}
.product-body{padding:12px}
.product-title{height:38px;overflow:hidden;margin:0;font-size:13px;line-height:1.45}
.product-price{margin:9px 0 11px;font-size:17px;font-weight:950}
.product a{display:block;border-radius:8px;background:var(--platform);padding:9px;color:#fff;text-align:center;text-decoration:none;font-size:11px;font-weight:900}
.empty{grid-column:1/-1;padding:55px 20px;border:1px dashed #d5d0e4;border-radius:15px;background:#fff;color:var(--muted);text-align:center}
.empty strong{display:block;margin-bottom:7px;color:var(--ink);font-size:18px}
.empty a{display:inline;background:none;padding:0;color:var(--platform);font-size:inherit}
.intro{padding:22px 0 70px}
.intro-shell{display:grid;grid-template-columns:.85fr 1.15fr;gap:38px;border-radius:24px;background:var(--platform-dark);padding:44px;color:#fff}
.intro-logo{display:flex;align-items:center;justify-content:center;min-height:280px;border-radius:18px;background:#fff}
.intro-logo img{width:150px;height:150px;object-fit:contain}
.intro-copy p{color:#e5e6f2;line-height:1.75}
.benefits{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:20px}
.benefit{border-radius:12px;background:#ffffff13;padding:13px;font-size:12px;font-weight:800}
.steps{padding:0 0 70px}
.step-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.step{border:1px solid var(--line);border-radius:15px;background:#fff;padding:20px}
.step span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--platform);color:#fff;font-size:11px;font-weight:950;box-shadow:0 7px 16px color-mix(in srgb,var(--platform) 22%,transparent)}
.steps .section-head a{color:var(--platform);font-weight:900;text-decoration:none}
.step h3{margin:16px 0 7px}
.step p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}
.footer{background:#201a50;color:#fff}
.footer-inner{display:flex;justify-content:space-between;gap:25px;padding:40px 0}
.footer p{color:#bbb6d9}
.footer a{color:#fff;text-decoration:none;font-weight:800}
.footer-links{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
@media(max-width:980px){.category-grid,.product-grid,.step-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.utility-inner span:last-child,.nav-links a:not(.cta){display:none}.hero-inner{padding:42px 0}.search-form{grid-template-columns:1fr}.search-form button{height:50px}.search-meta{align-items:flex-start;flex-direction:column}.category-grid,.product-grid{grid-template-columns:repeat(2,1fr)}.intro-shell{grid-template-columns:1fr;padding:24px}.intro-logo{min-height:190px}.step-grid{grid-template-columns:1fr 1fr}.footer-inner{flex-direction:column}}
@media(max-width:430px){.utility-inner,.nav-inner,.container{width:min(100% - 26px,1220px)}.hero h1{font-size:40px}.step-grid{grid-template-columns:1fr}.intro-logo img{width:110px;height:110px}}