body.home{background:#ffea00}
.hero-stack{padding:1.6rem 0 2rem}
.hero-copy{background:#fff;border:6px solid #111;padding:1.3rem 1.4rem;box-shadow:10px 10px 0 #111;max-width:720px;position:relative;z-index:2}
.hero-copy h1{font-size:clamp(1.25rem,3vw,1.9rem);line-height:1.25;margin-bottom:.6rem}
.hero-copy .lead{margin-bottom:1rem}
.hero-btns{display:flex;flex-wrap:wrap;gap:.6rem}
.hero-pic{border:6px solid #111;box-shadow:10px 10px 0 #ff2d55;max-width:520px;margin:-2.2rem 0 0 auto;background:#00f0ff;padding:.45rem}
.kpis{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.6rem}
.kpis div{background:#111;color:#ffea00;border:5px solid #111;padding:.7rem .95rem;box-shadow:5px 5px 0 #00f0ff;min-width:120px}
.kpis strong{display:block;font-size:1.2rem;color:#fff}

.giant{display:flex;flex-direction:column;gap:1rem}
.mod{border:6px solid #111;padding:1.2rem 1.3rem;box-shadow:8px 8px 0 #111;min-height:140px}
.mod h3{font-size:1.15rem;margin-bottom:.35rem}
.mod.a{background:#fff;transform:rotate(-.4deg)}
.mod.b{background:#00f0ff;margin-left:8%;transform:rotate(.5deg)}
.mod.c{background:#ff2d55;color:#fff;margin-right:8%}
.mod p{font-family:"Arial","Microsoft YaHei",sans-serif;font-weight:400}

.zag{display:grid;grid-template-columns:1fr .7fr;gap:.8rem}
.zag article{border:6px solid #111;background:#fff;padding:1rem;box-shadow:6px 6px 0 #111}
.zag article:nth-child(2){background:#00f0ff;margin-top:1.4rem}
.zag article:nth-child(3){background:#111;color:#ffea00;grid-column:1 / -1}

.duo{display:grid;grid-template-columns:1.1fr .9fr;gap:1.1rem}
.duo .p{border:6px solid #111;background:#fff;padding:1rem;box-shadow:8px 8px 0 #ff2d55}
.duo .q{border:6px solid #111;background:#00f0ff;padding:1rem;box-shadow:8px 8px 0 #111;margin-top:1.6rem}
.duo h3{margin-bottom:.45rem}
.duo li{font-family:"Arial","Microsoft YaHei",sans-serif;font-weight:400;padding:.28rem 0;border-bottom:3px solid #111;font-size:.88rem}
.home-shot{margin-top:1.2rem;border:6px solid #111;box-shadow:8px 8px 0 #111}

.home-cta{background:#111;color:#ffea00;padding:2.2rem 0;border-top:6px solid #111;border-bottom:6px solid #111}
.home-cta h2{margin-bottom:.5rem}
.home-cta a{margin:.3rem .3rem 0 0}

@media(max-width:768px){
  .zag,.duo{grid-template-columns:1fr}
  .mod.b,.mod.c{margin:0}
  .hero-pic{margin-top:1rem}
}