@media (max-width: 1040px) {
  .site-header { width:min(100% - 26px, 900px); }
  .nav-links { gap:0; }.nav-links > a, .nav-trigger { padding:9px 7px; font-size:11px; }
  .tools-grid, .benefit-grid, .testimonials { grid-template-columns:repeat(2,1fr); }.advantage-card, .advantage-card.reverse { grid-template-columns:1fr; }.advantage-card img, .advantage-card.reverse img { order:0; min-height:260px; max-height:300px; }.advantage-card > div, .advantage-card.reverse > div { order:1; padding:34px; }
  .blog-grid { grid-template-columns:1fr 1fr; }.post.large { grid-column:span 2; }
  .library-grid { grid-template-columns:repeat(3,1fr); }
}

@media (max-width: 800px) {
  .container { width:min(100% - 32px, 650px); }.site-header { top:8px; margin-top:8px; padding:9px 11px 9px 14px; }
  .menu-toggle { display:block; }.nav-actions .btn { display:none; }.nav-actions { margin-left:auto; }.nav-login { display:none; }
  .nav-links { position:absolute; top:calc(100% + 9px); left:0; right:0; display:none; align-items:stretch; padding:10px; border:1px solid var(--line); border-radius:16px; background:rgba(15,7,24,.98); box-shadow:var(--shadow); }.nav-links.open { display:flex; flex-direction:column; }.nav-links > a, .nav-trigger { width:100%; padding:11px; text-align:left; }.nav-dropdown { width:100%; }.dropdown-menu { position:static; display:none; margin:0 7px; min-width:0; box-shadow:none; transform:none; opacity:1; visibility:visible; }.nav-dropdown.open .dropdown-menu { display:grid; }.nav-dropdown:hover .dropdown-menu { display:none; }.nav-dropdown.open:hover .dropdown-menu { display:grid; }
  .hero { min-height:0; padding:95px 0 70px; }.hero-grid, .intro-grid, .feature-split, .generator-grid, .generator-page .generator-grid, .article-layout, .video-benefit, .video-benefit.reverse { grid-template-columns:1fr; gap:28px; }.hero-visual { min-height:390px; }.orb-one { right:-180px; top:310px; }.orb-three { top:210px; }.video-benefit.reverse .video-benefit-media, .video-benefit.reverse > div:last-child { order:initial; }
  .generator-shell { margin-top:0; }.generator-page { margin-top:0; }.generator-grid { gap:20px; }.result-preview { min-height:140px; }
  .section { padding:75px 0; }.feature-split.reverse .feature-copy { order:0; }.feature-visual { min-height:290px; }.feature-copy { padding:36px; }
  .steps { grid-template-columns:repeat(2,1fr); }.workflow-body { grid-template-columns:1fr; }.step::after { display:none; }.footer-grid { grid-template-columns:1.3fr 1fr 1fr; }.footer-grid .footer-col:last-child { grid-column:2; }.auth-card { transform:none; }
  .price-grid { grid-template-columns:1fr; max-width:480px; margin:auto; }.price-card.featured { transform:none; }.content-aside { display:none; }.library-grid { grid-template-columns:repeat(2,1fr); }
}

@media (max-width: 530px) {
  .container { width:calc(100% - 28px); }.brand { font-size:14px; }.hero { padding-top:83px; }.hero h1 { font-size:39px; }.lead { font-size:15px; }.hero-visual { min-height:330px; }.visual-window { inset:20px 0; padding:16px; }.visual-title { margin-top:66px; font-size:33px; }.visual-stats { left:14px; right:14px; bottom:14px; }.visual-stats b { font-size:11px; }.hero-actions { display:grid; grid-template-columns:1fr; }.hero-actions .btn { width:100%; }
  .tools-grid, .benefit-grid, .testimonials, .blog-grid, .model-grid, .steps, .workflow-steps { grid-template-columns:1fr; }.tool-card { min-height:190px; }.blog-grid .post.large { grid-column:span 1; }.post.large { min-height:250px; }.section-heading { margin-bottom:28px; }.stat-row { grid-template-columns:1fr; }.feature-copy { padding:30px 23px; }.cta { padding:45px 22px; }.footer-grid { grid-template-columns:1fr 1fr; gap:24px; }.footer-grid > :first-child { grid-column:span 2; }.footer-grid .footer-col:last-child { grid-column:auto; }.footer-bottom { flex-direction:column; }.page-hero { min-height:350px; padding:100px 0 45px; }.page-hero::after { right:-260px; top:-140px; }
  .generator-tabs { display:grid; grid-template-columns:1fr 1fr; }.generator-tabs a { text-align:center; }.generator-shell { padding:13px; border-radius:19px; }.side-controls { gap:16px; }.choice { flex:1; }.example-grid, .library-grid { grid-template-columns:1fr; }.auth-card { padding:27px 22px; }.auth-card .brand { margin-bottom:35px; }.age-note { font-size:11px; }
}