@media(max-width:1100px){
  nav{max-width:calc(100% - 32px);}
  .arch-row{grid-template-columns:repeat(2,1fr);gap:12px;}
  .f-top{grid-template-columns:1.5fr 1fr 1fr;}
  .mega-grid{grid-template-columns:repeat(3,1fr);gap:28px;}
  .mega-feature{width:200px;}
}

@media(max-width:1024px){
  nav{padding:9px 10px 9px 18px;width:calc(100% - 24px);grid-template-columns:1fr auto;top:14px;}
  .nav-mid{display:none;}
  a.nav-ghost[href="#pricing"]{display:none;}
  .mega{top:72px;}
  .hero{padding:130px 32px 80px;}
  h1.hero-hl{font-size:clamp(52px,7vw,78px);}
  .hero-sub{font-size:17px;max-width:500px;}
  .s-layer,.s-modules,.s-stats,.s-cta{padding:100px 32px;}
  .arch{padding:32px;}
  .arch-engine{padding:18px 22px;}
  .ae-stats{display:none;}
  .carousel{padding:48px 40px 32px;}
  .cslide-points{grid-template-columns:1fr;}
  .cslide-inner{grid-template-columns:1fr 180px;gap:28px;}
  .cslide-icon svg{width:140px;height:140px;}
  .stats-grid{grid-template-columns:1fr;}
  .stat-cell{border-right:none;border-bottom:1px solid var(--line);padding:40px 0;}
  .stat-cell:last-child{border-bottom:none;}
  .sc-num{font-size:68px;}
  .cta-wrap{grid-template-columns:1fr;padding:56px 40px;gap:48px;}
  .cta-wrap::before{display:none;}
  h2.cta-hl{font-size:clamp(36px,5vw,54px);}
  .f-top{grid-template-columns:1fr 1fr;gap:48px 32px;}
  .f-brand-block{grid-column:1 / -1;}
  .s-logos{padding:56px 32px;}
  .logo-item{padding:12px 22px;font-size:17px;}
}

@media(max-width:880px){
  .arch-row{grid-template-columns:1fr 1fr;gap:10px;}
  .arch-engine{flex-direction:column;align-items:flex-start;gap:14px;}
  .hero-promise{font-size:13px;gap:6px;}
  .hero-aurora{width:440px;height:280px;}
  .mega-body{flex-direction:column;}
  .mega-feature{width:100%;min-height:160px;}
  .mega-grid{grid-template-columns:repeat(3,1fr);gap:24px;}
  .mega-sm{max-width:100%;}
  .mega-grid-2{grid-template-columns:repeat(2,1fr);gap:32px;}
}

@media(max-width:768px){
  .hero{padding:100px 24px 72px;}
  h1.hero-hl{font-size:clamp(42px,9vw,62px);line-height:1.02;}
  .hero-sub{font-size:15px;max-width:100%;}
  .hero-badge{font-size:11px;padding:5px 12px 5px 6px;}
  .arch-row{grid-template-columns:1fr;}
  .arch{padding:24px;}
  .arch-engine{padding:16px 18px;}
  .s-layer,.s-modules,.s-stats,.s-cta{padding:80px 24px;}
  h2.sec-hl{font-size:clamp(32px,7vw,48px);}
  .sec-sub{font-size:15px;}
  .carousel{padding:40px 28px 28px;border-radius:16px;}
  .cslide-title{font-size:clamp(26px,6vw,38px);}
  .cslide-body{font-size:14px;}
  .f-top{grid-template-columns:1fr;gap:36px;}
  .f-brand-block{grid-column:1;}
  .f-bottom{flex-direction:column;gap:20px;align-items:center;text-align:center;}
  .f-socials{flex-wrap:wrap;justify-content:center;}
  .s-logos{padding:48px 24px;}
  .logos-row{flex-wrap:wrap;justify-content:center;}
  .logo-item{padding:10px 18px;font-size:16px;border-right:none;border-bottom:1px solid rgba(124,28,225,0.10);}
  .logo-item:nth-child(odd){border-right:1px solid rgba(124,28,225,0.10);}
  .logo-item:last-child{border-right:none;border-bottom:none;}
  .sc-num{font-size:58px;}
  .stat-cell{padding:36px 20px;}
}

@media(max-width:640px){
  nav{padding:8px 8px 8px 14px;top:10px;width:calc(100% - 16px);border-radius:12px;}
  .logo{font-size:13px;}
  .logo-mark{width:20px;height:20px;border-radius:5px;}
  .nav-r{gap:6px;}
  .nav-ghost{display:none;}
  .nav-lang{display:none;}
  .nav-cta{padding:7px 13px;font-size:12px;}
  .hero{min-height:100svh;padding:96px 20px 72px;}
  .hero-aurora{width:300px;height:200px;}
  .hero-promise{justify-content:center;flex-wrap:wrap;gap:5px;font-size:13px;}
  .hero-actions{flex-direction:column;width:100%;gap:12px;}
  .btn-prim{width:100%;justify-content:center;}
  .btn-sec{width:100%;justify-content:center;}
  .hero-scrollcue{display:none;}
  h1.hero-hl{font-size:clamp(34px,10.5vw,50px);letter-spacing:-0.03em;line-height:1.04;}
  .s-layer,.s-modules,.s-stats,.s-cta{padding:64px 20px;}
  .arch-block{padding:14px;}
  .ab-title{font-size:13px;}
  .ab-desc{font-size:11px;}
  .carousel{padding:32px 20px 24px;}
  .cslide-inner{grid-template-columns:1fr;gap:28px;}
  .cslide-icon{justify-content:flex-start;}
  .cslide-icon svg{width:100px;height:100px;}
  .cslide-title{font-size:clamp(22px,8vw,32px);}
  .cslide-body{font-size:13px;margin-bottom:18px;}
  .cslide-points li{font-size:12px;}
  .carousel-arrow{width:36px;height:36px;}
  .cta-wrap{padding:36px 20px;border-radius:16px;}
  h2.cta-hl{font-size:clamp(28px,9vw,40px);}
  .cta-form{padding:22px 18px;}
  .cf-row{grid-template-columns:1fr;}
  .s-logos{padding:32px 16px;}
  .logos-title{font-size:10px;letter-spacing:0.16em;margin-bottom:24px;}
  .logo-item{padding:9px 14px;font-size:14px;}
  .sc-num{font-size:52px;}
  footer{padding:56px 20px 28px;}
  .f-top{padding-bottom:36px;}
  .f-social-btn{width:38px;height:38px;}
  .f-social-lbl{font-size:8px;}
  .f-socials{flex-wrap:wrap;justify-content:center;gap:16px;}
  footer .f-bottom{flex-direction:column;gap:20px;padding-top:24px;}
}

