.app-hero{background:#00421B;background-image:repeating-linear-gradient(45deg,rgba(254,218,49,0.05) 0 2px,transparent 2px 22px);color:#FFFFFF;padding:64px 0}
.app-hero-in{display:flex;flex-direction:column;align-items:center}
.app-hero-txt{min-width:0}
.app-hero-txt h1{margin-bottom:16px}
.app-hero-cta{justify-content:center;margin-top:10px}
.app-hero-img{margin:30px auto 0;max-width:260px;width:100%;min-width:0;border-radius:18px;overflow:hidden;box-shadow:0 14px 34px rgba(0,0,0,0.45)}
.app-hero-img img{width:100%;height:auto}
.app-tabs{display:flex;justify-content:center;margin:22px 0 0}
.app-tabbtn{background:#EEF5F0;border:2px solid #005A24;color:#005A24;font-weight:700;font-size:0.95rem;padding:10px 20px;cursor:pointer;margin:0 4px;border-radius:10px 10px 0 0}
.app-tabbtn[aria-selected="true"]{background:#005A24;color:#FFFFFF}
.app-tabpane{border:2px solid #005A24;border-radius:0 12px 12px 12px;padding:20px 22px;margin-bottom:20px;background:#FFFFFF}
.fixlist{margin:18px 0 24px}
.fixlist li{position:relative;padding:8px 0 8px 30px;margin-bottom:10px}
.fixlist li::before{content:"";position:absolute;left:2px;top:16px;width:12px;height:12px;border-radius:50%;background:#009A3F}
.dev-cards{display:grid;grid-template-columns:1fr;gap:14px;margin:22px 0 26px}
@media (min-width:481px){.dev-cards{grid-template-columns:repeat(2,1fr)}}
@media (min-width:769px){.dev-cards{grid-template-columns:repeat(4,1fr)}}
@media (min-width:1081px){
.app-hero-in{flex-direction:row;align-items:center;justify-content:space-between}
.app-hero-txt{max-width:58%}
.app-hero-cta{justify-content:center}
.app-hero-img{margin:0 0 0 40px;max-width:250px;flex:0 0 auto}
}
@media (max-width:480px){.app-hero{padding:48px 0}}