/* Update 48 (8 Nov 2026): buyer-first homepage hero */
.hero.hx{background:linear-gradient(180deg,#FFFDF9 0%,var(--ivory) 100%);padding:64px 0 56px;border-bottom:1px solid var(--line)}
.hero.hx .wrap{grid-template-columns:1.02fr .98fr;gap:64px;align-items:center}
.hx-kicker{display:inline-flex;align-items:center;gap:8px;font:600 .8rem/1 var(--sans);color:#5A5448;background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 14px;margin-bottom:22px}
.hx-kicker i{width:7px;height:7px;border-radius:50%;background:var(--marigold);box-shadow:0 0 0 4px rgba(232,163,61,.2)}
.hx h1{color:var(--ink);font-size:clamp(2.1rem,4.3vw,3.5rem);line-height:1.06;letter-spacing:-.022em;margin-bottom:28px}
.hx h1 em{font-style:italic;color:var(--gold)}
.hx-ask{font:600 .74rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}
.hx-tabs{display:flex;flex-wrap:wrap;gap:8px}
.hx-tab{font:500 .92rem/1 var(--sans);color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:999px;padding:10px 16px;cursor:pointer;transition:all .15s}
.hx-tab:hover{border-color:var(--ink)}
.hx-tab.on{background:var(--ink);border-color:var(--ink);color:#fff}
.hero.hx p.hx-lead{color:#4A4A42;font-size:1.08rem;margin:18px 0 0;min-height:3.3em;max-width:540px}
.hx .hero-ctas{align-items:center;gap:22px;margin:26px 0 34px}
.hx-btn{background:var(--ink);color:#fff;padding:1em 1.7em;font-size:1rem}
.hx-btn:hover{background:#000;color:#fff}
.hx-link{font-weight:600;color:var(--ink);text-decoration:none;border-bottom:1.5px solid var(--marigold);padding-bottom:2px}
.hx-link:hover{color:var(--gold)}
.hx-proof{list-style:none;margin:0;padding:22px 0 0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.hx-proof li{display:flex;flex-direction:column;gap:2px}
.hx-proof b{font:600 1.15rem/1.1 var(--serif);color:var(--ink)}
.hx-proof span{font-size:.8rem;color:var(--muted);line-height:1.3}
.hx-visual{position:relative;padding:28px 28px 160px;background:var(--sand);border-radius:28px}
.hx-visual .mosaic{gap:14px}
.hx-visual .mosaic a{border-radius:18px;box-shadow:0 1px 2px rgba(31,36,32,.06),0 14px 30px rgba(31,36,32,.10)}
.hx-visual .mosaic a span{background:rgba(255,255,255,.95);color:var(--ink)}
.hx-visual .mosaic a:hover span{background:var(--ink);color:#fff}
.hx-card{position:absolute;left:-36px;bottom:-34px;width:300px;background:#fff;border-radius:16px;padding:16px 18px;box-shadow:0 2px 4px rgba(31,36,32,.06),0 24px 48px rgba(31,36,32,.16);font-size:.84rem;z-index:2}
.hx-card-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.hx-card-h span{font:600 .95rem/1 var(--serif);color:var(--ink)}
.hx-card-h em{font-style:normal;font-size:.72rem;font-weight:600;color:#8A5A10;background:var(--gold-soft);padding:4px 8px;border-radius:999px}
.hx-card ul{list-style:none;margin:0;padding:0}
.hx-card li{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-top:1px dashed var(--line);color:#3A3F37}
.hx-card li b{color:var(--ink);white-space:nowrap}
.hx-card-f{display:flex;justify-content:space-between;margin-top:8px;padding-top:10px;border-top:1px solid var(--line);color:var(--muted);font-size:.78rem}
.hx-card-f b{color:var(--ink)}
.hx-card-f .ok{color:var(--green-2);font-weight:600}
.hx-brands{background:#fff;border-bottom:1px solid var(--line);padding:22px 0}
.hx-brands .wrap{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:28px}
.hx-brands span{font:600 .72rem/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);max-width:170px}
.hx-brands div{display:flex;flex-wrap:wrap;gap:10px 30px}
.hx-brands b{font:600 1rem/1.2 var(--serif);color:#8C8576;letter-spacing:-.01em;white-space:nowrap}
.hx-pain{padding:64px 0 24px}
.hx-pain-head{max-width:640px;margin-bottom:26px}
.hx-pain-head h2{color:var(--ink)}
.hx-rows{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden}
.hx-row{display:grid;grid-template-columns:.8fr 1.2fr;border-top:1px solid var(--line)}
.hx-row:first-child{border-top:0}
.hx-row p{margin:0;padding:20px 26px}
.hx-row .was{font:500 1.05rem/1.4 var(--serif);color:#6A6458;background:#FCFAF6;position:relative;padding-left:52px}
.hx-row .was:before{content:"";position:absolute;left:26px;top:28px;width:12px;height:2px;background:#C9BFAE}
.hx-row .now{color:#2F332D;position:relative;padding-left:56px}
.hx-row .now:before{content:"✓";position:absolute;left:24px;top:19px;width:22px;height:22px;border-radius:50%;background:var(--gold-soft);color:#8A5A10;font:700 .8rem/22px var(--sans);text-align:center}
@media (max-width:1000px){.hero.hx .wrap{grid-template-columns:1fr;gap:40px}.hx-card{left:16px}.hx-proof{grid-template-columns:1fr 1fr}.hx-brands .wrap{grid-template-columns:1fr;gap:12px}}
@media (max-width:640px){.hero.hx{padding:36px 0 40px}.hx-visual{padding:14px 14px 210px;border-radius:20px}.hx-card{left:14px;right:14px;width:auto;bottom:-20px}.hx-row{grid-template-columns:1fr}.hx-row .was{padding-bottom:6px;background:#fff}.hx .hero-ctas .hx-btn{width:100%}}