/* (c) 2026 Dutch Inc Platforms. Dutch API(TM). All rights reserved. Unauthorised copying prohibited. */
img,svg,video,canvas,iframe{max-width:100%}
.w,.g>*,.hg>*,.cols>*,.two>*,.docs-main,.rm-main,main>section{min-width:0}
h1,h2,h3,p,li,a,code{overflow-wrap:anywhere}
pre,.term .tb,.rm-code{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
table{max-width:100%}.rm-tbl,.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.eplist .row{flex-wrap:wrap}.eplist .row code{overflow-wrap:anywhere;white-space:normal}
.chips{flex-wrap:wrap}
.tabs{scrollbar-width:none}

/* Footer: flagship products and support */
footer .flag,footer .sup{margin:22px 0 0;padding:18px 20px;border:1px solid #232b4a;border-radius:18px;background:#0c1020}
footer .flag h3,footer .sup h3{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:#c6f24e;margin:0 0 10px}
footer .flag ul{display:flex;flex-wrap:wrap;gap:8px 18px;list-style:none;margin:0 0 10px;padding:0}
footer .flag a,footer .sup a{color:#fff;font-weight:600;text-decoration:none}
footer .flag p,footer .sup p{margin:6px 0;color:#a3aac6;font-size:.92rem}
footer .sup a.wa{display:inline-flex;align-items:center;min-height:44px;margin:4px 8px 4px 0;padding:0 16px;border-radius:999px;background:#25d366;color:#06210f}
.rm-pow{overflow-wrap:anywhere}.rm-pow a{color:inherit;font-weight:700}

/* Tablets */
@media(max-width:900px){
  .hg,.two,.compare,.cmp{grid-template-columns:1fr!important}
  .hero{padding:56px 0 64px}
  section{padding-top:48px;padding-bottom:48px}
}
/* Phones */
@media(max-width:600px){
  body{font-size:16px}
  .w{padding:0 16px}
  h1{font-size:clamp(1.9rem,9vw,2.6rem)}
  .cta-row{display:flex;flex-direction:column;align-items:stretch}
  .cta-row .pill{justify-content:center;margin:6px 0;width:100%}
  .cols{grid-template-columns:1fr 1fr!important;gap:22px 16px}
  .stats{flex-wrap:wrap;gap:18px}
  .term,body.dk .term{font-size:.8rem}
  .term .tb{padding:14px}
  .eplist .row{padding:12px 14px}
  input,select,textarea{font-size:16px;width:100%}
  footer .legal,footer .cr{font-size:.78rem}
}
@media(max-width:400px){
  .cols{grid-template-columns:1fr!important}
  .logo{font-size:1rem}
  .pill{padding:14px 18px}
}
/* Docs */
@media(max-width:900px){
  .docs-main,.rm-main{padding:28px 16px 90px!important;max-width:100%}
  .rm-tbl table{min-width:420px}
}
@media(max-width:340px){.rm-nav a,.rm-pn{padding-left:8px;padding-right:8px;font-size:.85rem}}
