@media(max-width:1199px){:root{--gutter:32px}.hero h1{font-size:62px}.preview-copy h2,.faq-title h2,.simple-page h1{font-size:50px}.contact-card h2{font-size:51px}.feature-card{padding:40px}.card-copy h3{font-size:34px}.preview-section{grid-template-columns:340px minmax(0,1.3fr);gap:48px}.browser-mockup{width:100%;height:560px}}
@media(max-width:1023px){.main-nav{gap:24px}.nav-links{gap:24px}.hero{grid-template-columns:45% 55%;min-height:650px}.hero h1{font-size:56px}.section{padding-block:96px}.preview-copy h2{font-size:46px}.theme-choice{min-height:112px;font-size:10px}.theme-choice i{width:56px;height:56px}.browser-page{padding:32px}.widget-demo.large{width:min(360px,calc(100% - 48px))}.faq-section{gap:48px}.contact-card{min-height:390px;padding:64px}}
@media(max-width:840px){:root{--gutter:24px}.site-header{height:72px}.menu-button{display:block}.main-nav{position:fixed;inset:72px 0 0;display:flex;flex-direction:column;align-items:stretch;padding:32px var(--gutter);background:var(--color-white);opacity:0;pointer-events:none;transform:translateY(-8px);transition:.2s}.main-nav.open{opacity:1;pointer-events:auto;transform:none}.nav-links,.nav-actions{flex-direction:column;align-items:stretch}.nav-links{gap:0}.nav-links a{min-height:64px;border-bottom:1px solid var(--line);font-size:24px}.nav-actions{margin-top:auto}.language{justify-content:center;margin-left:0}.hero{min-height:0;grid-template-columns:1fr;gap:32px;padding:64px 0 48px}.hero h1{font-size:64px}.section{padding-block:80px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:500px;padding:48px}.card-copy h3{font-size:38px}.card-copy p{font-size:16px}.preview-section{grid-template-columns:1fr;gap:64px}.preview-copy,.preview-controls{max-width:620px}.browser-mockup{width:100%;height:560px}.faq-section{grid-template-columns:1fr;gap:48px}.contact-card{min-height:430px;align-items:flex-start;flex-direction:column;justify-content:flex-end;padding:64px}.contact-actions{width:100%}.footer-top{grid-template-columns:1fr;gap:64px}}
@media(max-width:600px){:root{--gutter:16px}.brand{font-size:19px}.brand-mark{width:28px;height:28px}.hero{padding-top:48px}.hero h1{font-size:48px;line-height:1.02}.play-link{width:100%;justify-content:center}.section{padding-block:64px}.preview-copy h2,.faq-title h2,.simple-page h1{font-size:42px}.contact-card h2{font-size:43px}.feature-card{min-height:470px;padding:32px}.card-copy h3{font-size:32px}.card-copy p{font-size:14px}.language-cloud{inset:222px 20px 20px}.theme-picker{grid-template-columns:repeat(2,1fr)}.theme-choice{min-height:118px}.theme-choice i{width:68px;height:68px}.browser-mockup{height:470px}.browser-page{padding:24px}.widget-demo{right:16px;bottom:16px}.widget-demo.standard,.widget-demo.large{width:calc(100% - 32px)}.widget-demo.large{min-height:350px;padding:20px}.accordion summary{min-height:72px;font-size:14px}.contact-card{width:calc(100% - 24px);min-height:480px;margin-bottom:80px;padding:32px}.contact-card p:not(.eyebrow){font-size:14px}.footer-top{padding-block:64px}.footer-links{grid-template-columns:repeat(2,1fr);row-gap:48px}}

/* Compact desktop layout for typical 13–16 inch laptops. */
@media (min-width:1200px) and (max-width:1599px){
  :root{--gutter:32px}
  .site-header{height:72px}
  .main-nav{gap:34px}.nav-links{gap:24px}.nav-actions{gap:14px}
  .button{min-height:48px;padding-inline:22px}
  .section{padding-block:92px}

.preview-copy h2,.faq-title h2,.simple-page h1{font-size:50px}

  .feature-grid{gap:20px}.feature-card{min-height:460px;padding:40px}
  .card-number{margin-bottom:34px}.card-copy h3{font-size:34px}.card-copy p{font-size:14px}
  .language-cloud{inset:210px 38px 28px}
  .browser-mockup{height:540px}.browser-page{padding:38px}
  .preview-section{gap:56px}.preview-controls{gap:24px}
  .faq-section{gap:72px}.accordion summary{min-height:76px}
  .contact-card{min-height:390px;margin-bottom:92px;padding:64px}.contact-card h2{font-size:52px}
  .footer-top{gap:64px;padding-block:64px}
}

/* Outer preview width only; the generator contents remain untouched. */
@media(min-width:1200px){.browser-mockup{width:100%}}