/* Shared responsive safeguards. Keep in all new TwistContact landings. */
@media(max-width:800px){
  .hero-grid>*,.split>*,.flow-grid>*,.team>*,.pain-layout>*,.manager-grid>*,.faq-layout>*,.faq-grid>*,.calc-layout>*,.income-grid>*,.modal-grid>*,.form-row>*{min-width:0}
  h1,.eyebrow{overflow-wrap:break-word}
  .btn{max-width:100%}
  dialog .close{width:44px;height:44px;min-width:44px;flex-shrink:0}
  dialog input:not([type=checkbox]):not([type=radio]),dialog select,dialog textarea{font-size:16px;min-width:0;max-width:100%}
  .header.is-bottom-docked{padding-bottom:env(safe-area-inset-bottom,0px)}
  .footer-links{flex-wrap:wrap}
}
@media(max-width:760px){
  body[data-layout=sector] .header .nav{width:calc(100% - 28px);gap:8px}
  body[data-layout=sector] .header .logo{width:104px;height:49px;object-fit:contain}
  body[data-layout=sector] .header .nav>a:first-child{flex-shrink:0}
  body[data-layout=sector] .header .nav>.btn{font-size:11px;padding:10px;gap:8px;min-height:44px;min-width:0;line-height:1.3}
  body[data-layout=sector] .menu{width:44px;height:44px;flex-shrink:0;padding:0}
  body[data-layout=sector] .navlinks{top:100%;max-height:calc(100dvh - 90px - env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:contain}
  body[data-layout=sector] .header.is-bottom-docked .navlinks{top:auto;bottom:100%;border-radius:0}
  body[data-layout=sector] .navlinks a{display:block;min-height:44px;padding:10px 0}
  body[data-layout=sector].dock-active{padding-bottom:calc(68px + env(safe-area-inset-bottom,0px))}
  body[data-layout=sector] .scenario-row{flex-wrap:wrap}
  body[data-layout=sector] .scenario-row>div{min-width:0;flex:1}
  body[data-layout=sector] .scenario-row .tag{white-space:normal}
  body[data-layout=sector] .scenario-top{gap:12px;flex-wrap:wrap}
  body[data-layout=sector] #demo-dialog{overflow:hidden}
  body[data-layout=sector] .form-frame{height:min(700px,90dvh)!important}
}
@media(max-width:480px){
  body[data-layout=main] .kanban{grid-template-columns:minmax(0,1fr)}
  body[data-layout=main] .drop-area{min-height:120px}
  body[data-layout=main] .movable-deal select{font-size:16px}
  body[data-layout=main] .inbox-body{grid-template-columns:78px minmax(0,1fr)}
  body[data-layout=main] .hero h1,body[data-layout=sector] .hero h1{font-size:clamp(34px,10vw,43px)}
  body[data-layout=sector] .panel-art{padding:16px}
  body[data-layout=sector] .scenario{padding:18px}
  body[data-layout=sector] .mini-board{grid-template-columns:repeat(3,minmax(0,1fr))}
  body[data-layout=sector] .mini-card{overflow-wrap:anywhere}
  body[data-layout=partner] .calc-top{gap:12px;flex-wrap:wrap}
  body[data-layout=partner] .result{white-space:normal}
  body[data-layout=partner] .calculator .btn{gap:10px;padding:13px 12px;font-size:14px}
  body[data-layout=partner] .handoff{padding:20px}
  body[data-layout=partner] .handoff-top{gap:14px;flex-wrap:wrap}
  body[data-layout=partner] .form-actions{flex-wrap:wrap}
  body[data-layout=partner] .form-actions .btn{flex:1}
}
@media(max-width:360px){
  body[data-layout=sector] .header .logo{width:88px}
  body[data-layout=sector] .header .nav{gap:7px}
  body[data-layout=partner] .award-card{gap:10px;padding:16px 14px;flex-wrap:wrap}
}