.development-page{--dev-accent:var(--color-accent,#a12ee5);color:var(--color-text,#19212d)}.development-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,6vw,80px);align-items:center;padding:32px 0 60px}.development-eyebrow{display:block;color:#787285;font-size:11px;font-weight:700;letter-spacing:.14em;margin-bottom:14px}.development-page h1{font-size:clamp(30px,4.6vw,58px);line-height:1.1;letter-spacing:-.035em;margin:0 0 20px}.development-lead{font-size:17px;line-height:1.6;max-width:540px;color:#626776;margin:0 0 24px}.development-page .button{font-size:15px;min-height:46px;padding:12px 20px;gap:20px;border-radius:15px}.development-caption{font-size:12px;line-height:1.6;color:#707786;margin:12px 0 0}.development-visual{background:linear-gradient(145deg,#201b36,#392052);border:1px solid #ffffff20;border-radius:28px;padding:24px;box-shadow:0 24px 70px #5129811a;transform:rotate(2deg);color:#fff}.development-window{display:flex;justify-content:space-between;align-items:center;color:#ac9bbc;letter-spacing:3px;font-size:10px}.development-window small{letter-spacing:.1em;font-size:9px}.development-code{font:600 clamp(30px,5vw,62px)/1.2 ui-monospace,monospace;letter-spacing:-3px;padding:32px 0 24px;color:#e8cdff}.development-wire{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.development-wire i{height:8px;background:#ac79d5;width:66%;border-radius:20px;grid-column:1/-1;margin-bottom:9px}.development-wire b{height:65px;border:1px solid #ffffff20;border-radius:12px;background:#ffffff08}.development-visual-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.development-visual-tags span{border:1px solid #ffffff20;padding:6px 10px;border-radius:20px;font-size:10px;color:#d3c2e5}.development-section{padding:26px 0 40px}.development-page h2{font-size:clamp(22px,3vw,32px);line-height:1.2;letter-spacing:-.025em;margin:0 0 24px}.development-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.development-card{display:flex;flex-direction:column;border:1px solid #e6e7ed;border-radius:20px;padding:24px;min-width:0}.development-number{font-size:12px;color:#9e77b8;margin-bottom:20px}.development-card h3{font-size:18px;line-height:1.3;margin:0 0 12px;letter-spacing:-.02em}.development-card p,.development-steps p,.development-brief p{font-size:14px;line-height:1.65;color:#656d7c;margin:0 0 20px}.development-card .text-button{margin-top:auto;align-self:flex-start;font-size:13px;color:var(--dev-accent);min-height:40px;gap:14px}.development-steps{padding:0;list-style:none;counter-reset:steps;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.development-steps li{counter-increment:steps}.development-steps li:before{content:'0' counter(steps);display:block;color:var(--dev-accent);font-size:13px;font-weight:700;border-top:1px solid #e4d8ed;padding-top:18px;margin-bottom:16px}.development-steps strong{font-size:15px}.development-steps p{margin-top:10px}.development-brief{display:flex;gap:36px;align-items:center;justify-content:space-between;border-radius:24px;background:#f6f3fa;padding:32px;margin:16px 0 30px}.development-brief>div{max-width:650px}.development-brief .button{flex-shrink:0}.development-brief .development-caption{font-size:12px;margin:0}.development-promo{display:flex;align-items:center;gap:24px;justify-content:space-between;padding:28px;border:1px solid #e3d8ee;border-radius:24px;background:linear-gradient(120deg,#fff,#f6f0fc);margin-top:24px}.development-promo h3{font-size:23px;line-height:1.25;margin:0 0 10px}.development-promo p{font-size:14px;line-height:1.6;color:#666c78;margin:0;max-width:600px}.development-promo .button{font-size:14px;min-height:44px;padding:12px 18px;border-radius:14px;flex-shrink:0}.development-page button:focus-visible,.development-promo a:focus-visible{outline:3px solid #ab69d7;outline-offset:4px}@media(max-width:850px){.development-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.development-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.development-brief{flex-direction:column;align-items:flex-start;gap:12px}.development-hero{gap:28px}.development-visual{padding:18px}}@media(max-width:600px){.development-hero{grid-template-columns:1fr;padding:12px 0 28px;gap:26px}.development-hero h1{font-size:34px}.development-lead{font-size:15px}.development-visual{transform:none;padding:18px 22px}.development-code{font-size:34px;padding:20px 0}.development-wire b{height:34px}.development-visual-tags{margin-top:18px}.development-grid{grid-template-columns:1fr;gap:12px}.development-card{padding:20px}.development-number{margin-bottom:12px}.development-card h3{font-size:17px}.development-steps{gap:16px}.development-brief{padding:22px}.development-promo{padding:22px;flex-direction:column;align-items:flex-start;gap:18px}.development-promo h3{font-size:21px}.development-eyebrow{font-size:10px}}

#business .development-promo{color:#19212d}#business .development-promo p{color:#626776}#business .development-promo .development-eyebrow{color:#7d5c92}
