.public-development-v3,
.public-development-v3 .public-page-content,
.development-v3 {
    min-height: 100vh;
    background: #08090b;
}

.development-v3 {
    --development-accent: #7079e8;
    --development-mint: #79c7a4;
    color: var(--ink);
}

.development-v3 main > .development-v3-block {
    padding: 118px 0;
    border-bottom: 1px solid var(--line);
    background: #08090b;
}

.development-v3 main > .development-v3-block:nth-child(even) { background: #0a0b0e; }
.development-v3 h1,
.development-v3 h2,
.development-v3 h3,
.development-v3 p { margin-top: 0; }

.development-v3-eyebrow {
    margin: 0 0 20px;
    color: #717bef;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .15em;
    line-height: 1.4;
    text-transform: uppercase;
}

.development-v3-heading { max-width: 770px; margin-bottom: 58px; }
.development-v3-heading--split {
    max-width: none;
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(300px, .72fr);
    align-items: start;
    gap: 86px;
}
.development-v3-heading h2,
.development-v3-ai__copy h2,
.development-v3-code__copy h2,
.development-v3-contact h2 {
    max-width: 760px;
    margin: 0;
    color: #f2f3f5;
    font-size: clamp(34px, 3.8vw, 48px);
    font-weight: 500;
    letter-spacing: -.045em;
    line-height: 1.04;
}
.development-v3-heading--split > p {
    max-width: 470px;
    margin: 0;
    padding-top: 34px;
    color: #969aa5;
    font-size: 16px;
    line-height: 1.7;
}

.development-v3-hero { padding: 78px 0 96px !important; overflow: hidden; }
.development-v3-hero__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 46px;
}
.development-v3-hero__copy { max-width: 820px; }
.development-v3-hero__copy h1 {
    max-width: 820px;
    margin: 0;
    color: #f5f5f7;
    font-size: clamp(42px, 4.6vw, 58px);
    font-weight: 500;
    letter-spacing: -.052em;
    line-height: 1.04;
}
.development-v3-hero__lead {
    max-width: 760px;
    margin: 24px 0 0;
    color: #a2a6b0;
    font-size: 17px;
    line-height: 1.7;
}
.development-v3-actions { display: flex; align-items: center; gap: 24px; margin-top: 28px; }

