.development-page { background:#071a23; color:#f7f4ef; }
.development-page .development-main { min-height:590px; margin-top:45px; padding:76px 24px 92px; background:radial-gradient(circle at 72% 35%,rgba(41,84,95,.37),transparent 38%),linear-gradient(145deg,#071a23,#102b36 60%,#071a23); }
.development-panel { width:min(1120px,100%); margin:auto; text-align:center; }
.development-eyebrow { margin:0 0 14px; color:#d9ba75; font-size:12px; font-weight:700; letter-spacing:.22em; }
.development-panel h1 { margin:0; font-family:"Roboto",Arial,sans-serif; font-size:clamp(17px,2vw,30px); font-weight:700; line-height:1.08; text-transform:uppercase; }
.development-lead { max-width:660px; margin:20px auto 0; color:rgba(247,244,239,.82); font-size:clamp(15px,1.25vw,18px); line-height:1.65; }
.development-visual { display:block; width:min(640px,100%); margin:28px auto 22px; filter:drop-shadow(0 22px 36px rgba(0,0,0,.28)); }
.development-actions { display:flex; justify-content:center; flex-wrap:wrap; gap:12px; }
.development-actions a { display:inline-flex; min-width:174px; min-height:44px; align-items:center; justify-content:center; gap:10px; padding:0 20px; border:1px solid #cfaa66; color:#f7f4ef; font-size:12px; font-weight:700; letter-spacing:.04em; transition:background .18s ease,transform .18s ease; }
.development-actions a:hover,.development-actions a:focus-visible { background:rgba(207,170,102,.18); transform:translateY(-2px); }
.development-actions .development-home { color:#091e29; background:#d6b876; }
.development-actions .development-home:hover,.development-actions .development-home:focus-visible { background:#ead19b; }
@media (max-width:960px) { .development-page .development-main { margin-top:0; } }
@media (max-width:650px) { .development-page .development-main { min-height:0; padding:54px 18px 72px; }.development-visual { margin:25px auto 18px; }.development-actions a { width:100%; } }
@media (prefers-reduced-motion:reduce) { .development-actions a { transition:none; } }