@media (max-width:900px){
  .wrap{width:min(100% - 36px,760px)}
  .topbar .wrap{min-height:0;padding:12px 0;flex-wrap:wrap;gap:12px}
  .topbar nav{display:flex;flex:1 0 100%;gap:8px 18px;flex-wrap:wrap}
  .topbar nav a:not(.button){display:inline-flex;align-items:center;min-height:38px}
  .topbar nav .button{min-height:38px}
  .hero{padding:52px 0 58px}
  .hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(240px,.9fr);gap:25px}
  .hero h1{font-size:clamp(34px,4.5vw,48px)}
  .hero p{font-size:16px}
  .trust-card{padding:22px}
  .section{padding:56px 0}
  .section h2{font-size:clamp(26px,4vw,32px)}
  .grid,.pricing{grid-template-columns:repeat(2,minmax(0,1fr))}
  .price-card{min-width:0}
  .identity{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .identity .card{min-width:0;padding:22px}
  .identity dl div{grid-template-columns:1fr;gap:3px}
  main:not(:has(.hero)){box-sizing:border-box;margin:28px auto;padding:26px}
}
@media (max-width:680px){
  .wrap{width:calc(100% - 32px)}
  .topbar .wrap{padding:12px 0;gap:10px}
  .topbar nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 8px}
  .topbar nav a:not(.button){display:flex;align-items:center;padding:6px 8px;min-height:40px;border-radius:7px;background:#f7f3fb;font-size:13px;line-height:1.25}
  .topbar nav .button{grid-column:1/-1;min-height:42px}
  .hero{padding:42px 0 48px}
  .hero-grid,.grid,.pricing,.identity{grid-template-columns:minmax(0,1fr)}
  .hero-grid{gap:28px}
  .hero h1{font-size:clamp(32px,8vw,42px);line-height:1.12}
  .hero p{font-size:15px;margin:17px 0 23px}
  .actions{gap:9px}
  .actions .button{flex:1 1 160px;text-align:center}
  .trust-card{padding:20px}
  .section{padding:48px 0}
  .section-head{margin-bottom:22px}
  .section h2{font-size:27px}
  .grid{gap:12px}
  .card,.price-card{padding:21px}
  .price-card>p{min-height:0}
  .footer{padding:26px 0}
  .footer .wrap{gap:15px}
  .footer-links{gap:8px 15px}
  main:not(:has(.hero)){width:calc(100% - 24px);margin:14px auto;padding:20px 17px}
  main:not(:has(.hero)) h1{font-size:clamp(24px,7vw,30px)}
  main:not(:has(.hero)) h2{font-size:20px}
}
@media (max-width:380px){
  .topbar nav a:not(.button){font-size:12px}
  .hero h1{font-size:31px}
  .actions .button{flex-basis:100%}
  .trust-card{padding:16px}
}