.development-v3-system {
    padding-top: 8px;
}
.development-v3-system__canvas {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.development-v3-system__canvas::before {
    position: absolute;
    top: 5px;
    right: calc(25% - 5px);
    left: 5px;
    height: 1px;
    background: linear-gradient(90deg, rgba(112,121,232,.35), rgba(121,199,164,.3));
    content: "";
}
.development-v3-system__phase {
    position: relative;
    min-height: 132px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0 34px 0 0;
}
.development-v3-system__phase > span { position: relative; z-index: 1; display: flex; align-items: center; gap: 11px; padding-right: 13px; background: #08090b; }
.development-v3-system__phase > span i { width: 11px; height: 11px; box-sizing: border-box; border: 3px solid #171923; border-radius: 50%; background: #757fee; box-shadow: 0 0 0 1px #303442; }
.development-v3-system__phase:last-child > span i { background: var(--development-mint); }
.development-v3-system__phase small { color: #727bea; font-size: 9px; font-weight: 700; }
.development-v3-system__phase strong { margin-top: 35px; color: #f0f1f3; font-size: 15px; font-weight: 600; }
.development-v3-system__phase p { max-width: 220px; margin: 9px 0 0; color: #858a97; font-size: 11px; line-height: 1.55; }

.development-v3-products__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-top: 1px solid #292c33;
    border-left: 1px solid #292c33;
}
.development-v3-product {
    min-height: 250px;
    padding: 28px;
    border-right: 1px solid #292c33;
    border-bottom: 1px solid #292c33;
    background: #0d0e12;
}
.development-v3-product > span,
.development-v3-experience__grid > div > span,
.development-v3-stack__grid > div > span,
.development-v3-formats__grid > div > span { color: #717bef; font-size: 10px; font-weight: 700; }
.development-v3-product small { display: block; margin-top: 42px; color: #747986; font-size: 9px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
.development-v3-product h3 { margin: 10px 0 0; color: #f1f2f4; font-size: 19px; font-weight: 600; letter-spacing: -.025em; }
.development-v3-product p { max-width: 340px; margin: 13px 0 0; color: #8b909c; font-size: 13px; line-height: 1.65; }

.development-v3-process__line {
    position: relative;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
}
.development-v3-process__line::before { position: absolute; top: 5px; right: 0; left: 0; height: 1px; background: #30333b; content: ""; }
.development-v3-process__line > div { min-height: 220px; padding: 0 28px 0 0; }
.development-v3-process__line > div + div { padding-left: 25px; border-left: 1px solid #282b32; }
.development-v3-process__line span { position: relative; z-index: 1; display: flex; align-items: center; gap: 11px; color: #717bef; font-size: 9px; font-weight: 700; }
.development-v3-process__line span i { width: 11px; height: 11px; border: 3px solid #161821; border-radius: 50%; background: #7a83ef; box-shadow: 0 0 0 1px #313545; }
.development-v3-process__line h3 { margin: 66px 0 0; color: #eef0f3; font-size: 15px; font-weight: 600; }
.development-v3-process__line p { margin: 12px 0 0; color: #7f8592; font-size: 12px; line-height: 1.65; }

.development-v3-experience__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}
.development-v3-experience__grid > div {
    min-height: 330px;
    padding: 28px;
    border: 1px solid #2a2d35;
    border-radius: 13px;
    background: #0e0f13;
}
.development-v3-experience__grid h3 { margin: 42px 0 0; color: #eef0f2; font-size: 19px; font-weight: 600; }
.development-v3-experience__grid ul,
.development-v3-ai__panels ul { margin: 26px 0 0; padding: 0; border-top: 1px solid #292c33; list-style: none; }
.development-v3-experience__grid li,
.development-v3-ai__panels li { position: relative; padding: 12px 0 12px 15px; border-bottom: 1px solid #292c33; color: #8c919e; font-size: 12px; line-height: 1.5; }
.development-v3-experience__grid li::before,
.development-v3-ai__panels li::before { position: absolute; top: 19px; left: 0; width: 4px; height: 4px; border-radius: 50%; background: #717bef; content: ""; }

.development-v3-ai__grid { display: grid; grid-template-columns: minmax(0, .82fr) minmax(520px, 1.18fr); align-items: start; gap: 90px; }
.development-v3-ai__copy > p:not(.development-v3-eyebrow) { max-width: 570px; margin: 26px 0 0; color: #9499a5; font-size: 16px; line-height: 1.75; }
.development-v3-ai__note { max-width: 560px; display: grid; grid-template-columns: 8px 1fr; gap: 12px; margin-top: 32px; padding-top: 24px; border-top: 1px solid #292c33; color: #7f8491; font-size: 12px; line-height: 1.65; }
.development-v3-ai__note i { width: 7px; height: 7px; margin-top: 6px; border-radius: 50%; background: var(--development-mint); }
.development-v3-ai__panels { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border: 1px solid #2a2d35; border-radius: 14px; overflow: hidden; background: #0e0f13; }
.development-v3-ai__panels > div { min-height: 390px; padding: 28px; }
.development-v3-ai__panels > div + div { border-left: 1px solid #2a2d35; }
.development-v3-ai__panels > div > span { color: #717bef; font-size: 10px; font-weight: 700; }
.development-v3-ai__panels h3 { margin: 40px 0 0; color: #eef0f2; font-size: 18px; font-weight: 600; }

.development-v3-code__grid {
    display: grid;
    grid-template-columns: minmax(0, .72fr) minmax(560px, 1.28fr);
    align-items: center;
    gap: 96px;
}
.development-v3-code__copy > p:not(.development-v3-eyebrow) { max-width: 540px; margin: 25px 0 0; color: #9196a2; font-size: 15px; line-height: 1.75; }
.development-v3-code__facts { display: grid; gap: 11px; margin-top: 32px; }
.development-v3-code__facts span { display: flex; align-items: center; gap: 11px; color: #858a96; font-size: 12px; }
.development-v3-code__facts i { width: 5px; height: 5px; border-radius: 50%; background: var(--development-mint); box-shadow: 0 0 0 5px rgba(121,199,164,.06); }
.development-v3-code__window { overflow: hidden; border: 1px solid #2c2f37; border-radius: 15px; background: #0c0d11; box-shadow: 0 28px 70px rgba(0,0,0,.22); }
.development-v3-code__bar { min-height: 52px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 0 20px; border-bottom: 1px solid #272a31; }
.development-v3-code__bar > span { display: flex; gap: 5px; }
.development-v3-code__bar > span i { width: 6px; height: 6px; border-radius: 50%; background: #686d78; }
.development-v3-code__bar strong { color: #c5c8d0; font-family: Consolas, Monaco, monospace; font-size: 11px; font-weight: 400; }
.development-v3-code__bar em { justify-self: end; color: var(--development-mint); font-size: 9px; font-style: normal; }
.development-v3-code__body { padding: 25px 0 28px; background-image: linear-gradient(90deg, rgba(112,121,232,.055), transparent 24%); }
.development-v3-code__line { min-height: 27px; display: grid; grid-template-columns: 52px 1fr; align-items: center; padding: 0 24px 0 0; }
.development-v3-code__line > span { padding-right: 16px; color: #424650; font-family: Consolas, Monaco, monospace; font-size: 10px; text-align: right; user-select: none; }
.development-v3-code__line code { overflow: hidden; color: #bec2cd; font-family: Consolas, Monaco, monospace; font-size: 12px; line-height: 1.6; text-overflow: ellipsis; white-space: pre; }
.development-v3-code__line--0 code { color: #c5c9ff; }
.development-v3-code__line--1 code { color: #9eb7df; }
.development-v3-code__line--2 code { color: #c3aee8; }
.development-v3-code__line--3 code { color: #8fc9b0; }

.development-v3-stack__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-top: 1px solid #292c33;
    border-left: 1px solid #292c33;
}
.development-v3-stack__grid > div {
    min-height: 165px;
    padding: 24px;
    border-right: 1px solid #292c33;
    border-bottom: 1px solid #292c33;
    background: #0d0e12;
}
.development-v3-stack__grid h3 { margin: 28px 0 0; color: #eff0f2; font-size: 15px; font-weight: 600; }
.development-v3-stack__grid p { margin: 10px 0 0; color: #828895; font-size: 12px; line-height: 1.7; }

.development-v3-formats__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.development-v3-formats__grid > div { min-height: 220px; padding: 27px; border: 1px solid #2a2d35; border-radius: 13px; background: #0e0f13; }
.development-v3-formats__grid h3 { margin: 46px 0 0; color: #eef0f2; font-size: 18px; font-weight: 600; }
.development-v3-formats__grid p { margin: 12px 0 0; color: #858b98; font-size: 13px; line-height: 1.65; }

.development-v3-pricing__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid #2b2e35; border-left: 1px solid #2b2e35; }
.development-v3-price { min-height: 470px; display: flex; flex-direction: column; padding: 26px; border-right: 1px solid #2b2e35; border-bottom: 1px solid #2b2e35; background: #0d0e12; }
.development-v3-price__top { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.development-v3-price__top span { color: #717bef; font-size: 9px; font-weight: 700; }
.development-v3-price__top small { color: #6f7480; font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
.development-v3-price h3 { min-height: 48px; margin: 38px 0 0; color: #f0f1f3; font-size: 18px; font-weight: 600; letter-spacing: -.025em; line-height: 1.3; }
.development-v3-price__value { display: flex; align-items: baseline; gap: 7px; margin-top: 27px; }
.development-v3-price__value small { color: #747a87; font-size: 10px; }
.development-v3-price__value strong { color: #f5f5f7; font-size: clamp(30px, 2.8vw, 39px); font-weight: 500; letter-spacing: -.045em; }
.development-v3-price__value span { color: #9499a5; font-size: 12px; }
.development-v3-price > p { min-height: 66px; margin: 22px 0 0; color: #858b97; font-size: 12px; line-height: 1.65; }
.development-v3-price ul { margin: auto 0 0; padding: 22px 0 0; border-top: 1px solid #292c33; list-style: none; }
.development-v3-price li { position: relative; padding: 7px 0 7px 15px; color: #9a9fac; font-size: 11px; line-height: 1.45; }
.development-v3-price li::before { position: absolute; top: 13px; left: 0; width: 4px; height: 4px; border-radius: 50%; background: #747eef; content: ""; }
.development-v3-pricing__footer { display: flex; align-items: center; justify-content: space-between; gap: 40px; margin-top: 27px; }
.development-v3-pricing__footer p { max-width: 720px; margin: 0; color: #747a87; font-size: 11px; line-height: 1.6; }
.development-v3-pricing__footer a { flex: 0 0 auto; }

.development-v3-contact { padding: 112px 0; border-bottom: 1px solid var(--line); background: #0a0b0e; }
.development-v3-contact__inner { display: grid; grid-template-columns: minmax(0, .72fr) minmax(560px, 1.28fr); align-items: start; gap: 90px; }
.development-v3-contact h2 { max-width: 620px; }
.development-v3-contact__copy > p:not(.development-v3-eyebrow) { max-width: 580px; margin: 24px 0 0; color: #8e939f; font-size: 15px; line-height: 1.7; }
.development-v3-contact__links { display: grid; gap: 10px; margin-top: 36px; padding-top: 25px; border-top: 1px solid #292c33; }
.development-v3-contact__links strong { margin-bottom: 5px; color: #777d89; font-size: 10px; letter-spacing: .1em; text-transform: uppercase; }
.development-v3-contact__links a { width: fit-content; color: #c3c6ce; font-size: 14px; text-decoration: none; transition: color .2s ease; }
.development-v3-contact__links a:hover { color: #ffffff; }
.development-v3-form { position: relative; display: grid; gap: 20px; padding: 32px; border: 1px solid #2d3038; border-radius: 16px; background: #0d0e12; }
.development-v3-form h3 { margin: 0 0 4px; color: #f1f2f4; font-size: 21px; font-weight: 600; letter-spacing: -.025em; }
.development-v3-form__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.development-v3-form label { display: grid; gap: 9px; }
.development-v3-form label > span { color: #9297a3; font-size: 11px; font-weight: 500; }
.development-v3-form input[type="text"],
.development-v3-form select,
.development-v3-form textarea { width: 100%; box-sizing: border-box; border: 1px solid #2b2e36; border-radius: 9px; outline: 0; background: #111217; color: #eef0f3; font: inherit; font-size: 13px; transition: border-color .2s ease, background .2s ease, box-shadow .2s ease; }
.development-v3-form input[type="text"],
.development-v3-form select { height: 48px; padding: 0 14px; }
.development-v3-form select { appearance: none; background-image: linear-gradient(45deg, transparent 50%, #737987 50%), linear-gradient(135deg, #737987 50%, transparent 50%); background-position: calc(100% - 18px) 21px, calc(100% - 13px) 21px; background-repeat: no-repeat; background-size: 5px 5px, 5px 5px; }
.development-v3-form textarea { min-height: 150px; resize: vertical; padding: 14px; line-height: 1.6; }
.development-v3-form input::placeholder,
.development-v3-form textarea::placeholder { color: #5f6470; }
.development-v3-form input:focus,
.development-v3-form select:focus,
.development-v3-form textarea:focus { border-color: rgba(112,121,232,.72); background-color: #13141a; box-shadow: 0 0 0 3px rgba(112,121,232,.09); }
.development-v3-form__privacy { grid-template-columns: 17px 1fr; align-items: start; gap: 10px !important; }
.development-v3-form__privacy input {
    position: relative;
    width: 16px;
    height: 16px;
    margin: 1px 0 0;
    border: 1px solid #3a3e49;
    border-radius: 4px;
    outline: 0;
    appearance: none;
    background: #111217;
    cursor: pointer;
    transition: border-color .2s ease, background .2s ease, box-shadow .2s ease;
}
.development-v3-form__privacy input::after {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 8px;
    height: 5px;
    border-bottom: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
    opacity: 0;
    transform: rotate(-45deg) scale(.7);
    transition: opacity .16s ease, transform .16s ease;
    content: "";
}
.development-v3-form__privacy input:hover { border-color: #606778; }
.development-v3-form__privacy input:focus-visible { border-color: #7a83ef; box-shadow: 0 0 0 3px rgba(112,121,232,.14); }
.development-v3-form__privacy input:checked { border-color: #7079e8; background: #7079e8; }
.development-v3-form__privacy input:checked::after { opacity: 1; transform: rotate(-45deg) scale(1); }
.development-v3-form__privacy span { color: #777d89 !important; font-size: 10px !important; line-height: 1.55; cursor: pointer; }
.development-v3-form__privacy a { color: #a7acb8; text-underline-offset: 3px; }
.development-v3-form__honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.development-v3-form__footer { display: flex; align-items: center; gap: 20px; min-height: 44px; }
.development-v3-form__footer .home-v3-button:hover { transform: none; }
.development-v3-form__footer p { margin: 0; color: #8b909c; font-size: 11px; line-height: 1.5; }
.development-v3-form__footer p.is-success { color: var(--development-mint); }
.development-v3-form__footer p.is-error { color: #e79a9a; }

.development-v3-reveal-ready [data-development-reveal] { opacity: 0; transform: translateY(14px); transition: opacity .6s ease, transform .6s cubic-bezier(.22,1,.36,1); }
.development-v3-reveal-ready [data-development-reveal].is-visible { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
    .development-v3-reveal-ready [data-development-reveal] { opacity: 1; transform: none; transition: none; }
}

@media (max-width: 1100px) {
    .development-v3-ai__grid { grid-template-columns: 1fr; gap: 55px; }
    .development-v3-ai__copy { max-width: 760px; }
    .development-v3-code__grid,
    .development-v3-contact__inner { grid-template-columns: 1fr; gap: 55px; }
    .development-v3-code__copy,
    .development-v3-contact__copy { max-width: 760px; }
    .development-v3-form { max-width: 760px; }
}

@media (max-width: 900px) {
    .development-v3 main > .development-v3-block { padding: 90px 0; }
    .development-v3-heading--split { grid-template-columns: 1fr; gap: 24px; }
    .development-v3-heading--split > p { padding-top: 0; }
    .development-v3-system__canvas { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .development-v3-system__canvas::before { display: none; }
    .development-v3-system__phase { min-height: 128px; padding-right: 24px; }
    .development-v3-system__phase:nth-child(n+3) { margin-top: 24px; padding-top: 24px; border-top: 1px solid #272a31; }
    .development-v3-products__grid,
    .development-v3-stack__grid,
    .development-v3-pricing__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .development-v3-process__line { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; }
    .development-v3-process__line::before { display: none; }
    .development-v3-process__line > div,
    .development-v3-process__line > div + div { min-height: 190px; padding: 24px; border-top: 1px solid #292c33; border-right: 1px solid #292c33; border-left: 0; }
    .development-v3-process__line h3 { margin-top: 40px; }
    .development-v3-experience__grid,
    .development-v3-formats__grid { grid-template-columns: 1fr; }
    .development-v3-experience__grid > div { min-height: auto; }
}

@media (max-width: 700px) {
    .development-v3 main > .development-v3-block { padding: 76px 0; }
    .development-v3-hero { padding: 66px 0 72px !important; }
    .development-v3-hero__copy h1 { font-size: clamp(39px, 11vw, 50px); }
    .development-v3-hero__lead { font-size: 17px; }
    .development-v3-actions { align-items: flex-start; flex-direction: column; gap: 15px; }
    .development-v3-system__canvas { grid-template-columns: 1fr; }
    .development-v3-system__canvas::before { top: 5px; bottom: 34px; left: 5px; width: 1px; height: auto; display: block; }
    .development-v3-system__phase,
    .development-v3-system__phase:nth-child(n+3) { min-height: 112px; margin: 0; padding: 0 0 28px 32px; border-top: 0; }
    .development-v3-system__phase > span { margin-left: -32px; }
    .development-v3-system__phase strong { margin-top: 20px; }
    .development-v3-products__grid,
    .development-v3-stack__grid,
    .development-v3-pricing__grid,
    .development-v3-process__line,
    .development-v3-ai__panels { grid-template-columns: 1fr; }
    .development-v3-product { min-height: 220px; }
    .development-v3-ai__panels > div { min-height: auto; }
    .development-v3-ai__panels > div + div { border-top: 1px solid #2a2d35; border-left: 0; }
    .development-v3-contact { padding: 76px 0; }
    .development-v3-contact__inner { grid-template-columns: 1fr; align-items: start; gap: 34px; }
    .development-v3-form { gap: 18px; padding: 22px; }
    .development-v3-form__grid { grid-template-columns: 1fr; }
    .development-v3-form__footer { align-items: flex-start; flex-direction: column; }
    .development-v3-code__line { grid-template-columns: 40px 1fr; padding-right: 14px; }
    .development-v3-code__line code { font-size: 10px; }
    .development-v3-code__bar em { display: none; }
    .development-v3-price { min-height: 430px; }
    .development-v3-pricing__footer { align-items: flex-start; flex-direction: column; gap: 18px; }
}