/* UstayaBak Typography V15.2 - exact live selector pass */
:root{
  --ub-font-sans:Inter,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
html{font-size:16px}
body,input,button,select,textarea{font-family:var(--ub-font-sans)}
body{font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,h4,h5,h6{font-family:var(--ub-font-sans);letter-spacing:-.025em}

/* Shared public/dashboard surfaces */
body.dashboard-page{font-size:16px}
body.dashboard-page p,body.dashboard-page li,body.dashboard-page label,body.dashboard-page .text-muted{font-size:14px;line-height:1.55}
body.dashboard-page .btn,body.dashboard-page button{font-size:14px}
body.dashboard-page input,body.dashboard-page select,body.dashboard-page textarea{font-size:16px}
body.dashboard-page h1{font-size:clamp(30px,2.4vw,38px);line-height:1.12}
body.dashboard-page h2{font-size:clamp(25px,2vw,32px);line-height:1.15}
body.dashboard-page h3{font-size:22px;line-height:1.2}
body.dashboard-page h4{font-size:18px;line-height:1.25}
body.dashboard-page h5{font-size:16px;line-height:1.3}

/* Homepage base */
body.home-page{font-family:var(--ub-font-sans);font-size:16px}
body.home-page .ubx-menu-list>li>a{font-size:15px;line-height:1.35;font-weight:700}
body.home-page .ubx-login,body.home-page .ubx-primary-action{font-size:14px;line-height:1.35}
body.home-page .ubx-kicker{font-size:12px;line-height:1.35;letter-spacing:.13em}
body.home-page .ubx-heading h2{font-size:clamp(36px,3vw,44px);line-height:1.08}
body.home-page .ubx-heading p{font-size:16px;line-height:1.6}
body.home-page .ubx-btn{font-size:15px;line-height:1.35}

/* Hero - exact current classes */
body.home-page .ub-hero-badge{font-size:12px;line-height:1.35}
body.home-page .ub-hero-copy h1{font-size:clamp(52px,4.5vw,68px);line-height:1.01}
body.home-page .ub-hero-subtitle{font-size:17px;line-height:1.6}
body.home-page .ub-hero-search>label{font-size:13px;line-height:1.4}
body.home-page .ub-hero-search-field input{font-size:16px;line-height:1.4}
body.home-page .ub-hero-search-row>button{font-size:15px;line-height:1.35}
body.home-page .ub-popular-searches{font-size:13px;line-height:1.4}
body.home-page .ub-popular-searches button{font-size:12px;line-height:1.35}
body.home-page .ub-hero-trust{font-size:13px;line-height:1.4}
body.home-page .ub-hero-quick-title{font-size:17px;line-height:1.35}
body.home-page .ub-hero-quick-card{font-size:14px;line-height:1.4}
body.home-page .ub-hero-proof{font-size:13px;line-height:1.4}
body.home-page .ub-hero-bubble{font-size:12px;line-height:1.4}

/* Services */
body.home-page .ubx-service-tab-label{font-size:13px;line-height:1.35}
body.home-page .ubx-service-card-body strong{font-size:15px;line-height:1.3}
body.home-page .ubx-service-card-body small{font-size:12px;line-height:1.45}
body.home-page .ubx-service-card--all strong{font-size:19px}
body.home-page .ubx-service-card--all small{font-size:12px;line-height:1.45}

/* How it works */
body.home-page .ubx-why-copy h2{font-size:clamp(38px,3vw,46px);line-height:1.06}
body.home-page .ubx-lead{font-size:16px;line-height:1.6}
body.home-page .ubx-why-no{font-size:12px}
body.home-page .ubx-why-item h3{font-size:16px;line-height:1.35}
body.home-page .ubx-why-item p{font-size:13px;line-height:1.55}
body.home-page .ubx-flow-note strong{font-size:12px}
body.home-page .ubx-flow-note small{font-size:10px;line-height:1.4}

/* Latest requests / pros */
body.home-page .ubx-outline-link{font-size:13px}
body.home-page .ubx-request-media>span{font-size:11px}
body.home-page .ubx-request-body h3{font-size:17px;line-height:1.3}
body.home-page .ubx-request-location{font-size:12px;line-height:1.4}
body.home-page .ubx-request-bottom strong{font-size:14px}
body.home-page .ubx-request-bottom a{font-size:12px}
body.home-page .ubx-pro-title h3{font-size:16px}
body.home-page .ubx-pro-title p{font-size:12px;line-height:1.4}
body.home-page .ubx-pro-meta{font-size:12px}
body.home-page .ubx-verified{font-size:11px}

/* Pro banner / trust / reviews */
body.home-page .ubx-join-copy h2{font-size:clamp(32px,2.8vw,40px)}
body.home-page .ubx-join-copy p{font-size:15px;line-height:1.6}
body.home-page .ubx-join-benefit-list span{font-size:13px;line-height:1.4}
body.home-page .ubx-trust-item strong{font-size:15px;line-height:1.35}
body.home-page .ubx-trust-item small{font-size:13px;line-height:1.5}
body.home-page .ubx-trust-note{font-size:14px;line-height:1.55}
body.home-page .ubx-review-top strong{font-size:14px}
body.home-page .ubx-review-top small{font-size:12px}
body.home-page .ubx-review-card blockquote{font-size:14px;line-height:1.65}
body.home-page .ubx-stars b{font-size:12px}

/* V14 project explorer/resources */
body.home-page .ub-gap-v14 h2{font-size:clamp(36px,3vw,44px);line-height:1.08}
body.home-page .ub-gap-v14 p{font-size:16px;line-height:1.6}
body.home-page .ub-gap-v14 button,body.home-page .ub-gap-v14 a{font-size:14px}
body.home-page .ub-gap-v14 h3{font-size:20px;line-height:1.25}

/* FAQ / final CTA / footer */
body.home-page .ubx-faq-intro h2{font-size:clamp(30px,2.5vw,36px);line-height:1.12}
body.home-page .ubx-faq-intro>p{font-size:14px;line-height:1.6}
body.home-page .ubx-faq-item>button,body.home-page .ubx-faq--v5 .ubx-faq-item button{font-size:15px;line-height:1.45}
body.home-page .ubx-faq-answer p{font-size:14px;line-height:1.6}
body.home-page .ubx-final-copy h2{font-size:clamp(30px,2.6vw,38px)}
body.home-page .ubx-final-copy p{font-size:15px;line-height:1.55}
body.home-page .ubx-final-points strong{font-size:13px}
body.home-page .ubx-final-points small{font-size:11px;line-height:1.4}
body.home-page .ubx-footer-brand-col p{font-size:13px;line-height:1.6}
body.home-page .ubx-footer-links h3{font-size:14px}
body.home-page .ubx-footer-links a{font-size:13px;line-height:1.5}
body.home-page .ubx-footer-cta>span{font-size:11px}
body.home-page .ubx-footer-cta h3{font-size:20px;line-height:1.3}
body.home-page .ubx-footer-cta a{font-size:13px}
body.home-page .ubx-footer-bottom{font-size:11px;line-height:1.45}

@media(max-width:991px){
  body.home-page .ubx-menu-list>li>a{font-size:14px}
  body.home-page .ub-hero-copy h1{font-size:clamp(44px,7vw,56px)}
  body.home-page .ubx-heading h2,body.home-page .ub-gap-v14 h2{font-size:clamp(32px,5vw,38px)}
}
@media(max-width:767px){
  body.home-page .ub-hero-copy h1{font-size:clamp(38px,10vw,46px)}
  body.home-page .ub-hero-subtitle{font-size:16px}
  body.home-page .ubx-heading h2,body.home-page .ub-gap-v14 h2{font-size:30px}
  body.home-page .ubx-heading p,body.home-page .ub-gap-v14 p{font-size:15px}
  body.home-page .ubx-service-tab-label{font-size:13px}
  body.home-page .ubx-faq-item>button,body.home-page .ubx-faq--v5 .ubx-faq-item button{font-size:15px}
}
@media(max-width:430px){
  body.home-page .ub-hero-copy h1{font-size:38px}
  body.home-page .ubx-heading h2,body.home-page .ub-gap-v14 h2{font-size:28px}
}

/* === UstayaBak Homepage Hero Header Typography V18 START === */
@media (min-width:1200px){
  body.home-page .ubx-menu-list>li>a{
    font-size:13px;
    line-height:1.2;
    font-weight:700;
  }
  body.home-page .ubx-login,
  body.home-page .ubx-primary-action{
    font-size:13px;
  }
}
body.home-page .ub-hero-copy h1{
  font-size:clamp(46px,3.75vw,58px);
  line-height:1.07;
  letter-spacing:-.038em;
}
body.home-page .ub-hero-subtitle{
  font-size:16px;
  line-height:1.6;
}
body.home-page .ub-hero-quick-title{
  font-size:18px;
  line-height:1.25;
  font-weight:800;
}
body.home-page .ub-hero-quick-card a{
  font-size:13px;
  line-height:1.3;
  font-weight:700;
}
body.home-page .ub-hero-proof strong{
  font-size:13px;
  line-height:1.25;
}
body.home-page .ub-hero-proof small{
  font-size:10px;
  line-height:1.35;
}
body.home-page .ub-hero-bubble{
  font-size:12px;
  line-height:1.35;
}
@media (min-width:1200px) and (max-width:1365px){
  body.home-page .ub-hero-copy h1{font-size:52px}
  body.home-page .ubx-menu-list>li>a{font-size:12.5px}
}
@media (max-width:767px){
  body.home-page .ub-hero-copy h1{font-size:36px;line-height:1.09}
}
/* === UstayaBak Homepage Hero Header Typography V18 END === */
