.ui-arrow{display:inline-block!important;width:1.1em!important;height:1.1em!important;min-width:1.1em;flex:0 0 auto;vertical-align:-.15em;fill:none!important;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
@media(max-width:900px){
 main,.main-content,.auth-form,.settings-panel,.integration-grid>*,.form-row>*{min-width:0}
 .api-docs code,.api-docs p,.settings-panel p,.notification-item,.registration-success p{overflow-wrap:anywhere}
 .api-docs pre,.api-code{max-width:100%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}
 input,select,textarea{font-size:16px}
 .table-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
 .table-wrap table:has(tbody .empty):not(:has(tbody tr:nth-child(2))){min-width:0;width:100%;table-layout:fixed}
 .table-wrap table:has(tbody .empty):not(:has(tbody tr:nth-child(2))) thead{display:none}
 .table-wrap .empty{white-space:normal;overflow-wrap:anywhere;padding:32px 18px}
 dialog{max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);overflow:auto}
 .modal-actions{flex-wrap:wrap}
}
@media(max-width:600px){
 .site-header .nav-inner{gap:8px}
 .nav-right{gap:8px}
 .site-header .button{min-height:40px;padding:10px 12px;font-size:11px;gap:6px;white-space:nowrap}
 .site-header .menu-toggle{min-width:40px;min-height:40px}
 .hero-actions{flex-wrap:wrap;justify-content:center;gap:12px}
 .hero-actions .button{min-height:44px}
 .api-code-card{transform:none}
 .economics-flow{flex-direction:column}
 .economics-flow .flow-arrow{transform:rotate(90deg);align-self:center}
 .economics-flow>div{width:100%}
 .experience-tabs button{min-width:0;padding:12px 8px;white-space:normal}
 .section-heading{gap:12px;flex-wrap:wrap}
 .section-heading h2{font-size:20px}
 .hero{isolation:isolate;overflow:hidden}
 .hero>div:first-child{max-width:100%;width:100%}
 .hero .globe{z-index:-1;opacity:.18;right:-65px;top:20px}
 .hero h2,.hero p{max-width:100%}
 .filters{flex-wrap:wrap;gap:10px}
 .filters input,.filters select{max-width:100%;min-width:0}
 .integration-grid,.bank-grid{grid-template-columns:minmax(0,1fr)}
 .settings-panel,.api-docs{padding:22px 18px}
 .api-docs ul{padding-left:20px}
 .api-docs li{margin-block:12px;overflow-wrap:anywhere}
 .toast,.toast.show{max-width:calc(100vw - 24px)}
 button,a.button,.primary,.secondary{touch-action:manipulation}
}
@media(max-width:480px){
 .stats{grid-template-columns:minmax(0,1fr)}
 .stat{padding:20px}
 .stat-value{font-size:30px}
 .plan-grid,.plans-grid{grid-template-columns:minmax(0,1fr)}
 .plan-card{min-width:0}
 .hero h2{font-size:32px}
 .hero{padding:28px 22px}
 .auth-form{padding:28px 20px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:420px){
 .cards{grid-template-columns:minmax(0,1fr)}
 .plan-card .plan-buy{min-height:44px}
 .stat-link,.text-button{line-height:1.6}
}
@media(max-width:600px){
 .site-header .nav-right{gap:5px;min-width:0}
 .site-header .nav-right>.button{padding:10px 9px;font-size:10px;gap:5px}
 .site-header .flip-front,.site-header .flip-back,.site-header .flip-sizer{gap:5px}
}
@media(hover:none){
 .flip-button:hover .flip-front,.flip-button:focus-visible .flip-front{transform:none;opacity:1}
 .flip-button:hover .flip-back,.flip-button:focus-visible .flip-back{transform:translate3d(0,2em,-6em) rotateX(-90deg);opacity:0}
}
@media(max-width:600px){
 .hero-content{min-height:620px;padding:140px 18px 56px}
}