/* ==========================================================================
   EasyAlbum Software Solutions — Responsive Rules
   Breakpoints: 1200 (laptop) · 992 (tablet-land) · 768 (tablet) · 480 (mobile)
   ========================================================================== */

/* ---------- Laptop ≤1200px ---------- */
@media (max-width:1200px){
  .container{padding:0 24px}
  .hero .container{gap:24px}
  .hero-visual{height:480px}
  .win-1{width:320px}
  .win-2{width:260px;left:150px}
  .win-3{width:220px}
  .cta-banner{padding:64px 40px}
}

/* ---------- Tablet landscape ≤992px ---------- */
@media (max-width:992px){
  .nav-links{position:fixed;top:var(--nav-h);left:0;width:100%;height:0;overflow:hidden;
    background:rgba(248,250,252,.98);backdrop-filter:blur(20px);flex-direction:column;
    align-items:flex-start;padding:0 32px;gap:0;transition:height .4s var(--ease);
    box-shadow:0 20px 40px rgba(15,23,42,.08);
  }
  .nav-links.is-open{height:calc(100vh - var(--nav-h));padding:24px 32px;overflow-y:auto}
  .nav-links a{width:100%;padding:16px 0;border-bottom:1px solid var(--line);font-size:1.05rem}
  .nav-actions .btn-ghost{display:none}
  .nav-toggle{display:flex}
  .hero .container{grid-template-columns:1fr;text-align:center}
  .hero-copy{order:1}
  .hero-sub{margin-inline:auto}
  .hero-actions{justify-content:center}
  .hero-trustline{justify-content:center}
  .hero-sub-lines{align-items:center}
  .hero-visual{order:2;height:420px;margin-top:20px}
  .stats-grid{grid-template-columns:repeat(2,1fr);row-gap:36px}
  .stat-item:nth-child(2)::after{display:none}
  .product-grid{grid-template-columns:repeat(2,1fr)}
  .why-grid{grid-template-columns:repeat(2,1fr)}
  .testimonial-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr;row-gap:44px}
  .section{padding:96px 0}
}

/* ---------- Tablet portrait ≤768px ---------- */
@media (max-width:768px){
  h1{font-size:clamp(2.2rem,7vw,3rem)}
  h2{font-size:clamp(1.7rem,5vw,2.2rem)}
  .section{padding:76px 0}
  .section-head{margin-bottom:44px}
  .hero{padding:calc(var(--nav-h) + 50px) 0 80px}
  .hero-visual{height:320px}
  .win-1{width:240px;left:10px}
  .win-2{width:190px;left:110px;top:170px}
  .win-3{display:none}
  .orb-1,.orb-2{width:200px;height:200px}
  .product-grid,.why-grid,.testimonial-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr;gap:36px}
  .footer-bottom{flex-direction:column;text-align:center}
  .cta-banner{padding:52px 24px;margin:0 16px}
  .stats-grid{grid-template-columns:1fr 1fr;gap:32px 16px}
  .video-frame{padding:8px}
  .btn{padding:14px 24px;font-size:.88rem}
}

/* ---------- Mobile ≤480px ---------- */
@media (max-width:480px){
  .container{padding:0 18px}
  .nav-logo span.brand-text{display:inline}
  .nav-logo{font-size:1.02rem}
  .eyebrow{font-size:.68rem;padding:6px 12px}
  .hero-actions{flex-direction:column;width:100%}
  .hero-actions .btn{width:100%}
  .stats-grid{grid-template-columns:1fr 1fr}
  .stat-num{font-size:2rem}
  .cta-actions{flex-direction:column;width:100%}
  .cta-actions .btn{width:100%}
  .back-to-top{width:42px;height:42px;bottom:18px;right:18px}
  .cta-banner::before{width:320px;height:320px}
}

@media (min-width:993px){
  .nav-toggle{display:none}
}