@media(max-width:420px){
  nav{width:calc(100% - 12px);padding:7px 7px 7px 12px;}
  .nav-cta{padding:6px 11px;font-size:11px;}
  h1.hero-hl{font-size:clamp(30px,10vw,40px);}
  .hero-badge{font-size:10px;}
  .carousel{padding:24px 14px 20px;}
  .cslide-title{font-size:26px;}
  .sc-num{font-size:44px;}
  .logo-item{padding:8px 12px;font-size:13px;}
  .f-social-btn{width:34px;height:34px;}
}

/* ── Hero: large screens (1400px+) ── */
@media (min-width: 1400px) {
  .hero {
    padding-top: 160px;
    padding-bottom: 120px;
  }
  .hero-hl {
    font-size: clamp(80px, 6vw, 108px);
  }
}

/* ═══════════════════════════════════════════════════════════════
   MOBILE POLISH — comprehensive pass
   Targets: content spacing, typography, section rhythm, readability
═══════════════════════════════════════════════════════════════ */

/* ── 768px and below ─────────────────────────────────────────── */
@media (max-width: 768px) {

  /* Hero */
  .hero-badge { margin-bottom: 28px; }
  .hero-promise { margin-bottom: 20px; }
  h1.hero-hl { margin-bottom: 22px; }
  .hero-sub  { margin-bottom: 36px; font-size: 16px; line-height: 1.6; }
  .hero-actions { gap: 12px; }

  /* Section headings */
  h2.sec-hl  { line-height: 1.08; margin-bottom: 16px; }
  .sec-sub   { font-size: 15px; line-height: 1.6; }

  /* Sections — tighter padding on mobile */
  .s-layer, .s-modules, .s-stats, .s-cta { padding: 72px 20px; }

  /* Architecture blocks */
  .arch-row { gap: 10px; }
  .arch-block { padding: 18px; }
  .ab-icon svg { width: 26px; height: 26px; }
  .ab-title { font-size: 13px; margin-bottom: 6px; }
  .ab-desc  { font-size: 12px; line-height: 1.55; }

  /* Stats */
  .sc-num  { font-size: 56px; letter-spacing: -0.04em; }
  .sc-unit { font-size: 24px; }
  .sc-label { font-size: 12px; }

  /* Footer */
  .f-top  { padding-bottom: 40px; }
  .f-col-title { font-size: 11px; margin-bottom: 16px; }
  .f-link { font-size: 13px; }
  .f-mid  { padding: 24px 0; }
  .f-bottom { min-height: auto; padding-top: 20px; }
  .f-watermark { display: none; }
}

/* ── 640px and below ─────────────────────────────────────────── */
@media (max-width: 640px) {

  /* Hero */
  .hero-badge { font-size: 10px; gap: 6px; }
  h1.hero-hl  { font-size: clamp(32px, 10vw, 48px); letter-spacing: -0.035em; line-height: 1.04; margin-bottom: 20px; }
  .hero-sub   { font-size: 15px; margin-bottom: 32px; }
  .hero-actions { flex-direction: column; width: 100%; gap: 10px; }
  .btn-prim, .btn-sec { width: 100%; justify-content: center; padding: 14px 20px; }

  /* Sections */
  .s-layer, .s-modules, .s-stats, .s-cta { padding: 60px 20px; }

  /* Carousel */
  .cslide-title { font-size: clamp(22px, 7.5vw, 32px); line-height: 1.1; }
  .cslide-body  { font-size: 13px; line-height: 1.6; }

  /* CTA section */
  h2.cta-hl   { font-size: clamp(26px, 8vw, 38px); }
  .cta-form   { padding: 20px 16px; }
  .cf-row     { gap: 12px; }

  /* Footer */
  footer { padding: 48px 20px 0; }
  .f-brand-desc { font-size: 13px; line-height: 1.6; }
  .f-bottom { min-height: auto; padding: 20px 0 28px; }
  .f-legal  { gap: 6px 0; flex-wrap: wrap; justify-content: center; }
  .f-legal a { font-size: 9px; padding: 0 8px; }
  .f-copyright { font-size: 11px; }
  .f-watermark { display: none; }
}

/* ── 420px and below ─────────────────────────────────────────── */
@media (max-width: 420px) {
  .hero { padding: 88px 16px 60px; }
  h1.hero-hl { font-size: clamp(28px, 10vw, 40px); }
  .hero-sub  { font-size: 14px; }
  .btn-prim, .btn-sec { padding: 13px 18px; font-size: 13px; }

  .s-layer, .s-modules, .s-stats, .s-cta { padding: 52px 16px; }
  .carousel { padding: 24px 14px 20px; }

  .f-top { gap: 28px; }
  footer  { padding: 40px 16px 0; }
}