@media (max-width: 1024px) {
  .container { width: min(calc(100% - 40px), var(--container)); }
  .navbar { min-height: 78px; }
  .menu-toggle { display: grid; }
  .site-menu { position: fixed; z-index: 1001; top: 78px; right: 0; bottom: 0; width: min(380px, 90vw); display: flex; flex-direction: column; align-items: stretch; gap: 5px; padding: 22px; background: #fff; box-shadow: -20px 20px 50px rgba(6,28,43,.16); visibility: hidden; opacity: 0; pointer-events: none; clip-path: inset(0 0 0 100%); transition: opacity .28s ease, clip-path .28s ease, visibility .28s; }
  .site-menu.open { visibility: visible; opacity: 1; pointer-events: auto; clip-path: inset(0); }
  .nav-link { width: 100%; justify-content: space-between; }
  .nav-link.active::after, .nav-link[aria-current="page"]::after { display: none; }
  .nav-menu { position: static; width: auto; max-height: 0; padding: 0 8px; border: 0; box-shadow: none; opacity: 1; visibility: visible; overflow: hidden; transform: none; transition: max-height .3s, padding .3s; }
  .nav-group.open .nav-menu { max-height: 260px; padding-block: 6px; }
  .home-hero { height: 700px; min-height: 620px; }
  .split { grid-template-columns: 1fr 1fr; gap: 42px; }
  .section-heading h2 { white-space: normal; text-wrap: balance; }
  .solution-grid, .industry-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .core-solutions-section .solution-card { height: auto; min-height: 0; }
  .core-solutions-section .solution-card h3 { white-space: normal; text-wrap: balance; }
  .vertical-grid { grid-template-columns: 1fr; }
  .vertical-card { min-height: 96px; }
  .footer-main { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .offer-grid, .service-grid, .brand-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .vertical-title h2 { white-space: normal; text-wrap: balance; }
  .urja-brands-section .brand-grid { grid-template-columns: repeat(4, minmax(0,1fr)); }
  .about-intro-grid { grid-template-columns: .95fr 1.05fr; gap: 30px; }
  .about-intro-media { min-height: 330px; }
  .about-intro-copy h2 { white-space: normal; text-wrap: balance; }
}

@media (max-width: 720px) {
  .container { width: min(calc(100% - 28px), var(--container)); }
  .navbar { min-height: 72px; }
  .brand img { width: 154px; height: 50px; }
  .site-menu { top: 72px; width: 100%; }
  .home-hero { height: min(640px, calc(100svh - 72px)); min-height: 540px; }
  .hero-copy { padding: 55px 24px 104px; }
  .hero-message { padding-inline: 0; }
  .hero-copy h1, .hero-copy h2 { font-size: clamp(1.85rem, 7.5vw, 2.45rem); }
  .hero-copy .button { margin-top: 25px; }
  .hero-controls { bottom: 20px; gap: 10px; }
  .hero-controls button { width: 44px; height: 44px; }
  .hero-progress { width: 58px; }
  .section { padding-block: 44px; }
  .section-heading { margin-bottom: 20px; }
  .section-heading h2 { font-size: clamp(1.55rem, 7vw, 2.05rem); line-height: 1.16; }
  .split, .dual-cards, .split-copy, .intro-grid, .contact-grid { grid-template-columns: 1fr; }
  .image-panel { min-height: 420px; }
  .solution-grid, .industry-grid, .offer-grid, .service-grid, .brand-grid { grid-template-columns: 1fr; }
  .solution-card, .statement-card, .purpose-card, .approach-card { padding: 22px; }
  .core-solutions-section { padding-block: 38px; }
  .core-solutions-section .solution-card { height: auto; padding: 18px; }
  .core-solutions-section .solution-card h3 { font-size: 1.05rem; }
  .core-solutions-section .check-list li { font-size: .84rem; }
  .verticals-section { padding-block: 38px; }
  .vertical-card { grid-template-columns: 1fr auto; min-height: 0; padding: 18px 18px 18px 22px; }
  .vertical-card h3 { font-size: 1.02rem; }
  .inner-hero { min-height: 330px; }
  .hero-orb { right: -100px; width: 240px; height: 240px; }
  .page-image-hero { min-height: 360px; }
  .urja-hero { min-height: 330px; }
  .page-hero-image img { object-position: 66% center; }
  .page-hero-overlay { background: linear-gradient(90deg, rgba(3,20,32,.66), rgba(3,20,32,.3)); }
  .page-image-hero .inner-hero-content::before { width: 46px; margin-bottom: 19px; }
  .page-image-hero h1 { font-size: clamp(2.15rem, 9vw, 3rem); line-height: 1.1; }
  .vertical-title { margin-bottom: 18px; }
  .urja-intro-section .intro-grid > div:first-child,
  .urja-intro-section .purpose-card,
  .urja-offerings-section .offer-grid > div:first-child,
  .urja-offerings-section .offer-grid > .approach-card { padding: 22px; }
  .urja-services-section .solution-card { height: auto; min-height: 0; padding: 18px; }
  .urja-services-section .solution-card h3 { font-size: 1rem; white-space: normal; text-wrap: balance; }
  .urja-brands-section .brand-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .partner-section .partner-band .check-list { grid-template-columns: 1fr; }
  .compact-page-hero { min-height: 300px; }
  .compact-contact-section .contact-list article { padding: 15px; }
  .compact-contact-section .contact-grid { grid-template-columns: 1fr; }
  .contact-form-head { grid-template-columns: 40px 1fr; }
  .contact-form-head > span { width: 40px; height: 40px; }
  .contact-map-card { grid-template-columns: 1fr; min-height: 0; }
  .contact-map-head { grid-template-columns: 42px 1fr; padding: 22px; }
  .contact-map-head > span { width: 42px; height: 42px; }
  .contact-map-card iframe { min-height: 300px; }
  .compact-news-section .coming-soon { padding: 32px 24px; }
  .about-hero { min-height: 320px; }
  .about-hero-content { padding-block: 48px; }
  .about-hero-content::before { width: 46px; margin-bottom: 19px; }
  .about-hero-content h1 { max-width: 100%; font-size: clamp(2rem, 8.6vw, 2.7rem); line-height: 1.1; text-wrap: pretty; overflow-wrap: normal; }
  .about-hero-overlay { background: linear-gradient(90deg, rgba(3,20,32,.92), rgba(3,20,32,.62)); }
  .about-intro-grid, .about-statement-grid, .about-execution-grid { grid-template-columns: 1fr; }
  .about-intro-media { min-height: 360px; margin-right: 10px; }
  .about-intro-copy h2 { font-size: clamp(1.55rem, 7vw, 2.05rem); white-space: normal; }
  .about-intro-copy .lead { padding-left: 16px; font-size: .96rem; line-height: 1.58; }
  .about-statement { padding: 22px; }
  .about-statement-top { margin-bottom: 10px; }
  .about-execution-card { min-height: 0; }
  .form-row { grid-template-columns: 1fr; }
  .contact-form { padding: 24px; }
  .footer-main { grid-template-columns: 1fr; padding-block: 58px 45px; }
  .footer-wide { max-width: 100%; }
  .whatsapp-float, .to-top { right: max(14px, env(safe-area-inset-right)); width: 48px; height: 48px; }
  .whatsapp-float { bottom: calc(78px + env(safe-area-inset-bottom)); }
  .to-top { bottom: calc(18px + env(safe-area-inset-bottom)); }
}

@media (max-width: 380px) {
  .hero-copy h1, .hero-copy h2 { font-size: 1.72rem; }
  .hero-controls { gap: 8px; }
  .hero-progress { width: 44px; }
}