html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:84px}
body{min-height:100vh;min-height:100dvh;-webkit-tap-highlight-color:transparent;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
img,svg,video{max-width:100%}
h1,h2,h3,p,li,summary{overflow-wrap:anywhere}
.btn,button,a{touch-action:manipulation}
:focus-visible{outline:2px solid var(--cy);outline-offset:3px}

@media(pointer:coarse){
  .btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center}
  .btn.sm{min-height:42px}
  .chipsrow a,.rangesel a,.mtabs button{min-height:42px;display:inline-flex;align-items:center}
  summary{padding:6px 0}
}

@media(max-width:900px){
  input,select,textarea{font-size:16px}
  input,select{min-height:46px}
  .footgrid{padding:44px 6vw 28px;gap:28px}
  .footbar{flex-direction:column;gap:8px}
}

@media(max-width:1000px){
  .main{padding-bottom:calc(112px + env(safe-area-inset-bottom))}
  .tabbar{left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));overflow-x:auto;scrollbar-width:none}
  .tabbar::-webkit-scrollbar{display:none}
  .tabbar a{min-width:52px}
  .sup-fab{bottom:calc(88px + env(safe-area-inset-bottom));right:14px}
  .sup-panel{bottom:calc(88px + env(safe-area-inset-bottom));height:min(560px,calc(100dvh - 130px))}
  .topbar h1,.cmdbar h1{font-size:26px;line-height:1.15}
  .topbar small{display:block;line-height:1.35}
  .tw{-webkit-overflow-scrolling:touch}
}

@media(max-width:640px){
  .nav{padding-left:4vw;padding-right:4vw}
  .logo .lockup{height:46px}
  .nav.sc .logo .lockup{height:40px}
  .hero2{padding-top:36px;padding-bottom:36px;gap:34px}
  .hero2 h1{font-size:clamp(36px,11vw,50px);line-height:1.05}
  .lead2{font-size:16px}
  .row.left{gap:10px}
  .trust{gap:8px}
  .trust span{font-size:13px}
  .wrap{padding-left:5vw;padding-right:5vw}
  h2{font-size:clamp(28px,8vw,38px);line-height:1.12}
  .stats{gap:10px}
  .stat b{font-size:clamp(20px,6vw,28px)}
  .authbox{margin:28px auto;padding:24px 18px;width:calc(100% - 32px)}
  .authbox h1{font-size:30px}
  .mockcard{padding:20px 18px;border-radius:22px}
  .big{font-size:36px}
  .cta{margin-left:4vw;margin-right:4vw}
  .cta h2{font-size:clamp(26px,8vw,34px)}
  .dash h1{font-size:32px}
  .card{border-radius:18px}
  .acts{gap:10px}
  .acts form{flex-wrap:wrap}
  .acts .btn{flex:1 1 auto;text-align:center}
  .acts select,.acts input{width:100%;flex:1 1 100%}
  .payform{gap:10px}
  .copy{flex-direction:column}
  .copy .btn{width:100%}
  .chipsrow{gap:6px}
  .chipsrow a{padding:8px 14px;font-size:13px}
  .inbox{gap:14px}
  .chatpane{min-height:380px}
  .chatform{flex-direction:column;align-items:stretch}
  .pvctl{flex-wrap:wrap}
  .sistats{grid-template-columns:repeat(2,1fr)}
  .rulestats{grid-template-columns:repeat(2,1fr)}
  .ruleform .two{grid-template-columns:1fr}
  .siteintro{flex-direction:column}
  .srow .ptiles.four,.prow .ptiles.four{grid-template-columns:repeat(2,1fr)}
  .shead2,.phead2{flex-wrap:wrap}
  .sflags{flex-wrap:wrap}
}

@media(max-width:380px){
  .btn.big{padding:13px 18px;font-size:15px}
  .hero2 h1{font-size:34px}
  .eyebrow{font-size:11px;letter-spacing:.14em}
  .chip2{display:none}
  .stats{grid-template-columns:1fr 1fr}
  .stat{padding:16px 10px}
  .kpis6,.ptiles,.kpis4,.sistats,.rulestats{grid-template-columns:1fr 1fr;gap:8px}
  .kpi b{font-size:18px}
  .balnum{font-size:38px}
  .tabbar a{min-width:46px}
  .tabbar a span{font-size:9px}
  .sup-panel{left:8px;right:8px}
  .authbox{padding:20px 14px}
}

@media(max-width:340px){
  .hero2 h1{font-size:31px}
  .row{gap:8px}
  .mtabs button{padding:7px 11px;font-size:12px}
  .reg-steps span{font-size:10.5px;padding:6px 8px}
}

@media(max-height:480px) and (orientation:landscape){
  .hero2{padding-top:24px}
  .bs-main{padding-top:0}
  .sup-panel{height:calc(100dvh - 24px);bottom:12px}
  .tabbar{padding:3px}
}

@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .marquee div{animation:none}
  .rv{opacity:1;transform:none}
}
.hero2>*,.herotxt,.mock{min-width:0;max-width:100%}
@media(max-width:900px){.hero2{grid-template-columns:minmax(0,1fr)}}
@media(max-width:640px){
  .bbrand{min-width:0;gap:10px}
  .bbrand b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40vw;font-size:17px}
  .bhead{padding:12px 4vw}
}
@media(max-width:1000px){
  .main{padding-bottom:calc(42px + env(safe-area-inset-bottom))}
  .tabbar{display:none}
}
@media(max-width:640px){
  .shead,.anahead,.sitest,.proofrow,.apimeta{min-width:0}
  .shead>*{max-width:100%}
  pre{max-width:100%;overflow-x:auto}
}