.development-hero{position:relative;isolation:isolate;display:flex;min-height:560px;align-items:center;overflow:hidden;padding:72px 0;background-color:#f6f9ff;background-position:right center;background-repeat:no-repeat;background-size:auto 100%}
.development-app .development-hero{background-image:url("banner-app-development-light.jpg")}.development-mini .development-hero{background-image:url("banner-mini-program-light.jpg")}
.development-hero:before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.96) 25%,rgba(255,255,255,.74) 43%,rgba(255,255,255,.08) 66%,transparent 78%),linear-gradient(0deg,rgba(255,255,255,.8),transparent 14%)}
.development-hero-grid{position:relative}.development-hero-copy{width:51%;max-width:640px;min-width:0}
.development-hero h1{margin:18px 0 8px;color:#12213a;font-size:clamp(40px,4.5vw,60px);line-height:1.15}.development-hero h2{margin:0 0 18px;color:#2459cd;font-size:clamp(22px,2.2vw,30px)}
.development-hero p{max-width:680px;color:#52647e;font-size:16px;line-height:1.9}.development-link{align-self:center;color:#315da6;font-weight:650}.development-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.development-tags span{padding:7px 12px;border:1px solid #dce7f8;border-radius:999px;color:#496485;background:rgba(255,255,255,.78);font-size:12px}
.development-split figure{margin:0;overflow:hidden;border:1px solid #dce7f6;border-radius:28px;background:#fff;box-shadow:0 24px 60px rgba(38,78,145,.12)}.development-split img{display:block;width:100%;height:100%;object-fit:cover}
.development-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.development-cards article,.development-scenes article{min-width:0;padding:28px;border:1px solid #dfe8f5;border-radius:18px;background:#fff}.development-cards span{display:block;margin-bottom:28px;color:#2a62df;font-size:13px;font-weight:800}.development-cards h3,.development-scenes h3,.development-list h3,.development-process h3{margin:0 0 10px;color:#17243a}.development-cards p,.development-scenes p,.development-list p,.development-process p{margin:0;color:#61718a;font-size:14px;line-height:1.8}
.development-soft{background:#f5f8fd}.development-split{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr);gap:64px;align-items:center}.development-split figure{aspect-ratio:3/2}.development-split h2{font-size:clamp(28px,3vw,40px)}.development-list{display:grid;gap:0;margin-top:26px}.development-list article{padding:18px 0;border-top:1px solid #dfe7f2}.development-list h3{font-size:18px}
.development-scenes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.development-scenes article{border-top:3px solid #3972ed}.development-process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;padding:0;list-style:none;counter-reset:devstep}.development-process li{counter-increment:devstep}.development-process li:before{content:"0" counter(devstep);display:block;margin-bottom:18px;color:#2b64df;font-size:28px;font-weight:800}.development-end{padding-top:28px}
@media(max-width:1000px){.development-hero{display:block;min-height:0;padding:48px 0 300px;background-position:center bottom;background-size:auto 360px}.development-hero:before{background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.98) calc(100% - 310px),rgba(255,255,255,.18) calc(100% - 190px),transparent)}.development-hero-copy{width:100%;max-width:740px}.development-split{grid-template-columns:1fr;gap:34px}.development-split figure{width:min(100%,620px)}.development-cards,.development-process{grid-template-columns:repeat(2,minmax(0,1fr))}.development-split figure{order:2}}
@media(max-width:600px){.development-hero{padding:42px 0 235px;background-size:auto 275px}.development-hero:before{background:linear-gradient(180deg,#fff 0%,#fff calc(100% - 245px),rgba(255,255,255,.2) calc(100% - 150px),transparent)}.development-hero h1{font-size:34px}.development-hero h2{font-size:20px}.development-hero p{font-size:14px}.development-cards,.development-scenes,.development-process{grid-template-columns:1fr;gap:16px}.development-cards article,.development-scenes article{padding:22px}.development-cards span{margin-bottom:18px}.development-page .section{padding:44px 0}.development-split{gap:28px}.development-split figure{order:2;border-radius:18px}.development-process li{padding-bottom:18px;border-bottom:1px solid #dfe7f2}}