.dev-service-page{margin:0;background:#f6f4f0;color:#272443;font:16px/1.8 Arial,'Microsoft JhengHei','Microsoft YaHei','Yu Gothic','Malgun Gothic',sans-serif}
.dev-service-page *{box-sizing:border-box}
.dev-service-page main{display:block;min-width:0}
.dev-wrap{width:calc(100% - 96px);max-width:1280px;margin:auto}
.dev-hero{background:linear-gradient(90deg,#242039f5 0%,#242039da 52%,#24203970 100%),url('/assets/99f699f2be5b356c8296.png') center top/cover;color:#fff;padding:110px 0 116px}
.dev-hero h1{font-size:clamp(38px,4.3vw,64px);line-height:1.3;max-width:1000px;margin:0 0 30px;font-weight:700;letter-spacing:0;overflow-wrap:break-word}
.dev-hero p{max-width:720px;margin:0 0 36px;font-size:19px;line-height:1.9;color:#eee9f5}
.dev-actions{display:flex;flex-wrap:wrap;gap:14px}
.dev-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:14px 23px;min-height:50px;max-width:100%;border:1px solid transparent;border-radius:4px;background:#df3526;color:#fff;font-family:inherit;font-size:15px;font-weight:600;line-height:1.5;text-decoration:none;text-align:center;overflow-wrap:break-word}
.dev-button.secondary{border-color:#ffffff80;background:#ffffff09}
.dev-button svg,.dev-case-link svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.dev-button:hover{background:#bf2b20}
.dev-button.secondary:hover{background:#ffffff18}
.dev-section{padding:88px 0}
.dev-section h2{font-size:clamp(28px,2.7vw,40px);line-height:1.4;margin:0 0 30px;font-weight:700;overflow-wrap:break-word}
.dev-cap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px}
.dev-cap-grid article{border-top:3px solid #df3526;padding-top:25px;min-width:0}
.dev-cap-grid h3{font-size:23px;line-height:1.5;margin:0 0 18px}
.dev-cap-grid p,.dev-process p{margin:0;color:#625c73;overflow-wrap:break-word}
.dev-case-section{background:#eee8f6}
.dev-case-intro{max-width:860px;color:#625c73;margin:0 0 42px}
.dev-case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.dev-case{min-width:0;background:white;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}
.dev-case-image{display:block;aspect-ratio:16/9;overflow:hidden;background:#ded8e7}
.dev-case-image img{display:block;width:100%;height:100%;object-fit:cover}
.dev-case-body{display:flex;flex-direction:column;flex:1;padding:30px}
.dev-case h3{font-size:27px;line-height:1.45;margin:0 0 12px}
.dev-case-role{font-size:14px;font-weight:600;color:#de3425;margin:0 0 18px}
.dev-case-description{color:#625c73;margin:0 0 28px;overflow-wrap:break-word}
.dev-case-link{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #e7dfef;padding-top:18px;margin-top:auto;color:#de3425;text-decoration:none;font-size:14px;font-weight:600}
.dev-all-projects{display:inline-flex;gap:14px;align-items:center;margin-top:34px;color:#df3526;font-weight:600;text-decoration:none}
.dev-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;list-style:none;padding:0;margin:0;counter-reset:devstep}
.dev-process li{min-width:0;counter-increment:devstep}
.dev-process li::before{content:counter(devstep,decimal-leading-zero);display:block;font-size:32px;font-weight:700;color:#df3526;margin-bottom:15px}
.dev-process h3{font-size:23px;margin:0 0 15px;line-height:1.5}
.dev-contact{background:#28223f;color:white;padding:82px 0 90px}
.dev-contact h2{font-size:clamp(30px,3vw,42px);line-height:1.4;margin:0 0 24px}
.dev-contact p{color:#e1daec;max-width:900px;margin:0 0 32px}
.dev-service-page a:focus-visible{outline:3px solid #e53625;outline-offset:4px}
@media(max-width:1000px){.dev-wrap{width:calc(100% - 48px)}.dev-hero{padding:80px 0}.dev-cap-grid,.dev-process{grid-template-columns:minmax(0,1fr);gap:36px}.dev-case-body{padding:24px}.dev-case h3{font-size:24px}.dev-section{padding:64px 0}}
@media(max-width:650px){.dev-wrap{width:calc(100% - 40px)}.dev-hero{padding:64px 0 72px}.dev-hero h1{font-size:36px!important}.dev-hero p{font-size:17px}.dev-case-grid{grid-template-columns:minmax(0,1fr);gap:24px}.dev-section h2{font-size:30px!important}.dev-actions{gap:12px}.dev-button{width:100%}.dev-contact{padding:62px 0 70px}.dev-contact h2{font-size:30px!important}}