/* ============================================================
   UNO TECHNOLOGY SERVICES — responsive.css
   Mobile-first breakpoints · touch targets · small screens
   ============================================================ */

/* ---------- Large desktop ---------- */
@media (min-width:1600px){
  :root{--wrap:1360px}
}

/* ---------- <= 1100px : tablet landscape ---------- */
@media (max-width:1100px){
  .hero-inner{grid-template-columns:1fr .9fr;gap:2rem}
  .core{max-width:480px}
  .sol-1,.sol-4{grid-column:span 6}
  .sol-2,.sol-3{grid-column:span 3}
  .why-grid{grid-template-columns:repeat(2,1fr)}
  .work-grid{grid-template-columns:1fr;gap:2.6rem}
  .work-sticky{position:static}
  .footer-grid{grid-template-columns:1fr 1fr;gap:2.2rem}
}

/* ---------- <= 900px : tablet ---------- */
@media (max-width:900px){
  :root{--header-h:68px}
  .main-nav{display:none}
  .header-cta{display:none}
  .menu-btn{display:grid}
  .hero{padding-block-start:calc(var(--header-h) + 44px)}
  .hero-inner{grid-template-columns:1fr;text-align:center}
  .hero-copy{display:flex;flex-direction:column;align-items:center}
  .hero-sub{max-width:52ch}
  .hero-ctas{justify-content:center}
  .hero-meta{justify-content:center}
  .core{max-width:430px;margin-block-start:1rem}
  .scroll-cue{display:none}
  .eco-steps{grid-template-columns:repeat(4,1fr);gap:1.6rem .8rem}
  .eco-line{display:none}
  .about-grid{grid-template-columns:1fr;gap:2.2rem}
  .cta-inner{grid-template-columns:1fr;gap:2rem}
}

/* ---------- <= 640px : mobile ---------- */
@media (max-width:640px){
  :root{--gutter:20px}
  .section{padding-block:76px}
  .section-head{margin-block-end:2.4rem}
  .btn{width:100%;max-width:360px}
  .hero-ctas{width:100%;flex-direction:column;align-items:center}
  .hero-badge{font-size:.62rem;padding:.45rem .9rem}
  .hero h1{margin-block:1.1rem 1rem}
  .hero-meta{gap:.9rem;justify-content:center;font-size:.74rem}
  .core{max-width:min(360px,88vw)}
  .core-chip{display:none}
  .core-chip.essential{display:block}
  .sol-1,.sol-2,.sol-3,.sol-4{grid-column:span 6}
  .sol-card{min-height:0}
  .eco-steps{grid-template-columns:repeat(2,1fr);gap:1.8rem 1rem}
  .eco-step b{font-size:.88rem}
  .why-grid{grid-template-columns:1fr}
  .work-row{padding:1.15rem .2rem}
  .work-row:hover{padding-inline-start:.2rem}
  .work-row .arr{width:36px;height:36px}
  .mock-body{grid-template-columns:44px 1fr}
  .mock-kpis{grid-template-columns:1fr;gap:.5rem}
  .mock-kpis b:nth-child(3){display:none}
  .cta{border-radius:var(--r-lg);text-align:center}
  .cta-inner{justify-items:center}
  .cta p{margin-inline:auto}
  .cta-actions{justify-content:center;width:100%}
  .cta-contacts{width:100%}
  .cta-contact b{font-size:.88rem}
  .footer-grid{grid-template-columns:1fr;gap:2rem}
  .footer-bottom{flex-direction:column;text-align:center;gap:.7rem}
  .marquee-item,.marquee-track{gap:2rem}
}

/* ---------- <= 380px : very small ---------- */
@media (max-width:380px){
  .brand-plate img{height:26px}
  .hero-meta{font-size:.7rem}
  .eco-steps{grid-template-columns:repeat(2,1fr)}
}

/* ---------- Landscape phones ---------- */
@media (max-height:520px) and (orientation:landscape){
  .hero{padding-block-start:calc(var(--header-h) + 20px)}
  .core{max-width:300px}
}

/* ---------- Safe area (notched devices) ---------- */
@supports(padding:max(0px)){
  .site-header{padding-inline-start:env(safe-area-inset-left);padding-inline-end:env(safe-area-inset-right)}
  .mobile-menu{padding-inline-start:max(var(--gutter),env(safe-area-inset-left));padding-inline-end:max(var(--gutter),env(safe-area-inset-right));padding-block-end:max(32px,env(safe-area-inset-bottom))}
  .footer-bottom{padding-block-end:max(1.4rem,env(safe-area-inset-bottom))}
}

/* ---------- Print (minimal sanity) ---------- */
@media print{
  .site-header,.intro,.mobile-menu,.cursor-dot,.cursor-ring,.scroll-cue,.marquee{display:none!important}
  body{background:#fff;color:#000}
}