@media (max-width: 1240px) {
  .container { width: min(100% - 48px, 1140px); }
  .site-header { height: 84px; }
  .main-nav { gap: 22px; }
  .phone-link { display: none; }
  .hero { padding-top: 138px; }
  .hero h1 { font-size: 48px; }
  .hero-layout { gap: 34px; }
  .hero-visual { min-height: 560px; }
  .trust-grid { grid-template-columns: repeat(3, 1fr); }
  .trust-grid .mini-card:nth-child(4) { grid-column: 1 / 2; }
  .split-layout { gap: 60px; }
  .testimonial-card { flex-basis: calc((100% - 20px) / 2.05); }
  .footer-grid { grid-template-columns: 1.4fr repeat(3, .8fr); }
  .newsletter { grid-column: 1 / -1; max-width: 420px; }
}

@media (max-width: 1024px) {
  .container { width: min(100% - 40px, 900px); }
  .section { padding: 96px 0; }
  .site-header, .site-header.is-scrolled { height: 74px; }
  .site-header.is-scrolled { backdrop-filter: none; }
  .brand, .is-scrolled .brand { width: 124px; height: 58px; }
  .brand img { width: 124px; height: 86px; }
  .menu-toggle { display: block; order: 3; }
  .menu-toggle.is-open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
  .menu-toggle.is-open span:nth-child(2) { opacity: 0; }
  .menu-toggle.is-open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
  .main-nav { position: fixed; inset: 74px 0 auto; display: grid; gap: 0; padding: 20px; border-top: 1px solid var(--border); background: rgba(255,255,255,.98); box-shadow: 0 24px 40px rgba(16,42,67,.12); opacity: 0; pointer-events: none; transform: translateY(-12px); transition: opacity 260ms var(--ease), transform 260ms var(--ease); }
  .main-nav.is-open { opacity: 1; pointer-events: auto; transform: translateY(0); }
  .main-nav a { padding: 13px 8px; font-size: 16px; }
  .main-nav a::after { bottom: 8px; width: 34px; }
  .header-actions { margin-left: auto; }
  .hero { min-height: auto; padding: 124px 0 44px; }
  .hero-layout { min-height: auto; grid-template-columns: 1fr; gap: 42px; }
  .hero-copy { max-width: 760px; }
  .hero h1 { max-width: 740px; }
  .hero-visual-wrap { width: min(100%, 720px); margin: 0 auto; }
  .hero-visual { min-height: 540px; }
  .hero-grid-pattern { width: 100%; }
  .hero-metrics { margin-top: 8px; }
  .split-layout, .contact-layout { grid-template-columns: 1fr; gap: 62px; }
  .split-reverse .content-column { order: 1; }
  .split-reverse .terminal-stage { order: 2; }
  .salon-scene { min-height: 520px; }
  .feature-grid, .why-grid { grid-template-columns: repeat(2, 1fr); }
  .payments-section .content-column { max-width: 720px; }
  .terminal-stage { min-height: 540px; }
  .timeline { grid-template-columns: repeat(2, 1fr); gap: 56px 34px; }
  .timeline-track { display: none; }
  .testimonial-card { flex-basis: calc((100% - 20px) / 1.55); }
  .faq-layout { grid-template-columns: 1fr; gap: 50px; }
  .faq-intro { position: static; }
  .cta-section { padding-bottom: 96px; }
  .cta-banner { display: block; padding: 54px; }
  .cta-actions { margin-top: 30px; }
  .contact-copy { max-width: 720px; }
}

