@media (max-width: 1050px) {
  .primary-nav { gap: 14px; }.primary-nav a { font-size: 12px; }.header-inner { gap: 18px; }
  .hero-grid { grid-template-columns: 1fr 1fr; }.hero h1 { font-size: clamp(42px, 5.2vw, 58px); }.hero-art { min-height: 440px; }
  .why-grid { gap: 48px; }.faq-layout { gap: 54px; }.contact-grid { gap: 46px; }
}
@media (max-width: 820px) {
  :root { --header-height: 70px; }
  .container { width: min(var(--page-width), calc(100% - 36px)); }
  .header-actions { display: flex; align-items: center; gap: 8px; order: 2; }
  .header-actions .header-cta { order: initial; }
  .language-switch { color: var(--navy); font-size: 12px; font-weight: 600; white-space: nowrap; }
  .language-switch-mobile { display: none; }
  .menu-toggle { display: flex; width: 42px; height: 42px; flex: 0 0 auto; flex-direction: column; align-items: center; justify-content: center; gap: 6px; order: 3; border: 1px solid var(--line); border-radius: 8px; background: #fff; cursor: pointer; }
  .menu-toggle span { width: 17px; height: 2px; border-radius: 2px; background: var(--navy); transition: transform .2s; }
  .menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(4px) rotate(45deg); }.menu-toggle[aria-expanded="true"] span:last-child { transform: translateY(-4px) rotate(-45deg); }
  .header-inner { justify-content: initial; }.brand { margin-right: auto; }.header-cta { order: 2; }.primary-nav { position: absolute; top: calc(100% - 1px); right: 0; left: 0; display: none; align-items: stretch; gap: 0; padding: 10px 18px 17px; border-bottom: 1px solid var(--line); background: #fff; box-shadow: 0 14px 22px rgb(15 13 74 / 8%); }
  .primary-nav.is-open { display: flex; flex-direction: column; }.primary-nav a { padding: 11px 7px; border-bottom: 1px solid #f0f1f5; font-size: 14px; }.primary-nav a:last-child { border: 0; }.primary-nav .language-switch-mobile { display: block; }
  .hero { padding-top: 53px; }.hero-grid { grid-template-columns: 1fr; gap: 0; }.hero-copy { max-width: 680px; padding-block: 14px 0; }.hero h1 { max-width: 640px; font-size: clamp(44px, 8vw, 64px); }.hero-description { max-width: 620px; }.hero-art { width: min(610px, 100%); min-height: 460px; justify-self: center; }
  .section { padding-block: 82px; }.benefit-grid { grid-template-columns: repeat(2, 1fr); }.why-grid { grid-template-columns: .85fr 1.15fr; gap: 30px; }.why-visual { min-height: 360px; }.why-card { height: 255px; padding: 22px; }.why-card--front { left: 40px; }.why-card--front strong { font-size: 21px; }.why-stamp { width: 75px; height: 75px; font-size: 8px; }
  .pricing-grid { gap: 12px; }.price-card { padding-inline: 20px; }.plan-price { font-size: 32px; }.faq-layout { grid-template-columns: .75fr 1.25fr; gap: 35px; }.contact-grid { grid-template-columns: .75fr 1.25fr; gap: 30px; }.quote-form { padding: 22px; }.footer-main { grid-template-columns: 1.5fr 1fr 1fr; gap: 30px; }.footer-contact { grid-column: 2; }
}
@media (max-width: 600px) {
  .container { width: calc(100% - 36px); }.section { padding-block: 67px; }
  .brand { gap: 8px; font-size: 16px; }.brand-mark { width: 24px; height: 24px; }.header-inner { gap: 9px; }.header-actions .language-switch { display: none; }.header-cta { min-height: 39px; padding-inline: 11px; font-size: 10px; }.header-cta span { display: none; }.menu-toggle { width: 38px; height: 38px; }
  .hero { padding-top: 42px; }.hero h1 { font-size: clamp(40px, 11.2vw, 56px); }.hero-description { margin-top: 18px; font-size: 14px; }.hero-price { font-size: 12px; }.hero-price strong { font-size: 18px; }.hero-actions { align-items: stretch; }.hero-actions .button { min-height: 48px; padding-inline: 15px; font-size: 11px; }.hero-reassurance { align-items: flex-start; font-size: 10px; }.hero-reassurance span { flex: 0 0 auto; }
  .hero-art { min-height: 335px; margin-top: 13px; }.browser-window { top: 8%; left: 3%; width: 89%; border-radius: 9px; }.browser-bar { height: 27px; }.demo-nav { height: 35px; }.demo-nav div { gap: 4px; }.demo-nav i { width: 13px; }.demo-hero { min-height: 190px; padding-block: 16px; }.demo-hero strong { margin-top: 7px; font-size: clamp(19px, 6vw, 29px); }.demo-hero p { max-width: 120px; margin: 8px 0; font-size: 6px; }.demo-still-life { height: 142px; }.still-sun { width: 68px; height: 68px; }.vase--one { left: 16px; width: 44px; height: 75px; }.vase--one::before { top: -16px; left: 16px; width: 13px; height: 23px; }.vase--two { left: 70px; width: 42px; height: 53px; }.vase--two::before { top: -9px; left: 15px; width: 12px; height: 15px; }.vase--three { right: 11px; width: 30px; height: 39px; }.vase--three::before { top: -6px; left: 10px; width: 10px; height: 11px; }.phone-mockup { right: -1%; bottom: 2%; width: 91px; height: 180px; padding: 5px; border-radius: 17px; }.phone-speaker { top: 7px; width: 18px; left: calc(50% - 9px); height: 3px; }.phone-screen { border-radius: 13px; }.phone-top { padding: 14px 7px 6px; font-size: 5px; }.phone-top span { top: 17px; right: 7px; font-size: 11px; }.phone-image { height: 68px; }.phone-image span { right: 10px; bottom: 7px; width: 34px; height: 50px; }.phone-image span::before { top: -9px; left: 12px; width: 10px; height: 14px; }.phone-image i { top: 8px; right: 10px; width: 33px; height: 33px; }.phone-screen>small { margin: 8px 6px 4px; font-size: 4px; }.phone-title { margin-inline: 6px; font-size: 11px; }.phone-cta { margin: 7px 6px 0; font-size: 4px; }.float-note { gap: 6px; padding: 7px 8px; border-radius: 7px; }.float-note--responsive { top: 1%; right: 0; }.float-note--seo { bottom: 2%; left: -2%; }.float-note b { font-size: 7px; }.float-note small { max-width: 105px; font-size: 6px; }.float-icon { width: 22px; height: 22px; font-size: 12px; }.art-spark { font-size: 13px; }.art-caption { right: 20%; bottom: -4px; font-size: 8px; }.hero-bottom { gap: 10px; padding-top: 8px; font-size: 8px; }.hero-bottom span:first-child { max-width: 140px; }.hero-bottom span:last-child { max-width: 120px; text-align: right; }
  .section-heading { margin-bottom: 32px; }.section-heading h2, .why-copy h2, .faq-intro h2, .contact-copy h2 { font-size: clamp(29px, 8vw, 38px); }.section-heading>p:last-child { font-size: 12px; }.benefit-grid { gap: 10px; }.benefit-card { min-height: 200px; padding: 17px 14px; }.icon-tile { width: 37px; height: 37px; }.icon-tile svg { width: 19px; }.benefit-card h3 { margin-top: 15px; font-size: 12px; }.benefit-card p { font-size: 10px; }
  .pricing-grid { max-width: 440px; grid-template-columns: 1fr; gap: 19px; margin-inline: auto; }.price-card { min-height: 0; padding: 25px 22px 22px; }.price-card--featured { transform: none; }.plan-description { min-height: auto; }.plan-price { margin-top: 14px; font-size: 36px; }.plan-list { gap: 8px; }.pricing-footnote { font-size: 10px; }
  .comparison-wrap { overflow: visible; border: 0; box-shadow: none; }.comparison-table { display: block; min-width: 0; }.comparison-table thead { display: none; }.comparison-table tbody { display: grid; grid-template-columns: 1fr; gap: 10px; }.comparison-table tr { display: grid; grid-template-columns: 1.2fr repeat(3, 1fr); overflow: hidden; border: 1px solid var(--line); border-radius: 9px; background: #fff; }.comparison-table td { display: grid; min-height: 49px; align-content: center; padding: 8px 7px; border: 0; border-right: 1px solid var(--line); font-size: 9px; }.comparison-table td:first-child { width: auto; font-size: 9px; }.comparison-table td:nth-child(3) { background: #f0eff7; }.comparison-table td:last-child { border: 0; }.comparison-table td:not(:first-child)::before { margin-bottom: 3px; color: #9292a2; content: attr(data-plan); font-size: 7px; font-weight: 700; text-transform: uppercase; }
  .why-grid { grid-template-columns: 1fr; gap: 22px; }.why-visual { width: min(370px, 100%); min-height: 335px; justify-self: center; }.why-card { width: 75%; height: 240px; }.why-card--front { left: 45px; }.why-copy>.eyebrow { margin-top: 10px; }.why-lead { font-size: 12px; }.why-list { gap: 13px; }.why-list small { font-size: 10px; }
  .process-grid { grid-template-columns: 1fr 1fr; gap: 28px 18px; }.process-grid::before { display: none; }.step-number { margin-bottom: 12px; }.step-dot { top: 0; left: 31px; }.process-step h3 { font-size: 12px; }.process-step p { font-size: 10px; }
  .extras-grid { grid-template-columns: 1fr 1fr; gap: 9px; }.extra-card { min-height: 120px; padding: 13px; }.extra-card h3 { font-size: 10px; }.extra-card p { font-size: 9px; }.extras-note { font-size: 9px; }
  .faq-layout { grid-template-columns: 1fr; gap: 26px; }.faq-intro>p:not(.eyebrow) { font-size: 12px; }.faq-item summary { min-height: 55px; font-size: 11px; }.faq-item>p { margin-right: 24px; font-size: 10px; }
  .contact-grid { grid-template-columns: 1fr; gap: 25px; }.contact-copy { padding-top: 0; }.contact-copy>p:not(.eyebrow) { font-size: 12px; }.quote-form { padding: 20px 16px; }.form-heading { align-items: flex-start; }.form-heading>span { font-size: 16px; }.form-heading small { max-width: 130px; text-align: right; }.form-grid { gap: 12px 9px; }.form-grid label { font-size: 9px; }.form-grid input, .form-grid select, .form-grid textarea { padding-inline: 8px; font-size: 10px; }.consent-label { font-size: 8px; }
  .footer-main { grid-template-columns: 1fr 1fr; gap: 28px 20px; padding-block: 43px 30px; }.footer-brand-col { grid-column: 1/-1; }.footer-contact { grid-column: auto; }.footer-bottom { min-height: 90px; flex-wrap: wrap; justify-content: flex-start; gap: 7px 15px; padding-block: 14px; }.footer-bottom>div { gap: 13px; }.back-top { margin-left: auto; }
}
@media (max-width: 370px) {
  .container { width: calc(100% - 28px); }.brand { font-size: 14px; }.header-cta { padding-inline: 8px; font-size: 9px; }.hero h1 { font-size: 38px; }.hero-actions .button { padding-inline: 11px; font-size: 10px; }.float-note--seo { left: -1%; }.comparison-table td { font-size: 8px; padding-inline: 5px; }
}
@media (max-width: 820px) { .blog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .blog-grid { grid-template-columns: 1fr; } }
@media (max-width: 600px) { .article-header-inner { min-height: 64px; }.article-shell { width: calc(100% - 28px); margin: 24px auto 44px; padding: 23px 19px; border-radius: 13px; }.article-title { font-size: clamp(29px, 9vw, 40px); }.article-excerpt { font-size: 15px; }.article-body { font-size: 14px; }.article-cover { margin-block: 24px; } }