/* Me Mik — balanced, accessible typography */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{text-rendering:optimizeLegibility}
button,input,select,textarea{line-height:1.35}
p{line-height:1.6}

@media(min-width:901px){
  .statement-copy h1{font-size:clamp(58px,6.2vw,92px)}
  .catalog-intro h1{font-size:clamp(54px,6vw,84px)}
  .library-head h1{font-size:clamp(44px,4.5vw,64px)}
  .offer-info h1,.validator h1{font-size:clamp(44px,4.5vw,68px)}
}

@media(max-width:900px){
  body{font-size:16px}
  button,input,select,textarea{font-size:16px}

  /* Homepage */
  .statement-top{font-size:11px;line-height:1.5}
  .statement-copy{padding-top:48px}
  .statement-copy>p{font-size:11px;line-height:1.5}
  .statement-copy h1{font-size:clamp(42px,11vw,52px);line-height:.98;letter-spacing:-.045em}
  .statement-cta{font-size:15px}
  .statement-trust b{font-size:17px}
  .statement-trust span{font-size:11px;line-height:1.35}
  .stage-card>span,.stage-card-main>small{font-size:12px}
  .quick-find h2,.section-head h2,.xp-membership-intro h2{font-size:clamp(28px,8vw,36px);line-height:1.1}
  .big-search input{font-size:16px}
  .big-search button{font-size:15px}
  .vibes button,.vibes a{font-size:14px}
  .rating{font-size:12px}
  .body h3{font-size:17px}
  .body p{font-size:13px;line-height:1.5}
  .body b{font-size:13px}
  .tag{font-size:10px}
  .feature-band h2{font-size:clamp(31px,9vw,40px)}
  .feature-band p{font-size:16px;line-height:1.6}
  .original-mini small{font-size:11px}
  .original-mini b{font-size:14px}
  .mood-grid span{font-size:18px}
  .trust h3{font-size:18px}
  .trust p{font-size:15px;line-height:1.55}
  footer .footlinks a{font-size:14px}
  footer small{font-size:12px;line-height:1.5}

  /* Catalog and filters */
  .catalog-intro h1{font-size:clamp(40px,11vw,52px);line-height:.98;letter-spacing:-.045em}
  .catalog-intro p{font-size:16px;line-height:1.55}
  .catalog-intro span,.results-head span{font-size:11px}
  .catalog-search input{font-size:16px}
  .catalog-search button,.filter-actions button{font-size:14px}
  .mobile-filter-button{font-size:14px}
  .filter-grid label{font-size:12px;line-height:1.4}
  .filter-grid select{font-size:16px}
  .filter-actions a{font-size:13px}
  .results-head h2{font-size:clamp(28px,8vw,36px)}
  .results-head>button{font-size:14px}
  .cost-badge,.original-badge{font-size:11px}
  .card-meta{font-size:12px}
  .catalog-card h3{font-size:17px;line-height:1.35}
  .catalog-card p{font-size:14px;line-height:1.45}
  .card-bottom{font-size:12px;line-height:1.4}
  .catalog-pagination a,.catalog-pagination span,.catalog-pagination b{font-size:13px}

  /* Login and registration */
  .form-panel h2{font-size:clamp(36px,10vw,44px);line-height:1}
  .intro{font-size:16px}
  .step-label,.eyebrow{font-size:12px}
  .form-panel form label{font-size:14px}
  .form-panel input,.form-panel select{font-size:16px}
  .providers a,.submit{font-size:15px}
  .switcher{font-size:14px}
  .fine,.provider-note,.selection-count{font-size:12px}
  .tag-picker span{font-size:14px}

  /* Account */
  .library-head h1{font-size:clamp(36px,10vw,44px);line-height:1.05;letter-spacing:-.035em}
  .library-head p{font-size:15px}
  .coupon-tabs button{font-size:13px}
  .coupon-details>small,.coupon-details code,.coupon-details p{font-size:11px}
  .coupon-details h3{font-size:23px}
  .coupon-details>div span{font-size:12px}
  .preferences h2{font-size:27px}
  .preferences>div:last-child span{font-size:12px}

  /* Offer, coupon and validation pages */
  .offer-info h1,.validator h1{font-size:clamp(36px,10vw,44px);line-height:1.03;letter-spacing:-.035em}
  .description{font-size:16px;line-height:1.65}
  .kicker,.portal-label{font-size:12px}
  .benefits span{font-size:13px}
  .flow-cta{font-size:15px}
  .fineprint,.security-note,.coupon-help{font-size:12px;line-height:1.5}
  .terms summary{font-size:15px}
  .terms p{font-size:14px}
  .coupon-copy h1{font-size:34px}
  .coupon-copy p,.coupon-meta b{font-size:13px}
  .coupon-copy small,.coupon-head>span,.qr-box span,.unique-code small,.coupon-meta small{font-size:11px}
  .validation-data>div{font-size:14px}

  /* Admin and business panels */
  .page-title h1,.validate-hero h1,.admin-main .page-title h1{font-size:clamp(32px,9vw,40px);line-height:1.05;letter-spacing:-.03em}
  .page-title p,.welcome p{font-size:14px;line-height:1.5}
  .admin-main small,.shell small{font-size:11px}
  .admin-main label,.shell label,.form-card label,.profile-form label{font-size:13px}
  .admin-main input,.admin-main select,.admin-main textarea,.shell input,.shell select,.shell textarea{font-size:16px}
  .admin-main button,.admin-main a,.shell button,.shell a{font-size:13px}
  .panel-head h2,.form-card h2,.form-section h2{font-size:21px}
  .activity b,.stock-list b,.tr,.offer-copy small{font-size:12px}
  .status{font-size:11px}
  .review-sla,.review-sla span,.approval p{font-size:12px}

  /* Business application */
  .apply-intro h1{font-size:clamp(36px,10vw,44px);line-height:1.02}
  .apply-intro>p{font-size:16px}
  .apply-card h2{font-size:28px}
  .apply-card>p{font-size:14px}
  .apply-card label{font-size:13px}
  .apply-card input{font-size:16px}
  .apply-card button{font-size:15px}
}

@media(max-width:480px){
  .statement-hero{min-height:740px}
  .statement-copy h1{font-size:clamp(40px,12vw,48px)}
  .statement-copy h1 span{min-width:0}
  .statement-trust{gap:16px}
  .catalog-intro{padding-top:40px}
  .catalog-intro h1{font-size:42px}
  .catalog-grid{grid-template-columns:1fr}
  .catalog-card h3{min-height:0}
  .form-panel h2{font-size:38px}
  .library-head h1{font-size:38px}
  .offer-info h1,.validator h1{font-size:38px}
  .page-title h1,.validate-hero h1,.admin-main .page-title h1{font-size:34px}
}