@media (max-width: 767px) {
  body { font-size: 16px; }
  .container { width: calc(100% - 32px); }
  .section { padding: 76px 0; }
  .section-compact { padding: 26px 0; }
  .section-title { font-size: 32px; }
  .section-heading { margin-bottom: 42px; text-align: left; }
  .section-heading .section-title, .section-heading > p:last-child { margin-left: 0; }
  .header-actions .button { display: none; }
  .header-inner { gap: 12px; }
  .hero { padding: 106px 0 30px; }
  .hero-layout { gap: 30px; }
  .hero h1 { font-size: 38px; line-height: 1.1; }
  .hero-lead { margin-bottom: 26px; font-size: 16px; }
  .hero-buttons { display: grid; grid-template-columns: 1fr; }
  .hero-buttons .button { width: 100%; }
  .trust-note { margin-top: 22px; }
  .hero-visual { min-height: 360px; }
  .hero-photo { top: 0; bottom: 2%; left: 0; width: 66%; }
  .hero-photo::after { background: linear-gradient(90deg, transparent 35%, rgba(242,250,247,.45) 68%, rgba(242,250,247,.96)), linear-gradient(180deg, transparent 64%, rgba(8,29,48,.15)); }
  .pos-device { top: 5%; right: 1%; width: 83%; border-width: 5px; border-radius: 14px; }
  .pos-topbar { height: 43px; padding: 0 15px; font-size: 9px; }
  .pos-content { padding: 14px; }
  .pos-welcome { margin-bottom: 9px; }
  .pos-welcome strong { font-size: 14px; }
  .pos-stat-row > div { padding: 8px; }
  .pos-stat-row strong { font-size: 14px; }
  .pos-chart { height: 72px; gap: 5px; margin: 9px 0; padding: 9px 10px 0; }
  .pos-row { padding: 5px 0; }
  .payment-card-float { right: -3%; bottom: 3%; width: 150px; padding: 12px; }
  .payment-card-float .card-chip { margin-bottom: 8px; }
  .payment-card-float strong { font-size: 16px; }
  .support-float { right: 3%; bottom: -2%; padding: 9px 10px; }
  .appointment-float { top: -8px; right: -2%; left: auto; min-width: 190px; grid-template-columns: 31px 1fr; padding: 9px 10px; }
  .appointment-float > i { width: 31px; height: 31px; }
  .appointment-float em { display: none; }
  .hero-terminal { bottom: -1%; left: -1%; width: 104px; padding: 7px 7px 13px; border-width: 4px; }
  .hero-terminal > div { height: 65px; }.hero-terminal strong { font-size: 15px; }
  .hero-metrics { grid-template-columns: repeat(3, 1fr); margin-top: 12px; }
  .hero-metrics > div { padding: 0 10px; }
  .hero-metrics strong { font-size: 20px; }
  .hero-metrics span { font-size: 9px; line-height: 1.4; }
  .hero-orb-one { width: 150px; height: 150px; }
  .hero-orb-two { display: none; }
  .trust-grid { grid-template-columns: 1fr; gap: 4px; }
  .trust-grid .mini-card:nth-child(4) { grid-column: auto; }
  .mini-card { padding: 11px; }
  .split-layout { gap: 46px; }
  .salon-scene { min-height: 480px; }
  .scene-top { top: 20px; right: 20px; left: 20px; }
  .legacy-terminal { top: 90px; left: 7%; width: 56%; min-height: 225px; padding: 20px; }
  .legacy-terminal strong { font-size: 17px; }
  .checkout-queue { top: 102px; right: 4%; width: 48%; }
  .checkout-queue > span { padding: 10px; }
  .checkout-queue > span:nth-child(3) { display: none; }
  .scene-alert { right: 4%; bottom: 20px; left: 4%; }
  .scene-alert b { font-size: 12px; }
  .feature-grid, .why-grid { grid-template-columns: 1fr; gap: 16px; }
  .feature-card { min-height: 280px; padding: 28px; }
  .feature-label { top: 31px; right: 28px; }
  .feature-card h3, .why-card h3 { font-size: 20px; }
  .why-card { padding: 28px; }
  .payment-methods { grid-template-columns: 1fr; }
  .terminal-stage { min-height: 540px; }
  .stage-ring { width: 330px; height: 330px; }
  .payment-product-photo { width: min(360px, 92%); }
  .tap-card { top: 12%; right: -1%; }
  .receipt-float { bottom: 11%; left: -2%; width: 155px; padding: 12px; }
  .stage-platform { bottom: 4%; width: 92%; }
  .timeline { grid-template-columns: 1fr; gap: 46px; margin-top: 54px; }
  .timeline-step { max-width: 340px; margin: 0 auto; }
  .testimonial-head { align-items: center; margin-bottom: 38px; }
  .testimonial-card { flex-basis: 100%; margin-right: 0; padding: 28px; }
  .testimonial-card blockquote { min-height: 165px; font-size: 16px; }
  .carousel-controls { display: none; }
  .carousel-dots { display: flex; }
  .accordion-item button { padding: 22px 0; font-size: 16px; }
  .accordion-panel p { padding-right: 22px; }
  .cta-section { padding-bottom: 76px; }
  .cta-banner { min-height: auto; padding: 42px 26px; border-radius: 8px; }
  .cta-banner h2 { font-size: 32px; }
  .cta-actions { display: grid; grid-template-columns: 1fr; }
  .cta-actions .button { width: 100%; }
  .contact-layout { gap: 46px; }
  .contact-photo { height: 270px; }
  .contact-form { padding: 28px 20px; }
  .form-grid { grid-template-columns: 1fr; }
  .field-full { grid-column: auto; }
  .footer-grid { grid-template-columns: repeat(2, 1fr); gap: 38px 24px; }
  .footer-brand, .newsletter { grid-column: 1 / -1; }
  .footer-grid > div:nth-child(4) { grid-column: auto; }
  .footer-bottom { display: grid; gap: 9px; padding: 20px 0; }
}

@media (max-width: 390px) {
  .hero h1 { font-size: 35px; }
  .hero-visual { min-height: 330px; }
  .payment-card-float { width: 136px; }
  .support-float { display: none; }
  .hero-photo { width: 69%; }
  .appointment-float { min-width: 174px; }
  .salon-scene { min-height: 450px; }
  .scene-top span { font-size: 9px; }
  .legacy-terminal { width: 61%; }
  .checkout-queue { width: 50%; }
  .checkout-queue i { display: none; }
  .checkout-queue > span { grid-template-columns: 1fr; }
  .scene-alert { padding: 13px; }
  .scene-alert > svg { display: none; }
  .stage-ring { width: 290px; height: 290px; }
  .tap-card { right: -3%; }
}