/* Nono Hero V9 feature section */
.qr-feature {padding:clamp(26px,4vw,65px) 0;background:linear-gradient(115deg,#061b3b 5%,#102953 60%,#14315c);color:#fff;position:relative;overflow:hidden}
.qr-feature:before {content:"✦";font-size:260px;position:absolute;color:rgba(243,188,85,.09);inset-inline-start:-28px;top:-100px;pointer-events:none}
.qr-feature-inner {display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:30px;align-items:center;max-width:1150px;margin:auto;padding:0 24px}
.qr-feature .qr-tag{display:inline-block;color:#ffdaa0;letter-spacing:.03em;font-weight:800;margin-bottom:8px}
.qr-feature h2{font-size:clamp(25px,4vw,44px);line-height:1.35;margin:0 0 16px;color:#fff}
.qr-feature p{max-width:650px;font-size:17px;line-height:1.85;color:#e2e7f3;margin:0 0 20px}
.qr-feature a{display:inline-flex;align-items:center;gap:10px;border-radius:999px;background:linear-gradient(135deg,#fce0a1,#e5aa42);color:#10213c;padding:13px 23px;font-weight:900;text-decoration:none}
.qr-feature-card{border:1px solid rgba(255,219,159,.46);border-radius:22px;padding:28px;background:rgba(255,255,255,.065);box-shadow:0 15px 40px rgba(0,0,0,.16);text-align:center}
.qr-feature-card .qr-glyph{font-size:70px;color:#f8d699;line-height:1}
.qr-feature-card strong{display:block;color:white;font-size:21px;margin:10px 0}
.qr-feature-card small{display:block;color:#d0d9ed;line-height:1.8}
@media(max-width:750px){.qr-feature-inner{grid-template-columns:1fr}.qr-feature-card{max-width:450px;width:100%;margin:auto}}
/* Keep child portraits prominent without making the mobile hero feel like a textbook cover */
@media(max-width:520px){
  .hero{min-height:680px}
  .hero-left,.hero-right{height:230px}
  .hero-content{padding-top:249px}
}