/* UstayaBak Homepage Gap V14 - Thumbtack-inspired content rhythm, original implementation */
body.home-page .ubx-explore-v14,
body.home-page .ubx-resources-v14{padding:88px 0;background:#fff}
body.home-page .ubx-network-v14{padding:70px 0;background:#f3fbfd;overflow:hidden}
body.home-page .ubx-explore-head,
body.home-page .ubx-resources-head{text-align:center;max-width:780px;margin:0 auto 34px}
body.home-page .ubx-explore-head h2,
body.home-page .ubx-network-head h2,
body.home-page .ubx-resources-head h2{margin:8px 0 10px;font-size:40px;line-height:1.08;letter-spacing:-.035em;color:#172230}
body.home-page .ubx-explore-head p,
body.home-page .ubx-resources-head p{margin:0;color:#66727f;font-size:15px;line-height:1.65}
body.home-page .ubx-explore-tabs{display:flex;justify-content:center;gap:26px;overflow-x:auto;scrollbar-width:none;margin:0 auto 18px;padding:0 4px}
body.home-page .ubx-explore-tabs::-webkit-scrollbar{display:none}
body.home-page .ubx-explore-tab{position:relative;border:0;background:transparent;color:#6b7682;font-size:15px;font-weight:500;white-space:nowrap;padding:8px 0 11px;cursor:pointer}
body.home-page .ubx-explore-tab::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#ff6a3d;transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
body.home-page .ubx-explore-tab.is-active{color:#192530;font-weight:700}
body.home-page .ubx-explore-tab.is-active::after{transform:scaleX(1)}
body.home-page .ubx-explore-panel{max-width:1080px;margin:0 auto}
body.home-page .ubx-explore-panel[hidden]{display:none}
body.home-page .ubx-explore-feature{position:relative;display:block;overflow:hidden;border-radius:18px;height:340px;background:#152431;color:#fff;text-decoration:none}
body.home-page .ubx-explore-feature img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
body.home-page .ubx-explore-feature:hover img{transform:scale(1.025)}
body.home-page .ubx-explore-feature-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,16,24,.88) 0%,rgba(6,16,24,.62) 32%,rgba(6,16,24,.12) 66%,rgba(6,16,24,0) 100%)}
body.home-page .ubx-explore-feature-copy{position:absolute;left:34px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;max-width:390px;gap:14px}
body.home-page .ubx-explore-feature-copy strong{font-size:27px;line-height:1.15;letter-spacing:-.02em}
body.home-page .ubx-explore-feature-copy small{font-size:14px;line-height:1.5;font-weight:600}
body.home-page .ubx-explore-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}
body.home-page .ubx-explore-mini{position:relative;height:205px;border-radius:16px;overflow:hidden;background:#dfe5e7;text-decoration:none;color:#fff}
body.home-page .ubx-explore-mini::after,
body.home-page .ubx-resource-card::after{content:"";position:absolute;inset:auto 0 0;height:52%;background:linear-gradient(180deg,transparent,rgba(5,13,20,.76));pointer-events:none}
body.home-page .ubx-explore-mini img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
body.home-page .ubx-explore-mini:hover img{transform:scale(1.035)}
body.home-page .ubx-explore-mini span{position:absolute;z-index:2;left:16px;right:16px;bottom:14px;font-size:15px;font-weight:750;line-height:1.25}
body.home-page .ubx-network-head{text-align:center;max-width:800px;margin:0 auto 32px}
body.home-page .ubx-network-marquee{width:100%;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
body.home-page .ubx-network-track{display:flex;width:max-content;animation:ubxNetworkMove 30s linear infinite}
body.home-page .ubx-network-group{display:flex;align-items:center;gap:22px;padding-right:22px}
body.home-page .ubx-network-group span{display:inline-flex;align-items:center;justify-content:center;min-width:155px;height:52px;padding:0 22px;border:1px solid rgba(17,45,57,.08);border-radius:999px;background:rgba(255,255,255,.72);color:#7c8a94;font-size:14px;font-weight:700;letter-spacing:.01em;box-shadow:0 8px 28px rgba(20,52,64,.04)}
@keyframes ubxNetworkMove{to{transform:translateX(-50%)}}
body.home-page .ubx-resources-v14{background:#fafafa}
body.home-page .ubx-resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1080px;margin:0 auto}
body.home-page .ubx-resource-card{position:relative;display:block;height:310px;border-radius:18px;overflow:hidden;background:#dfe3e5;color:#fff;text-decoration:none;box-shadow:0 14px 34px rgba(19,33,42,.08)}
body.home-page .ubx-resource-card img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
body.home-page .ubx-resource-card:hover img{transform:scale(1.03)}
body.home-page .ubx-resource-copy{position:absolute;z-index:2;left:20px;right:20px;bottom:18px;display:flex;flex-direction:column;gap:5px}
body.home-page .ubx-resource-copy strong{font-size:22px;line-height:1.15;letter-spacing:-.02em}
body.home-page .ubx-resource-copy small{font-size:13px;line-height:1.45;font-weight:550;max-width:280px}
@media(max-width:991px){
 body.home-page .ubx-explore-v14,body.home-page .ubx-resources-v14{padding:70px 0}
 body.home-page .ubx-network-v14{padding:58px 0}
 body.home-page .ubx-explore-head h2,body.home-page .ubx-network-head h2,body.home-page .ubx-resources-head h2{font-size:34px}
 body.home-page .ubx-explore-feature{height:300px}
 body.home-page .ubx-resource-card{height:270px}
}
@media(max-width:767px){
 body.home-page .ubx-explore-v14,body.home-page .ubx-resources-v14{padding:58px 0}
 body.home-page .ubx-network-v14{padding:48px 0}
 body.home-page .ubx-explore-head,body.home-page .ubx-resources-head{margin-bottom:25px;text-align:left}
 body.home-page .ubx-network-head{text-align:left;margin-bottom:25px}
 body.home-page .ubx-explore-head h2,body.home-page .ubx-network-head h2,body.home-page .ubx-resources-head h2{font-size:30px}
 body.home-page .ubx-explore-head p,body.home-page .ubx-resources-head p{font-size:13.5px}
 body.home-page .ubx-explore-tabs{justify-content:flex-start;gap:22px;margin-bottom:14px}
 body.home-page .ubx-explore-tab{font-size:13px}
 body.home-page .ubx-explore-feature{height:255px;border-radius:15px}
 body.home-page .ubx-explore-feature-copy{left:22px;right:22px;max-width:78%}
 body.home-page .ubx-explore-feature-copy strong{font-size:23px}
 body.home-page .ubx-explore-feature-copy small{font-size:12.5px}
 body.home-page .ubx-explore-mini-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:4px;scrollbar-width:none}
 body.home-page .ubx-explore-mini-grid::-webkit-scrollbar{display:none}
 body.home-page .ubx-explore-mini{flex:0 0 76%;height:185px;scroll-snap-align:start}
 body.home-page .ubx-resource-grid{grid-template-columns:1fr;gap:14px}
 body.home-page .ubx-resource-card{height:235px}
 body.home-page .ubx-resource-copy strong{font-size:20px}
 body.home-page .ubx-network-group span{min-width:138px;height:48px;font-size:12.5px}
}
@media(max-width:430px){
 body.home-page .ubx-explore-head h2,body.home-page .ubx-network-head h2,body.home-page .ubx-resources-head h2{font-size:28px}
 body.home-page .ubx-explore-feature{height:230px}
 body.home-page .ubx-explore-feature-copy{left:18px;right:18px;max-width:84%}
 body.home-page .ubx-explore-feature-copy strong{font-size:21px}
 body.home-page .ubx-explore-mini{flex-basis:82%;height:172px}
 body.home-page .ubx-resource-card{height:220px}
}
@media(prefers-reduced-motion:reduce){
 body.home-page .ubx-network-track{animation:none}
 body.home-page .ubx-explore-feature img,body.home-page .ubx-explore-mini img,body.home-page .ubx-resource-card img{transition:none}
}