/* ===== Responsive ===== */
@media (max-width:1080px){
  .hero .wrap{grid-template-columns:1fr;gap:56px;padding-top:64px;padding-bottom:72px}
  .how{max-width:560px}
  .motif svg{right:-360px;top:280px;transform:none}
}
@media (max-width:860px){
  .faq-list{grid-template-columns:1fr}
  .pillars .wrap{grid-template-columns:1fr}
  .pillar,.pillar:first-child,.pillar:last-child{padding:36px 0;border-left:0;border-top:1px solid var(--ot-border-subtle)}
  .pillar:first-child{border-top:0}
  .brand-divider,.brand-tag{display:none}
}
@media (max-width:640px){
  .header-actions .badge{display:none}
  :root{--gutter:16px}
  .site-header .wrap{height:64px}
  .brand-word{height:20px}
  .brand-mark{width:28px;height:28px}
  .hero .wrap{padding-top:48px;padding-bottom:56px}
  .field{flex-direction:column}
  .field input{flex:none;width:100%}
  .btn{width:100%}
  .how-card{padding:24px 20px 20px}
  .how-title{font-size:19px}
  .site-footer .wrap{flex-direction:column;align-items:flex-start;gap:8px}
}