:root {
  --ink: #07183f;
  --muted: #3e4f7d;
  --blue: #1263f5;
  --cyan: #0abed2;
  --green: #59bd26;
  --violet: #9861f2;
  --orange: #ff7a16;
  --paper: #f8faff;
  --line: rgba(31, 76, 166, 0.15);
  --shadow: 0 18px 52px rgba(52, 90, 168, 0.13);
}

/* Preserve the approved 384px mobile composition on narrower phones. */
@media (max-width: 359px) {
  .hero-built__eyebrow { font-size: 2.865vw; }
  .hero-built h1 { font-size: 5.99vw; }
  .hero-built__lead { font-size: 2.474vw; }
  .hero-built__actions { gap: 2.865vw; }
  .hero-built__button,
  .hero-built__button--telegram,
  .hero-built__button--vk {
    min-height: 9.115vw;
    gap: 2.604vw;
    border-radius: 1.302vw;
    padding: 0 2.604vw;
    font-size: 2.604vw;
  }
  .hero-built__button img { width: 4.688vw; height: 4.688vw; }
  .hero-built__button--vk img { width: 5.469vw; }
  .hero-built__facts { gap: 3.646vw; }
  .hero-built__facts p { gap: 2.344vw; font-size: 2.474vw; }
  .hero-built__facts img { width: 7.292vw; height: 7.292vw; }
  .hero-built__logic { border-radius: 2.865vw; padding: 3.125vw 3.646vw; }
  .hero-built__logic p {
    grid-template-columns: 4.427vw 1fr 2.604vw 1fr;
    gap: 1.302vw;
    margin-bottom: 2.344vw;
    font-size: 2.083vw;
  }
  .hero-built__logic img { width: 4.167vw; height: 4.167vw; }
  .hero-built__services-intro { font-size: 4.948vw; }
  .hero-built__services-intro img {
    width: 19.792vw;
    height: 9.375vw;
    margin: 2.083vw 0 0 7.292vw;
  }
  .hero-built__service,
  .hero-built__service--analysis,
  .hero-built__service--site,
  .hero-built__service--improvement,
  .hero-built__service--automation { border-radius: 3.906vw; }
  .hero-built__service::after { width: 3.906vw; height: 3.906vw; }
  .hero-built__service h2 { margin-bottom: 2.344vw; font-size: 2.734vw; }
  .hero-built__service p,
  .hero-built__service li { font-size: 2.214vw; }
  .hero-built__service-number { top: 3.646vw; right: 3.646vw; font-size: 4.948vw; }
  .hero-built__service-icon,
  .hero-built__service--analysis .hero-built__service-icon,
  .hero-built__service--site .hero-built__service-icon,
  .hero-built__service--improvement .hero-built__service-icon,
  .hero-built__service--automation .hero-built__service-icon {
    top: 2.865vw;
    left: .26vw;
    width: 16.146vw;
    height: 16.146vw;
  }
  .hero-built__service > a,
  .hero-built__service--analysis > a,
  .hero-built__service--site > a,
  .hero-built__service--improvement > a,
  .hero-built__service--automation > a {
    bottom: 3.906vw;
    left: 3.646vw;
    min-height: 5.729vw;
    gap: 1.563vw;
    padding: 0 2.083vw;
    font-size: 2.083vw;
  }
  .hero-built__service--analysis { padding: 11.458vw 4.427vw 8.854vw 17.578vw; }
  .hero-built__service--analysis::after { top: -2.083vw; right: .26vw; }
  .hero-built__service--analysis .hero-built__service-icon { top: 2.083vw; left: .26vw; }
  .hero-built__service--analysis .hero-built__service-number { right: 4.948vw; }
  .hero-built__service--analysis > a { bottom: 3.646vw; left: 3.385vw; }
  .hero-built__service--site { padding: 17.708vw 3.125vw 9.115vw; }
  .hero-built__service--site::after { top: -2.083vw; right: -.391vw; }
  .hero-built__service--site .hero-built__service-icon { top: 1.302vw; left: -.26vw; }
  .hero-built__service--site h2,
  .hero-built__service--site p { top: -.781vw; }
  .hero-built__service--site .hero-built__service-number { right: 3.385vw; }
  .hero-built__service--site > a { left: 2.344vw; }
  .hero-built__service--improvement { padding: 11.198vw 3.906vw 8.854vw 16.797vw; }
  .hero-built__service--improvement::after { top: -2.083vw; right: .781vw; }
  .hero-built__service--improvement .hero-built__service-icon { top: 2.344vw; left: .13vw; }
  .hero-built__service--improvement .hero-built__service-number { right: 4.948vw; }
  .hero-built__service--improvement p { top: 21.354vw; right: 3.385vw; left: 3.385vw; }
  .hero-built__service--improvement > a { bottom: 3.385vw; left: 2.865vw; }
  .hero-built__service--automation { padding: 6.25vw 23.438vw 7.552vw 16.406vw; }
  .hero-built__service--automation::after { top: -2.083vw; right: -1.302vw; }
  .hero-built__service--automation .hero-built__service-icon {
    top: 1.823vw;
    left: -.26vw;
    width: 16.146vw;
    height: 16.146vw;
  }
  .hero-built__service--automation .hero-built__service-number { right: 4.688vw; }
  .hero-built__service--automation h2 { margin-bottom: 1.302vw; }
  .hero-built__service--automation > a { right: 9.115vw; bottom: 4.167vw; left: auto; }
}

/* Screen 03: message-to-solution process, assembled from independent layers. */
.screen.process-built { min-height: 0; aspect-ratio: 1672 / 941; overflow: hidden; background: #f6f9ff; }
.process-built__scene { position: absolute; z-index: 0; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; }
.process-built__mobile-scene { display: none; }
.process-built__curves { position: absolute; z-index: 1; inset: 0 0 0 auto; width: 64%; height: 100%; object-fit: cover; opacity: .55; }
.process-built__content { position: absolute; z-index: 3; top: 2.2%; left: 39.2%; width: 58.2%; }
.process-built__pill { display: inline-flex; min-height: 38px; align-items: center; border-radius: 20px; padding: 0 19px; color: #07183f; background: #e6f7fb; font-size: 17px; }
.screen.process-built h2 { margin: 19px 0 18px; color: #07183f; font-size: 52px; line-height: 1.08; letter-spacing: 0; }
.process-built__title-mobile { display: none; }
.process-built h2 em { color: #1263f5; background: linear-gradient(90deg, #1263f5, #08bace); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; font-style: normal; }
.process-built__intro { margin: 0; color: #334774; font-size: 19px; line-height: 1.52; }
.process-built__steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; width: 104.5%; margin: 36px 0 0 -5.5%; }
.process-built__step { --step-color: #1263f5; position: relative; display: grid; grid-template-columns: 68px 1fr; column-gap: 18px; align-content: start; min-height: 260px; border: 1px solid rgba(65,99,176,.09); border-radius: 21px; padding: 48px 22px 22px 26px; background: rgba(255,255,255,.84); box-shadow: 0 18px 38px rgba(48,79,148,.1); }
.process-built__step::after { content: ""; position: absolute; z-index: -1; top: 15px; right: -48px; width: 70px; height: 52px; background: url('/assets/screen-3/decor/step_connector.svg') center / contain no-repeat; }
.process-built__step:last-child::after { display: none; }
.process-built__step > b { position: absolute; top: 9px; left: 11px; display: grid; width: 39px; height: 39px; place-items: center; border-radius: 50%; color: var(--step-color); background: #eff4ff; font-size: 17px; }
.process-built__step > img { width: 68px; height: 68px; margin: 0 0 18px -8px; border-radius: 18px; padding: 14px; background: #edf3ff; object-fit: contain; }
.process-built__step h3 { margin: 2px 0 18px; color: #07183f; font-size: 18px; line-height: 1.26; }
.process-built__step p { grid-column: 1 / -1; margin: 0; color: #41547d; font-size: 14px; line-height: 1.5; }
.process-built__step--2 { --step-color: #08bace; transform: translateY(55px); }
.process-built__step--2 > b, .process-built__step--2 > img { background: #e8f9fb; }
.process-built__step--3 { --step-color: #8d5bf3; transform: translateY(29px); }
.process-built__step--3 > b, .process-built__step--3 > img { background: #f2edff; }
.process-built__step--4 { --step-color: #08bace; transform: translateY(84px); }
.process-built__step--4 > b, .process-built__step--4 > img { background: #e8f9fb; }

.process-built__chat { position: absolute; z-index: 4; left: 5.1%; bottom: 9.1%; width: 289px; border-radius: 20px; padding: 0 12px 19px; background: rgba(241,248,255,.94); box-shadow: 0 18px 40px rgba(28,62,121,.14); color: #07183f; }
.process-built__chat header { display: flex; height: 73px; align-items: center; gap: 10px; padding: 0 5px; }
.process-built__chat header > img { width: 38px; height: 38px; border-radius: 50%; object-fit: cover; }
.process-built__chat header strong { font-size: 16px; line-height: 1.1; }
.process-built__chat header small { display: block; margin-top: 4px; color: #05c4c7; font-size: 12px; font-weight: 500; }
.process-built__chat header span { color: #435684; font-size: 23px; }
.process-built__chat header .process-built__back { margin: 0 -3px 0 0; font-size: 29px; line-height: 1; }
.process-built__chat header .process-built__chat-tools { margin-left: auto; word-spacing: 8px; }
.process-built__chat > p { position: relative; min-height: 116px; margin: 0 0 12px; border-radius: 15px; padding: 18px 14px 30px; background: #fff; font-size: 14px; line-height: 1.4; box-shadow: 0 7px 18px rgba(54,87,145,.08); }
.process-built__chat > p:last-child { margin: 0 0 0 34px; background: #dcebff; }
.process-built__chat time { position: absolute; right: 12px; bottom: 10px; color: #5578c6; font-size: 12px; }

.process-built__result { position: absolute; z-index: 5; left: 24.6%; bottom: 2.9%; display: grid; grid-template-columns: 90px 1.45fr 1fr .86fr; width: 71.8%; min-height: 192px; align-items: center; border-radius: 22px; padding: 23px 30px; background: rgba(255,255,255,.9); box-shadow: 0 18px 50px rgba(31,64,126,.12); }
.process-built__check { width: 64px; height: 64px; border-radius: 16px; padding: 14px; background: #e8efff; }
.process-built__result-copy { border-right: 1px solid rgba(49,73,125,.12); padding-right: 26px; }
.process-built__result-copy h3 { margin: 0 0 13px; color: #07183f; font-size: 16px; }
.process-built__result-copy ul { margin: 0; padding: 0; list-style: none; color: #31446f; font-size: 13px; line-height: 1.45; }
.process-built__result-copy li::before { content: "✓"; display: inline-grid; width: 14px; height: 14px; margin-right: 8px; place-items: center; border-radius: 50%; color: #fff; background: #1263f5; font-size: 9px; }
.process-built__actions { display: grid; gap: 10px; border-right: 1px solid rgba(49,73,125,.12); padding: 0 28px; }
.process-built__actions a { display: flex; min-height: 60px; align-items: center; justify-content: center; gap: 16px; border-radius: 10px; color: #fff; background: #1263f5; font-size: 15px; text-decoration: none; }
.process-built__actions a:last-child { background: #24558f; }
.process-built__actions img { width: 26px; height: 26px; filter: brightness(0) invert(1); }
.process-built__promise { display: flex; align-items: center; gap: 15px; margin: 0; padding-left: 28px; color: #243a67; font-size: 14px; line-height: 1.45; }
.process-built__promise img { width: 46px; height: 46px; }

@media (max-width: 1660px) and (min-width: 1300px) {
  .process-built__pill { min-height: 31px; padding: 0 15px; font-size: 14px; }
  .screen.process-built h2 { margin: 15px 0 14px; font-size: 42px; }
  .process-built__intro { font-size: 15.5px; }
  .process-built__steps { margin-top: 28px; }
  .process-built__step { min-height: 212px; border-radius: 17px; padding: 39px 18px 18px 21px; }
  .process-built__step > b { width: 32px; height: 32px; font-size: 14px; }
  .process-built__step { grid-template-columns: 55px 1fr; column-gap: 14px; }
  .process-built__step > img { width: 55px; height: 55px; padding: 11px; }
  .process-built__step h3 { min-height: 63px; margin-bottom: 18px; font-size: 14.5px; }
  .process-built__step p { font-size: 11px; }
  .process-built__step--2 { transform: translateY(44px); }
  .process-built__step--3 { transform: translateY(23px); }
  .process-built__step--4 { transform: translateY(68px); }
  .process-built__chat { width: 236px; border-radius: 16px; padding: 0 10px 15px; }
  .process-built__chat header { height: 59px; }
  .process-built__chat header > img { width: 31px; height: 31px; }
  .process-built__chat header strong { font-size: 13px; }
  .process-built__chat > p { min-height: 87px; padding: 14px 11px 24px; font-size: 11px; }
  .process-built__result { min-height: 156px; border-radius: 18px; padding: 18px 24px; }
  .process-built__check { width: 52px; height: 52px; }
  .process-built__result-copy h3 { font-size: 13px; }
  .process-built__result-copy ul { font-size: 10.5px; }
  .process-built__actions { gap: 8px; padding: 0 22px; }
  .process-built__actions a { min-height: 49px; font-size: 12px; }
  .process-built__promise { padding-left: 22px; font-size: 11px; }
  .process-built__promise img { width: 37px; height: 37px; }
}

@media (max-width: 1299px) {
  .screen.process-built { min-height: 0; aspect-ratio: auto; padding-bottom: 38px; background: #f6f9ff; }
  .process-built__scene { position: relative; width: 100%; height: 600px; object-position: 29% center; }
  .process-built__curves { display: none; }
  .process-built__content { position: relative; top: auto; left: auto; width: calc(100% - 64px); margin: -34px auto 0; border-radius: 8px; padding: 34px; background: rgba(255,255,255,.97); box-shadow: 0 18px 45px rgba(39,73,139,.11); }
  .process-built__steps { width: 100%; margin: 28px 0 0; grid-template-columns: 1fr 1fr; gap: 18px; }
  .process-built__step, .process-built__step--2, .process-built__step--3, .process-built__step--4 { min-height: 250px; transform: none; }
  .process-built__step::after { display: none; }
  .process-built__chat { top: 210px; bottom: auto; left: 5%; }
  .process-built__result { position: relative; left: auto; bottom: auto; width: calc(100% - 64px); margin: 24px auto 0; grid-template-columns: 72px 1.3fr 1fr; }
  .process-built__promise { grid-column: 2 / -1; border-top: 1px solid rgba(49,73,125,.12); margin-top: 18px; padding: 18px 0 0; }
}

@media (max-width: 768px) {
  .process-built__scene { height: 500px; }
  .process-built__content { width: calc(100% - 32px); padding: 28px 24px; }
  .screen.process-built h2 { font-size: 40px; }
  .process-built__intro { font-size: 16px; }
  .process-built__steps { grid-template-columns: 1fr; }
  .process-built__step { min-height: 220px; }
  .process-built__chat { top: 180px; left: 4%; transform: scale(.7); transform-origin: left top; }
  .process-built__result { width: calc(100% - 32px); grid-template-columns: 58px 1fr; gap: 16px; padding: 24px; }
  .process-built__result-copy { border: 0; padding: 0; }
  .process-built__actions { grid-column: 1 / -1; grid-template-columns: 1fr 1fr; border: 0; padding: 0; }
  .process-built__promise { grid-column: 1 / -1; }
}

@media (max-width: 520px) {
  .process-built__scene { height: 390px; object-position: 30% center; }
  .process-built__chat { top: 110px; left: -8px; transform: scale(.55); }
  .process-built__content { width: calc(100% - 28px); margin-top: -18px; padding: 24px 18px; }
  .process-built__pill { min-height: 32px; padding: 0 14px; font-size: 14px; }
  .screen.process-built h2 { margin-top: 16px; font-size: 34px; }
  .process-built__intro { font-size: 15px; }
  .process-built__step { min-height: 218px; border-radius: 8px; padding-right: 22px; }
  .process-built__step h3 { font-size: 18px; }
  .process-built__step p { font-size: 14px; }
  .process-built__result { width: calc(100% - 28px); grid-template-columns: 1fr; gap: 18px; border-radius: 8px; padding: 22px 18px; }
  .process-built__check { width: 52px; height: 52px; }
  .process-built__actions { grid-column: auto; grid-template-columns: 1fr; }
  .process-built__promise { grid-column: auto; padding-top: 18px; }
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; overflow-x: hidden; color: var(--ink); background: #f6f8fd; font-family: Inter, "Segoe UI", Arial, sans-serif; letter-spacing: 0; }
button, a { font: inherit; }
button { color: inherit; }
a { color: inherit; }
img { display: block; max-width: 100%; }
.screen { position: relative; min-height: 100svh; overflow: hidden; isolation: isolate; background: radial-gradient(circle at 70% 40%, rgba(220, 229, 255, 0.52), transparent 34%), linear-gradient(135deg, #ffffff 0%, #f7f9ff 58%, #f0f5ff 100%); }
.shell { position: relative; width: min(1510px, calc(100% - 96px)); min-height: 100%; margin: 0 auto; z-index: 2; }
h1, h2, h3, p { margin-top: 0; }
h1, h2 { letter-spacing: 0; }
h2 { margin-bottom: 22px; font-size: 60px; line-height: 1.07; }
h2 em { color: var(--blue); font-style: normal; }
.section-intro { color: var(--muted); font-size: 20px; line-height: 1.45; }
.eyebrow { margin-bottom: 35px; color: var(--blue); font-size: 22px; }
.lead { max-width: 665px; color: #31446f; font-size: 19px; line-height: 1.42; }
.icon { --icon: none; display: inline-block; flex: 0 0 auto; width: 24px; height: 24px; background: currentColor; mask: var(--icon) center / contain no-repeat; -webkit-mask: var(--icon) center / contain no-repeat; }
.btn { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; gap: 13px; border: 1px solid transparent; border-radius: 9px; padding: 0 28px; text-decoration: none; cursor: pointer; transition: transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease; }
.btn:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(20, 91, 218, 0.22); }
.btn:focus-visible, button:focus-visible, summary:focus-visible, a:focus-visible { outline: 3px solid rgba(18, 99, 245, 0.36); outline-offset: 3px; }
.btn--primary { color: white; background: linear-gradient(135deg, #168ff5, #0c56ef); box-shadow: 0 10px 28px rgba(13, 89, 234, 0.2); }
.btn--outline { color: var(--blue); border-color: var(--blue); background: rgba(255,255,255,.64); }
.btn--dark { color: white; background: linear-gradient(135deg, #3378bc, #1c3d79); }
.vk-mark { font-size: 21px; letter-spacing: 0; }

/* 01 */
.hero { min-height: 1080px; }
.hero__approved { display: none; }
.hero__photo { position: absolute; z-index: 0; top: 0; right: 0; width: 52%; height: 65%; background: url('/assets/hero-mobile-approved.webp') center / cover no-repeat; mask-image: linear-gradient(90deg, transparent 0%, #000 19%, #000 100%); }
.hero__shell { display: flex; min-height: 650px; padding-top: 48px; }
.hero__copy { width: 54%; }
.hero h1 { margin-bottom: 22px; font-size: 56px; line-height: 1.08; }
.contact-actions { display: flex; gap: 22px; margin-top: 27px; }
.contact-actions .btn { min-width: 278px; }
.hero__facts { display: grid; gap: 14px; max-width: 690px; margin-top: 27px; color: #2c3f69; }
.hero__facts p { display: flex; gap: 15px; align-items: flex-start; margin: 0; line-height: 1.35; }
.hero__facts .icon { width: 25px; height: 25px; padding: 4px; color: var(--blue); }
.logic-card { position: absolute; top: 78px; left: 53%; width: 266px; padding: 21px; border-radius: 18px; background: rgba(255,255,255,.82); box-shadow: var(--shadow); backdrop-filter: blur(12px); }
.logic-card p { display: grid; grid-template-columns: 28px 1fr 20px 1fr; align-items: center; gap: 6px; margin: 0 0 15px; color: #1d315e; }
.logic-card p:last-child { margin-bottom: 0; }
.logic-card .icon { width: 22px; height: 22px; color: var(--blue); }
.directions { display: grid; grid-template-columns: 210px 1.12fr .95fr 1.38fr; grid-template-rows: 190px 190px; gap: 18px; min-height: 410px; padding-top: 12px; }
.directions::before { content: ""; position: absolute; inset: 28px 0 0 200px; border: 1px dashed rgba(31, 100, 240, .28); border-radius: 50px; }
.directions__intro { grid-row: 1 / 3; display: flex; flex-direction: column; justify-content: center; font-size: 22px; line-height: 1.2; }
.sketch-arrow { margin: 14px 0 0 96px; color: var(--blue); font-family: "Segoe Script", cursive; font-size: 54px; transform: rotate(12deg); }
.direction { position: relative; padding: 24px 25px 20px 118px; border: 1.5px solid currentColor; border-radius: 27px; background: rgba(255,255,255,.76); box-shadow: 0 12px 32px rgba(59, 87, 149, .08); }
.direction h2 { margin: 0 0 8px; color: var(--ink); font-size: 20px; line-height: 1.15; }
.direction p, .direction li { margin: 0; color: #33446f; font-size: 14px; line-height: 1.4; }
.direction ul { margin: 0; padding-left: 18px; }
.direction a { position: absolute; bottom: 18px; left: 118px; border: 1px solid currentColor; border-radius: 999px; padding: 7px 16px; font-size: 13px; text-decoration: none; }
.direction__number { position: absolute; right: 22px; bottom: 18px; color: currentColor; opacity: .18; font-size: 38px; font-weight: 800; }
.direction__icon { position: absolute; top: 35px; left: 34px; width: 54px; height: 54px; }
.direction--blue { grid-row: 1 / 3; color: var(--blue); padding-top: 43px; }
.direction--green { grid-row: 1 / 3; color: var(--green); padding-top: 76px; }
.direction--violet { grid-column: 4; grid-row: 1; color: var(--violet); }
.direction--orange { grid-column: 4; grid-row: 2; color: var(--orange); }
.direction--violet, .direction--orange { padding-bottom: 62px; }

@media (min-width: 1025px) {
  .screen.hero { min-height: 0; background: #fff; }
  .hero > :not(.hero__approved) { display: none; }
  .hero__approved { position: relative; display: block; width: 100%; }
  .hero__approved > img { width: 100%; max-width: none; height: auto; }
  .hero__hotspot { position: absolute; z-index: 3; display: block; border-radius: 10px; }
  .hero__hotspot:focus-visible { outline: 4px solid rgba(18,99,245,.42); outline-offset: 3px; }
  .hero__hotspot--telegram { top: 42.2%; left: 4%; width: 16.7%; height: 5.6%; }
  .hero__hotspot--vk { top: 42.2%; left: 22.1%; width: 15.9%; height: 5.6%; }
  .hero__hotspot--analysis { top: 86.4%; left: 26%; width: 8.8%; height: 4.6%; }
  .hero__hotspot--site { top: 90.7%; left: 43.1%; width: 8.4%; height: 4.6%; }
  .hero__hotspot--upgrade { top: 75.4%; left: 67.1%; width: 8%; height: 4.6%; }
  .hero__hotspot--automation { top: 90.7%; left: 81.9%; width: 8.6%; height: 4.6%; }
}

/* 01B — live HTML version for comparison */
.hero-live { position: relative; overflow: hidden; color: var(--ink); background: #f7f9fc; isolation: isolate; }
.hero-live::before { content: ""; position: absolute; z-index: -1; inset: 0 0 auto 0; height: 66%; background: linear-gradient(110deg, #fff 0%, #f7f9fc 62%, #edf3fb 100%); }
.hero-live__header { height: 80px; border-bottom: 1px solid rgba(7, 24, 63, .1); background: rgba(255, 255, 255, .86); }
.hero-live__nav { display: grid; height: 80px; min-height: 0; grid-template-columns: minmax(220px, 1fr) auto auto; align-items: center; gap: 42px; }
.hero-live__brand { display: inline-flex; width: max-content; flex-direction: column; text-decoration: none; }
.hero-live__brand strong { font-size: 17px; line-height: 1.2; }
.hero-live__brand span { margin-top: 3px; color: #61708e; font-size: 11px; text-transform: uppercase; }
.hero-live__links { display: flex; align-items: center; gap: 34px; }
.hero-live__links a { position: relative; color: #263858; font-size: 14px; text-decoration: none; }
.hero-live__links a::after { content: ""; position: absolute; right: 0; bottom: -8px; left: 0; height: 2px; background: var(--blue); transform: scaleX(0); transform-origin: left; transition: transform 180ms ease; }
.hero-live__links a:hover::after, .hero-live__links a:focus-visible::after { transform: scaleX(1); }
.hero-live__nav-action { display: inline-flex; height: 42px; align-items: center; justify-content: center; gap: 12px; border-radius: 7px; padding: 0 19px; color: #fff; background: #0f5fed; font-size: 14px; font-weight: 700; text-decoration: none; transition: background-color 180ms ease, transform 180ms ease; }
.hero-live__nav-action:hover { background: #074bc6; transform: translateY(-1px); }
.hero-live__main { display: grid; min-height: 610px; grid-template-columns: minmax(0, 54%) minmax(0, 46%); align-items: stretch; }
.hero-live__copy { display: flex; max-width: 760px; justify-content: center; flex-direction: column; padding: 64px 60px 64px 0; }
.hero-live__eyebrow { margin-bottom: 23px; color: var(--blue); font-size: 17px; font-weight: 600; }
.hero-live h2 { max-width: 760px; margin-bottom: 22px; font-size: 48px; line-height: 1.08; }
.hero-live__lead { max-width: 690px; margin-bottom: 0; color: #415173; font-size: 17px; line-height: 1.55; }
.hero-live__actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 30px; }
.hero-live__button { display: inline-flex; min-width: 230px; min-height: 52px; align-items: center; justify-content: center; gap: 12px; border: 1px solid var(--blue); border-radius: 7px; padding: 0 22px; color: var(--blue); background: #fff; font-size: 15px; font-weight: 700; text-decoration: none; transition: transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease; }
.hero-live__button:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(20, 91, 218, .18); }
.hero-live__button--primary { color: #fff; background: var(--blue); }
.hero-live__button .icon { width: 20px; height: 20px; }
.hero-live__audit { display: flex; max-width: 650px; align-items: flex-start; gap: 13px; margin-top: 25px; border-left: 3px solid var(--cyan); padding: 5px 0 5px 16px; }
.hero-live__audit .icon { width: 23px; height: 23px; color: var(--cyan); }
.hero-live__audit p { margin: 0; color: #31436a; font-size: 14px; line-height: 1.45; }
.hero-live__media { position: relative; min-width: 0; overflow: hidden; border-left: 1px solid rgba(31, 76, 166, .11); background: #edf3f8; }
.hero-live__media > img { width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: 48% center; }
.hero-live__media::after { content: ""; position: absolute; inset: 0; pointer-events: none; box-shadow: inset 30px 0 50px rgba(247, 249, 252, .22); }
.hero-live__logic { position: absolute; z-index: 2; top: 34px; right: 28px; width: 210px; border: 1px solid rgba(40, 73, 132, .13); border-radius: 8px; padding: 12px 15px; background: rgba(255, 255, 255, .9); box-shadow: 0 14px 34px rgba(36, 67, 125, .14); backdrop-filter: blur(8px); }
.hero-live__logic p { display: grid; grid-template-columns: 20px 1fr auto; align-items: center; gap: 8px; margin: 0; border-bottom: 1px solid rgba(7, 24, 63, .08); padding: 8px 0; color: #51617d; font-size: 11px; }
.hero-live__logic p:last-child { border-bottom: 0; }
.hero-live__logic .icon { width: 17px; height: 17px; color: var(--blue); }
.hero-live__logic b { color: var(--ink); font-size: 12px; }
.hero-live__services { border-top: 1px solid rgba(7, 24, 63, .1); border-bottom: 1px solid rgba(7, 24, 63, .1); background: #fff; }
.hero-live__service-grid { display: grid; min-height: 0; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.hero-live__service { --service-color: var(--blue); position: relative; min-width: 0; min-height: 260px; border-right: 1px solid rgba(7, 24, 63, .1); padding: 28px 28px 25px; background: #fff; transition: background-color 180ms ease, transform 180ms ease; }
.hero-live__service:first-child { border-left: 1px solid rgba(7, 24, 63, .1); }
.hero-live__service:hover { z-index: 1; background: color-mix(in srgb, var(--service-color) 5%, white); transform: translateY(-3px); }
.hero-live__service-head { display: flex; align-items: center; justify-content: space-between; }
.hero-live__service-icon { display: inline-flex; width: 42px; height: 42px; align-items: center; justify-content: center; border-radius: 8px; color: var(--service-color); background: color-mix(in srgb, var(--service-color) 11%, white); }
.hero-live__service-icon .icon { width: 23px; height: 23px; }
.hero-live__service-number { color: var(--service-color); font-size: 13px; font-weight: 800; }
.hero-live__service h3 { min-height: 50px; margin: 24px 0 9px; font-size: 20px; line-height: 1.25; }
.hero-live__service p { min-height: 48px; margin: 0 0 20px; color: #52617e; font-size: 14px; line-height: 1.45; }
.hero-live__service a { display: inline-flex; align-items: center; gap: 9px; color: var(--service-color); font-size: 14px; font-weight: 700; text-decoration: none; }
.hero-live__service a span { transition: transform 180ms ease; }
.hero-live__service a:hover span { transform: translateX(4px); }
.hero-live__service--green { --service-color: #4cae1b; }
.hero-live__service--violet { --service-color: #8555e8; }
.hero-live__service--orange { --service-color: #ef7013; }

@media (max-width: 1400px) {
  .hero-live__nav { gap: 26px; }
  .hero-live__links { gap: 23px; }
  .hero-live__main { min-height: 560px; }
  .hero-live__copy { padding-right: 44px; }
  .hero-live h2 { font-size: 42px; }
  .hero-live__service { padding: 25px 22px 23px; }
}

@media (max-width: 1100px) {
  .hero-live__links { display: none; }
  .hero-live__nav { grid-template-columns: 1fr auto; }
  .hero-live__main { min-height: 580px; grid-template-columns: 56% 44%; }
  .hero-live h2 { font-size: 40px; }
  .hero-live__lead { font-size: 16px; }
  .hero-live__button { min-width: 205px; }
  .hero-live__logic { display: none; }
  .hero-live__service-grid { grid-template-columns: 1fr 1fr; }
  .hero-live__service { min-height: 230px; border-bottom: 1px solid rgba(7, 24, 63, .1); }
  .hero-live__service:nth-child(odd) { border-left: 1px solid rgba(7, 24, 63, .1); }
}

@media (max-width: 768px) {
  .hero-live__header, .hero-live__nav { height: 68px; }
  .hero-live__brand span { display: none; }
  .hero-live__nav-action { height: 40px; padding: 0 14px; font-size: 13px; }
  .hero-live__main { width: 100%; grid-template-columns: 1fr; }
  .hero-live__copy { width: min(640px, calc(100% - 32px)); max-width: none; margin: 0 auto; padding: 54px 0 48px; }
  .hero-live h2 { max-width: 620px; font-size: 40px; }
  .hero-live__media { height: 520px; border-top: 1px solid rgba(7, 24, 63, .1); border-left: 0; }
  .hero-live__media > img { object-position: center 38%; }
  .hero-live__service-grid { width: min(640px, calc(100% - 32px)); }
}

@media (max-width: 520px) {
  .hero-live__brand strong { font-size: 14px; }
  .hero-live__nav-action { width: 42px; overflow: hidden; padding: 0; color: transparent; }
  .hero-live__nav-action span { position: absolute; color: #fff; font-size: 21px; }
  .hero-live__copy { width: calc(100% - 28px); padding: 42px 0 38px; }
  .hero-live__eyebrow { margin-bottom: 17px; font-size: 14px; }
  .hero-live h2 { margin-bottom: 18px; font-size: 34px; line-height: 1.1; }
  .hero-live__lead { font-size: 15px; line-height: 1.5; }
  .hero-live__actions { display: grid; grid-template-columns: 1fr; margin-top: 25px; }
  .hero-live__button { width: 100%; min-width: 0; }
  .hero-live__audit { margin-top: 22px; }
  .hero-live__media { height: 430px; }
  .hero-live__media > img { object-position: 42% center; }
  .hero-live__service-grid { width: calc(100% - 28px); grid-template-columns: 1fr; padding: 14px 0; }
  .hero-live__service, .hero-live__service:first-child, .hero-live__service:nth-child(odd) { min-height: 220px; border: 1px solid rgba(7, 24, 63, .1); border-radius: 8px; margin-bottom: 12px; }
  .hero-live__service:last-child { margin-bottom: 0; }
}

/* Screen 02: live implementation from the approved reference. */
.pains-built { min-height: 0; aspect-ratio: 1672 / 941; background: #f8faff; }
.pains-built__scene { position: absolute; z-index: 0; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; }
.pains-built__mobile-scene { display: none; }
.pains-built__dots { position: absolute; z-index: 1; top: 8.5%; right: 3.8%; width: 11.5%; opacity: .55; }
.pains-built__content { position: absolute; z-index: 2; top: 10%; left: 41.2%; width: 51.7%; }
.pains-built h2 { margin: 0 0 25px; color: #07183f; font-size: 61px; line-height: 1.05; }
.pains-built__intro { margin: 0; color: #31446f; font-size: 19px; line-height: 1.47; }
.pains-built__grid { display: grid; width: calc(100% + 13px); grid-template-columns: 1.15fr 1fr; gap: 27px 39px; margin: 40px 0 0 -13px; }
.pains-built__card { --card-color: #1263f5; position: relative; min-height: 208px; border: 1.5px solid var(--card-color); border-radius: 13px; padding: 35px 36px; background: rgba(255, 255, 255, .72); }
.pains-built__card i { position: absolute; top: 25px; right: 28px; width: 22px; height: 22px; border: 2px solid var(--card-color); border-radius: 50%; }
.pains-built__card i::after { content: ""; position: absolute; top: 5px; right: 27px; width: 12px; height: 12px; border-radius: 50%; background: var(--card-color); }
.pains-built__card h3 { margin: 0 0 15px; color: #07183f; font-size: 20px; line-height: 1.22; }
.pains-built__mobile-break { display: none; }
.pains-built__card p { margin: 0; color: #31446f; font-size: 15px; line-height: 1.5; }
.pains-built__card--green { --card-color: #59bd26; }
.pains-built__card--violet { --card-color: #9861f2; }
.pains-built__card--orange { --card-color: #ff7a16; }
.pains-built__actions { display: flex; gap: 14px; margin: 31px 0 0 -9.8%; }
.pains-built__contact { display: flex; width: 277px; min-height: 88px; align-items: center; gap: 18px; border: 1.5px solid #1263f5; border-radius: 16px; padding: 0 22px; color: #1263f5; background: rgba(255,255,255,.82); text-decoration: none; transition: transform 180ms ease, box-shadow 180ms ease; }
.pains-built__contact:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(18,99,245,.16); }
.pains-built__contact img { width: 43px; height: 43px; }
.pains-built__contact span { font-size: 17px; font-weight: 650; line-height: 1.2; }
.pains-built__contact small { display: block; margin-top: 5px; color: #31446f; font-size: 13px; font-weight: 400; }
.pains-built__note { position: absolute; z-index: 2; right: 6.3%; bottom: 8.5%; display: flex; align-items: flex-start; gap: 27px; color: #1263f5; }
.pains-built__note img { width: 92px; margin-top: 15px; transform: rotate(180deg); }
.pains-built__note p { margin: 0; font-family: "Segoe Script", "Comic Sans MS", cursive; font-size: 20px; line-height: 1.55; transform: rotate(-5deg); }

@media (min-width: 1800px) {
  .pains-built h2 { font-size: 65px; }
  .pains-built__intro { font-size: 22px; }
  .pains-built__card h3 { font-size: 23px; }
  .pains-built__card p { font-size: 17px; }
  .pains-built__contact { width: 318px; }
}

@media (max-width: 1660px) and (min-width: 1101px) {
  .pains-built h2 { margin-bottom: 17px; font-size: 46px; }
  .pains-built__intro { font-size: 15.5px; }
  .pains-built__grid { gap: 22px 31px; margin-top: 32px; }
  .pains-built__card { min-height: 170px; padding: 28px 29px; }
  .pains-built__card i { top: 20px; right: 22px; width: 18px; height: 18px; }
  .pains-built__card h3 { margin-bottom: 11px; font-size: 16px; }
  .pains-built__card p { font-size: 12px; }
  .pains-built__actions { gap: 12px; margin-top: 31px; }
  .pains-built__contact { width: 225px; min-height: 72px; gap: 14px; border-radius: 13px; padding: 0 17px; }
  .pains-built__contact img { width: 35px; height: 35px; }
  .pains-built__contact span { font-size: 14px; }
  .pains-built__contact small { font-size: 11px; }
  .pains-built__note { bottom: 6%; gap: 18px; }
  .pains-built__note img { width: 72px; }
  .pains-built__note p { font-size: 16px; }
}

@media (max-width: 1100px) {
  .pains-built { min-height: 0; aspect-ratio: auto; padding: 0 32px 62px; background: #f8faff; }
  .pains-built__scene { position: relative; width: calc(100% + 64px); height: 560px; margin-left: -32px; object-fit: cover; object-position: 31% center; }
  .pains-built__dots { display: none; }
  .pains-built__content { position: relative; top: auto; left: auto; width: min(900px, 100%); margin: -34px auto 0; border-radius: 8px; padding: 34px; background: rgba(255,255,255,.96); box-shadow: 0 18px 44px rgba(45,77,142,.1); }
  .pains-built h2 { font-size: 48px; }
  .pains-built__intro { font-size: 17px; }
  .pains-built__grid { gap: 18px; margin-top: 30px; }
  .pains-built__card { min-height: 205px; padding: 30px; }
  .pains-built__card h3 { font-size: 19px; }
  .pains-built__card p { font-size: 14px; }
  .pains-built__actions { margin: 28px 0 0; }
  .pains-built__note { position: relative; right: auto; bottom: auto; width: min(900px, 100%); justify-content: flex-end; margin: 26px auto 0; }
}

@media (max-width: 768px) {
  .pains-built { padding: 0 24px 52px; }
  .pains-built__scene { width: calc(100% + 48px); height: 470px; margin-left: -24px; object-position: 29% center; }
  .pains-built__content { padding: 28px 24px; }
  .pains-built h2 { font-size: 42px; }
  .pains-built__grid { grid-template-columns: 1fr; }
  .pains-built__card { min-height: 190px; }
  .pains-built__actions { display: grid; grid-template-columns: 1fr 1fr; }
  .pains-built__contact { width: 100%; }
}

@media (max-width: 520px) {
  .pains-built { padding: 0 14px 42px; }
  .pains-built__scene { width: calc(100% + 28px); height: 390px; margin-left: -14px; object-position: 27% center; }
  .pains-built__content { margin-top: -20px; padding: 24px 18px; }
  .pains-built h2 { font-size: 35px; }
  .pains-built__intro { font-size: 15px; }
  .pains-built__card { min-height: 185px; border-radius: 8px; padding: 27px 54px 27px 22px; }
  .pains-built__card h3 { font-size: 18px; }
  .pains-built__card p { font-size: 13.5px; }
  .pains-built__actions { grid-template-columns: 1fr; }
  .pains-built__contact { min-height: 74px; }
  .pains-built__note { justify-content: flex-start; gap: 12px; }
  .pains-built__note img { width: 65px; }
  .pains-built__note p { font-size: 17px; }
}

/* 02 */
.pains { background: #f8faff; }
.pains__approved { display: none; }
.pains__photo { position: absolute; inset: 0 auto 0 0; width: 40%; background: url('/assets/pain.webp') center / cover no-repeat; mask-image: linear-gradient(90deg, #000 80%, transparent 100%); }
.pains__shell { display: flex; justify-content: flex-end; align-items: center; min-height: 100svh; padding: 70px 0; }
.pains__content { width: 62%; }
.pains__content > h2 { font-size: 60px; }
.pains__content > .section-intro { max-width: 710px; }
.pain-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 26px 38px; margin-top: 36px; }
.pain-card { position: relative; min-height: 200px; border: 1.5px solid currentColor; border-radius: 12px; padding: 34px 38px; background: rgba(255,255,255,.72); color: var(--blue); }
.pain-card i { position: absolute; top: 26px; right: 28px; width: 18px; height: 18px; border: 2px solid currentColor; border-radius: 50%; box-shadow: -24px 4px 0 -5px currentColor; }
.pain-card h3 { margin-bottom: 15px; color: var(--ink); font-size: 22px; line-height: 1.25; }
.pain-card p { margin: 0; color: #384b77; font-size: 16px; line-height: 1.45; }
.pain-card--green { color: var(--green); }
.pain-card--violet { color: var(--violet); }
.pain-card--orange { color: var(--orange); }
.contact-actions--compact { margin-top: 38px; }
.btn--outline-card { min-width: 276px !important; justify-content: flex-start; color: var(--blue); border-color: var(--blue); background: rgba(255,255,255,.78); }
.btn--outline-card small { display: block; margin-top: 3px; color: #41527c; font-size: 12px; }
.hand-note { position: absolute; right: 3%; bottom: 8%; margin: 0; color: var(--blue); font-family: "Segoe Script", "Comic Sans MS", cursive; font-size: 22px; line-height: 1.55; transform: rotate(-4deg); }

@media (min-width: 1025px) {
  .screen.pains { min-height: 0; background: #fff; }
  .pains > :not(.pains__approved) { display: none; }
  .pains__approved { position: relative; display: block; width: 100%; }
  .pains__approved > img { width: 100%; max-width: none; height: auto; }
  .pains__hotspot { position: absolute; z-index: 3; display: block; border-radius: 18px; }
  .pains__hotspot:focus-visible { outline: 4px solid rgba(18,99,245,.42); outline-offset: 3px; }
  .pains__hotspot--telegram { top: 83%; left: 36.1%; width: 16.6%; height: 9.6%; }
  .pains__hotspot--vk { top: 83%; left: 53.5%; width: 16.3%; height: 9.6%; }
}

/* 03 */
.process__approved { display: none; }
.process__photo { position: absolute; inset: 0 auto 0 0; width: 37.5%; background: #f4f7fd url('/assets/process-improved.webp') center / cover no-repeat; }
.process__photo::after { content: ""; position: absolute; right: 0; bottom: 0; width: 44%; height: 34%; background: linear-gradient(90deg, rgba(244,247,253,0), rgba(244,247,253,.96) 52%, #f4f7fd 100%); }
.process__shell { min-height: 100svh; padding: 28px 0; }
.process__content { width: 64%; margin-left: auto; }
.pill { display: inline-block; border-radius: 999px; padding: 8px 22px; background: rgba(15, 188, 205, .1); color: #101b31; }
.process h2 { margin: 18px 0; font-size: 53px; }
.process h2 em { background: linear-gradient(90deg, #245cf4, #0bbcca); background-clip: text; -webkit-background-clip: text; color: transparent; }
.steps { display: grid; grid-template-columns: repeat(4, 1fr); align-items: start; gap: 10px; margin: 28px 0 0 -50px; }
.steps article { position: relative; min-height: 288px; border: 1px solid rgba(124, 151, 219, .2); border-radius: 22px; padding: 42px 18px 20px; background: rgba(255,255,255,.88); box-shadow: 0 16px 35px rgba(57, 86, 154, .11); }
.steps article:nth-child(even) { margin-top: 46px; }
.steps article > b { position: absolute; top: 11px; left: 13px; color: var(--blue); }
.steps article > .icon { width: 46px; height: 46px; margin: 0 0 15px; color: var(--blue); }
.steps article:nth-child(2) > .icon, .steps article:nth-child(4) > .icon { color: var(--cyan); }
.steps article:nth-child(3) > .icon { color: var(--violet); }
.steps h3 { margin-bottom: 12px; font-size: 18px; line-height: 1.25; }
.steps p { margin: 0; color: #4a5c85; font-size: 13px; line-height: 1.5; }
.process-result { position: absolute; right: 0; bottom: 26px; display: grid; grid-template-columns: 86px 1.45fr 1fr .8fr; align-items: center; gap: 20px; width: 78%; border-radius: 20px; padding: 23px 28px; background: rgba(255,255,255,.9); box-shadow: var(--shadow); }
.result-icon { width: 54px; height: 54px; color: var(--blue); }
.process-result h3 { margin: 0 0 10px; }
.process-result ul { margin: 0; padding-left: 19px; color: #2e416c; font-size: 14px; line-height: 1.55; }
.result-actions { display: grid; gap: 10px; }
.process-result > p { display: flex; align-items: center; gap: 12px; margin: 0; color: #24365e; line-height: 1.4; }
.process-result > p .icon { width: 34px; height: 34px; color: var(--cyan); }

@media (min-width: 1025px) {
  .screen.process { min-height: 0; background: #fff; }
  .process > :not(.process__approved) { display: none; }
  .process__approved { position: relative; display: block; width: 100%; }
  .process__approved > img:first-child { position: relative; z-index: 0; width: 100%; max-width: none; height: auto; }
  .process__avatar-approved, .process__result-approved { position: absolute; z-index: 2; max-width: none; pointer-events: none; }
  .process__avatar-approved { top: 56.65%; left: 7%; width: 2.05%; aspect-ratio: 1; border: 1px solid rgba(255,255,255,.9); border-radius: 50%; object-fit: cover; box-shadow: 0 1px 4px rgba(20,37,72,.18); }
  .process__result-approved { top: 76.62%; left: 24.52%; width: 72.01%; height: auto; border: 1px solid rgba(70,105,175,.14); border-radius: 24px; box-shadow: 0 14px 28px rgba(45,74,139,.12); }
  .process__hotspot { position: absolute; z-index: 3; display: block; border-radius: 12px; }
  .process__hotspot:focus-visible { outline: 4px solid rgba(18,99,245,.42); outline-offset: 3px; }
  .process__hotspot--telegram { top: 79.7%; left: 60.45%; width: 15.55%; height: 6.65%; }
  .process__hotspot--vk { top: 87.55%; left: 60.45%; width: 15.55%; height: 6.55%; }
}

/* 04 */
.format__approved { display: none; }
.format__shell { display: grid; grid-template-columns: 41% 59%; align-items: center; min-height: 100svh; padding: 55px 0; }
.format h2 { font-size: 72px; line-height: 1.08; }
.format__copy .section-intro { max-width: 600px; }
.honesty { display: flex; width: 430px; align-items: center; gap: 26px; margin-top: 48px; border-radius: 18px; padding: 25px; color: var(--blue); background: rgba(255,255,255,.75); box-shadow: var(--shadow); font-size: 18px; line-height: 1.45; }
.honesty .icon { width: 50px; height: 50px; }
.hand-note--left { position: relative; right: auto; bottom: auto; margin: 48px 0 0 130px; }
.format-wheel, .change-map { position: relative; min-height: 800px; }
.format-wheel::before, .change-map::before { content: ""; position: absolute; inset: 170px 105px; border: 1px dashed rgba(35, 101, 240, .3); border-radius: 50%; }
.wheel-center, .change-center { position: absolute; z-index: 2; top: 50%; left: 50%; display: flex; width: 260px; height: 260px; align-items: center; justify-content: center; flex-direction: column; border-radius: 50%; background: rgba(255,255,255,.82); box-shadow: var(--shadow); transform: translate(-50%, -50%); text-align: center; }
.wheel-center .icon, .change-center .icon { width: 52px; height: 52px; margin-bottom: 14px; color: var(--blue); }
.wheel-center b, .change-center b { font-size: 28px; line-height: 1.15; }
.wheel-center small, .change-center small { margin-top: 12px; color: var(--muted); line-height: 1.4; }
.wheel-card { position: absolute; z-index: 3; width: 220px; min-height: 228px; border: 1px solid currentColor; border-radius: 14px; padding: 54px 22px 20px; background: rgba(255,255,255,.76); color: var(--violet); box-shadow: 0 12px 32px rgba(40, 72, 145, .08); }
.wheel-card > b { position: absolute; top: 14px; left: 15px; border-radius: 8px; padding: 7px 10px; background: color-mix(in srgb, currentColor 16%, white); }
.wheel-card > .icon { position: absolute; top: 29px; right: 22px; width: 42px; height: 42px; }
.wheel-card h3 { color: var(--ink); font-size: 20px; line-height: 1.25; }
.wheel-card p { margin: 0; color: #3e4f7d; font-size: 13px; line-height: 1.45; }
.wc1 { top: 8px; left: 130px; }
.wc2 { top: 8px; right: 45px; color: var(--green); }
.wc3 { top: 320px; right: 0; color: var(--orange); }
.wc4 { right: 45px; bottom: 0; color: var(--blue); }
.wc5 { bottom: 0; left: 145px; color: var(--cyan); }
.wc6 { top: 320px; left: -25px; color: #e6a112; }

@media (min-width: 1025px) {
  .screen.format { min-height: 0; background: #fff; }
  .format > :not(.format__approved) { display: none; }
  .format__approved { position: relative; display: block; width: 100%; }
  .format__approved > img { width: 100%; max-width: none; height: auto; }
}

/* 05 */
.changes__approved { display: none; }
.changes__shell { display: grid; grid-template-columns: 40% 60%; align-items: center; min-height: 100svh; padding: 50px 0; }
.changes h2 { font-size: 70px; }
.change-map { min-height: 800px; }
.change-card { position: absolute; z-index: 3; width: 300px; min-height: 300px; border: 1px solid currentColor; border-radius: 14px; padding: 70px 28px 24px; color: var(--violet); background: rgba(255,255,255,.74); }
.change-card > b { position: absolute; top: 20px; left: 20px; border-radius: 8px; padding: 8px 12px; background: color-mix(in srgb, currentColor 15%, white); }
.change-card > .icon { position: absolute; top: 33px; right: 28px; width: 45px; height: 45px; }
.change-card h3, .change-card p { color: var(--ink); font-size: 20px; line-height: 1.35; }
.change-card hr { border: 0; border-top: 1px solid color-mix(in srgb, currentColor 28%, white); }
.change-card p strong { color: currentColor; }
.cc1 { top: 15px; left: 80px; }
.cc2 { top: 15px; right: 0; color: var(--green); }
.cc3 { bottom: 0; left: 75px; color: var(--orange); }
.cc4 { right: -15px; bottom: 8px; color: var(--blue); }

@media (min-width: 1025px) {
  .screen.changes { min-height: 0; background: #fff; }
  .changes > :not(.changes__approved) { display: none; }
  .changes__approved { position: relative; display: block; width: 100%; }
  .changes__approved > img { width: 100%; max-width: none; height: auto; }
}

/* 06 */
.cases__approved { display: none; }
.cases__shell { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 300px 290px 285px; gap: 18px; min-height: 100svh; padding: 32px 0; }
.cases__intro { padding: 54px 0 0 45px; }
.cases h2 { font-size: 54px; }
.case { --case-accent: var(--blue); display: grid; grid-template-columns: 32% 68%; overflow: hidden; border: 1px solid var(--case-accent); border-radius: 18px; background: rgba(255,255,255,.72); color: var(--case-accent); }
.case__copy { position: relative; display: flex; min-width: 0; overflow: hidden; flex-direction: column; padding: 78px 16px 20px 28px; }
.case__copy > b { position: absolute; top: 22px; left: 24px; border-radius: 8px; padding: 8px 10px; color: currentColor; background: color-mix(in srgb, currentColor 15%, white); font-size: 25px; }
.case h3 { color: var(--ink); font-size: 22px; line-height: 1.3; overflow-wrap: anywhere; }
.case p { color: var(--muted); line-height: 1.45; overflow-wrap: anywhere; }
.case img { width: 100%; height: 100%; object-fit: cover; }
.case--analysis img { object-position: left center; }
.case-link { position: static; display: inline-flex; max-width: 100%; align-self: flex-start; align-items: center; gap: 12px; margin-top: auto; border: 0; border-radius: 10px; padding: 11px 12px; color: white; background: var(--case-accent); white-space: nowrap; cursor: pointer; }
.case-link span { display: inline-flex; width: 26px; height: 26px; align-items: center; justify-content: center; border-radius: 50%; color: var(--case-accent); background: white; }
.case--site { grid-column: 2; grid-row: 1; }
.case--upgrade { --case-accent: var(--green); grid-column: 1; grid-row: 2; grid-template-columns: 42% 58%; }
.case--analysis { --case-accent: var(--orange); grid-column: 2; grid-row: 2; grid-template-columns: 42% 58%; }
.case--analysis .case__copy { padding-top: 72px; }
.case--auto { --case-accent: var(--violet); grid-column: 1 / 3; grid-row: 3; grid-template-columns: 27% 73%; }
.case--auto .case__copy { padding: 62px 20px 20px 28px; }

@media (min-width: 1025px) {
  .screen.cases { min-height: 0; background: #fff; }
  .cases > :not(.cases__approved) { display: none; }
  .cases__approved { position: relative; display: block; width: 100%; }
  .cases__approved > img { width: 100%; max-width: none; height: auto; }
  .cases__hotspot { position: absolute; z-index: 3; display: block; border: 0; border-radius: 12px; padding: 0; background: transparent; cursor: pointer; }
  .cases__hotspot:focus-visible { outline: 4px solid rgba(18,99,245,.42); outline-offset: 3px; }
  .cases__hotspot--site { top: 31.1%; left: 46.55%; width: 13.7%; height: 5.8%; }
  .cases__hotspot--upgrade { top: 68.4%; left: 6.4%; width: 11.3%; height: 5.4%; }
  .cases__hotspot--analysis { top: 66.5%; left: 50.45%; width: 12.1%; height: 5.4%; }
  .cases__hotspot--automation { top: 91.8%; left: 18.55%; width: 12%; height: 5.4%; }
}

/* 07 */
.power { min-height: 100svh; background: #cdd7e5; }
.power__approved { display: none; }
.power__background { position: absolute; inset: 0; background: url('/assets/power-clean.webp') center / cover no-repeat; }
.power__actions { position: absolute; z-index: 2; left: 50%; bottom: 4.6%; display: flex; width: min(1000px, calc(100% - 64px)); gap: 26px; transform: translateX(-50%); }
.power__actions .btn { flex: 1; min-width: 0; min-height: 84px; border-radius: 20px; font-size: 28px; }
.btn--telegram { color: white; background: linear-gradient(135deg, #16aae8, #0061c9); box-shadow: 0 8px 0 rgba(3, 57, 116, .55); }
.btn--vk { color: white; background: linear-gradient(135deg, #496c96, #183c68); box-shadow: 0 8px 0 rgba(5, 29, 60, .65); }

@media (min-width: 1025px) {
  .screen.power { min-height: 0; background: #fff; }
  .power > :not(.power__approved) { display: none; }
  .power__approved { position: relative; display: block; width: 100%; }
  .power__approved > img { width: 100%; max-width: none; height: auto; }
  .power__hotspot { position: absolute; z-index: 3; display: block; border-radius: 20px; }
  .power__hotspot:focus-visible { outline: 4px solid rgba(255,255,255,.72); outline-offset: 3px; }
  .power__hotspot--telegram { top: 85.15%; left: 24.95%; width: 24.15%; height: 10.8%; }
  .power__hotspot--vk { top: 85.15%; left: 50.7%; width: 24.2%; height: 10.8%; }
}

/* 08 */
.faq { color: white; background: #071326; }
.faq__approved { display: none; }
.faq__photo { position: absolute; inset: 0 auto 0 0; width: 48%; background: url('/assets/faq.webp') center / cover no-repeat; }
.faq__photo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, transparent 68%, #071326 100%); }
.faq__shell { display: flex; min-height: 100svh; justify-content: flex-end; align-items: center; padding: 42px 0; }
.faq__content { width: 54%; }
.faq__lead-icon { width: 48px; height: 48px; color: #54a7ff; }
.faq h2 { margin: 8px 0 12px; font-size: 53px; }
.faq h2 em { color: #54a7ff; }
.faq__content > p { color: #d8e0ed; font-size: 18px; line-height: 1.45; }
.accordion { display: grid; gap: 8px; margin-top: 12px; }
.accordion details { border: 1px solid rgba(156, 183, 222, .18); border-radius: 12px; background: rgba(255,255,255,.045); }
.accordion summary { display: grid; grid-template-columns: 58px 1fr 36px; align-items: center; gap: 16px; padding: 13px 18px; cursor: pointer; list-style: none; }
.accordion summary::-webkit-details-marker { display: none; }
.accordion summary > .icon:first-child { width: 48px; height: 48px; border-radius: 50%; padding: 11px; color: #398af5; background: white; }
.accordion summary > .icon:last-child { width: 32px; height: 32px; border-radius: 50%; padding: 8px; color: #55a8ff; background: rgba(73, 132, 209, .13); transition: transform 160ms ease; }
.accordion details[open] summary > .icon:last-child { transform: rotate(180deg); }
.accordion b { display: block; font-size: 20px; }
.accordion small { display: block; margin-top: 4px; color: #d1d9e7; font-size: 15px; line-height: 1.35; }
.faq__promise { display: flex; align-items: center; gap: 14px; margin-top: 14px; border: 1px solid rgba(84, 168, 255, .55); border-radius: 10px; padding: 14px 18px; background: rgba(27, 80, 153, .23); text-align: center; }
.faq__promise .icon { color: #55a8ff; }

@media (min-width: 1025px) {
  .screen.faq { min-height: 0; background: #071326; }
  .faq > :not(.faq__approved) { display: none; }
  .faq__approved { position: relative; display: block; width: 100%; }
  .faq__approved > img { width: 100%; max-width: none; height: auto; }
}

/* 09 */
.services__approved { display: none; }
.services__visual { position: absolute; inset: 0 0 0 auto; width: 67%; background: url('/assets/services.webp') center / cover no-repeat; mask-image: linear-gradient(90deg, transparent 0%, #000 22%); }
.services__shell { display: flex; min-height: 100svh; align-items: center; }
.services__copy { width: 43%; }
.services__spark { width: 38px; height: 38px; margin-bottom: 30px; color: var(--blue); }
.services h2 { font-size: 74px; line-height: 1.15; }
.services__copy .section-intro { max-width: 560px; font-size: 20px; line-height: 1.65; }
.btn--service { min-height: 70px; margin-top: 28px; color: white; background: linear-gradient(135deg, #4c6aff, #2749e6); box-shadow: 0 18px 36px rgba(39, 76, 226, .28); }
.services__note { display: flex; align-items: center; gap: 16px; margin-top: 62px; color: #4c5f90; }
.services__note .icon { width: 28px; height: 28px; color: #6b5bf5; }

@media (min-width: 1025px) {
  .screen.services { min-height: 0; background: #fff; }
  .services > :not(.services__approved) { display: none; }
  .services__approved { position: relative; display: block; width: 100%; }
  .services__approved > img { width: 100%; max-width: none; height: auto; }
  .services__hotspot { position: absolute; z-index: 3; top: 69.45%; left: 5.85%; width: 23.65%; height: 7.75%; border: 0; border-radius: 20px; padding: 0; background: transparent; cursor: pointer; }
  .services__hotspot:focus-visible { outline: 4px solid rgba(18,99,245,.42); outline-offset: 3px; }
}

/* 10 */
.contacts { background: linear-gradient(135deg, #f8f9fd, #edf1f8); }
.contacts__approved { display: none; }
.contacts__city { position: absolute; z-index: 0; left: 0; bottom: 0; width: 46%; height: 48%; background: url('/assets/contact-city.webp') bottom left / cover no-repeat; mask-image: linear-gradient(0deg, #000 70%, transparent 100%); opacity: .95; }
.contacts__shell { display: grid; grid-template-columns: 43% 57%; align-items: center; min-height: 100svh; padding: 48px 0; }
.contact-star { display: inline-flex; width: 78px; height: 78px; align-items: center; justify-content: center; border-radius: 50%; color: var(--blue); background: rgba(255,255,255,.7); font-size: 44px; box-shadow: var(--shadow); }
.contacts h2 { margin: 26px 0 28px; font-family: Georgia, serif; font-size: 104px; font-weight: 400; }
.contacts__copy > .section-intro { padding-top: 28px; border-top: 1px solid rgba(18,99,245,.7); }
.contact-point { display: flex; gap: 22px; align-items: center; margin-top: 30px; }
.contact-point > .icon { width: 58px; height: 58px; border-radius: 50%; padding: 15px; color: var(--blue); background: white; box-shadow: var(--shadow); }
.contact-point p { margin: 0; }
.contact-point b, .contact-point small { display: block; }
.contact-point b { margin-bottom: 8px; font-size: 18px; }
.contact-point small { color: var(--muted); font-size: 14px; }
.contacts__cards { display: grid; gap: 18px; }
.location-card, .legal-card, .contact-channel { overflow: hidden; border: 8px solid rgba(255,255,255,.8); border-radius: 18px; background: rgba(255,255,255,.75); box-shadow: var(--shadow); }
.location-card { height: 380px; }
.location-card img { width: 100%; height: 100%; object-fit: cover; }
.legal-card { padding: 22px 28px; }
.legal-card__head { display: grid; grid-template-columns: 62px 1fr auto; align-items: center; gap: 18px; padding-bottom: 20px; border-bottom: 1px solid rgba(66, 90, 140, .18); }
.legal-card__head > .icon { width: 54px; height: 54px; padding: 12px; color: var(--blue); background: white; border-radius: 50%; }
.legal-card h3 { margin: 0 0 6px; font-family: Georgia, serif; font-size: 27px; }
.legal-card p { margin: 0; color: var(--muted); }
.legal-card__head > b { border-radius: 999px; padding: 10px 18px; color: var(--blue); background: rgba(18,99,245,.07); }
.legal-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; padding-top: 18px; }
.legal-grid p { display: grid; grid-template-columns: 28px 1fr; column-gap: 10px; }
.legal-grid .icon { grid-row: 1 / 3; color: var(--blue); }
.legal-grid b, .legal-grid small { display: block; color: var(--ink); font-size: 12px; line-height: 1.45; }
.legal-grid small { color: var(--muted); }
.contact-channel { display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 18px; align-items: center; padding: 14px 18px; }
.contact-channel > p { display: grid; grid-template-columns: 36px 1fr; gap: 8px; margin: 0; }
.contact-channel p .icon { grid-row: 1 / 3; color: var(--blue); }
.contact-channel b, .contact-channel small { display: block; }
.contact-channel small { margin-top: 6px; color: var(--muted); }
.contact-channel .btn { align-items: flex-start; flex-direction: column; min-height: 78px; }
.contact-channel .btn small { color: rgba(255,255,255,.8); }
.privacy { display: flex; justify-content: center; align-items: center; gap: 12px; margin: 0; color: #66728e; }

@media (min-width: 1025px) {
  .screen.contacts { min-height: 0; background: #fff; }
  .contacts > :not(.contacts__approved) { display: none; }
  .contacts__approved { position: relative; display: block; width: 100%; }
  .contacts__approved > img { width: 100%; max-width: none; height: auto; }
  .contacts__hotspot { position: absolute; z-index: 3; display: block; border-radius: 18px; }
  .contacts__hotspot:focus-visible { outline: 4px solid rgba(18,99,245,.42); outline-offset: 3px; }
  .contacts__hotspot--telegram { top: 80.7%; left: 67.05%; width: 13.7%; height: 10.35%; }
  .contacts__hotspot--vk { top: 80.7%; left: 81.65%; width: 14.55%; height: 10.35%; }
}

/* Dialogs */
.site-dialog { width: min(560px, calc(100% - 32px)); border: 0; border-radius: 18px; padding: 50px; color: var(--ink); background: rgba(255,255,255,.96); box-shadow: 0 28px 90px rgba(11, 30, 72, .35); }
.site-dialog::backdrop { background: rgba(6, 18, 45, .62); backdrop-filter: blur(8px); }
.site-dialog > .icon { width: 46px; height: 46px; color: var(--blue); }
.site-dialog h2 { margin: 18px 0; font-size: 36px; }
.site-dialog p { color: var(--muted); line-height: 1.55; }
.dialog-close { position: absolute; top: 14px; right: 16px; border: 0; background: transparent; font-size: 32px; cursor: pointer; }
.toast { position: fixed; z-index: 20; left: 50%; bottom: 24px; display: none; transform: translateX(-50%); }

@media (max-width: 1400px) {
  .shell { width: min(1220px, calc(100% - 64px)); }
  h2 { font-size: 48px; }
  .hero { min-height: 850px; }
  .hero__shell { min-height: 492px; padding-top: 30px; }
  .hero h1 { font-size: 44px; }
  .eyebrow { margin-bottom: 18px; font-size: 18px; }
  .lead { max-width: 570px; font-size: 16px; }
  .contact-actions { margin-top: 20px; }
  .contact-actions .btn { min-width: 230px; }
  .hero__facts { gap: 9px; margin-top: 18px; font-size: 14px; }
  .logic-card { left: 56%; transform: scale(.88); transform-origin: top left; }
  .directions { grid-template-columns: 160px 1.1fr .95fr 1.35fr; grid-template-rows: 150px 150px; min-height: 318px; padding-top: 0; }
  .direction { padding: 14px 18px 14px 82px; }
  .direction--blue { padding-top: 27px; }
  .direction--green { padding-top: 47px; }
  .direction--violet, .direction--orange { padding-top: 12px; padding-bottom: 46px; }
  .direction__icon { top: 27px; left: 22px; width: 40px; height: 40px; }
  .direction a { left: 82px; bottom: 10px; padding: 5px 12px; }
  .direction h2 { font-size: 17px; }
  .direction p, .direction li { font-size: 11px; }
  .pains__content { width: 64%; }
  .pains__content > h2 { font-size: 50px; }
  .pain-card { min-height: 170px; padding: 28px; }
  .pain-card h3 { font-size: 18px; }
  .pain-card p { font-size: 14px; }
  .pains .hand-note { right: 0; bottom: 2%; width: 190px; font-size: 16px; line-height: 1.35; }
  .process h2 { font-size: 44px; }
  .steps { margin-left: -25px; }
  .steps article { min-height: 215px; padding-top: 34px; }
  .steps article > .icon { width: 38px; height: 38px; margin-bottom: 10px; }
  .steps h3 { font-size: 16px; }
  .steps p { font-size: 11px; }
  .process-result { bottom: 12px; padding: 14px 20px; }
  .process-result h3 { font-size: 16px; }
  .process-result ul { font-size: 12px; }
  .process-result .btn { min-height: 42px; }
  .process-result > p { font-size: 13px; }
  .format h2, .changes h2 { font-size: 58px; }
  .format-wheel, .change-map { transform: scale(.82); transform-origin: center; }
  .cases__shell { grid-template-rows: 280px 260px 270px; min-height: 880px; padding: 26px 0; }
  .cases h2 { font-size: 43px; }
  .case h3 { font-size: 18px; }
  .case p { font-size: 13px; }
  .case--auto .case__copy { padding: 50px 16px 14px 24px; }
  .case--auto h3 { margin-bottom: 8px; font-size: 17px; }
  .case--auto p { font-size: 11px; line-height: 1.25; }
  .case--auto .case-link { bottom: 12px; padding: 9px 14px; }
  .power__actions { width: min(760px, calc(100% - 48px)); }
  .power__actions .btn { min-height: 68px; font-size: 23px; }
  .faq h2 { font-size: 42px; }
  .accordion b { font-size: 17px; }
  .accordion small { font-size: 13px; }
  .services h2 { font-size: 60px; }
  .contacts h2 { font-size: 84px; }
  .location-card { height: 310px; }
}

@media (max-width: 1024px) {
  .screen { min-height: auto; overflow: hidden; }
  .shell { width: min(880px, calc(100% - 48px)); }
  .hero { min-height: 1340px; }
  .hero__photo { top: 0; right: -8%; width: 62%; height: 610px; mask-image: linear-gradient(90deg, transparent 0%, #000 25%); }
  .hero__shell { min-height: 650px; padding-top: 42px; }
  .hero__copy { width: 57%; }
  .hero h1 { font-size: 38px; }
  .hero__facts { max-width: 520px; }
  .logic-card { display: none; }
  .directions { grid-template-columns: 1fr 1fr; grid-template-rows: auto; gap: 18px; min-height: auto; padding: 20px 0 60px; }
  .directions::before { display: none; }
  .directions__intro { grid-column: 1 / 3; grid-row: auto; padding: 0 0 6px; }
  .sketch-arrow { display: none; }
  .direction, .direction--blue, .direction--green, .direction--violet, .direction--orange { grid-column: auto; grid-row: auto; min-height: 255px; padding: 58px 28px 26px; }
  .direction__icon { top: 24px; left: 28px; width: 30px; height: 30px; }
  .direction a { left: 28px; bottom: 20px; }
  .pains__photo, .process__photo, .faq__photo { position: relative; width: 100%; height: 540px; mask-image: linear-gradient(0deg, transparent 0%, #000 16%); }
  .pains__photo { background-position: center 42%; }
  .process__photo { background-position: center 20%; }
  .pains__shell, .faq__shell { display: block; min-height: auto; margin-top: -60px; padding: 0 0 64px; }
  .pains__content, .faq__content { width: 100%; }
  .hand-note { position: relative; right: auto; bottom: auto; margin: 32px 0 0 55%; }
  .process__shell { min-height: auto; padding: 0 0 58px; }
  .process__content { width: 100%; }
  .steps { grid-template-columns: 1fr 1fr; margin: 26px 0; gap: 16px; }
  .steps article:nth-child(even) { margin-top: 0; }
  .process-result { position: relative; right: auto; bottom: auto; grid-template-columns: 70px 1fr 1fr; width: 100%; }
  .process-result > p { grid-column: 1 / 4; }
  .format__shell, .changes__shell { display: block; padding: 80px 0 40px; }
  .format__copy, .changes__copy { max-width: 700px; }
  .format-wheel, .change-map { width: 840px; margin: 20px auto 0; transform: scale(.92); transform-origin: top center; }
  .wheel-card > .icon { top: 18px; width: 30px; height: 30px; }
  .cases__shell { grid-template-columns: 1fr 1fr; grid-template-rows: auto; padding: 70px 0; }
  .cases__intro { grid-column: 1 / 3; padding: 0; }
  .case, .case--site, .case--upgrade, .case--analysis, .case--auto { grid-column: auto; grid-row: auto; grid-template-columns: 1fr; min-height: 520px; }
  .case--auto .case__copy { padding-top: 78px; }
  .case--site, .case--auto { grid-column: 1 / 3; grid-template-columns: 34% 66%; min-height: 330px; }
  .case__copy { min-height: 235px; }
  .case img { min-height: 270px; }
  .case--auto img { min-height: 250px; }
  .power { min-height: 680px; }
  .power__actions .btn { min-width: 300px; }
  .faq__photo { height: 610px; background-position: center 28%; }
  .faq__photo::after { background: linear-gradient(0deg, #071326 0%, transparent 35%); }
  .faq__shell { margin-top: -100px; }
  .services__visual { position: relative; width: 100%; height: 610px; mask-image: linear-gradient(0deg, transparent 0%, #000 18%); }
  .services__visual { background-position: 70% center; }
  .services__shell { display: block; min-height: auto; margin-top: -90px; padding-bottom: 80px; }
  .services__copy { width: 58%; }
  .contacts__city { width: 100%; height: 390px; opacity: .7; }
  .contact-point > .icon, .legal-card__head > .icon { border: 1px solid rgba(18,99,245,.24); color: #1263f5; background: #fff; box-shadow: 0 10px 28px rgba(18,99,245,.13); }
  .contacts__shell { grid-template-columns: 1fr; gap: 60px; min-height: auto; padding: 80px 0 40px; }
  .contacts__copy { max-width: 660px; }
}

@media (max-width: 768px) {
  .shell { width: min(640px, calc(100% - 32px)); }
  h2, .pains__content > h2 { font-size: 42px; }
  .section-intro { font-size: 17px; }
  .hero { min-height: auto; padding-bottom: 40px; }
  .hero__photo { position: relative; right: auto; width: 100%; height: 540px; background-color: #f8fbff; background-position: center; background-size: auto 100%; background-repeat: no-repeat; mask-image: linear-gradient(0deg, transparent 0%, #000 24%); }
  .hero__shell { min-height: auto; margin-top: -90px; padding-top: 0; }
  .hero__copy { width: 100%; }
  .hero h1 { font-size: 43px; }
  .eyebrow { font-size: 17px; }
  .lead { max-width: 620px; font-size: 17px; }
  .hero__facts { max-width: none; }
  .directions { margin-top: 30px; }
  .pains__photo, .process__photo { height: 470px; }
  .pain-grid { gap: 14px; }
  .pain-card { min-height: 205px; padding: 28px 22px; }
  .contact-actions--compact { display: grid; grid-template-columns: 1fr 1fr; }
  .contact-actions--compact .btn { min-width: 0 !important; }
  .process h2 { font-size: 42px; }
  .process-result { grid-template-columns: 55px 1fr; }
  .result-actions { grid-column: 1 / 3; grid-template-columns: 1fr 1fr; }
  .process-result > p { grid-column: 1 / 3; }
  .format h2, .changes h2 { font-size: 50px; }
  .format-wheel, .change-map { width: 700px; margin-left: 50%; transform: translateX(-50%) scale(.76); transform-origin: top center; margin-bottom: -170px; }
  .honesty { width: min(430px, 100%); }
  .case--site, .case--auto { grid-column: auto; grid-template-columns: 1fr; min-height: 520px; }
  .cases__shell { grid-template-columns: 1fr 1fr; }
  .case--auto img { min-height: 220px; }
  .power { min-height: 660px; }
  .power__background { background-position: center; }
  .power__actions { bottom: 28px; width: calc(100% - 32px); gap: 12px; }
  .power__actions .btn { min-width: 0; width: 50%; min-height: 60px; padding: 0 16px; border-radius: 12px; font-size: 17px; }
  .faq__photo { height: 540px; }
  .faq h2 { font-size: 42px; }
  .accordion summary { grid-template-columns: 44px 1fr 30px; gap: 10px; }
  .accordion summary > .icon:first-child { width: 38px; height: 38px; }
  .accordion b { font-size: 16px; }
  .services__visual { height: 530px; }
  .services__copy { width: 75%; }
  .services h2 { font-size: 56px; }
  .location-card { height: 300px; }
  .legal-grid { grid-template-columns: 1fr 1fr; }
  .contact-channel { grid-template-columns: 1fr 1fr; }
  .contact-channel > p { grid-column: 1 / 3; }
}

@media (max-width: 520px) {
  .shell { width: calc(100% - 28px); }
  .screen { background: linear-gradient(135deg, #fff, #f5f8ff); }
  .screen.faq { background: #071326; }
  h2, .pains__content > h2 { font-size: 35px; }
  .section-intro { font-size: 16px; }
  .hero__photo { height: 410px; background-position: 53% center; }
  .hero__shell { margin-top: -55px; }
  .hero h1 { font-size: 35px; }
  .eyebrow { margin-bottom: 18px; }
  .lead { font-size: 15px; }
  .contact-actions { display: grid; gap: 10px; }
  .contact-actions .btn { width: 100%; min-width: 0; }
  .hero__facts { font-size: 14px; }
  .directions { grid-template-columns: 1fr; }
  .directions__intro { grid-column: 1; }
  .direction, .direction--blue, .direction--green, .direction--violet, .direction--orange { min-height: 230px; }
  .direction__number { font-size: 30px; }
  .pains__photo, .process__photo { height: 390px; }
  .pains__photo { background-position: center 48%; }
  .process__photo { background-position: center 35%; }
  .pains__shell { margin-top: -32px; }
  .pain-grid { grid-template-columns: 1fr; }
  .pain-card { min-height: 190px; }
  .contact-actions--compact { grid-template-columns: 1fr; }
  .hand-note { margin-left: 16%; font-size: 18px; }
  .process h2 { font-size: 35px; }
  .process .section-intro br { display: none; }
  .steps { grid-template-columns: 1fr; }
  .steps article { min-height: 235px; padding-left: 92px; }
  .steps article > .icon { position: absolute; top: 60px; left: 24px; }
  .process-result { display: block; padding: 24px 20px; }
  .result-icon { margin-bottom: 14px; }
  .result-actions { display: grid; grid-template-columns: 1fr; margin: 20px 0; }
  .format__shell, .changes__shell { padding-top: 56px; }
  .format h2, .changes h2 { font-size: 40px; }
  .honesty { font-size: 15px; }
  .hand-note--left { margin-left: 20px; }
  .format-wheel, .change-map { width: 100%; min-height: auto; margin: 44px 0 0; transform: none; }
  .format-wheel::before, .change-map::before, .wheel-center, .change-center { display: none; }
  .wheel-card, .change-card { position: relative; inset: auto; width: 100%; min-height: 210px; margin-bottom: 14px; }
  .change-card { min-height: 250px; }
  .cases__shell { display: block; padding: 50px 0; }
  .cases__intro { margin-bottom: 26px; }
  .cases h2 { font-size: 35px; }
  .case, .case--site, .case--upgrade, .case--analysis, .case--auto { min-height: auto; margin-bottom: 16px; }
  .case__copy { min-height: 260px; }
  .case img { min-height: 220px; }
  .power { min-height: 650px; }
  .power__background { background-position: 50% center; }
  .power__actions { flex-direction: column; }
  .power__actions .btn { width: 100%; }
  .faq__photo { height: 450px; background-position: center 30%; }
  .faq__shell { margin-top: -50px; }
  .faq h2 { font-size: 34px; }
  .faq__content > p br { display: none; }
  .accordion summary { grid-template-columns: 38px 1fr 24px; padding: 13px 10px; }
  .accordion summary > .icon:first-child { width: 34px; height: 34px; padding: 8px; }
  .accordion small { font-size: 12px; }
  .faq__promise { font-size: 12px; }
  .services__visual { height: 430px; background-position: 65% center; }
  .services__shell { margin-top: -45px; padding-bottom: 60px; }
  .services__copy { width: 100%; }
  .services h2 { font-size: 43px; }
  .services__copy .section-intro { font-size: 16px; }
  .btn--service { width: 100%; padding: 0 18px; }
  .services__note { margin-top: 36px; }
  .contacts__shell { padding-top: 48px; }
  .contact-star { width: 58px; height: 58px; }
  .contacts h2 { font-size: 66px; }
  .contact-point { align-items: flex-start; }
  .contact-point > .icon { width: 46px; height: 46px; }
  .location-card { height: 240px; }
  .legal-card { padding: 18px 14px; }
  .legal-card__head { grid-template-columns: 46px 1fr; }
  .legal-card__head > b { grid-column: 1 / 3; justify-self: start; }
  .legal-grid { grid-template-columns: 1fr; }
  .contact-channel { grid-template-columns: 1fr; }
  .contact-channel > p { grid-column: 1; }
  .privacy { font-size: 13px; }
  .site-dialog { padding: 42px 24px 28px; }
}

@media (min-width: 521px) and (max-width: 1024px) {
  .change-map { display: grid; width: 100%; min-height: auto; grid-template-columns: 1fr 1fr; gap: 16px; margin: 34px 0 0; transform: none; }
  .change-map::before, .change-center { display: none; }
  .change-card { position: relative; inset: auto; width: auto; min-height: 270px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

/* First screen: live implementation from the approved reference. */
.hero-built { position: relative; min-height: 0; aspect-ratio: 1672 / 941; overflow: hidden; isolation: isolate; background: #fff; }
.hero-built__photo { position: absolute; z-index: 0; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center; pointer-events: none; }
.hero-built__copy { position: absolute; z-index: 4; top: 4.9%; left: 4%; width: 46%; }
.hero-built__eyebrow { margin: 0 0 32px; color: #0666ff; font-size: 20px; font-weight: 500; line-height: 1.2; }
.hero-built__eyebrow-mobile { display: none; }
.hero-built h1 { margin: 0 0 34px; color: #07183f; font-size: 52px; font-weight: 750; line-height: 1.05; }
.hero-built__title-mobile { display: none; }
.hero-built__lead { width: 590px; max-width: 100%; margin: 0; color: #31446f; font-size: 17px; line-height: 1.48; }
.hero-built__actions { display: flex; align-items: center; gap: 24px; margin-top: 25px; }
.hero-built__button { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; gap: 15px; border: 2px solid #0666ff; border-radius: 9px; padding: 0 25px; color: #0666ff; background: rgba(255, 255, 255, .84); font-size: 16px; font-weight: 600; text-decoration: none; transition: transform 180ms ease, box-shadow 180ms ease; }
.hero-built__button:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(6, 102, 255, .18); }
.hero-built__button img { width: 25px; height: 25px; }
.hero-built__button--telegram { width: 280px; color: #fff; background: #0666ff; }
.hero-built__button--telegram img { filter: brightness(0) invert(1); }
.hero-built__button--vk { width: 265px; }
.hero-built__button--vk img { width: 29px; }
.hero-built__facts { display: grid; gap: 12px; margin-top: 24px; }
.hero-built__facts p { display: flex; align-items: center; gap: 13px; margin: 0; color: #31446f; font-size: 14.5px; line-height: 1.38; }
.hero-built__facts img { width: 42px; height: 42px; flex: 0 0 auto; }

.hero-built__logic { position: absolute; z-index: 2; top: 8.4%; left: 50.9%; width: 262px; border: 1px solid rgba(33, 79, 164, .06); border-radius: 17px; padding: 18px 22px; background: rgba(255, 255, 255, .88); box-shadow: 0 15px 36px rgba(54, 80, 136, .1); }
.hero-built__logic p { display: grid; grid-template-columns: 24px 1fr 18px 1fr; align-items: center; gap: 8px; margin: 0 0 14px; color: #26385f; font-size: 14px; line-height: 1; }
.hero-built__logic p:last-child { margin-bottom: 0; }
.hero-built__logic img { width: 23px; height: 23px; }
.hero-built__logic b { color: #17294f; }
.hero-built__logic em { font-style: normal; }

.hero-built__services { position: absolute; z-index: 3; inset: 0; pointer-events: none; }
.hero-built__services::before { content: ""; position: absolute; z-index: -2; right: 0; bottom: 0; left: 0; height: 39%; background: rgba(255, 255, 255, .9); }
.hero-built__services::after { content: ""; position: absolute; z-index: -1; right: 0; bottom: 0; left: 0; height: 37%; background: url('/assets/hero-1/decor/services_dot_grid.svg') left bottom / auto 100% no-repeat; opacity: .72; pointer-events: none; }
.hero-built__services-intro { position: absolute; top: 74.4%; left: 4%; width: 15%; color: #07183f; font-size: 22px; line-height: 1.18; pointer-events: auto; }
.hero-built__services-intro img { width: 116px; height: 55px; margin: 13px 0 0 76px; object-fit: contain; }

.hero-built__service { --service-color: #0666ff; position: absolute; display: block; border: 1.5px solid var(--service-color); border-radius: 28px; background: rgba(255, 255, 255, .78); box-shadow: 0 14px 34px rgba(49, 83, 153, .05); color: var(--service-color); pointer-events: auto; }
.hero-built__service::before { content: ""; position: absolute; z-index: -1; border: 1px dashed rgba(77, 124, 210, .25); pointer-events: none; }
.hero-built__service::after { content: ""; position: absolute; z-index: 2; width: 21px; height: 21px; border: 1.5px solid var(--service-color); border-radius: 50%; background: radial-gradient(circle, var(--service-color) 0 4px, #fff 5px); box-shadow: 0 2px 7px rgba(42, 78, 148, .12); pointer-events: none; }
.hero-built__service h2 { margin: 0 0 10px; color: #07183f; font-size: 19px; font-weight: 750; line-height: 1.16; }
.hero-built__service p, .hero-built__service li { color: #33476f; font-size: 13.5px; line-height: 1.38; }
.hero-built__service p { margin: 0; }
.hero-built__service ul { margin: 0; padding-left: 18px; }
.hero-built__service-icon { position: absolute; width: 84px; height: 84px; object-fit: contain; }
.hero-built__service-number { position: absolute; right: 24px; bottom: 18px; color: var(--service-color); font-size: 38px; font-weight: 800; line-height: 1; opacity: .16; }
.hero-built__service > a { position: absolute; bottom: 17px; display: inline-flex; min-height: 37px; align-items: center; gap: 12px; border: 1px solid var(--service-color); border-radius: 999px; padding: 0 18px; color: var(--service-color); background: rgba(255, 255, 255, .8); font-size: 13px; font-weight: 650; text-decoration: none; }
.hero-built__service > a span { transition: transform 180ms ease; }
.hero-built__service > a:hover span { transform: translateX(3px); }

.hero-built__service--analysis { top: 63.2%; left: 18.8%; width: 21.7%; height: 30.6%; padding: 43px 26px 54px 120px; }
.hero-built__service--analysis::before { top: -1px; right: -20%; bottom: -7%; left: 85%; border-right: 0; border-radius: 0 0 0 30px; }
.hero-built__service--analysis::after { top: -12px; right: -12px; }
.hero-built__service--analysis .hero-built__service-icon { top: 12px; left: 6px; width: 118px; height: 118px; }
.hero-built__service--analysis > a { left: 120px; }
.hero-built__service--site { --service-color: #56bd29; top: 70.1%; left: 41.8%; width: 17.1%; height: 26.8%; padding: 49px 22px 55px 108px; }
.hero-built__service--site::before { top: -13%; right: -4%; bottom: 4%; left: -27%; border-right: 0; border-radius: 0 0 0 36px; }
.hero-built__service--site::after { top: -12px; right: 31px; }
.hero-built__service--site .hero-built__service-icon { top: 12px; left: 1px; width: 118px; height: 118px; }
.hero-built__service--site > a { left: 22px; }
.hero-built__service--improvement { --service-color: #9360f2; top: 62%; left: 60.2%; width: 26.6%; height: 18.9%; padding: 30px 26px 48px 114px; }
.hero-built__service--improvement::before { top: 18%; right: -25%; bottom: -105%; left: 92%; border-left: 0; border-radius: 0 32px 32px 0; }
.hero-built__service--improvement::after { top: 23px; right: -10px; }
.hero-built__service--improvement .hero-built__service-icon { top: 16px; left: 8px; width: 110px; height: 110px; }
.hero-built__service--improvement > a { left: 114px; bottom: 14px; min-height: 31px; }
.hero-built__service--automation { --service-color: #ff7a16; top: 82.4%; left: 61.2%; width: 31.6%; height: 14.9%; padding: 18px 126px 36px 105px; }
.hero-built__service--automation::before { display: none; }
.hero-built__service--automation::after { top: -4px; right: -16px; }
.hero-built__service--automation .hero-built__service-icon { top: 8px; left: 8px; width: 92px; height: 92px; }
.hero-built__service--automation h2 { margin-bottom: 5px; }
.hero-built__service--automation > a { right: 24px; bottom: 17px; }

@media (min-width: 1800px) {
  .hero-built h1 { font-size: 59px; }
  .hero-built__eyebrow { font-size: 22px; }
  .hero-built__lead { width: 680px; font-size: 19px; }
  .hero-built__logic { width: 290px; }
  .hero-built__logic p { font-size: 15px; }
  .hero-built__service h2 { font-size: 21px; }
  .hero-built__service p, .hero-built__service li { font-size: 15px; }
}

@media (max-width: 1660px) and (min-width: 1300px) {
  .hero-built__copy { width: 47%; }
  .hero-built h1 { margin-bottom: 25px; font-size: 41px; }
  .hero-built__eyebrow { margin-bottom: 25px; font-size: 17px; }
  .hero-built__lead { width: 510px; font-size: 14.5px; }
  .hero-built__actions { gap: 18px; margin-top: 20px; }
  .hero-built__button { min-height: 45px; padding: 0 18px; font-size: 14px; }
  .hero-built__button--telegram { width: 236px; }
  .hero-built__button--vk { width: 224px; }
  .hero-built__facts { gap: 8px; margin-top: 17px; }
  .hero-built__facts p { font-size: 12px; }
  .hero-built__facts img { width: 34px; height: 34px; }
  .hero-built__logic { width: 220px; padding: 15px 18px; }
  .hero-built__logic p { grid-template-columns: 20px 1fr 14px 1fr; gap: 6px; margin-bottom: 11px; font-size: 12px; }
  .hero-built__logic img { width: 19px; height: 19px; }
  .hero-built__services-intro { font-size: 18px; }
  .hero-built__services-intro img { width: 94px; height: 44px; margin-left: 58px; }
  .hero-built__service { border-radius: 22px; }
  .hero-built__service h2 { margin-bottom: 7px; font-size: 16px; }
  .hero-built__service p, .hero-built__service li { font-size: 11px; }
  .hero-built__service-icon { width: 68px; height: 68px; }
  .hero-built__service-number { right: 18px; bottom: 14px; font-size: 30px; }
  .hero-built__service > a { min-height: 30px; bottom: 13px; padding: 0 13px; font-size: 11px; }
  .hero-built__service--analysis { padding: 36px 20px 46px 97px; }
  .hero-built__service--analysis .hero-built__service-icon { top: 10px; left: 5px; width: 96px; height: 96px; }
  .hero-built__service--analysis > a { left: 97px; }
  .hero-built__service--site { padding: 72px 16px 44px 87px; }
  .hero-built__service--site .hero-built__service-icon { top: 10px; left: 2px; width: 96px; height: 96px; }
  .hero-built__service--site > a { left: 18px; }
  .hero-built__service--improvement { padding: 24px 20px 39px 92px; }
  .hero-built__service--improvement .hero-built__service-icon { top: 16px; left: 17px; width: 60px; height: 60px; }
  .hero-built__service--improvement > a { left: 92px; bottom: 10px; min-height: 26px; }
  .hero-built__service--automation { padding: 14px 105px 30px 87px; }
  .hero-built__service--automation .hero-built__service-icon { top: 12px; left: 14px; width: 62px; height: 62px; }
  .hero-built__service--automation > a { right: 18px; bottom: 13px; }
}

@media (max-width: 1299px) {
  .hero-built { min-height: 0; aspect-ratio: auto; padding: 0 32px 56px; background: #fff; }
  .hero-built__photo { position: relative; width: calc(100% + 64px); height: 520px; margin-left: -32px; object-fit: cover; object-position: 70% top; }
  .hero-built__copy { position: relative; top: auto; left: auto; width: min(760px, 100%); margin: -56px auto 0; border-radius: 8px; padding: 32px; background: rgba(255, 255, 255, .97); box-shadow: 0 18px 42px rgba(52, 90, 168, .1); }
  .hero-built h1 { margin-bottom: 22px; font-size: 44px; }
  .hero-built__logic { display: none; }
  .hero-built__services { position: relative; inset: auto; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; width: min(920px, 100%); margin: 42px auto 0; padding: 0; }
  .hero-built__services::before, .hero-built__services::after { display: none; }
  .hero-built__services-intro { position: relative; top: auto; left: auto; grid-column: 1 / -1; width: auto; font-size: 22px; }
  .hero-built__services-intro img { width: 104px; margin-left: 65px; }
  .hero-built__service, .hero-built__service--analysis, .hero-built__service--site, .hero-built__service--improvement, .hero-built__service--automation { position: relative; top: auto; left: auto; width: auto; height: auto; min-height: 250px; padding: 36px 30px 66px 128px; }
  .hero-built__service::before { display: none; }
  .hero-built__service h2 { font-size: 20px; }
  .hero-built__service p, .hero-built__service li { font-size: 14px; }
  .hero-built__service-icon, .hero-built__service--analysis .hero-built__service-icon, .hero-built__service--site .hero-built__service-icon, .hero-built__service--improvement .hero-built__service-icon, .hero-built__service--automation .hero-built__service-icon { top: 28px; left: 25px; width: 84px; height: 84px; }
  .hero-built__service > a, .hero-built__service--analysis > a, .hero-built__service--site > a, .hero-built__service--improvement > a, .hero-built__service--automation > a { right: auto; bottom: 22px; left: 128px; min-height: 34px; }
}

@media (max-width: 768px) {
  .hero-built { padding: 0 24px 48px; }
  .hero-built__photo { width: calc(100% + 48px); height: 440px; margin-left: -24px; object-position: 71% top; }
  .hero-built__copy { margin-top: -30px; padding: 28px 24px; }
  .hero-built__eyebrow { margin-bottom: 20px; font-size: 17px; }
  .hero-built h1 { font-size: 40px; line-height: 1.08; }
  .hero-built__lead { font-size: 16px; }
  .hero-built__facts br { display: none; }
  .hero-built__services { grid-template-columns: 1fr; }
  .hero-built__services-intro { grid-column: 1; }
}

@media (max-width: 520px) {
  .hero-built { padding: 0 14px 36px; }
  .hero-built__photo { width: calc(100% + 28px); height: 355px; margin-left: -14px; object-position: 72% top; }
  .hero-built__copy { margin-top: -18px; padding: 24px 18px; }
  .hero-built__eyebrow { margin-bottom: 17px; font-size: 14px; }
  .hero-built h1 { margin-bottom: 17px; font-size: 34px; }
  .hero-built h1 br { display: none; }
  .hero-built__lead { font-size: 15px; line-height: 1.5; }
  .hero-built__actions { display: grid; grid-template-columns: 1fr; gap: 10px; margin-top: 22px; }
  .hero-built__button, .hero-built__button--telegram, .hero-built__button--vk { width: 100%; min-height: 50px; }
  .hero-built__facts p { align-items: flex-start; font-size: 13.5px; }
  .hero-built__facts img { width: 38px; height: 38px; }
  .hero-built__services { gap: 13px; margin-top: 32px; }
  .hero-built__services-intro { font-size: 20px; }
  .hero-built__service, .hero-built__service--analysis, .hero-built__service--site, .hero-built__service--improvement, .hero-built__service--automation { min-height: 260px; border-radius: 8px; padding: 104px 22px 62px; }
  .hero-built__service-icon, .hero-built__service--analysis .hero-built__service-icon, .hero-built__service--site .hero-built__service-icon, .hero-built__service--improvement .hero-built__service-icon, .hero-built__service--automation .hero-built__service-icon { top: 18px; left: 18px; width: 76px; height: 76px; }
  .hero-built__service > a, .hero-built__service--analysis > a, .hero-built__service--site > a, .hero-built__service--improvement > a, .hero-built__service--automation > a { right: auto; bottom: 18px; left: 22px; }
  .hero-built__service-number { right: 20px; bottom: 19px; font-size: 32px; }
}

/* Screen 04: live format wheel. */
.screen.format-built { min-height: 0; aspect-ratio: 1672 / 941; background: #f9fbff; }
.format-built__background { position: absolute; z-index: 0; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; }
.format-built .format__shell { z-index: 2; display: grid; grid-template-columns: 38% 62%; width: min(1420px, calc(100% - 120px)); min-height: 100%; align-items: center; padding: 0; }
.format-built .format__copy { padding-left: 26px; transform: translateY(48px); }
.format-built h2 { width: 600px; margin: 0 0 36px; color: #07183f; font-size: 72px; line-height: 1.08; }
.format-built .section-intro { margin: 0; color: #3e4f7d; font-size: 18px; line-height: 1.45; }
.format-built .honesty { width: 430px; margin: 45px 0 0 -25px; }
.format-built .hand-note--left { display: flex; align-items: flex-start; gap: 18px; margin: 45px 0 0 75px; color: #1263f5; font-family: "Segoe Script", "Comic Sans MS", cursive; font-size: 19px; line-height: 1.55; transform: rotate(-2deg); }
.format-built .hand-note--left img { width: 88px; margin-top: -8px; transform: rotate(160deg); }
.format-built .format-wheel { min-height: 941px; }
.format-built .format-wheel::before { inset: 225px 72px; }
.format-built .wheel-center { top: 50%; left: 52.2%; }
.format-built .wc1 { top: 90px; left: 160px; }
.format-built .wc2 { top: 87px; right: 110px; }
.format-built .wc3 { top: 405px; right: -38px; }
.format-built .wc4 { right: 105px; bottom: 70px; }
.format-built .wc5 { bottom: 70px; left: 230px; }
.format-built .wc6 { top: 460px; left: 5px; }

@media (max-width: 1660px) and (min-width: 1101px) {
  .format-built .format__shell { width: min(1160px, calc(100% - 100px)); }
  .format-built .format__copy { padding-left: 20px; transform: translateY(39px); }
  .format-built h2 { width: 490px; margin-bottom: 29px; font-size: 58px; }
  .format-built .section-intro { font-size: 14.5px; }
  .format-built .honesty { width: 350px; gap: 20px; margin-top: 36px; padding: 20px; font-size: 14.5px; }
  .format-built .honesty .icon { width: 40px; height: 40px; }
  .format-built .hand-note--left { gap: 14px; margin-top: 36px; font-size: 15px; }
  .format-built .hand-note--left img { width: 70px; }
  .format-built .format-wheel { min-height: 769px; }
  .format-built .format-wheel::before { inset: 184px 59px; }
  .format-built .wheel-center { width: 212px; height: 212px; }
  .format-built .wheel-center .icon { width: 42px; height: 42px; }
  .format-built .wheel-center b { font-size: 23px; }
  .format-built .wheel-card { width: 180px; min-height: 186px; padding: 44px 18px 16px; }
  .format-built .wheel-card > .icon { top: 24px; right: 18px; width: 34px; height: 34px; }
  .format-built .wheel-card h3 { font-size: 16px; }
  .format-built .wheel-card p { font-size: 10.5px; }
  .format-built .wc1 { top: 74px; left: 131px; }
  .format-built .wc2 { top: 71px; right: 90px; }
  .format-built .wc3 { top: 331px; right: -31px; }
  .format-built .wc4 { right: 86px; bottom: 57px; }
  .format-built .wc5 { bottom: 57px; left: 188px; }
  .format-built .wc6 { top: 376px; left: 4px; }
}

@media (max-width: 1100px) {
  .screen.format-built { min-height: 0; aspect-ratio: auto; padding: 70px 32px; }
  .format-built__background { object-fit: cover; }
  .format-built .format__shell { display: block; width: min(900px, 100%); }
  .format-built .format__copy { padding: 0; transform: none; }
  .format-built h2 { width: auto; font-size: 62px; }
  .format-built .honesty { margin-left: 0; }
  .format-built .format-wheel { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; min-height: 0; margin-top: 45px; }
  .format-built .format-wheel::before { display: none; }
  .format-built .wheel-center { position: relative; top: auto; left: auto; grid-column: 1 / -1; width: 230px; height: 230px; margin: 0 auto 14px; transform: none; }
  .format-built .wheel-card, .format-built .wc1, .format-built .wc2, .format-built .wc3, .format-built .wc4, .format-built .wc5, .format-built .wc6 { position: relative; inset: auto; width: 100%; min-height: 225px; }
}

@media (max-width: 768px) {
  .screen.format-built { padding: 55px 24px; }
  .format-built h2 { font-size: 48px; }
  .format-built .format-wheel { gap: 16px; }
  .format-built .wheel-center { width: 220px; height: 220px; margin-bottom: 12px; }
}

@media (max-width: 520px) {
  .screen.format-built { padding: 44px 14px; }
  .format-built h2 { font-size: 38px; }
  .format-built .section-intro { font-size: 15px; }
  .format-built .honesty { width: 100%; border-radius: 8px; font-size: 15px; }
  .format-built .hand-note--left { margin-left: 10px; font-size: 16px; }
  .format-built .format-wheel { grid-template-columns: 1fr; }
  .format-built .wheel-center { grid-column: 1; width: 190px; height: 190px; }
  .format-built .wheel-card { min-height: 210px; border-radius: 8px; }
}

/* Screen 05: live before/after change map. */
.screen.changes-built { min-height: 0; aspect-ratio: 1672 / 941; background: #f9fbff; }
.changes-built__background { position: absolute; z-index: 0; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; }
.changes-built .changes__shell { z-index: 2; display: grid; grid-template-columns: 38% 62%; width: min(1420px, calc(100% - 120px)); min-height: 100%; align-items: center; padding: 0; }
.changes-built .changes__copy { padding-left: 26px; transform: translateY(-70px); }
.changes-built h2 { margin: 0 0 27px; color: #07183f; font-size: 72px; line-height: 1.08; }
.changes-built .section-intro { margin: 0; color: #3e4f7d; font-size: 18px; line-height: 1.45; }
.changes-built .change-map { min-height: 800px; }
.changes-built .change-map::before { inset: 170px 58px; }
.changes-built .change-center { left: 50%; width: 260px; height: 260px; }
.changes-built .cc1 { top: 15px; left: 40px; }
.changes-built .cc2 { top: 15px; right: 0; }
.changes-built .cc3 { bottom: 0; left: 36px; }
.changes-built .cc4 { right: -15px; bottom: 8px; }

@media (max-width: 1660px) and (min-width: 1101px) {
  .changes-built .changes__shell { width: min(1160px, calc(100% - 100px)); }
  .changes-built .changes__copy { padding-left: 20px; transform: translateY(-57px); }
  .changes-built h2 { margin-bottom: 22px; font-size: 58px; }
  .changes-built .section-intro { font-size: 14.5px; }
  .changes-built .change-map { min-height: 655px; }
  .changes-built .change-map::before { inset: 139px 48px; }
  .changes-built .change-center { width: 212px; height: 212px; }
  .changes-built .change-center .icon { width: 42px; height: 42px; }
  .changes-built .change-center b { font-size: 23px; }
  .changes-built .change-card { width: 245px; min-height: 245px; padding: 57px 23px 20px; }
  .changes-built .change-card > .icon { top: 27px; right: 23px; width: 37px; height: 37px; }
  .changes-built .change-card h3, .changes-built .change-card p { font-size: 16px; }
  .changes-built .cc1 { top: 12px; left: 33px; }
  .changes-built .cc2 { top: 12px; }
  .changes-built .cc3 { left: 29px; }
  .changes-built .cc4 { right: -12px; bottom: 7px; }
}

@media (max-width: 1100px) {
  .screen.changes-built { min-height: 0; aspect-ratio: auto; padding: 70px 32px; }
  .changes-built .changes__shell { display: block; width: min(900px, 100%); }
  .changes-built .changes__copy { padding: 0; transform: none; }
  .changes-built h2 { font-size: 62px; }
  .changes-built .change-map { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; min-height: 0; margin-top: 50px; }
  .changes-built .change-map::before { display: none; }
  .changes-built .change-center { position: relative; top: auto; left: auto; display: flex; grid-column: 1 / -1; width: 230px; height: 230px; margin: 0 auto 14px; transform: none; }
  .changes-built .change-card, .changes-built .cc1, .changes-built .cc2, .changes-built .cc3, .changes-built .cc4 { position: relative; inset: auto; width: 100%; min-height: 280px; }
}

@media (max-width: 768px) {
  .screen.changes-built { padding: 55px 24px; }
  .changes-built h2 { font-size: 48px; }
  .changes-built .change-map { gap: 16px; }
  .changes-built .change-center { width: 220px; height: 220px; }
}

@media (max-width: 520px) {
  .screen.changes-built { padding: 44px 14px; }
  .changes-built h2 { font-size: 38px; }
  .changes-built .section-intro { font-size: 15px; }
  .changes-built .change-map { grid-template-columns: 1fr; }
  .changes-built .change-center { grid-column: 1; width: 190px; height: 190px; }
  .changes-built .change-card { min-height: 260px; border-radius: 8px; }
}

/* Screen 06: live cases with independent media and controls. */
.screen.cases-built { min-height: 0; aspect-ratio: 1672 / 941; background: #fff; }
.cases-built__background { position: absolute; z-index: 0; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; }
.cases-built .cases__shell { z-index: 2; display: block; width: 100%; min-height: 100%; padding: 0; }
.cases-built .cases__intro { position: absolute; top: 9%; left: 7.7%; padding: 0; }
.cases-built h2 { margin: 0 0 23px; color: #07183f; font-size: 54px; line-height: 1.08; }
.cases-built .section-intro { margin: 0; color: #3e4f7d; font-size: 17px; line-height: 1.52; }
.cases-built .case { position: absolute; display: grid; min-width: 0; overflow: hidden; grid-column: auto; grid-row: auto; border-radius: 18px; background: rgba(255,255,255,.78); }
.cases-built .case--site { top: 3.4%; left: 45.6%; width: 48.2%; height: 36.1%; grid-template-columns: 34% 66%; }
.cases-built .case--upgrade { top: 42.7%; left: 4.8%; width: 43%; height: 32.8%; grid-template-columns: 30% 70%; }
.cases-built .case--analysis { top: 40.7%; left: 49.7%; width: 44.5%; height: 33.6%; grid-template-columns: 30% 70%; }
.cases-built .case--auto { top: 75.6%; left: 17.8%; width: 74.2%; height: 23.6%; grid-template-columns: 27% 73%; }
.cases-built .case__copy { position: relative; display: flex; min-width: 0; height: 100%; flex-direction: column; padding: 78px 18px 20px 28px; }
.cases-built .case__copy > b { position: absolute; top: 22px; left: 24px; border-radius: 8px; padding: 8px 10px; color: currentColor; background: color-mix(in srgb, currentColor 15%, white); font-size: 24px; }
.cases-built .case h3 { margin: 0 0 17px; color: #07183f; font-size: 22px; line-height: 1.23; }
.cases-built .case p { margin: 0; color: #3e4f7d; font-size: 15px; line-height: 1.46; }
.cases-built .case > img { width: 100%; height: 100%; object-fit: cover; }
.cases-built .case-link { min-height: 52px; margin-top: auto; border-radius: 10px; padding: 0 14px; font-size: 15px; }
.cases-built .case-link span { width: 28px; height: 28px; }
.cases-built .case--auto .case__copy { padding: 62px 18px 16px 28px; }
.cases-built .case--auto .case__copy > b { top: 18px; }
.cases-built .case--auto h3 { margin-bottom: 13px; }
.cases-built .case--auto p { font-size: 12px; }
.cases-built .case--auto .case-link { position: relative; top: -6px; min-height: 42px; }
.case-auto-flow { display: flex; min-width: 0; align-items: center; justify-content: space-around; gap: 8px; padding: 18px 22px; color: #07183f; }
.case-auto-flow > div { display: flex; width: 116px; min-height: 166px; align-items: center; justify-content: center; flex-direction: column; border: 1px solid rgba(60,98,178,.15); border-radius: 16px; padding: 12px 8px; background: rgba(255,255,255,.82); text-align: center; box-shadow: 0 9px 24px rgba(41,73,145,.08); }
.cases-built .case-auto-flow img { width: 54px; height: 54px; margin-bottom: 8px; object-fit: contain; }
.case-auto-flow b { font-size: 13px; line-height: 1.16; }
.case-auto-flow small { margin-top: 7px; color: #3e4f7d; font-size: 9px; line-height: 1.25; }
.case-auto-flow > i { color: #6c80ac; font-size: 22px; font-style: normal; }

@media (max-width: 1660px) and (min-width: 1101px) {
  .cases-built h2 { margin-bottom: 18px; font-size: 44px; }
  .cases-built .section-intro { font-size: 13.5px; }
  .cases-built .case { border-radius: 15px; }
  .cases-built .case__copy { padding: 63px 14px 16px 23px; }
  .cases-built .case__copy > b { top: 18px; left: 20px; padding: 6px 8px; font-size: 19px; }
  .cases-built .case h3 { margin-bottom: 13px; font-size: 18px; }
  .cases-built .case p { font-size: 12px; }
  .cases-built .case-link { min-height: 42px; border-radius: 8px; padding: 0 11px; font-size: 12px; }
  .cases-built .case--auto .case__copy { padding: 51px 14px 13px 23px; }
  .cases-built .case--auto h3 { margin-bottom: 5px; font-size: 15px; }
  .cases-built .case--auto p { font-size: 8px; line-height: 1.3; }
  .cases-built .case--auto .case-link { min-height: 30px; }
  .case-auto-flow { gap: 6px; padding: 14px 18px; }
  .case-auto-flow > div { width: 95px; min-height: 136px; border-radius: 13px; }
  .cases-built .case-auto-flow img { width: 44px; height: 44px; }
  .case-auto-flow b { font-size: 10.5px; }
  .case-auto-flow small { font-size: 7.5px; }
}

@media (max-width: 1100px) {
  .screen.cases-built { min-height: 0; aspect-ratio: auto; padding: 70px 32px; }
  .cases-built .cases__shell { display: grid; grid-template-columns: 1fr; grid-template-rows: auto; width: min(900px, 100%); margin: 0 auto; gap: 18px; }
  .cases-built .cases__intro, .cases-built .case, .cases-built .case--site, .cases-built .case--upgrade, .cases-built .case--analysis, .cases-built .case--auto { position: relative; inset: auto; width: 100%; height: auto; }
  .cases-built .cases__intro { grid-column: auto; padding: 0 0 18px; }
  .cases-built .case { min-height: 330px; }
  .cases-built .case--auto { grid-template-columns: 1fr; }
  .cases-built .case--auto .case__copy { min-height: 260px; }
  .case-auto-flow { overflow: visible; flex-wrap: wrap; justify-content: center; padding: 24px; }
  .case-auto-flow > div { flex: 0 0 130px; }
}

@media (max-width: 768px) {
  .screen.cases-built { padding: 55px 24px; }
  .cases-built h2 { font-size: 46px; }
  .cases-built .case, .cases-built .case--site, .cases-built .case--upgrade, .cases-built .case--analysis { grid-template-columns: 1fr; }
  .cases-built .case__copy { min-height: 290px; }
  .cases-built .case > img { height: auto; aspect-ratio: 1.7; }
}

@media (max-width: 520px) {
  .screen.cases-built { padding: 44px 14px; }
  .cases-built h2 { font-size: 38px; }
  .cases-built .section-intro { font-size: 15px; }
  .cases-built .case { border-radius: 8px; }
  .cases-built .case__copy { min-height: 280px; padding: 72px 22px 20px; }
  .cases-built .case__copy > b { left: 22px; }
  .cases-built .case--auto .case__copy { min-height: 300px; padding: 62px 22px 20px; }
  .case-auto-flow { display: grid; grid-template-columns: 1fr 1fr; }
  .case-auto-flow > div { width: 100%; min-height: 180px; }
  .case-auto-flow > i { display: none; }
}

/* Screen 07: full-bleed portrait with live annotations and CTA. */
.screen.power-built { min-height: 0; aspect-ratio: 1672 / 941; background: #e7c8a7; }
.power-built__scene { position: absolute; z-index: 0; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; }
.power-built__annotations { display: none; }
.power-built__note { position: absolute; z-index: 2; display: flex; align-items: center; color: #29217f; font-family: "Segoe Script", "Comic Sans MS", cursive; font-size: 39px; line-height: 1.2; }
.power-built__note img { width: 104px; max-height: 86px; object-fit: contain; }
.power-built__note--weak { top: 18%; left: 12.3%; display: block; text-align: center; transform: rotate(-5deg); }
.power-built__note--weak img { margin: -2px 0 0 145px; transform: rotate(5deg); }
.power-built__note--solution { top: 18.2%; left: 66.4%; display: block; text-align: center; transform: rotate(4deg); }
.power-built__note--solution img { margin: -3px 0 0 -65px; transform: rotate(-4deg); }
.power-built__note--result { top: 42.2%; right: 6.8%; gap: 24px; transform: rotate(2deg); }
.power-built__note--truth { bottom: 14.3%; left: 8.4%; gap: 24px; transform: rotate(-3deg); }
.power-built__actions { position: absolute; z-index: 3; bottom: 4.1%; left: 25%; display: grid; grid-template-columns: 1fr 1fr; gap: 26px; width: 50%; }
.power-built__actions a { display: flex; min-height: 102px; align-items: center; justify-content: center; gap: 27px; border: 2px solid rgba(255,255,255,.7); border-radius: 24px; color: #fff; background: linear-gradient(135deg, #0ba9e9, #0870c8); box-shadow: 0 13px 30px rgba(13,61,112,.25); font-size: 27px; text-decoration: none; }
.power-built__actions a:last-child { background: linear-gradient(135deg, #426e99, #123d6d); }
.power-built__actions img { width: 57px; height: 57px; border-radius: 50%; padding: 10px; background: #fff; object-fit: contain; }

@media (max-width: 1660px) and (min-width: 1101px) {
  .power-built__note { font-size: 32px; }
  .power-built__note img { width: 85px; max-height: 70px; }
  .power-built__note--weak img { margin-left: 118px; }
  .power-built__note--solution img { margin-left: -53px; }
  .power-built__actions { gap: 21px; }
  .power-built__actions a { min-height: 83px; gap: 22px; border-radius: 20px; font-size: 22px; }
  .power-built__actions img { width: 47px; height: 47px; }
}

@media (max-width: 1100px) {
  .screen.power-built { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; min-height: 0; aspect-ratio: auto; padding: 0 32px 50px; background: #f6eee7; }
  .power-built__scene { position: relative; grid-column: 1 / -1; width: calc(100% + 64px); height: 650px; margin-left: -32px; object-position: center top; }
  .power-built__note, .power-built__note--weak, .power-built__note--solution, .power-built__note--result, .power-built__note--truth { position: relative; inset: auto; display: flex; min-height: 130px; align-items: center; justify-content: center; gap: 12px; border: 1px solid rgba(41,33,127,.16); border-radius: 8px; padding: 18px; background: rgba(255,255,255,.72); font-size: 25px; text-align: left; transform: none; }
  .power-built__note img, .power-built__note--weak img, .power-built__note--solution img { width: 72px; margin: 0; transform: none; }
  .power-built__actions { position: relative; inset: auto; grid-column: 1 / -1; width: 100%; margin-top: 4px; }
  .power-built__actions a { min-height: 82px; border-radius: 8px; font-size: 21px; }
}

@media (max-width: 768px) {
  .screen.power-built { padding: 0 24px 42px; }
  .power-built__scene { width: calc(100% + 48px); height: 560px; margin-left: -24px; }
  .power-built__note { font-size: 21px; }
  .power-built__actions { gap: 12px; }
  .power-built__actions a { gap: 14px; font-size: 17px; }
  .power-built__actions img { width: 44px; height: 44px; }
}

@media (max-width: 520px) {
  .screen.power-built { grid-template-columns: 1fr; padding: 0 14px 36px; }
  .power-built__scene { grid-column: 1; width: calc(100% + 28px); height: 430px; margin-left: -14px; object-position: center top; }
  .power-built__note, .power-built__note--weak, .power-built__note--solution, .power-built__note--result, .power-built__note--truth { min-height: 110px; font-size: 19px; }
  .power-built__note img { width: 58px; }
  .power-built__actions { grid-column: 1; grid-template-columns: 1fr; }
  .power-built__actions a { min-height: 68px; }
}

/* Screen 08: live FAQ over an independent studio scene. */
.screen.faq-built { min-height: 0; aspect-ratio: 1672 / 941; color: #fff; background: #071326; }
.faq-built__scene { position: absolute; z-index: 0; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; }
.faq-built__mobile-scene { display: none; }
.faq-built .faq__shell { z-index: 2; display: block; width: 100%; min-height: 100%; padding: 0; }
.faq-built .faq__content { position: absolute; top: 3.7%; left: 47.9%; width: 48.4%; }
.faq-built .faq__lead-icon { width: 42px; height: 42px; color: #54a7ff; }
.faq-built h2 { margin: 8px 0 10px; color: #fff; font-size: 50px; line-height: 1.03; }
.faq-built__title-mobile { display: none; }
.faq-built h2 em { color: #54a7ff; }
.faq-built .faq__content > p { margin: 0; color: #d8e0ed; font-size: 17px; line-height: 1.45; }
.faq-built .accordion { gap: 6px; margin-top: 9px; }
.faq-built .accordion details { border-radius: 12px; }
.faq-built .accordion summary { grid-template-columns: 58px 1fr 36px; min-height: 114px; gap: 15px; padding: 11px 18px; }
.faq-built .accordion summary > .icon:first-child { width: 48px; height: 48px; }
.faq-built .accordion b { font-size: 20px; }
.faq-built .accordion small { margin-top: 4px; font-size: 15px; line-height: 1.28; }
.faq-built .faq__promise { min-height: 54px; justify-content: center; margin-top: 12px; padding: 10px 18px; }

@media (max-width: 1660px) and (min-width: 1101px) {
  .faq-built .faq__lead-icon { width: 34px; height: 34px; }
  .faq-built h2 { margin: 6px 0 8px; font-size: 41px; }
  .faq-built .faq__content > p { font-size: 14px; }
  .faq-built .accordion { gap: 5px; margin-top: 7px; }
  .faq-built .accordion summary { grid-template-columns: 47px 1fr 29px; min-height: 93px; gap: 12px; padding: 9px 15px; }
  .faq-built .accordion summary > .icon:first-child { width: 39px; height: 39px; }
  .faq-built .accordion summary > .icon:last-child { width: 26px; height: 26px; }
  .faq-built .accordion b { font-size: 16px; }
  .faq-built .accordion small { font-size: 12px; }
  .faq-built .faq__promise { min-height: 44px; margin-top: 10px; padding: 8px 15px; font-size: 13px; }
}

@media (max-width: 1100px) {
  .screen.faq-built { min-height: 0; aspect-ratio: auto; padding-bottom: 45px; background: #071326; }
  .faq-built__scene { position: relative; width: 100%; height: 650px; object-position: 28% center; }
  .faq-built .faq__shell { width: min(900px, calc(100% - 64px)); margin: -40px auto 0; }
  .faq-built .faq__content { position: relative; top: auto; left: auto; width: 100%; border-radius: 8px; padding: 34px; background: rgba(7,19,38,.97); box-shadow: 0 18px 50px rgba(0,0,0,.25); }
  .faq-built h2 { font-size: 52px; }
  .faq-built .accordion summary { min-height: 106px; }
}

@media (max-width: 768px) {
  .faq-built__scene { height: 560px; object-position: 27% center; }
  .faq-built .faq__shell { width: calc(100% - 32px); }
  .faq-built .faq__content { padding: 28px 24px; }
  .faq-built h2 { font-size: 42px; }
  .faq-built .accordion summary { grid-template-columns: 44px 1fr 30px; min-height: 116px; }
  .faq-built .accordion small { font-size: 13px; }
}

@media (max-width: 520px) {
  .faq-built__scene { height: 430px; object-position: 27% center; }
  .faq-built .faq__shell { width: calc(100% - 28px); margin-top: -22px; }
  .faq-built .faq__content { padding: 24px 18px; }
  .faq-built h2 { font-size: 34px; }
  .faq-built .faq__content > p { font-size: 15px; }
  .faq-built .accordion summary { grid-template-columns: 38px 1fr 24px; min-height: 142px; gap: 10px; padding: 13px 10px; }
  .faq-built .accordion summary > .icon:first-child { width: 34px; height: 34px; }
  .faq-built .accordion b { font-size: 16px; }
  .faq-built .accordion small { font-size: 12px; }
.faq-built .faq__promise { text-align: left; }
}

/* Screen 9: useful services, rebuilt from independent layers. */
.screen.services-built { min-height: 0; aspect-ratio: 1672 / 941; overflow: hidden; background: #f8faff; }
.services-built__scene { position: absolute; z-index: 0; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; }
.services-built .services__shell { position: relative; z-index: 1; display: block; width: 100%; min-height: 100%; padding: 0; }
.services-built .services__copy { position: absolute; top: 10.2%; left: 5.9%; width: 31%; }
.services-built .services__spark { width: 45px; height: 45px; margin: 0 0 31px; color: #1263f5; }
.services-built h2 { margin: 0; color: #07183f; font-size: 68px; line-height: 1.17; letter-spacing: 0; }
.services-built__title-mobile { display: none; }
.services-built h2 em { color: #1263f5; background: linear-gradient(90deg, #1263f5, #7057f4); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.services-built .section-intro { max-width: 520px; margin: 42px 0 0; color: #3e568e; font-size: 20px; line-height: 1.65; }
.services-built .btn--service { display: inline-flex; min-width: 394px; min-height: 72px; justify-content: space-between; margin-top: 40px; border: 0; border-radius: 18px; padding: 0 28px 0 31px; color: #fff; background: linear-gradient(110deg, #1263f5, #6657f4); box-shadow: 0 18px 32px rgba(33,74,212,.28); font-size: 20px; }
.services-built .btn--service span { font-size: 35px; font-weight: 300; }
.services-built .services__note { display: flex; align-items: center; gap: 15px; margin-top: 66px; color: #4b6093; font-size: 17px; }
.services-built .services__note .icon { width: 34px; height: 34px; color: #6756f6; }
.services-built__cards { position: absolute; inset: 0; pointer-events: none; }
.service-card { position: absolute; display: grid; grid-template-columns: 1fr auto; align-content: start; width: 20.7%; min-height: 34%; border: 1px solid rgba(255,255,255,.94); border-radius: 34px; padding: 34px 38px; background: rgba(255,255,255,.72); box-shadow: 0 22px 44px rgba(76,93,172,.13), inset 0 0 38px rgba(255,255,255,.72); backdrop-filter: blur(10px); color: #07183f; }
.service-card > .icon { grid-column: 2; grid-row: 1; width: 48px; height: 48px; }
.service-card__number { grid-column: 1; grid-row: 1; align-self: start; width: fit-content; border-radius: 10px; padding: 9px 14px; font-size: 20px; font-weight: 700; }
.service-card h3 { grid-column: 1 / -1; margin: 29px 0 13px; font-size: 29px; line-height: 1.1; }
.service-card__tags { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 9px; }
.service-card__tags span { border-radius: 18px; padding: 7px 15px; font-size: 13px; }
.service-card p { grid-column: 1 / -1; margin: 23px 0 0; color: #3d568f; font-size: 15px; line-height: 1.55; }
.service-card--site { top: 11.7%; left: 60.8%; transform: rotate(4deg); }
.service-card--site .service-card__number, .service-card--site .service-card__tags span { color: #1263f5; background: #e7efff; }
.service-card--site > .icon { color: #1263f5; }
.service-card--business { top: 51%; left: 42.8%; transform: rotate(-7deg); }
.service-card--business .service-card__number, .service-card--business .service-card__tags span { color: #35aa22; background: #e8f7e4; }
.service-card--business > .icon { color: #35aa22; }
.service-card--other { top: 54.5%; left: 69.5%; transform: rotate(6deg); }
.service-card--other .service-card__number, .service-card--other .service-card__tags span { color: #ff6d0b; background: #fff0e6; }
.service-card--other > .icon { color: #ff6d0b; }

@media (max-width: 1660px) and (min-width: 1101px) {
  .services-built h2 { font-size: 56px; }
  .services-built .section-intro { margin-top: 28px; font-size: 16px; }
  .services-built .btn--service { min-width: 320px; min-height: 58px; margin-top: 27px; font-size: 16px; }
  .services-built .services__note { margin-top: 42px; font-size: 14px; }
  .service-card { padding: 25px 28px; border-radius: 26px; }
  .service-card h3 { margin-top: 20px; font-size: 23px; }
  .service-card p { margin-top: 16px; font-size: 12px; }
  .service-card__tags span { padding: 5px 11px; font-size: 11px; }
}

@media (max-width: 1100px) {
  .screen.services-built { aspect-ratio: auto; min-height: 0; padding: 72px 0; background: #f8faff; }
  .services-built__scene { object-position: 56% center; opacity: .72; }
  .services-built .services__shell { width: min(920px, calc(100% - 64px)); margin: auto; }
  .services-built .services__copy { position: relative; top: auto; left: auto; width: 100%; max-width: 660px; }
  .services-built h2 { font-size: 62px; }
  .services-built__cards { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 18px; margin-top: 54px; }
  .service-card { position: relative; inset: auto; width: auto; min-height: 320px; transform: none; padding: 27px 24px; border-radius: 24px; }
  .service-card h3 { font-size: 24px; }
  .services-built .services__note { margin-top: 38px; }
}

@media (max-width: 767px) {
  .screen.services-built { padding: 54px 0; }
  .services-built .services__shell { width: calc(100% - 32px); }
  .services-built .services__spark { margin-bottom: 20px; }
  .services-built h2 { font-size: 45px; }
  .services-built .section-intro { margin-top: 28px; font-size: 17px; line-height: 1.5; }
  .services-built .btn--service { width: 100%; min-width: 0; min-height: 62px; margin-top: 30px; font-size: 17px; }
  .services-built__cards { grid-template-columns: 1fr; margin-top: 40px; }
  .service-card { min-height: 0; }
}

@media (max-width: 430px) {
  .services-built h2 { font-size: 39px; }
  .services-built .section-intro { font-size: 15px; }
  .services-built .services__note { align-items: flex-start; font-size: 15px; }
}

/* Screen 10: contacts, rebuilt from independent layers. */
.screen.contacts-built { min-height: 0; aspect-ratio: 1672 / 941; overflow: hidden; color: #07183f; background: #eef1f7; }
.contacts-built__scene { position: absolute; z-index: 0; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; }
.contacts-built .contacts__shell { position: relative; z-index: 1; display: block; width: 100%; min-height: 100%; padding: 0; }
.contacts-built .contacts__copy { position: absolute; top: 7.3%; left: 2.9%; width: 40%; }
.contacts-built .contact-star { display: block; width: 92px; height: 92px; padding: 25px; color: #1263f5; background: currentColor; filter: drop-shadow(0 10px 16px rgba(18,99,245,.13)); }
.contacts-built h2 { margin: 32px 0 22px; font-family: Georgia, 'Times New Roman', serif; font-size: 122px; font-weight: 400; line-height: .95; }
.contacts-built .contacts__copy > .section-intro { position: relative; max-width: 526px; margin: 0 0 34px; border: 0; padding: 32px 0 0; color: #405785; font-size: 20px; line-height: 1.5; }
.contacts-built .contacts__copy > .section-intro::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: linear-gradient(90deg, #1263f5 82%, transparent 82%); }
.contacts-built .contact-point { display: grid; grid-template-columns: 72px 1fr; align-items: center; gap: 18px; max-width: 555px; margin-top: 22px; }
.contacts-built .contact-point > .icon { width: 70px; height: 70px; padding: 16px; color: #1263f5; background: currentColor; filter: drop-shadow(0 10px 14px rgba(18,99,245,.16)); }
.contacts-built .contact-point p { margin: 0; }
.contacts-built .contact-point b { display: block; font-size: 18px; }
.contacts-built .contact-point small { display: block; margin-top: 8px; color: #405785; font-size: 15px; }
.contacts-built .contacts__cards { position: absolute; top: 6.5%; left: 46.8%; display: block; width: 50.5%; }
.contacts-built .location-card, .contacts-built .legal-card, .contacts-built .contact-channel { border: 12px solid rgba(255,255,255,.88); border-radius: 26px; background: rgba(255,255,255,.78); box-shadow: 0 18px 38px rgba(52,62,101,.14); overflow: hidden; }
.contacts-built .location-card { display: grid; grid-template-columns: 52% 48%; height: 385px; }
.contacts-built .location-card > img { width: 100%; height: 100%; object-fit: cover; }
.contacts-built .location-card__info { display: grid; grid-template-columns: 62px 1fr; align-content: center; padding: 36px 28px; color: #fff; background: linear-gradient(145deg, #5b667b, #374154); }
.contacts-built .location-card__info > .icon { width: 58px; height: 58px; padding: 14px; color: #2f78ff; background: currentColor; }
.contacts-built .location-card__info h3 { margin: 7px 0 18px; font-family: Georgia, serif; font-size: 26px; font-weight: 400; }
.contacts-built .location-card__info p { margin: 0; font-size: 16px; line-height: 1.55; }
.contacts-built .location-card__info hr { grid-column: 1 / -1; width: 90px; margin: 36px 0; border: 0; border-top: 1px solid rgba(255,255,255,.65); }
.contacts-built .location-card__info > small { grid-column: 1 / -1; display: grid; grid-template-columns: 44px 1fr; align-items: center; font-size: 13px; line-height: 1.55; }
.contacts-built .location-card__info small .icon { width: 38px; height: 38px; padding: 9px; color: #cbd4e2; background: currentColor; }
.contacts-built .legal-card { margin-top: 18px; padding: 17px 28px 17px; }
.contacts-built .legal-card__head { display: grid; grid-template-columns: 72px 1fr auto; align-items: center; gap: 20px; padding-bottom: 16px; border-bottom: 1px solid #d6dbe4; }
.contacts-built .legal-card__head > .icon { width: 66px; height: 66px; padding: 17px; color: #1263f5; background: currentColor; filter: drop-shadow(0 8px 12px rgba(18,99,245,.12)); }
.contacts-built .legal-card__head h3 { margin: 0 0 10px; font-family: Georgia, serif; font-size: 27px; font-weight: 400; }
.contacts-built .legal-card__head p { margin: 0; color: #405785; font-size: 14px; }
.contacts-built .legal-card__head > b { align-self: start; border-radius: 18px; padding: 9px 16px; color: #1263f5; background: #eef3ff; font-size: 15px; }
.contacts-built .legal-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin-top: 13px; }
.contacts-built .legal-grid p { display: grid; grid-template-columns: 35px 1fr; align-content: start; min-height: 67px; margin: 0; padding: 0 16px; border-left: 1px solid #dfe3ea; }
.contacts-built .legal-grid p:first-child { border-left: 0; padding-left: 0; }
.contacts-built .legal-grid .icon { grid-row: 1 / 3; width: 31px; height: 31px; padding: 5px; color: #1263f5; background: currentColor; }
.contacts-built .legal-grid b { font-size: 12px; }
.contacts-built .legal-grid small { margin-top: 6px; color: #405785; font-size: 11px; line-height: 1.45; }
.contacts-built .contact-channel { display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: 14px; align-items: center; margin-top: 18px; padding: 18px; }
.contacts-built .contact-channel > p { display: grid; grid-template-columns: 52px 1fr; margin: 0; }
.contacts-built .contact-channel > p .icon { grid-row: 1 / 3; width: 45px; height: 45px; padding: 10px; color: #1263f5; background: currentColor; }
.contacts-built .contact-channel > p b { font-size: 12px; }
.contacts-built .contact-channel > p small { margin-top: 7px; color: #405785; font-size: 10px; }
.contacts-built .contact-channel > .btn { display: grid; grid-template-columns: 49px 1fr; align-items: center; min-height: 82px; border: 0; border-radius: 15px; padding: 12px 18px; color: #fff; text-align: left; }
.contacts-built .contact-channel > .btn .icon { width: 42px; height: 42px; color: #fff; }
.contacts-built .contact-channel > .btn b { font-size: 15px; }
.contacts-built .contact-channel > .btn small { display: block; margin-top: 7px; font-size: 9px; font-weight: 400; }
.contacts-built .contact-channel__telegram { background: linear-gradient(120deg,#1263f5,#2449dc); }
.contacts-built .contact-channel__vk { background: linear-gradient(120deg,#374db5,#172780); }
.contacts-built .privacy { display: grid; grid-template-columns: 1fr auto auto 1fr; align-items: center; gap: 14px; margin: 16px 0 0; color: #617092; font-size: 13px; text-align: center; }
.contacts-built .privacy > span:first-child, .contacts-built .privacy > span:last-child { height: 1px; background: #75819d; }
.contacts-built .privacy .icon { width: 28px; height: 28px; color: #617092; }

@media (max-width: 1660px) and (min-width: 1101px) {
  .contacts-built h2 { margin-top: 20px; font-size: 85px; }
  .contacts-built .contact-star { width: 72px; height: 72px; padding: 19px; }
  .contacts-built .contacts__copy > .section-intro { margin-bottom: 20px; padding-top: 20px; font-size: 16px; }
  .contacts-built .contact-point { grid-template-columns: 56px 1fr; margin-top: 13px; }
  .contacts-built .contact-point > .icon { width: 54px; height: 54px; padding: 15px; }
  .contacts-built .contact-point b { font-size: 14px; }
  .contacts-built .contact-point small { margin-top: 4px; font-size: 12px; }
  .contacts-built .location-card { height: 307px; }
  .contacts-built .location-card__info { grid-template-columns: 48px 1fr; padding: 24px 20px; }
  .contacts-built .location-card__info > .icon { width: 46px; height: 46px; padding: 13px; }
  .contacts-built .location-card__info h3 { margin: 4px 0 12px; font-size: 21px; }
  .contacts-built .location-card__info p { font-size: 12px; }
  .contacts-built .location-card__info hr { margin: 22px 0; }
  .contacts-built .legal-card { padding: 14px 20px 17px; }
  .contacts-built .legal-card__head { grid-template-columns: 60px 1fr auto; padding-bottom: 14px; }
  .contacts-built .legal-card__head > .icon { width: 56px; height: 56px; padding: 16px; }
  .contacts-built .legal-card__head h3 { font-size: 21px; }
  .contacts-built .legal-grid { margin-top: 12px; }
  .contacts-built .legal-grid p { min-height: 64px; }
  .contacts-built .contact-channel { margin-top: 12px; padding: 12px; }
  .contacts-built .contact-channel > .btn { min-height: 65px; }
  .contacts-built .privacy { margin-top: 9px; }
}

@media (max-width: 1100px) {
  .screen.contacts-built { aspect-ratio: auto; min-height: 0; padding: 72px 0 42px; }
  .contacts-built__scene { object-position: 24% bottom; opacity: .65; }
  .contacts-built .contacts__shell { width: min(920px, calc(100% - 64px)); margin: auto; }
  .contacts-built .contacts__copy, .contacts-built .contacts__cards { position: relative; inset: auto; width: 100%; }
  .contacts-built .contacts__copy { max-width: 680px; }
  .contacts-built h2 { font-size: 100px; }
  .contacts-built .contacts__cards { margin-top: 60px; }
}

@media (max-width: 767px) {
  .screen.contacts-built { padding-top: 52px; }
  .contacts-built .contacts__shell { width: calc(100% - 32px); }
  .contacts-built .contact-star { width: 68px; height: 68px; padding: 18px; }
  .contacts-built h2 { margin-top: 24px; font-size: 67px; }
  .contacts-built .contacts__copy > .section-intro { font-size: 17px; }
  .contacts-built .contact-point { grid-template-columns: 58px 1fr; }
  .contacts-built .contact-point > .icon { width: 56px; height: 56px; padding: 16px; }
  .contacts-built .contact-point b { font-size: 16px; }
  .contacts-built .contact-point small { font-size: 13px; line-height: 1.4; }
  .contacts-built .contacts__cards { margin-top: 44px; }
  .contacts-built .location-card { grid-template-columns: 1fr; height: auto; }
  .contacts-built .location-card > img { height: 310px; }
  .contacts-built .location-card__info { min-height: 340px; }
  .contacts-built .legal-card { padding: 20px 18px; }
  .contacts-built .legal-card__head { grid-template-columns: 58px 1fr; gap: 13px; }
  .contacts-built .legal-card__head > .icon { width: 54px; height: 54px; padding: 15px; }
  .contacts-built .legal-card__head > b { grid-column: 2; width: fit-content; }
  .contacts-built .legal-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px 0; }
  .contacts-built .legal-grid p:nth-child(3) { border-left: 0; }
  .contacts-built .contact-channel { grid-template-columns: 1fr; }
  .contacts-built .contact-channel > .btn { grid-template-columns: 52px 1fr; }
}

@media (max-width: 430px) {
  .contacts-built h2 { font-size: 61px; }
  .contacts-built .contacts__copy > .section-intro br { display: none; }
  .contacts-built .location-card > img { height: 265px; }
  .contacts-built .legal-grid { grid-template-columns: 1fr; }
  .contacts-built .legal-grid p { border-left: 0; padding-left: 0; }
}

/* Exact mobile compositions from the supplied mobile references. */
@media (min-width: 601px) and (max-width: 1299px) {
  .hero-built .hero__shell,
  .pains-built .pains__shell,
  .process-built .process-built__content,
  .format-built .format__shell,
  .changes-built .changes__shell,
  .cases-built .cases__shell,
  .faq-built .faq__shell,
  .services-built .services__shell,
  .contacts-built .contacts__shell { min-height: 0; }

  main > .screen { overflow: hidden; }
}

@media (min-width: 1101px) and (max-width: 1199px) {
  .pains-built__content,
  .pains-built__note,
  .process-built .process-built__content,
  .format-built .format__shell,
  .changes-built .changes__shell,
  .cases-built .cases__shell,
  .faq-built .faq__shell,
  .services-built .services__shell,
  .contacts-built .contacts__shell { transform: scale(.68); transform-origin: center top; }
}

@media (min-width: 1200px) and (max-width: 1299px) {
  .pains-built__content,
  .pains-built__note,
  .process-built .process-built__content,
  .format-built .format__shell,
  .changes-built .changes__shell,
  .cases-built .cases__shell,
  .faq-built .faq__shell,
  .services-built .services__shell,
  .contacts-built .contacts__shell { transform: scale(.78); transform-origin: center top; }
}

@media (min-width: 1300px) and (max-width: 1449px) {
  .contacts-built .privacy { margin-top: 0; }
}

@media (min-width: 1300px) and (max-width: 1329px) {
  .contacts-built .privacy { transform: translateY(-60px); }
}

@media (min-width: 1330px) and (max-width: 1349px) {
  .contacts-built .privacy { transform: translateY(-40px); }
}

@media (min-width: 1350px) and (max-width: 1399px) {
  .contacts-built .privacy { transform: translateY(-27px); }
}

@media (max-width: 600px) {
  .hero-built.screen {
    width: 100%;
    min-height: 0;
    aspect-ratio: 768 / 2048;
    padding: 0;
    overflow: hidden;
    background: #f9fbff;
  }
  .hero-built__photo {
    position: absolute;
    z-index: 0;
    top: 1%;
    left: 53%;
    width: 67%;
    height: 25%;
    margin: 0;
    object-fit: cover;
    object-position: left top;
    content: url('/assets/hero-mobile-approved.webp');
  }
  .hero-built__copy {
    position: absolute;
    z-index: 4;
    inset: 0;
    width: 100%;
    margin: 0;
    border-radius: 0;
    padding: 0;
    background: transparent;
    box-shadow: none;
  }
  .hero-built__eyebrow {
    position: absolute;
    top: 2.45%;
    left: 5.35%;
    width: 43%;
    margin: 0;
    font-size: 11px;
    line-height: 1.35;
  }
  .hero-built h1 {
    position: absolute;
    top: 7.5%;
    left: 5.35%;
    width: 57%;
    margin: 0;
    font-size: 23px;
    line-height: 1.15;
  }
  .hero-built h1 br { display: none; }
  .hero-built__title-desktop { display: none; }
  .hero-built__title-mobile { display: block; white-space: nowrap; }
  .hero-built h1 .hero-built__title-mobile br { display: block; }
  .hero-built__lead {
    position: absolute;
    top: 21.7%;
    left: 5.35%;
    width: 48%;
    margin: 0;
    font-size: 9.5px;
    line-height: 1.45;
  }
  .hero-built__actions {
    position: absolute;
    top: 29.9%;
    left: 5.35%;
    display: grid;
    width: 46.6%;
    gap: 11px;
    margin: 0;
  }
  .hero-built__button,
  .hero-built__button--telegram,
  .hero-built__button--vk {
    width: 100%;
    min-height: 35px;
    gap: 10px;
    border-width: 1px;
    border-radius: 5px;
    padding: 0 10px;
    font-size: 10px;
  }
  .hero-built__button img { width: 18px; height: 18px; }
  .hero-built__button--vk img { width: 21px; }
  .hero-built__facts {
    position: absolute;
    top: 39.7%;
    left: 5.35%;
    display: grid;
    width: 88%;
    gap: 14px;
    margin: 0;
  }
  .hero-built__facts p { gap: 9px; font-size: 9.5px; line-height: 1.35; }
  .hero-built__facts img { width: 28px; height: 28px; }
  .hero-built__logic {
    z-index: 5;
    top: 21.65%;
    left: 59.25%;
    display: block;
    width: 37.2%;
    border-radius: 11px;
    padding: 12px 14px;
  }
  .hero-built__logic p {
    grid-template-columns: 17px 1fr 10px 1fr;
    gap: 5px;
    margin-bottom: 9px;
    font-size: 8px;
  }
  .hero-built__logic img { width: 16px; height: 16px; }
  .hero-built__services {
    position: absolute;
    z-index: 3;
    inset: 0;
    display: block;
    width: 100%;
    margin: 0;
  }
  .hero-built__services::before,
  .hero-built__services::after { display: none; }
  .hero-built__services-intro {
    position: absolute;
    top: 53.8%;
    left: 7.1%;
    width: 28%;
    font-size: 19px;
    line-height: 1.14;
  }
  .hero-built__services-intro img { width: 76px; height: 36px; margin: 8px 0 0 28px; }
  .hero-built__service,
  .hero-built__service--analysis,
  .hero-built__service--site,
  .hero-built__service--improvement,
  .hero-built__service--automation {
    position: absolute;
    min-height: 0;
    border-width: 1px;
    border-radius: 15px;
  }
  .hero-built__service::before { display: none; }
  .hero-built__service::after {
    width: 15px;
    height: 15px;
    border-width: 1px;
    background: radial-gradient(circle, var(--service-color) 0 3px, #fff 4px);
  }
  .hero-built__service h2 { margin: 0 0 9px; font-size: 10.5px; line-height: 1.2; }
  .hero-built__service p,
  .hero-built__service li { font-size: 8.5px; line-height: 1.4; }
  .hero-built__service-number { right: 14px; bottom: auto; top: 14px; font-size: 19px; }
  .hero-built__service-icon,
  .hero-built__service--analysis .hero-built__service-icon,
  .hero-built__service--site .hero-built__service-icon,
  .hero-built__service--improvement .hero-built__service-icon,
  .hero-built__service--automation .hero-built__service-icon {
    top: 11px;
    left: 1px;
    width: 62px;
    height: 62px;
  }
  .hero-built__service > a,
  .hero-built__service--analysis > a,
  .hero-built__service--site > a,
  .hero-built__service--improvement > a,
  .hero-built__service--automation > a {
    right: auto;
    bottom: 15px;
    left: 14px;
    min-height: 22px;
    gap: 6px;
    padding: 0 8px;
    font-size: 8px;
  }
  .hero-built__service--analysis {
    top: 50.5%;
    left: 41.65%;
    width: 52.6%;
    height: 17.8%;
    padding: 44px 17px 34px 67.5px;
  }
  .hero-built__service--analysis::after { top: -8px; right: 1px; }
  .hero-built__service--analysis .hero-built__service-icon { top: 8px; left: 1px; }
  .hero-built__service--analysis .hero-built__service-number { right: 19px; }
  .hero-built__service--analysis > a { bottom: 14px; left: 13px; }
  .hero-built__service--site {
    top: 67.5%;
    left: 5.35%;
    width: 34.8%;
    height: 18.75%;
    padding: 68px 12px 35px;
  }
  .hero-built__service--site::after { top: -8px; right: -1.5px; }
  .hero-built__service--site .hero-built__service-icon { top: 5px; left: -1px; }
  .hero-built__service--site h2,
  .hero-built__service--site p { position: relative; top: -3px; }
  .hero-built__service--site .hero-built__service-number { right: 13px; }
  .hero-built__service--site > a { left: 9px; }
  .hero-built__service--improvement {
    top: 70.05%;
    left: 42.45%;
    width: 51.7%;
    height: 15.9%;
    padding: 43px 15px 34px 64.5px;
  }
  .hero-built__service--improvement::after { top: -8px; right: 3px; }
  .hero-built__service--improvement .hero-built__service-icon { top: 9px; left: .5px; }
  .hero-built__service--improvement .hero-built__service-number { right: 19px; }
  .hero-built__service--improvement p { position: absolute; top: 82px; right: 13px; left: 13px; }
  .hero-built__service--improvement > a { bottom: 13px; left: 11px; }
  .hero-built__service--automation {
    top: 87.8%;
    left: 5.35%;
    width: 88.8%;
    height: 10.1%;
    padding: 24px 90px 29px 63px;
  }
  .hero-built__service--automation::after { top: -8px; right: -5px; }
  .hero-built__service--automation .hero-built__service-icon { top: 7px; left: -1px; width: 62px; height: 62px; }
  .hero-built__service--automation .hero-built__service-number { right: 18px; }
  .hero-built__service--automation h2 { margin-bottom: 5px; }
  .hero-built__service--automation > a { right: 35px; bottom: 16px; left: auto; }

  .screen.pains-built {
    width: 100%;
    min-height: 0;
    aspect-ratio: 768 / 2048;
    padding: 0;
    overflow: hidden;
    background: #f8faff;
  }
  .pains-built__scene {
    display: none;
  }
  .pains-built__mobile-scene {
    position: absolute;
    display: block;
    z-index: 1;
    top: 21.25%;
    left: 4.55%;
    width: 90.9%;
    height: 22%;
    border-radius: 30px;
    overflow: hidden;
  }
  .pains-built__mobile-scene img {
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: center;
    content: url('/assets/screen-2/photos/main_scene_mobile.png');
  }
  .pains-built__dots { display: block; top: 3.4%; right: -1%; width: 21%; opacity: .45; }
  .pains-built__content {
    position: absolute;
    z-index: 2;
    inset: 0;
    width: 100%;
    margin: 0;
    border-radius: 0;
    padding: 0;
    background: transparent;
    box-shadow: none;
    transform: none;
    transform: none;
  }
  .pains-built h2 {
    position: absolute;
    top: 4.25%;
    left: 8.6%;
    width: 80%;
    margin: 0;
    font-size: 35px;
    line-height: 1.02;
  }
  .pains-built__intro {
    position: absolute;
    top: 12.75%;
    left: 8.6%;
    width: 76%;
    margin: 0;
    font-size: 12px;
    line-height: 1.48;
  }
  .pains-built__intro br { display: none; }
  .pains-built__grid {
    position: absolute;
    top: 44.7%;
    left: 6.65%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 11px;
    width: 86.7%;
    margin: 0;
  }
  .pains-built__card {
    min-height: 164px;
    border-width: 1px;
    border-radius: 14px;
    padding: 30px 16px 16px;
    background: rgba(255,255,255,.75);
  }
  .pains-built__card i { top: 14px; right: 15px; width: 13px; height: 13px; border-width: 1px; }
  .pains-built__card i::after { top: 3px; right: 17px; width: 9px; height: 9px; }
  .pains-built__card h3 { margin-bottom: 13px; font-size: 12.5px; line-height: 1.18; }
  .pains-built__card p { font-size: 9.5px; line-height: 1.42; }
  .pains-built__mobile-break { display: block; }
  .pains-built__desktop-break { display: none; }
  .pains-built__card p br { display: none; }
  .pains-built__actions {
    position: absolute;
    top: 78.5%;
    left: 22.6%;
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    width: 53.5%;
    margin: 0;
  }
  .pains-built__contact {
    width: 100%;
    min-height: 55px;
    gap: 13px;
    border-width: 1px;
    border-radius: 12px;
    padding: 0 16px;
  }
  .pains-built__contact img { width: 30px; height: 30px; }
  .pains-built__contact span { font-size: 11px; }
  .pains-built__contact small { margin-top: 3px; font-size: 9px; }
  .pains-built__note {
    position: absolute;
    z-index: 3;
    right: auto;
    bottom: 2.5%;
    left: 21.5%;
    display: flex;
    width: 67%;
    justify-content: flex-start;
    gap: 13px;
    margin: 0;
  }
  .pains-built__note img { width: 53px; margin-top: 11px; }
  .pains-built__note p { font-size: 13px; line-height: 1.45; }

  .screen.process-built {
    width: 100%;
    min-height: 0;
    aspect-ratio: 768 / 2048;
    padding: 0;
    overflow: hidden;
    border-radius: 8px;
    background: #f6f9ff;
  }
  .process-built__scene {
    display: none;
  }
  .process-built__mobile-scene {
    position: absolute;
    z-index: 0;
    top: 16.7%;
    left: 0;
    display: block;
    width: 100%;
    height: 24%;
    overflow: hidden;
  }
  .process-built__mobile-scene img {
    width: 120%;
    height: 120%;
    max-width: none;
    object-fit: cover;
    object-position: left center;
    transform: translateY(-6%);
  }
  .process-built__curves { display: block; z-index: 1; width: 100%; opacity: .28; }
  .process-built__content {
    position: absolute;
    z-index: 3;
    inset: 0;
    width: 100%;
    margin: 0;
    border-radius: 0;
    padding: 0;
    background: transparent;
    box-shadow: none;
  }
  .process-built__pill {
    position: absolute;
    top: 1.25%;
    left: 7.55%;
    min-height: 21px;
    border-radius: 12px;
    padding: 0 9px;
    font-size: 10px;
  }
  .screen.process-built h2 {
    position: absolute;
    top: 4.35%;
    left: 7.55%;
    width: 88%;
    margin: 0;
    font-size: 20px;
    line-height: 1.08;
  }
  .process-built__title-desktop { display: none; }
  .process-built__title-mobile { display: block; }
  .process-built__title-mobile > b { display: inline-block; font-size: 23px; line-height: 1.05; }
  .process-built__title-mobile > span { display: inline-block; white-space: nowrap; font-size: 20px; line-height: 1.1; }
  .process-built__intro {
    position: absolute;
    top: 9.95%;
    left: 7.55%;
    width: 76%;
    margin: 0;
    font-size: 10.5px;
    line-height: 1.55;
  }
  .process-built__intro br { display: block; }
  .process-built__chat {
    top: 16.85%;
    right: 4.7%;
    bottom: auto;
    left: auto;
    width: 48.5%;
    border-radius: 12px;
    padding: 0 8px 10px;
    transform: none;
  }
  .process-built__chat header { height: 36px; gap: 6px; padding: 0 3px; }
  .process-built__chat header > img { width: 24px; height: 24px; }
  .process-built__chat header strong { font-size: 9px; }
  .process-built__chat header small { margin-top: 2px; font-size: 8px; }
  .process-built__chat header span { font-size: 13px; }
  .process-built__chat header .process-built__back { margin-right: -2px; font-size: 17px; }
  .process-built__chat header .process-built__chat-tools { word-spacing: 5px; }
  .process-built__chat > p { min-height: 72px; margin-bottom: 8px; border-radius: 9px; padding: 11px 9px 18px; font-size: 9px; line-height: 1.35; }
  .process-built__chat > p:last-child { margin-left: 23px; }
  .process-built__chat time { right: 8px; bottom: 6px; font-size: 8px; }
  .process-built__steps {
    position: absolute;
    top: 39%;
    left: 11.2%;
    display: grid;
    grid-template-columns: 1fr;
    gap: 7px;
    width: 77.2%;
    margin: 0;
  }
  .process-built__step,
  .process-built__step--2,
  .process-built__step--3,
  .process-built__step--4 {
    display: grid;
    grid-template-columns: 48px 1fr;
    column-gap: 8px;
    min-height: 80px;
    border-radius: 14px;
    padding: 15px 13px 10px 38px;
    transform: none;
  }
  .process-built__step::after { display: block; z-index: 0; top: 59px; right: auto; left: -25px; width: 28px; height: 31px; transform: rotate(108deg); }
  .process-built__step:last-child::after { display: none; }
  .process-built__step > b { top: 7px; left: 7px; width: 22px; height: 22px; font-size: 10px; }
  .process-built__step > img { width: 46px; height: 46px; margin: 0; border-radius: 11px; padding: 9px; }
  .process-built__step h3 { min-height: 0; margin: 3px 0 6px; font-size: 11px; line-height: 1.18; }
  .process-built__step h3 br { display: none; }
  .process-built__step p { position: absolute; top: 40px; right: 12px; left: 57px; margin: 0; font-size: 8.5px; line-height: 1.28; }
  .process-built__step--3 p { top: 52px; }
  .process-built__step--4 p { top: 47px; }
  .process-built__step p br { display: none; }
  .process-built__result {
    position: absolute;
    z-index: 5;
    top: 73.55%;
    left: 6.65%;
    bottom: auto;
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    width: 86.7%;
    min-height: 24.5%;
    margin: 0;
    border-radius: 14px;
    padding: 14px 26px 14px;
  }
  .process-built__check { display: none; }
  .process-built__result-copy { border: 0; padding: 0; }
  .process-built__result-copy h3 { margin: 0 0 11px; text-align: center; font-size: 12px; }
  .process-built__result-copy ul { font-size: 10px; line-height: 1.55; }
  .process-built__result-copy li::before { width: 12px; height: 12px; margin-right: 8px; font-size: 7px; }
  .process-built__actions {
    grid-column: auto;
    display: grid;
    grid-template-columns: 1fr;
    gap: 6px;
    border: 0;
    padding: 0;
  }
  .process-built__actions a { min-height: 35px; gap: 11px; border-radius: 7px; font-size: 11px; }
  .process-built__actions img { width: 20px; height: 20px; }
  .process-built__promise {
    grid-column: auto;
    min-height: 43px;
    gap: 12px;
    border-top: 1px solid rgba(49,73,125,.12);
    margin: 0;
    padding: 9px 11px 0;
    font-size: 10px;
    line-height: 1.4;
    background: #ecfbfd;
  }
  .process-built__promise img { width: 28px; height: 28px; }

  .screen.format-built {
    width: 100%;
    min-height: 0;
    aspect-ratio: 768 / 2048;
    overflow: hidden;
    border-radius: 30px;
    padding: 0;
    background: #f9fbff;
  }
  .format-built__background {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .format-built .format__shell {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    min-height: 0;
    margin: 0;
    padding: 0;
  }
  .format-built .format__copy {
    position: absolute;
    inset: 0;
    padding: 0;
    transform: none;
  }
  .format-built h2 {
    position: absolute;
    top: 4.35%;
    left: 11.4%;
    width: 80%;
    margin: 0;
    font-size: 37px;
    line-height: 1.04;
  }
  .format-built .section-intro {
    position: absolute;
    top: 17.45%;
    left: 11.4%;
    width: 78%;
    margin: 0;
    font-size: 12px;
    line-height: 1.65;
  }
  .format-built .section-intro br { display: block; }
  .format-built .honesty {
    position: absolute;
    top: 26.95%;
    left: 10.8%;
    display: flex;
    width: 78.2%;
    min-height: 80px;
    gap: 17px;
    margin: 0;
    border-radius: 14px;
    padding: 13px 18px 13px 12px;
    font-size: 12px;
    line-height: 1.55;
  }
  .format-built .honesty .icon { width: 42px; height: 42px; flex: 0 0 42px; }
  .format-built .honesty br { display: block; }
  .format-built .format-wheel {
    position: absolute;
    top: 37.65%;
    left: 0;
    display: block;
    width: 100%;
    min-height: 0;
    height: 48.3%;
    margin: 0;
  }
  .format-built .format-wheel::before {
    display: block;
    inset: 21% 20% 18%;
    border-width: 1px;
  }
  .format-built .wheel-center {
    position: absolute;
    z-index: 2;
    top: 46.5%;
    left: 50%;
    display: flex;
    width: 145px;
    height: 145px;
    margin: 0;
    transform: translate(-50%, -50%);
  }
  .format-built .wheel-center .icon { width: 39px; height: 39px; margin-bottom: 10px; }
  .format-built .wheel-center b { font-size: 16px; line-height: 1.15; }
  .format-built .wheel-center small { margin-top: 8px; font-size: 9px; line-height: 1.35; }
  .format-built .wheel-card,
  .format-built .wc1,
  .format-built .wc2,
  .format-built .wc3,
  .format-built .wc4,
  .format-built .wc5,
  .format-built .wc6 {
    position: absolute;
    display: block;
    min-height: 0;
    margin: 0;
    border-radius: 9px;
    padding: 55px 13px 12px;
    transform: none;
  }
  .format-built .wheel-card > b {
    top: 14px;
    left: 14px;
    border-radius: 7px;
    padding: 8px 9px;
    font-size: 16px;
  }
  .format-built .wheel-card > .icon { top: 22px; right: 13px; width: 34px; height: 34px; }
  .format-built .wheel-card h3 { margin: 0 0 9px; font-size: 13px; line-height: 1.25; }
  .format-built .wheel-card p { font-size: 8.5px; line-height: 1.4; }
  .format-built .wc3 h3,
  .format-built .wc4 h3 { font-size: 11.5px; }
  .format-built .wc3 p { font-size: 7.5px; }
  .format-built .wc1 { top: 0; left: 9.6%; width: 30.4%; height: 140px; }
  .format-built .wc2 { top: 0; right: 9.9%; width: 30%; height: 140px; }
  .format-built .wc3 { top: 37.6%; left: 3.5%; width: 25.3%; height: 151px; padding-left: 9px; padding-right: 9px; }
  .format-built .wc4 { top: 37.6%; right: 3.6%; width: 25.4%; height: 151px; padding-left: 12px; padding-right: 10px; }
  .format-built .wc5 { bottom: 0; left: 12%; width: 27.8%; height: 149px; }
  .format-built .wc6 { right: 12.5%; bottom: 0; left: auto; width: 28.2%; height: 149px; }
  .format-built .hand-note--left {
    position: absolute;
    z-index: 5;
    top: auto;
    right: auto;
    bottom: 7.5%;
    left: 20.5%;
    display: flex;
    width: 67%;
    gap: 8px;
    margin: 0;
    font-size: 16px;
    line-height: 1.45;
    transform: rotate(-2deg);
  }
  .format-built .hand-note--left img { width: 55px; margin-top: 8px; }

  .screen.changes-built {
    width: 100%;
    min-height: 0;
    aspect-ratio: 768 / 2048;
    overflow: hidden;
    padding: 0;
    background: #f9fbff;
  }
  .changes-built__background {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .changes-built .changes__shell {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    min-height: 0;
    margin: 0;
    padding: 0;
  }
  .changes-built .changes__copy {
    position: absolute;
    inset: 0;
    padding: 0;
    transform: none;
  }
  .changes-built h2 {
    position: absolute;
    top: 6.8%;
    left: 14.3%;
    width: 80%;
    margin: 0;
    font-size: 37px;
    line-height: 1.05;
  }
  .changes-built .section-intro {
    position: absolute;
    top: 22.7%;
    left: 14.3%;
    width: 76%;
    margin: 0;
    font-size: 12px;
    line-height: 1.65;
  }
  .changes-built .section-intro br { display: none; }
  .changes-built .change-map {
    position: absolute;
    top: 31.15%;
    left: 0;
    display: block;
    width: 100%;
    height: 61.75%;
    min-height: 0;
    margin: 0;
  }
  .changes-built .change-map::before {
    display: block;
    inset: 27% 17.7% 20%;
    border-width: 1px;
  }
  .changes-built .change-center {
    position: absolute;
    z-index: 5;
    top: 47.2%;
    left: 50%;
    display: flex;
    width: 155px;
    height: 155px;
    margin: 0;
    transform: translate(-50%, -50%);
  }
  .changes-built .change-center .icon { width: 44px; height: 44px; margin-bottom: 11px; }
  .changes-built .change-center b { font-size: 17px; line-height: 1.2; }
  .changes-built .change-center small { margin-top: 9px; font-size: 9px; line-height: 1.35; }
  .changes-built .change-card,
  .changes-built .cc1,
  .changes-built .cc2,
  .changes-built .cc3,
  .changes-built .cc4 {
    position: absolute;
    display: block;
    width: 38.9%;
    min-height: 0;
    margin: 0;
    border-radius: 13px;
    padding: 70px 14px 16px;
  }
  .changes-built .change-card > b {
    top: 18px;
    left: 14px;
    border-radius: 8px;
    padding: 9px 10px;
    font-size: 16px;
  }
  .changes-built .change-card > .icon { top: 21px; right: 15px; width: 39px; height: 39px; }
  .changes-built .change-card h3,
  .changes-built .change-card p { margin: 0; font-size: 13px; line-height: 1.35; }
  .changes-built .change-card hr { margin: 12px 0; }
  .changes-built .cc1 { top: 0; left: 6.6%; height: 246px; }
  .changes-built .cc2 { top: 0; right: 6.6%; left: auto; height: 246px; }
  .changes-built .cc3 { bottom: 0; left: 6.6%; height: 279px; }
  .changes-built .cc4 { right: 6.6%; bottom: 0; left: auto; height: 279px; }

  .screen.cases-built {
    width: 100%;
    min-height: 0;
    aspect-ratio: 768 / 2048;
    overflow: hidden;
    padding: 0;
    background: #fff;
  }
  .cases-built__background { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
  .cases-built .cases__shell {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    min-height: 0;
    margin: 0;
    padding: 0;
  }
  .cases-built .cases__intro {
    position: absolute;
    top: 2.4%;
    left: 10%;
    width: 80%;
    padding: 0;
    text-align: center;
  }
  .cases-built h2 { margin: 0 0 14px; font-size: 25px; line-height: 1.05; }
  .cases-built .section-intro { margin: 0; font-size: 10.5px; line-height: 1.48; }
  .cases-built .case,
  .cases-built .case--site,
  .cases-built .case--upgrade,
  .cases-built .case--analysis,
  .cases-built .case--auto {
    position: absolute;
    left: 3.2%;
    display: grid;
    width: 93.6%;
    min-height: 0;
    overflow: hidden;
    border-radius: 13px;
    grid-template-columns: 35% 65%;
  }
  .cases-built .case--site { top: 15.3%; height: 20.1%; }
  .cases-built .case--upgrade { top: 36.3%; height: 20.9%; }
  .cases-built .case--analysis { top: 58.3%; height: 17.7%; }
  .cases-built .case--auto { top: 76.8%; height: 19.5%; grid-template-columns: 31% 69%; }
  .cases-built .case::after {
    content: "+";
    position: absolute;
    z-index: 4;
    top: 9px;
    right: 10px;
    display: grid;
    width: 25px;
    height: 25px;
    place-items: center;
    border: 1px solid currentColor;
    border-radius: 50%;
    background: rgba(255,255,255,.78);
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
  }
  .cases-built .case__copy,
  .cases-built .case--auto .case__copy {
    position: relative;
    display: flex;
    min-height: 0;
    height: 100%;
    flex-direction: column;
    padding: 51px 10px 11px 12px;
  }
  .cases-built .case__copy > b,
  .cases-built .case--auto .case__copy > b {
    top: 12px;
    left: 12px;
    border-radius: 7px;
    padding: 7px 8px;
    font-size: 16px;
  }
  .cases-built .case h3,
  .cases-built .case--auto h3 { margin: 0 0 10px; font-size: 13px; line-height: 1.25; }
  .cases-built .case p,
  .cases-built .case--auto p { margin: 0; font-size: 9px; line-height: 1.5; }
  .cases-built .case-link,
  .cases-built .case--auto .case-link {
    position: static;
    top: auto;
    min-height: 27px;
    gap: 7px;
    margin-top: auto;
    border-radius: 6px;
    padding: 0 7px;
    font-size: 8.5px;
  }
  .cases-built .case-link span { width: 17px; height: 17px; }
  .cases-built .case > img {
    width: 100%;
    height: 100%;
    min-height: 0;
    max-height: 100%;
    align-self: stretch;
    aspect-ratio: auto;
    object-fit: contain;
  }
  .cases-built .case--site > img { padding: 28px 20px 28px 0; }
  .cases-built .case--upgrade > img { padding: 22px 14px 22px 0; }
  .cases-built .case--analysis > img { padding: 24px 14px 18px 0; }
  .cases-built .case--auto .case__copy { padding-top: 50px; }
  .cases-built .case--auto h3 { font-size: 11.5px; overflow-wrap: normal; }
  .case-auto-flow {
    display: flex;
    min-width: 0;
    overflow: visible;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-around;
    gap: 3px;
    height: 100%;
    min-height: 0;
    overflow: hidden;
    padding: 32px 8px 25px 0;
  }
  .case-auto-flow > div {
    display: flex;
    width: 50px;
    height: 91px;
    min-height: 0;
    flex: 0 0 50px;
    border-radius: 9px;
    padding: 6px 4px;
  }
  .case-auto-flow > div:first-child,
  .case-auto-flow > div:first-child + i { display: none; }
  .cases-built .case-auto-flow img { width: 31px; height: 31px; margin-bottom: 5px; }
  .case-auto-flow b { font-size: 7px; line-height: 1.15; }
  .case-auto-flow small { margin-top: 5px; font-size: 5px; line-height: 1.25; }
  .case-auto-flow > i { display: block; font-size: 11px; }

  .screen.power-built {
    position: relative;
    display: block;
    width: 100%;
    min-height: 0;
    aspect-ratio: 941 / 1672;
    overflow: hidden;
    padding: 0;
    background: #0c1928;
  }
  .power-built__scene {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    object-fit: cover;
    object-position: center center;
    content: url('/assets/screen-7/photos/main_scene_mobile.png');
  }
  .power-built__note,
  .power-built__note--weak,
  .power-built__note--solution,
  .power-built__note--result,
  .power-built__note--truth {
    position: absolute;
    z-index: 2;
    display: flex;
    width: auto;
    min-height: 0;
    gap: 7px;
    border: 0;
    border-radius: 0;
    padding: 0;
    color: #29217f;
    background: transparent;
    font-size: 18px;
    line-height: 1.15;
    text-align: center;
  }
  .power-built__note img,
  .power-built__note--weak img,
  .power-built__note--solution img,
  .power-built__note--result img,
  .power-built__note--truth img { width: 48px; max-height: 43px; margin: 0; object-fit: contain; transform: none; }
  .power-built__note--weak { top: 15.2%; left: 4.3%; display: block; transform: rotate(-5deg); }
  .power-built__note--weak img { margin: 1px 0 0 55px; }
  .power-built__note--solution { top: 10.8%; right: 7%; left: auto; display: block; transform: rotate(4deg); }
  .power-built__note--solution img { margin: 3px 0 0 -38px; }
  .power-built__note--result { top: 33.2%; right: 1.7%; left: auto; align-items: center; transform: rotate(2deg); }
  .power-built__note--truth { top: auto; bottom: 22%; left: 3.8%; align-items: center; transform: rotate(-3deg); }
  .power-built__actions {
    position: absolute;
    z-index: 4;
    right: auto;
    bottom: 6.9%;
    left: 4.8%;
    display: grid;
    width: 90.5%;
    grid-template-columns: 1fr 1fr;
    gap: 7px;
    margin: 0;
  }
  .power-built__actions a {
    min-height: 80px;
    gap: 10px;
    border-radius: 14px;
    padding: 0 10px;
    font-size: 17px;
    line-height: 1.15;
    text-align: left;
  }
  .power-built__actions img { width: 43px; height: 43px; flex: 0 0 43px; padding: 8px; }

  .screen.faq-built {
    position: relative;
    width: 100%;
    min-height: 0;
    aspect-ratio: 768 / 2048;
    overflow: hidden;
    padding: 0;
    color: #fff;
    background: #071326;
  }
  .faq-built__scene {
    display: none;
  }
  .faq-built__mobile-scene {
    position: absolute;
    z-index: 1;
    top: 24.1%;
    left: 6%;
    display: block;
    width: 88%;
    height: 19.3%;
    overflow: hidden;
    border: 1px solid rgba(61,119,206,.45);
    border-radius: 17px;
  }
  .faq-built__mobile-scene img {
    position: absolute;
    top: 0;
    left: 13%;
    width: 150%;
    height: 150%;
    max-width: none;
    object-fit: cover;
  }
  .faq-built .faq__shell {
    position: absolute;
    z-index: 2;
    inset: 0;
    display: block;
    width: 100%;
    min-height: 0;
    margin: 0;
    padding: 0;
  }
  .faq-built .faq__content {
    position: absolute;
    inset: 0;
    width: 100%;
    padding: 0;
    background: transparent;
    box-shadow: none;
  }
  .faq-built .faq__lead-icon {
    position: absolute;
    top: 1.45%;
    left: 6.35%;
    width: 31px;
    height: 31px;
  }
  .faq-built h2 {
    position: absolute;
    top: 4.85%;
    left: 6.35%;
    width: 88%;
    margin: 0;
    font-size: 34px;
    line-height: 1.03;
  }
  .faq-built__title-desktop { display: none; }
  .faq-built__title-mobile { display: block; }
  .faq-built .faq__content > p {
    position: absolute;
    top: 18.25%;
    left: 6.35%;
    width: 86%;
    margin: 0;
    font-size: 14px;
    line-height: 1.55;
  }
  .faq-built .faq__content > p br { display: block; }
  .faq-built .accordion {
    position: absolute;
    top: 43.85%;
    left: 5.6%;
    display: grid;
    width: 88.8%;
    height: auto;
    grid-template-rows: 89px 105px 82px 95px 109px;
    gap: 6px;
    margin: 0;
  }
  .faq-built .accordion details { min-height: 0; overflow: hidden; border-radius: 12px; }
  .faq-built .accordion summary {
    display: grid;
    width: 100%;
    height: 100%;
    min-height: 0;
    grid-template-columns: 43px 1fr 29px;
    gap: 9px;
    padding: 10px 9px 9px 11px;
  }
  .faq-built .accordion summary > .icon:first-child { width: 42px; height: 42px; padding: 9px; }
  .faq-built .accordion summary > .icon:last-child { width: 28px; height: 28px; padding: 8px; }
  .faq-built .accordion b { font-size: 12px; line-height: 1.18; }
  .faq-built .accordion small { margin-top: 5px; font-size: 9.5px; line-height: 1.35; }
  .faq-built .faq__promise {
    position: absolute;
    right: auto;
    bottom: 3%;
    left: 5.5%;
    display: flex;
    width: 89%;
    min-height: 46px;
    gap: 10px;
    margin: 0;
    border-radius: 10px;
    padding: 8px 14px;
    font-size: 11.5px;
    line-height: 1.35;
    text-align: left;
  }
  .faq-built .faq__promise .icon { width: 27px; height: 27px; flex: 0 0 27px; }

  .screen.services-built {
    position: relative;
    width: 100%;
    min-height: 0;
    aspect-ratio: 887 / 1774;
    overflow: hidden;
    padding: 0;
    background: #f8faff;
  }
  .services-built__scene {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: .8;
    object-fit: cover;
    object-position: 68% center;
  }
  .services-built .services__shell {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    min-height: 0;
    margin: 0;
    padding: 0;
  }
  .services-built .services__copy { position: absolute; inset: 0; width: 100%; max-width: none; text-align: center; }
  .services-built .services__spark {
    position: absolute;
    top: 1.6%;
    left: calc(50% - 16px);
    width: 32px;
    height: 32px;
    margin: 0;
  }
  .services-built h2 {
    position: absolute;
    top: 8.15%;
    left: 7%;
    width: 86%;
    margin: 0;
    font-size: 27px;
    line-height: 1.14;
  }
  .services-built__title-desktop { display: none; }
  .services-built__title-mobile { display: block; }
  .services-built .section-intro {
    position: absolute;
    top: 17.8%;
    left: 8.5%;
    width: 83%;
    margin: 0;
    font-size: 12px;
    line-height: 1.55;
  }
  .services-built .btn--service {
    position: absolute;
    top: 27.5%;
    left: 21.2%;
    display: flex;
    width: 57.5%;
    min-width: 0;
    min-height: 42px;
    margin: 0;
    border-radius: 13px;
    padding: 0 20px;
    font-size: 12px;
  }
  .services-built .btn--service span { font-size: 23px; }
  .services-built__cards {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    margin: 0;
  }
  .service-card,
  .service-card--site,
  .service-card--business,
  .service-card--other {
    position: absolute;
    display: grid;
    width: 42%;
    min-height: 0;
    border-radius: 18px;
    padding: 18px 18px 14px;
  }
  .service-card--site { top: 36.1%; left: 42%; height: 20.5%; transform: rotate(7deg); }
  .service-card--business { top: 57%; left: 11.5%; height: 21.8%; transform: rotate(-8deg); }
  .service-card--other { top: 70.5%; left: 51%; width: 39%; height: 20.8%; padding: 14px 12px 10px; transform: rotate(8deg); }
  .service-card > .icon { width: 29px; height: 29px; }
  .service-card__number { border-radius: 7px; padding: 6px 8px; font-size: 12px; }
  .service-card h3 { margin: 17px 0 9px; font-size: 16px; line-height: 1.1; }
  .service-card__tags { gap: 5px; }
  .service-card__tags span { border-radius: 10px; padding: 4px 7px; font-size: 7px; }
  .service-card--other .service-card__tags { gap: 3px; }
  .service-card--other .service-card__tags span { padding: 2px 3px; font-size: 5.5px; }
  .service-card--other > .icon { width: 25px; height: 25px; }
  .service-card--other h3 { margin: 10px 0 7px; font-size: 14px; }
  .service-card--other p { margin-top: 8px; font-size: 7.5px; line-height: 1.35; }
  .service-card p { margin: 12px 0 0; font-size: 9px; line-height: 1.45; }
  .services-built .services__note {
    position: absolute;
    right: auto;
    bottom: 2.4%;
    left: 21.5%;
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0;
    font-size: 11px;
  }
  .services-built .services__note .icon { width: 23px; height: 23px; }

  .screen.contacts-built {
    position: relative;
    width: 100%;
    min-height: 0;
    aspect-ratio: 941 / 1672;
    overflow: hidden;
    padding: 0;
    background: #eef1f7;
  }
  .contacts-built__scene { position: absolute; inset: 0; width: 100%; height: 100%; opacity: .6; object-fit: cover; object-position: 75% top; }
  .contacts-built .contacts__shell {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    min-height: 0;
    margin: 0;
    padding: 0;
  }
  .contacts-built .contacts__copy { position: absolute; inset: 0; width: 100%; max-width: none; }
  .contacts-built .contact-star {
    position: absolute;
    top: 2.5%;
    left: 5.2%;
    width: 24px;
    height: 24px;
    padding: 5px;
    background: currentColor;
  }
  .contacts-built .contacts__copy::after {
    content: "✦";
    position: absolute;
    top: 2.35%;
    right: 3.8%;
    display: grid;
    width: 43px;
    height: 43px;
    place-items: center;
    border-radius: 50%;
    color: #1263f5;
    background: rgba(255,255,255,.72);
    box-shadow: 0 8px 18px rgba(40,66,125,.12);
    font-size: 26px;
  }
  .contacts-built h2 {
    position: absolute;
    top: 7.1%;
    left: 5.2%;
    margin: 0;
    font-size: 39px;
    line-height: 1;
  }
  .contacts-built .contacts__copy > .section-intro {
    position: absolute;
    top: 14.5%;
    left: 5.2%;
    width: 78%;
    margin: 0;
    border: 0;
    padding: 0;
    font-size: 13px;
    line-height: 1.5;
  }
  .contacts-built .contacts__copy > .section-intro::before { display: none; }
  .contacts-built .contacts__copy > .section-intro br { display: block; }
  .contacts-built .contact-point { display: none; }
  .contacts-built .contacts__cards {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    margin: 0;
  }
  .contacts-built .location-card,
  .contacts-built .legal-card,
  .contacts-built .contact-channel {
    border-width: 5px;
    border-radius: 17px;
  }
  .contacts-built .location-card {
    position: absolute;
    top: 20.6%;
    left: 4.7%;
    display: grid;
    width: 90.6%;
    height: 35.8%;
    grid-template-columns: 1fr;
    grid-template-rows: 42% 58%;
  }
  .contacts-built .location-card > img { width: 100%; height: 100%; min-height: 0; object-fit: cover; }
  .contacts-built .location-card__info {
    display: grid;
    min-height: 0;
    grid-template-columns: 46px 1fr 19px;
    grid-template-rows: 1fr 1px 1fr;
    align-items: center;
    align-content: stretch;
    gap: 0 11px;
    padding: 7px 16px;
  }
  .contacts-built .location-card__info::after {
    content: "›";
    grid-column: 3;
    grid-row: 1;
    color: #2f78ff;
    font-size: 31px;
  }
  .contacts-built .location-card__info > .icon { grid-column: 1; grid-row: 1; width: 42px; height: 42px; padding: 10px; }
  .contacts-built .location-card__info > div { grid-column: 2; grid-row: 1; }
  .contacts-built .location-card__info h3 { margin: 0 0 6px; font-size: 16px; }
  .contacts-built .location-card__info p { font-size: 10px; line-height: 1.45; }
  .contacts-built .location-card__info hr { grid-column: 1 / -1; grid-row: 2; width: 100%; margin: 0; }
  .contacts-built .location-card__info > small {
    grid-column: 1 / 3;
    grid-row: 3;
    display: grid;
    grid-template-columns: 42px 1fr;
    align-items: center;
    font-size: 9px;
    line-height: 1.4;
  }
  .contacts-built .location-card__info > small::after { content: "›"; position: absolute; right: 16px; color: #2f78ff; font-size: 31px; }
  .contacts-built .location-card__info small .icon { width: 38px; height: 38px; padding: 10px; }
  .contacts-built .legal-card {
    position: absolute;
    top: 57.4%;
    left: 4.7%;
    width: 90.6%;
    height: 18.8%;
    margin: 0;
    padding: 5px 14px;
  }
  .contacts-built .legal-card__head {
    display: grid;
    min-height: 44px;
    grid-template-columns: 43px 1fr 16px;
    gap: 9px;
    padding-bottom: 0;
  }
  .contacts-built .legal-card__head::after { content: "›"; grid-column: 3; grid-row: 1; align-self: center; color: #2f78ff; font-size: 28px; }
  .contacts-built .legal-card__head > .icon { width: 41px; height: 41px; padding: 10px; }
  .contacts-built .legal-card__head h3 { margin: 0 0 5px; font-size: 16px; }
  .contacts-built .legal-card__head p { font-size: 9px; line-height: 1.35; }
  .contacts-built .legal-card__head > b { display: none; }
  .contacts-built .legal-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 0; margin-top: 4px; padding-top: 0; }
  .contacts-built .legal-grid p,
  .contacts-built .legal-grid p:nth-child(3) {
    display: grid;
    min-height: 0;
    grid-template-columns: 1fr;
    justify-items: center;
    margin: 0;
    border-left: 1px solid #dfe3ea;
    padding: 0 4px;
    text-align: center;
  }
  .contacts-built .legal-grid p:first-child { border-left: 0; padding-left: 4px; }
  .contacts-built .legal-grid .icon { grid-row: auto; width: 24px; height: 24px; padding: 5px; }
  .contacts-built .legal-grid b { margin-top: 4px; font-size: 8px; text-transform: uppercase; }
  .contacts-built .legal-grid small { margin-top: 2px; font-size: 7px; line-height: 1.2; }
  .contacts-built .contact-channel {
    position: absolute;
    top: 77.7%;
    left: 4.7%;
    display: grid;
    width: 90.6%;
    height: 15.2%;
    overflow: visible;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 45px 58px;
    gap: 8px 7px;
    margin: 0;
    border: 0;
    padding: 0;
    background: transparent;
    box-shadow: none;
  }
  .contacts-built .contact-channel > p {
    position: relative;
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: 43px 1fr 15px;
    align-items: center;
    margin: 0;
    border: 5px solid rgba(255,255,255,.88);
    border-radius: 15px;
    padding: 5px 13px;
    background: rgba(255,255,255,.78);
  }
  .contacts-built .contact-channel > p::after { content: "›"; grid-column: 3; grid-row: 1 / 3; color: #2f78ff; font-size: 28px; }
  .contacts-built .contact-channel > p .icon { grid-row: 1 / 3; width: 36px; height: 36px; padding: 8px; }
  .contacts-built .contact-channel > p b { font-size: 11px; }
  .contacts-built .contact-channel > p small { margin-top: 2px; font-size: 8.5px; }
  .contacts-built .contact-channel > .btn {
    display: grid;
    min-height: 0;
    height: 58px;
    grid-template-columns: 40px 1fr;
    border-radius: 13px;
    padding: 7px 12px;
  }
  .contacts-built .contact-channel > .btn .icon { width: 37px; height: 37px; }
  .contacts-built .contact-channel > .btn b { font-size: 12px; }
  .contacts-built .contact-channel > .btn small { margin-top: 4px; font-size: 8px; }
  .contacts-built .privacy {
    position: absolute;
    right: auto;
    bottom: 1.3%;
    left: 13.5%;
    display: grid;
    width: 73%;
    grid-template-columns: 1fr auto auto 1fr;
    gap: 8px;
    margin: 0;
    font-size: 9px;
  }
  .contacts-built .privacy .icon { width: 19px; height: 19px; }
}

@media (max-width: 359px) {
  .hero-built__eyebrow { font-size: 2.865vw; }
  .hero-built h1 { font-size: 5.99vw; }
  .hero-built__lead { font-size: 2.474vw; }
  .hero-built__actions { gap: 2.865vw; }
  .hero-built__button,
  .hero-built__button--telegram,
  .hero-built__button--vk { min-height: 9.115vw; gap: 2.604vw; padding: 0 2.604vw; font-size: 2.604vw; }
  .hero-built__button img { width: 4.688vw; height: 4.688vw; }
  .hero-built__button--vk img { width: 5.469vw; }
  .hero-built__facts { gap: 3.646vw; }
  .hero-built__facts p { gap: 2.344vw; font-size: 2.474vw; }
  .hero-built__facts img { width: 7.292vw; height: 7.292vw; }
  .hero-built__logic { padding: 3.125vw 3.646vw; }
  .hero-built__logic p { grid-template-columns: 4.427vw 1fr 2.604vw 1fr; gap: 1.302vw; margin-bottom: 2.344vw; font-size: 2.083vw; }
  .hero-built__logic img { width: 4.167vw; height: 4.167vw; }
  .hero-built__services-intro { font-size: 4.948vw; }
  .hero-built__services-intro img { width: 19.792vw; height: 9.375vw; margin: 2.083vw 0 0 7.292vw; }
  .hero-built__service h2 { margin-bottom: 2.344vw; font-size: 2.734vw; }
  .hero-built__service p,
  .hero-built__service li { font-size: 2.214vw; }
  .hero-built__service-number { top: 3.646vw; right: 3.646vw; font-size: 4.948vw; }
  .hero-built__service-icon,
  .hero-built__service--analysis .hero-built__service-icon,
  .hero-built__service--site .hero-built__service-icon,
  .hero-built__service--improvement .hero-built__service-icon,
  .hero-built__service--automation .hero-built__service-icon { top: 2.865vw; width: 16.146vw; height: 16.146vw; }
  .hero-built__service > a,
  .hero-built__service--analysis > a,
  .hero-built__service--site > a,
  .hero-built__service--improvement > a,
  .hero-built__service--automation > a { min-height: 5.729vw; gap: 1.563vw; padding: 0 2.083vw; font-size: 2.083vw; }
  .hero-built__service--analysis { padding: 11.458vw 4.427vw 8.854vw 17.578vw; }
  .hero-built__service--analysis .hero-built__service-icon { top: 2.083vw; }
  .hero-built__service--analysis .hero-built__service-number { right: 4.948vw; }
  .hero-built__service--analysis > a { bottom: 3.646vw; left: 3.385vw; }
  .hero-built__service--site { padding: 17.708vw 3.125vw 9.115vw; }
  .hero-built__service--site .hero-built__service-icon { top: 1.302vw; }
  .hero-built__service--site h2,
  .hero-built__service--site p { top: -.781vw; }
  .hero-built__service--site .hero-built__service-number { right: 3.385vw; }
  .hero-built__service--site > a { left: 2.344vw; }
  .hero-built__service--improvement { padding: 11.198vw 3.906vw 8.854vw 16.797vw; }
  .hero-built__service--improvement .hero-built__service-icon { top: 2.344vw; }
  .hero-built__service--improvement .hero-built__service-number { right: 4.948vw; }
  .hero-built__service--improvement p { top: 21.354vw; right: 3.385vw; left: 3.385vw; }
  .hero-built__service--improvement > a { bottom: 3.385vw; left: 2.865vw; }
  .hero-built__service--automation { padding: 6.25vw 23.438vw 7.552vw 16.406vw; }
  .hero-built__service--automation .hero-built__service-icon { top: 1.823vw; width: 16.146vw; height: 16.146vw; }
  .hero-built__service--automation .hero-built__service-number { right: 4.688vw; }
  .hero-built__service--automation h2 { margin-bottom: 1.302vw; }
  .hero-built__service--automation > a { right: 9.115vw; bottom: 4.167vw; }
}

@media (min-width: 521px) and (max-width: 600px) {
  .hero-built.screen { min-height: 0; aspect-ratio: auto; padding: 0 24px 48px; background: #fff; }
  .hero-built__photo {
    position: relative;
    top: auto;
    left: auto;
    width: calc(100% + 48px);
    height: 440px;
    margin-left: -24px;
    object-fit: cover;
    object-position: 71% top;
    content: url('/assets/hero-1/hero_office_man_desktop_16x9.png');
  }
  .hero-built__copy {
    position: relative;
    inset: auto;
    width: min(760px, 100%);
    margin: -30px auto 0;
    border-radius: 8px;
    padding: 28px 24px;
    background: rgba(255,255,255,.97);
    box-shadow: 0 18px 42px rgba(52,90,168,.1);
  }
  .hero-built__eyebrow { position: static; width: auto; margin: 0 0 20px; font-size: 17px; }
  .hero-built h1 { position: static; width: auto; margin: 0 0 22px; font-size: 40px; line-height: 1.08; }
  .hero-built__title-desktop { display: inline; }
  .hero-built__title-mobile { display: none; }
  .hero-built h1 .hero-built__title-desktop br { display: block; }
  .hero-built__lead { position: static; width: 590px; max-width: 100%; font-size: 16px; line-height: 1.48; }
  .hero-built__actions { position: static; display: grid; width: auto; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 25px; }
  .hero-built__button,
  .hero-built__button--telegram,
  .hero-built__button--vk { width: 100%; min-height: 48px; gap: 10px; border-width: 2px; border-radius: 8px; padding: 0 12px; font-size: 13px; }
  .hero-built__button img { width: 23px; height: 23px; }
  .hero-built__button--vk img { width: 27px; }
  .hero-built__facts { position: static; width: auto; gap: 12px; margin-top: 24px; }
  .hero-built__facts p { gap: 13px; font-size: 13px; line-height: 1.38; }
  .hero-built__facts img { width: 38px; height: 38px; }
  .hero-built__logic { display: none; }
  .hero-built__services { position: relative; inset: auto; display: grid; width: 100%; grid-template-columns: 1fr; gap: 15px; margin: 38px auto 0; }
  .hero-built__services-intro { position: relative; top: auto; left: auto; width: auto; font-size: 21px; }
  .hero-built__services-intro img { width: 100px; height: auto; margin: 10px 0 0 60px; }
  .hero-built__service,
  .hero-built__service--analysis,
  .hero-built__service--site,
  .hero-built__service--improvement,
  .hero-built__service--automation {
    position: relative;
    top: auto;
    left: auto;
    width: auto;
    height: auto;
    min-height: 245px;
    border-radius: 8px;
    padding: 35px 28px 64px 124px;
  }
  .hero-built__service::after { width: 18px; height: 18px; }
  .hero-built__service h2 { margin-bottom: 9px; font-size: 19px; }
  .hero-built__service p,
  .hero-built__service li { position: static; font-size: 13px; line-height: 1.42; }
  .hero-built__service-icon,
  .hero-built__service--analysis .hero-built__service-icon,
  .hero-built__service--site .hero-built__service-icon,
  .hero-built__service--improvement .hero-built__service-icon,
  .hero-built__service--automation .hero-built__service-icon { top: 26px; left: 22px; width: 82px; height: 82px; }
  .hero-built__service-number { top: auto; right: 20px; bottom: 19px; font-size: 32px; }
  .hero-built__service > a,
  .hero-built__service--analysis > a,
  .hero-built__service--site > a,
  .hero-built__service--improvement > a,
  .hero-built__service--automation > a { right: auto; bottom: 19px; left: 124px; min-height: 34px; gap: 10px; padding: 0 15px; font-size: 12px; }
}

@media (max-width: 359px) {
  .pains-built__mobile-scene { border-radius: 7.813vw; }
  .pains-built h2 { font-size: 9.115vw; }
  .pains-built__intro { font-size: 3.125vw; }
  .pains-built__grid { gap: 3.646vw 2.865vw; }
  .pains-built__card { min-height: 42.708vw; border-radius: 3.646vw; padding: 7.813vw 4.167vw 4.167vw; }
  .pains-built__card i { top: 3.646vw; right: 3.906vw; width: 3.385vw; height: 3.385vw; }
  .pains-built__card i::after { top: .781vw; right: 4.427vw; width: 2.344vw; height: 2.344vw; }
  .pains-built__card h3 { margin-bottom: 3.385vw; font-size: 3.255vw; }
  .pains-built__card p { font-size: 2.474vw; }
  .pains-built__actions { gap: 2.083vw; }
  .pains-built__contact { min-height: 14.323vw; gap: 3.385vw; border-radius: 3.125vw; padding: 0 4.167vw; }
  .pains-built__contact img { width: 7.813vw; height: 7.813vw; }
  .pains-built__contact span { font-size: 2.865vw; }
  .pains-built__contact small { margin-top: .781vw; font-size: 2.344vw; }
  .pains-built__note { gap: 3.385vw; }
  .pains-built__note img { width: 13.802vw; margin-top: 2.865vw; }
  .pains-built__note p { font-size: 3.385vw; }
}

/* Keep the approved desktop composition on tablets and compact laptops. */
@media (min-width: 601px) {
  .screen.pains-built {
    width: 100%;
    min-height: 0;
    aspect-ratio: 1672 / 941;
    padding: 0;
    overflow: hidden;
    background: #f8faff;
  }
  .pains-built__scene {
    position: absolute;
    display: block;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    object-fit: cover;
    object-position: center;
  }
  .pains-built__mobile-scene { display: none; }
  .pains-built__dots { display: block; top: 8.5%; right: 3.8%; width: 11.5%; opacity: .55; }
  .pains-built__content {
    position: absolute;
    z-index: 2;
    top: 10%;
    left: 41.2%;
    width: 51.7%;
    margin: 0;
    border-radius: 0;
    padding: 0;
    background: transparent;
    box-shadow: none;
    transform: none;
  }
  .pains-built h2 {
    margin: 0 0 1.495vw;
    font-size: 3.648vw;
    line-height: 1.05;
  }
  .pains-built__intro { font-size: 1.136vw; line-height: 1.47; }
  .pains-built__intro br { display: block; }
  .pains-built__grid {
    display: grid;
    width: calc(100% + .778vw);
    grid-template-columns: 1.15fr 1fr;
    gap: 1.615vw 2.333vw;
    margin: 2.392vw 0 0 -.778vw;
  }
  .pains-built__card {
    min-height: 12.44vw;
    border-width: 1px;
    border-radius: .778vw;
    padding: 2.093vw 2.153vw;
    background: rgba(255,255,255,.72);
  }
  .pains-built__card i { top: 1.495vw; right: 1.675vw; width: 1.316vw; height: 1.316vw; border-width: 1px; }
  .pains-built__card i::after { top: .299vw; right: 1.615vw; width: .718vw; height: .718vw; }
  .pains-built__card h3 { margin-bottom: .897vw; font-size: 1.196vw; line-height: 1.22; }
  .pains-built__card p { font-size: .897vw; line-height: 1.5; }
  .pains-built__mobile-break { display: none; }
  .pains-built__desktop-break { display: block; }
  .pains-built__card p br { display: block; }
  .pains-built__actions {
    position: static;
    display: flex;
    width: auto;
    grid-template-columns: none;
    gap: .837vw;
    margin: 1.854vw 0 0 -9.8%;
  }
  .pains-built__contact {
    width: 16.567vw;
    min-height: 5.263vw;
    gap: 1.077vw;
    border-width: 1px;
    border-radius: .957vw;
    padding: 0 1.316vw;
  }
  .pains-built__contact img { width: 2.572vw; height: 2.572vw; }
  .pains-built__contact span { font-size: 1.017vw; }
  .pains-built__contact small { margin-top: .299vw; font-size: .778vw; }
  .pains-built__note {
    position: absolute;
    z-index: 2;
    right: 6.3%;
    bottom: 8.5%;
    left: auto;
    display: flex;
    width: auto;
    gap: 1.615vw;
    transform: none;
    transform: none;
  }
  .pains-built__note img { width: 5.502vw; margin-top: .897vw; }
  .pains-built__note p { font-size: 1.196vw; line-height: 1.55; }
}

@media (min-width: 601px) {
  .screen.process-built {
    width: 100%;
    min-height: 0;
    aspect-ratio: 1672 / 941;
    padding: 0;
    overflow: hidden;
    border-radius: 0;
    background: #f6f9ff;
  }
  .process-built__scene {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .process-built__curves { display: block; inset: 0 0 0 auto; width: 64%; height: 100%; opacity: .55; }
  .process-built__content {
    position: absolute;
    z-index: 3;
    top: 2.2%;
    left: 39.2%;
    width: 58.2%;
    margin: 0;
    border-radius: 0;
    padding: 0;
    background: transparent;
    box-shadow: none;
    transform: none;
  }
  .process-built .process-built__content { transform: none; }
  .process-built__pill {
    position: static;
    min-height: 2.273vw;
    border-radius: 1.196vw;
    padding: 0 1.136vw;
    font-size: 1.017vw;
  }
  .screen.process-built h2 {
    position: static;
    width: auto;
    margin: 1.136vw 0 1.077vw;
    font-size: 3.11vw;
    line-height: 1.08;
  }
  .process-built__title-desktop { display: inline; }
  .process-built__title-mobile { display: none; }
  .process-built__intro { position: static; width: auto; font-size: 1.136vw; line-height: 1.52; }
  .process-built__intro br { display: block; }
  .process-built__steps {
    position: static;
    display: grid;
    width: 104.5%;
    grid-template-columns: repeat(4, 1fr);
    gap: .598vw;
    margin: 2.153vw 0 0 -5.5%;
  }
  .process-built__step,
  .process-built__step--2,
  .process-built__step--3,
  .process-built__step--4 {
    display: grid;
    grid-template-columns: 4.067vw 1fr;
    column-gap: 1.077vw;
    min-height: 15.55vw;
    border-radius: 1.256vw;
    padding: 2.871vw 1.316vw 1.316vw 1.555vw;
  }
  .process-built__step::after { display: block; top: .897vw; right: -2.871vw; left: auto; width: 4.187vw; height: 3.11vw; transform: none; }
  .process-built__step:last-child::after { display: none; }
  .process-built__step > b { top: .538vw; left: .658vw; width: 2.333vw; height: 2.333vw; font-size: 1.017vw; }
  .process-built__step > img { width: 4.067vw; height: 4.067vw; margin: 0 0 1.077vw -.478vw; border-radius: 1.077vw; padding: .837vw; }
  .process-built__step h3 { min-height: 0; margin: .12vw 0 1.077vw; font-size: 1.077vw; line-height: 1.26; }
  .process-built__step h3 br { display: block; }
  .process-built__step p { position: static; grid-column: 1 / -1; font-size: .837vw; line-height: 1.5; }
  .process-built__step p br { display: block; }
  .process-built__step--1 { transform: none; }
  .process-built__step--2 { transform: translateY(3.289vw); }
  .process-built__step--3 { transform: translateY(1.734vw); }
  .process-built__step--4 { transform: translateY(5.024vw); }
  .process-built__chat {
    top: auto;
    right: auto;
    bottom: 9.1%;
    left: 5.1%;
    width: 17.285vw;
    border-radius: 1.196vw;
    padding: 0 .718vw 1.136vw;
    transform: none;
  }
  .process-built__chat header { height: 4.366vw; gap: .598vw; padding: 0 .299vw; }
  .process-built__chat header > img { width: 2.273vw; height: 2.273vw; }
  .process-built__chat header strong { font-size: .957vw; }
  .process-built__chat header small { margin-top: .239vw; font-size: .718vw; }
  .process-built__chat header span { font-size: 1.375vw; }
  .process-built__chat header .process-built__back { margin-right: -.18vw; font-size: 1.734vw; }
  .process-built__chat > p { min-height: 6.938vw; margin-bottom: .718vw; border-radius: .897vw; padding: 1.077vw .837vw 1.794vw; font-size: .837vw; line-height: 1.4; }
  .process-built__chat > p:last-child { margin-left: 2.033vw; }
  .process-built__chat time { right: .718vw; bottom: .598vw; font-size: .718vw; }
  .process-built__result {
    position: absolute;
    z-index: 5;
    top: auto;
    left: 24.6%;
    bottom: 2.9%;
    display: grid;
    width: 71.8%;
    min-height: 11.483vw;
    grid-template-columns: 5.383vw 1.45fr 1fr .86fr;
    gap: 0;
    border-radius: 1.316vw;
    padding: 1.375vw 1.794vw;
  }
  .process-built__check { display: block; width: 3.828vw; height: 3.828vw; border-radius: .957vw; padding: .837vw; }
  .process-built__result-copy { border-right: 1px solid rgba(49,73,125,.12); padding-right: 1.555vw; }
  .process-built__result-copy h3 { margin: 0 0 .778vw; text-align: left; font-size: .957vw; }
  .process-built__result-copy ul { font-size: .778vw; line-height: 1.45; }
  .process-built__result-copy li::before { width: .837vw; height: .837vw; margin-right: .478vw; font-size: .538vw; }
  .process-built__actions { grid-column: auto; display: grid; grid-template-columns: 1fr; gap: .598vw; border-right: 1px solid rgba(49,73,125,.12); padding: 0 1.675vw; }
  .process-built__actions a { min-height: 3.589vw; gap: .957vw; border-radius: .598vw; font-size: .897vw; }
  .process-built__actions img { width: 1.555vw; height: 1.555vw; }
  .process-built__promise { grid-column: auto; min-height: 0; gap: .897vw; border-top: 0; margin: 0; padding: 0 0 0 1.675vw; font-size: .837vw; line-height: 1.45; background: transparent; }
  .process-built__promise img { width: 2.751vw; height: 2.751vw; }
}

@media (max-width: 600px) {
  .process-built__pill { min-height: 5.469vw; border-radius: 3.125vw; padding: 0 2.344vw; font-size: 2.604vw; }
  .process-built__title-mobile > b { font-size: 5.99vw; }
  .process-built__title-mobile > span { font-size: 5.208vw; }
  .process-built__intro { font-size: 2.734vw; }
  .process-built__chat { border-radius: 3.125vw; padding: 0 2.083vw 2.604vw; }
  .process-built__chat header { height: 9.375vw; gap: 1.563vw; padding: 0 .781vw; }
  .process-built__chat header > img { width: 6.25vw; height: 6.25vw; }
  .process-built__chat header strong { font-size: 2.344vw; }
  .process-built__chat header small { margin-top: .521vw; font-size: 2.083vw; }
  .process-built__chat header span { font-size: 3.385vw; }
  .process-built__chat header .process-built__back { margin-right: -.521vw; font-size: 4.427vw; }
  .process-built__chat > p { min-height: 18.75vw; margin-bottom: 2.083vw; border-radius: 2.344vw; padding: 2.865vw 2.344vw 4.688vw; font-size: 2.344vw; }
  .process-built__chat > p:last-child { margin-left: 5.99vw; }
  .process-built__chat time { right: 2.083vw; bottom: 1.563vw; font-size: 2.083vw; }
  .process-built__steps { gap: 1.823vw; }
  .process-built__step,
  .process-built__step--2,
  .process-built__step--3,
  .process-built__step--4 {
    grid-template-columns: 12.5vw 1fr;
    column-gap: 2.083vw;
    min-height: 20.833vw;
    border-radius: 3.646vw;
    padding: 3.906vw 3.385vw 2.604vw 9.896vw;
  }
  .process-built__step::after { top: 15.365vw; left: -6.51vw; width: 7.292vw; height: 8.073vw; }
  .process-built__step > b { top: 1.823vw; left: 1.823vw; width: 5.729vw; height: 5.729vw; font-size: 2.604vw; }
  .process-built__step > img { width: 11.979vw; height: 11.979vw; border-radius: 2.865vw; padding: 2.344vw; }
  .process-built__step h3 { margin: .781vw 0 1.563vw; font-size: 2.865vw; }
  .process-built__step p { top: 10.417vw; right: 3.125vw; left: 14.844vw; font-size: 2.214vw; }
  .process-built__step--3 p { top: 13.542vw; }
  .process-built__step--4 p { top: 12.24vw; }
  .process-built__result { gap: 2.083vw; border-radius: 3.646vw; padding: 3.646vw 6.771vw; }
  .process-built__result-copy h3 { margin-bottom: 2.865vw; font-size: 3.125vw; }
  .process-built__result-copy ul { font-size: 2.604vw; }
  .process-built__result-copy li::before { width: 3.125vw; height: 3.125vw; margin-right: 2.083vw; font-size: 1.823vw; }
  .process-built__actions { gap: 1.563vw; }
  .process-built__actions a { min-height: 9.115vw; gap: 2.865vw; border-radius: 1.823vw; font-size: 2.865vw; }
  .process-built__actions img { width: 5.208vw; height: 5.208vw; }
  .process-built__promise { min-height: 11.198vw; gap: 3.125vw; padding: 2.344vw 2.865vw 0; font-size: 2.604vw; }
  .process-built__promise img { width: 7.292vw; height: 7.292vw; }
}

@media (min-width: 601px) {
  .screen.format-built { width: 100%; min-height: 0; aspect-ratio: 1672 / 941; padding: 0; overflow: hidden; background: #f9fbff; }
  .format-built__background { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
  .format-built .format__shell {
    position: relative;
    inset: auto;
    z-index: 2;
    display: grid;
    width: 84.928vw;
    min-height: 100%;
    grid-template-columns: 38% 62%;
    align-items: center;
    margin: 0 auto;
    padding: 0;
    transform: none;
  }
  .format-built .format__copy { position: relative; inset: auto; padding-left: 1.555vw; transform: translateY(2.871vw); }
  .format-built h2 { position: static; width: 35.885vw; margin: 0 0 2.153vw; font-size: 4.306vw; line-height: 1.08; }
  .format-built .section-intro { position: static; width: auto; font-size: 1.077vw; line-height: 1.45; }
  .format-built .honesty {
    position: static;
    display: flex;
    width: 25.718vw;
    min-height: 0;
    gap: 1.555vw;
    margin: 2.691vw 0 0 -1.495vw;
    border-radius: 1.077vw;
    padding: 1.495vw;
    font-size: 1.077vw;
    line-height: 1.45;
  }
  .format-built .honesty .icon { width: 2.99vw; height: 2.99vw; flex: 0 0 2.99vw; }
  .format-built .hand-note--left {
    position: relative;
    inset: auto;
    display: flex;
    width: auto;
    gap: 1.077vw;
    margin: 2.691vw 0 0 4.485vw;
    font-size: 1.136vw;
    line-height: 1.55;
    transform: rotate(-2deg);
  }
  .format-built .hand-note--left img { width: 5.263vw; margin-top: -.478vw; }
  .format-built .format-wheel {
    position: relative;
    inset: auto;
    display: block;
    width: auto;
    height: auto;
    min-height: 56.28vw;
    margin: 0;
    transform: none;
  }
  .format-built .format-wheel::before { display: block; inset: 13.457vw 4.306vw; }
  .format-built .wheel-center {
    position: absolute;
    top: 50%;
    left: 52.2%;
    display: flex;
    width: 15.55vw;
    height: 15.55vw;
    margin: 0;
    transform: translate(-50%, -50%);
  }
  .format-built .wheel-center .icon { width: 3.11vw; height: 3.11vw; margin-bottom: .837vw; }
  .format-built .wheel-center b { font-size: 1.675vw; }
  .format-built .wheel-center small { margin-top: .718vw; font-size: .837vw; }
  .format-built .wheel-card,
  .format-built .wc1,
  .format-built .wc2,
  .format-built .wc3,
  .format-built .wc4,
  .format-built .wc5,
  .format-built .wc6 {
    position: absolute;
    display: block;
    width: 13.158vw;
    height: auto;
    min-height: 13.636vw;
    margin: 0;
    border-radius: .837vw;
    padding: 3.23vw 1.316vw 1.196vw;
    transform: none;
  }
  .format-built .wheel-card > b { top: .837vw; left: .897vw; border-radius: .478vw; padding: .419vw .598vw; font-size: .957vw; }
  .format-built .wheel-card > .icon { top: 1.734vw; right: 1.316vw; width: 2.512vw; height: 2.512vw; }
  .format-built .wheel-card h3,
  .format-built .wc3 h3,
  .format-built .wc4 h3 { margin: 0 0 .598vw; font-size: 1.196vw; line-height: 1.25; }
  .format-built .wheel-card p,
  .format-built .wc3 p { font-size: .778vw; line-height: 1.45; }
  .format-built .wc1 { top: 5.383vw; left: 9.569vw; }
  .format-built .wc2 { top: 5.203vw; right: 6.579vw; }
  .format-built .wc3 { top: 24.222vw; right: -2.273vw; }
  .format-built .wc4 { right: 6.28vw; bottom: 4.187vw; }
  .format-built .wc5 { bottom: 4.187vw; left: 13.756vw; }
  .format-built .wc6 { top: 27.512vw; left: .299vw; }
}

@media (max-width: 600px) {
  .screen.format-built { border-radius: 7.813vw; }
  .format-built h2 { font-size: 9.635vw; }
  .format-built .section-intro { font-size: 3.125vw; }
  .format-built .honesty { min-height: 20.833vw; gap: 4.427vw; border-radius: 3.646vw; padding: 3.385vw 4.688vw 3.385vw 3.125vw; font-size: 3.125vw; }
  .format-built .honesty .icon { width: 10.938vw; height: 10.938vw; flex-basis: 10.938vw; }
  .format-built .wheel-center { width: 37.76vw; height: 37.76vw; }
  .format-built .wheel-center .icon { width: 10.156vw; height: 10.156vw; margin-bottom: 2.604vw; }
  .format-built .wheel-center b { font-size: 4.167vw; }
  .format-built .wheel-center small { margin-top: 2.083vw; font-size: 2.344vw; }
  .format-built .wheel-card,
  .format-built .wc1,
  .format-built .wc2,
  .format-built .wc3,
  .format-built .wc4,
  .format-built .wc5,
  .format-built .wc6 { border-radius: 2.344vw; padding: 14.323vw 3.385vw 3.125vw; }
  .format-built .wheel-card > b { top: 3.646vw; left: 3.646vw; border-radius: 1.823vw; padding: 2.083vw 2.344vw; font-size: 4.167vw; }
  .format-built .wheel-card > .icon { top: 5.729vw; right: 3.385vw; width: 8.854vw; height: 8.854vw; }
  .format-built .wheel-card h3 { margin-bottom: 2.344vw; font-size: 3.385vw; }
  .format-built .wheel-card p { font-size: 2.214vw; }
  .format-built .wc3 h3,
  .format-built .wc4 h3 { font-size: 2.995vw; }
  .format-built .wc3 p { font-size: 1.953vw; }
  .format-built .wc1,
  .format-built .wc2 { height: 36.458vw; }
  .format-built .wc3,
  .format-built .wc4 { height: 39.323vw; }
  .format-built .wc5,
  .format-built .wc6 { height: 38.802vw; }
  .format-built .wc3 { padding-right: 2.344vw; padding-left: 2.344vw; }
  .format-built .wc4 { padding-right: 2.604vw; padding-left: 3.125vw; }
  .format-built .hand-note--left { gap: 2.083vw; font-size: 4.167vw; }
  .format-built .hand-note--left img { width: 14.323vw; margin-top: 2.083vw; }
}

@media (min-width: 601px) {
  .screen.changes-built { width: 100%; min-height: 0; aspect-ratio: 1672 / 941; padding: 0; overflow: hidden; background: #f9fbff; }
  .changes-built__background { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
  .changes-built .changes__shell {
    position: relative;
    inset: auto;
    z-index: 2;
    display: grid;
    width: 84.928vw;
    min-height: 100%;
    grid-template-columns: 38% 62%;
    align-items: center;
    margin: 0 auto;
    padding: 0;
    transform: none;
  }
  .changes-built .changes__copy { position: relative; inset: auto; padding-left: 1.555vw; transform: translateY(-4.187vw); }
  .changes-built h2 { position: static; width: auto; margin: 0 0 1.615vw; font-size: 4.306vw; line-height: 1.08; }
  .changes-built .section-intro { position: static; width: auto; font-size: 1.077vw; line-height: 1.45; }
  .changes-built .change-map {
    position: relative;
    inset: auto;
    display: block;
    width: auto;
    height: auto;
    min-height: 47.847vw;
    margin: 0;
    transform: none;
  }
  .changes-built .change-map::before { display: block; inset: 10.167vw 3.469vw; }
  .changes-built .change-center {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    display: flex;
    width: 15.55vw;
    height: 15.55vw;
    margin: 0;
    transform: translate(-50%, -50%);
  }
  .changes-built .change-center .icon { width: 3.11vw; height: 3.11vw; margin-bottom: .837vw; }
  .changes-built .change-center b { font-size: 1.675vw; }
  .changes-built .change-center small { margin-top: .718vw; font-size: .837vw; }
  .changes-built .change-card,
  .changes-built .cc1,
  .changes-built .cc2,
  .changes-built .cc3,
  .changes-built .cc4 {
    position: absolute;
    display: block;
    width: 17.943vw;
    height: auto;
    min-height: 17.943vw;
    margin: 0;
    border-radius: .837vw;
    padding: 4.187vw 1.675vw 1.435vw;
    transform: none;
  }
  .changes-built .change-card > b { top: 1.196vw; left: 1.196vw; border-radius: .478vw; padding: .478vw .718vw; font-size: .957vw; }
  .changes-built .change-card > .icon { top: 1.974vw; right: 1.675vw; width: 2.691vw; height: 2.691vw; }
  .changes-built .change-card h3,
  .changes-built .change-card p { margin: 0; font-size: 1.196vw; line-height: 1.35; }
  .changes-built .change-card hr { margin: .718vw 0; }
  .changes-built .cc1 { top: .897vw; left: 2.392vw; }
  .changes-built .cc2 { top: .897vw; right: 0; left: auto; }
  .changes-built .cc3 { bottom: 0; left: 2.153vw; }
  .changes-built .cc4 { right: -.897vw; bottom: .478vw; left: auto; }
}

@media (max-width: 600px) {
  .changes-built h2 { font-size: 9.635vw; }
  .changes-built .section-intro { font-size: 3.125vw; }
  .changes-built .change-map { top: 31.7%; height: 62.8%; }
  .changes-built .change-center { width: 40.365vw; height: 40.365vw; }
  .changes-built .change-center .icon { width: 11.458vw; height: 11.458vw; margin-bottom: 2.865vw; }
  .changes-built .change-center b { font-size: 4.427vw; }
  .changes-built .change-center small { margin-top: 2.344vw; font-size: 2.344vw; }
  .changes-built .change-card,
  .changes-built .cc1,
  .changes-built .cc2,
  .changes-built .cc3,
  .changes-built .cc4 { border-radius: 3.385vw; padding: 18.229vw 3.646vw 4.167vw; }
  .changes-built .change-card > b { top: 4.688vw; left: 3.646vw; border-radius: 2.083vw; padding: 2.344vw 2.604vw; font-size: 4.167vw; }
  .changes-built .change-card > .icon { top: 5.469vw; right: 3.906vw; width: 10.156vw; height: 10.156vw; }
  .changes-built .change-card h3,
  .changes-built .change-card p { font-size: 3.385vw; }
  .changes-built .change-card hr { margin: 3.125vw 0; }
  .changes-built .cc1,
  .changes-built .cc2 { height: 64.063vw; }
  .changes-built .cc3,
  .changes-built .cc4 { height: 72.656vw; }
}

@media (min-width: 601px) {
  .screen.cases-built { width: 100%; min-height: 0; aspect-ratio: 1672 / 941; padding: 0; overflow: hidden; background: #fff; }
  .cases-built__background { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
  .cases-built .cases__shell { position: absolute; inset: 0; display: block; width: 100%; min-height: 100%; margin: 0; padding: 0; transform: none; }
  .cases-built .cases__intro { position: absolute; top: 9%; left: 7.7%; width: auto; padding: 0; text-align: left; }
  .cases-built h2 { margin: 0 0 1.375vw; font-size: 3.23vw; line-height: 1.08; }
  .cases-built .section-intro { margin: 0; font-size: 1.017vw; line-height: 1.52; }
  .cases-built .case,
  .cases-built .case--site,
  .cases-built .case--upgrade,
  .cases-built .case--analysis,
  .cases-built .case--auto {
    position: absolute;
    display: grid;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    border-radius: 1.077vw;
    background: rgba(255,255,255,.78);
  }
  .cases-built .case--site { top: 3.4%; left: 45.6%; width: 48.2%; height: 36.1%; grid-template-columns: 34% 66%; }
  .cases-built .case--upgrade { top: 42.7%; left: 4.8%; width: 43%; height: 32.8%; grid-template-columns: 30% 70%; }
  .cases-built .case--analysis { top: 40.7%; left: 49.7%; width: 44.5%; height: 33.6%; grid-template-columns: 30% 70%; }
  .cases-built .case--auto { top: 75.6%; left: 17.8%; width: 74.2%; height: 23.6%; grid-template-columns: 27% 73%; }
  .cases-built .case::after { display: none; }
  .cases-built .case__copy,
  .cases-built .case--auto .case__copy { position: relative; display: flex; min-height: 0; height: 100%; flex-direction: column; padding: 4.665vw 1.077vw 1.196vw 1.675vw; }
  .cases-built .case__copy > b,
  .cases-built .case--auto .case__copy > b { top: 1.316vw; left: 1.435vw; border-radius: .478vw; padding: .478vw .598vw; font-size: 1.435vw; }
  .cases-built .case h3,
  .cases-built .case--auto h3 { margin: 0 0 1.017vw; font-size: 1.316vw; line-height: 1.23; }
  .cases-built .case p,
  .cases-built .case--auto p { margin: 0; font-size: .897vw; line-height: 1.46; }
  .cases-built .case-link,
  .cases-built .case--auto .case-link { position: static; min-height: 3.11vw; gap: .598vw; margin-top: auto; border-radius: .598vw; padding: 0 .837vw; font-size: .897vw; }
  .cases-built .case-link span { width: 1.675vw; height: 1.675vw; }
  .cases-built .case > img { width: 100%; height: 100%; min-height: 0; max-height: none; padding: 0; align-self: stretch; aspect-ratio: auto; object-fit: cover; }
  .cases-built .case--auto .case__copy { padding: 3.708vw 1.077vw .957vw 1.675vw; }
  .cases-built .case--auto .case__copy > b { top: 1.077vw; }
  .cases-built .case--auto h3 {
    margin-bottom: .478vw;
    font-size: 1.08vw;
    line-height: 1.16;
  }
  .cases-built .case--auto p {
    font-size: .62vw;
    line-height: 1.32;
  }
  .cases-built .case--auto .case-link {
    position: relative;
    top: -.36vw;
    min-height: 2.512vw;
  }
  .case-auto-flow { display: flex; min-width: 0; height: auto; align-items: center; justify-content: space-around; gap: .478vw; overflow: visible; padding: 1.077vw 1.316vw; }
  .case-auto-flow > div { display: flex; width: 6.938vw; height: auto; min-height: 9.928vw; flex: 0 0 6.938vw; border-radius: .957vw; padding: .718vw .478vw; }
  .case-auto-flow > div:first-child,
  .case-auto-flow > div:first-child + i { display: flex; }
  .cases-built .case-auto-flow img { width: 3.23vw; height: 3.23vw; margin-bottom: .478vw; }
  .case-auto-flow b { font-size: .778vw; }
  .case-auto-flow small { margin-top: .419vw; font-size: .538vw; }
  .case-auto-flow > i { display: block; font-size: 1.316vw; }
}

@media (max-width: 600px) {
  .cases-built h2 { margin-bottom: 2.083vw; font-size: 6.25vw; }
  .cases-built .section-intro { font-size: 2.734vw; }
  .cases-built .case,
  .cases-built .case--site,
  .cases-built .case--upgrade,
  .cases-built .case--analysis,
  .cases-built .case--auto { left: 3.2%; width: 92.6%; border-radius: 3.385vw; }
  .cases-built .case--site { top: 15.3%; height: 20.3%; grid-template-columns: 37% 63%; }
  .cases-built .case--upgrade { top: 37%; height: 21%; }
  .cases-built .case--analysis { top: 59.1%; height: 17.7%; }
  .cases-built .case--auto { top: 78%; height: 19.5%; }
  .cases-built .case::after { top: 2.344vw; right: 2.604vw; width: 6.51vw; height: 6.51vw; font-size: 5.208vw; }
  .cases-built .case__copy,
  .cases-built .case--auto .case__copy { padding: 13.281vw 2.604vw 2.865vw 3.125vw; }
  .cases-built .case__copy > b,
  .cases-built .case--auto .case__copy > b { top: 3.125vw; left: 3.125vw; border-radius: 1.823vw; padding: 1.823vw 2.083vw; font-size: 4.167vw; }
  .cases-built .case h3,
  .cases-built .case--auto h3 { margin-bottom: 2.604vw; font-size: 3.385vw; }
  .cases-built .case p,
  .cases-built .case--auto p { font-size: 2.344vw; }
  .cases-built .case-link,
  .cases-built .case--auto .case-link { min-height: 7.031vw; gap: 1.823vw; border-radius: 1.563vw; padding: 0 1.823vw; font-size: 2.214vw; }
  .cases-built .case-link span { width: 4.427vw; height: 4.427vw; }
  .cases-built .case--site > img { padding: 7.292vw 5.208vw 7.292vw 0; }
  .cases-built .case--upgrade > img { padding: 5.729vw 3.646vw 5.729vw 0; }
  .cases-built .case--analysis > img { padding: 6.25vw 3.646vw 4.688vw 0; }
  .cases-built .case--auto .case__copy { padding-top: 13.021vw; }
  .cases-built .case--auto h3 { font-size: 2.995vw; }
  .case-auto-flow { gap: .781vw; padding: 8.333vw 2.083vw 6.51vw 0; }
  .case-auto-flow > div { width: 13.021vw; height: 23.698vw; flex-basis: 13.021vw; border-radius: 2.344vw; padding: 1.563vw 1.042vw; }
  .case-auto-flow > div:first-child,
  .case-auto-flow > div:first-child + i { display: none; }
  .cases-built .case-auto-flow img { width: 8.073vw; height: 8.073vw; margin-bottom: 1.302vw; }
  .case-auto-flow b { font-size: 1.823vw; }
  .case-auto-flow small { margin-top: 1.302vw; font-size: 1.302vw; }
  .case-auto-flow > i { font-size: 2.865vw; }
}

/* Screen 07 final responsive geometry: preserve the approved poster at every width. */
@media (min-width: 601px) {
  .screen.power-built {
    position: relative;
    display: block;
    width: 100%;
    min-height: 0;
    aspect-ratio: 1672 / 941;
    overflow: hidden;
    padding: 0;
    background: #e7c8a7;
  }
  .power-built__scene {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    object-fit: cover;
    object-position: center;
    content: normal;
  }
  .power-built__note,
  .power-built__note--weak,
  .power-built__note--solution,
  .power-built__note--result,
  .power-built__note--truth {
    position: absolute;
    z-index: 2;
    display: flex;
    width: auto;
    min-height: 0;
    gap: 1.435vw;
    border: 0;
    border-radius: 0;
    padding: 0;
    color: #29217f;
    background: transparent;
    font-size: 2.333vw;
    line-height: 1.2;
    text-align: center;
  }
  .power-built__note img,
  .power-built__note--weak img,
  .power-built__note--solution img,
  .power-built__note--result img,
  .power-built__note--truth img {
    width: 6.22vw;
    max-height: 5.144vw;
    object-fit: contain;
  }
  .power-built__note--weak { top: 18%; left: 12.3%; display: block; transform: rotate(-5deg); }
  .power-built__note--weak img { margin: -.12vw 0 0 8.672vw; transform: rotate(5deg); }
  .power-built__note--solution { top: 18.2%; right: auto; left: 66.4%; display: block; transform: rotate(4deg); }
  .power-built__note--solution img { margin: -.179vw 0 0 -3.888vw; transform: rotate(-4deg); }
  .power-built__note--result { top: 42.2%; right: 6.8%; left: auto; align-items: center; transform: rotate(2deg); }
  .power-built__note--truth { top: auto; bottom: 14.3%; left: 8.4%; align-items: center; transform: rotate(-3deg); }
  .power-built__actions {
    position: absolute;
    z-index: 3;
    right: auto;
    bottom: 4.1%;
    left: 25%;
    display: grid;
    width: 50%;
    grid-template-columns: 1fr 1fr;
    gap: 1.555vw;
    margin: 0;
  }
  .power-built__actions a {
    min-height: 6.1vw;
    gap: 1.615vw;
    border-radius: 1.435vw;
    padding: 0 .598vw;
    font-size: 1.615vw;
  }
  .power-built__actions img {
    width: 3.409vw;
    height: 3.409vw;
    flex: 0 0 3.409vw;
    padding: .598vw;
  }
}

@media (max-width: 600px) {
  .screen.power-built { aspect-ratio: 941 / 1672; }
  .power-built__note,
  .power-built__note--weak,
  .power-built__note--solution,
  .power-built__note--result,
  .power-built__note--truth {
    gap: 1.823vw;
    font-size: 4.688vw;
  }
  .power-built__note img,
  .power-built__note--weak img,
  .power-built__note--solution img,
  .power-built__note--result img,
  .power-built__note--truth img { width: 12.5vw; max-height: 11.198vw; }
  .power-built__note--weak img { margin: .26vw 0 0 14.323vw; }
  .power-built__note--solution img { margin: .781vw 0 0 -9.896vw; }
  .power-built__actions { gap: 1.823vw; }
  .power-built__actions a {
    min-height: 20.833vw;
    gap: 2.604vw;
    border-radius: 3.646vw;
    padding: 0 2.604vw;
    font-size: 4.427vw;
  }
  .power-built__actions img {
    width: 11.198vw;
    height: 11.198vw;
    flex-basis: 11.198vw;
    padding: 2.083vw;
  }
}

/* Screen 08 final responsive geometry and layered icon circles. */
.faq-built .accordion summary > .icon:first-child,
.faq-built .accordion summary > .icon:last-child,
.faq-built .faq__promise .icon {
  position: relative;
  mask: none;
  -webkit-mask: none;
}
.faq-built .accordion summary > .icon:first-child::before,
.faq-built .accordion summary > .icon:last-child::before,
.faq-built .faq__promise .icon::before {
  content: "";
  position: absolute;
  inset: 18%;
  background: currentColor;
  mask: var(--icon) center / contain no-repeat;
  -webkit-mask: var(--icon) center / contain no-repeat;
}
.faq-built .accordion summary > .icon:first-child { color: #2679ee; background: #f4f7fb; }
.faq-built .accordion summary > .icon:last-child { color: #55a8ff; background: rgba(73,132,209,.13); }
.faq-built .faq__promise .icon { color: #55a8ff; background: transparent; }
.faq-built .faq__promise .icon::before { inset: 0; }

@media (min-width: 601px) {
  .screen.faq-built {
    position: relative;
    width: 100%;
    min-height: 0;
    aspect-ratio: 1672 / 941;
    overflow: hidden;
    padding: 0;
    color: #fff;
    background: #071326;
  }
  .faq-built__scene {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .faq-built__mobile-scene { display: none; }
  .faq-built .faq__shell { position: absolute; inset: 0; width: 100%; min-height: 100%; margin: 0; padding: 0; }
  .faq-built .faq__content {
    position: absolute;
    top: 3.7%;
    left: 47.9%;
    width: 48.4%;
    padding: 0;
    background: transparent;
    box-shadow: none;
  }
  .faq-built .faq__lead-icon { width: 2.512vw; height: 2.512vw; }
  .faq-built h2 { margin: .478vw 0 .598vw; font-size: 2.99vw; line-height: 1.03; }
  .faq-built__title-desktop { display: block; }
  .faq-built__title-mobile { display: none; }
  .faq-built .faq__content > p { margin: 0; font-size: 1.017vw; line-height: 1.45; }
  .faq-built .accordion {
    display: grid;
    grid-template-rows: 7.057vw 7.057vw 5.742vw 6.938vw 6.938vw;
    gap: .359vw;
    margin-top: .718vw;
  }
  .faq-built .accordion details { min-height: 0; overflow: hidden; border-radius: .718vw; }
  .faq-built .accordion summary {
    display: grid;
    width: 100%;
    height: 100%;
    min-height: 0;
    grid-template-columns: 3.708vw 1fr 2.153vw;
    align-items: center;
    gap: .957vw;
    padding: .658vw 1.077vw;
  }
  .faq-built .accordion summary > .icon:first-child { width: 3.708vw; height: 3.708vw; padding: 0; }
  .faq-built .accordion summary > .icon:last-child { width: 2.153vw; height: 2.153vw; padding: 0; }
  .faq-built .accordion summary > span:nth-child(2) { max-width: 34.689vw; }
  .faq-built .accordion b { font-size: 1.196vw; font-weight: 600; line-height: 1.18; }
  .faq-built .accordion small { margin-top: .239vw; font-size: .897vw; line-height: 1.28; }
  .faq-built .faq__promise {
    min-height: 3.23vw;
    justify-content: center;
    gap: .837vw;
    margin-top: .478vw;
    border-radius: .598vw;
    padding: .598vw 1.077vw;
    font-size: 1.017vw;
  }
  .faq-built .faq__promise .icon { width: 1.675vw; height: 1.675vw; flex-basis: 1.675vw; }
}

@media (max-width: 600px) {
  .screen.faq-built { aspect-ratio: 768 / 2048; }
  .faq-built__mobile-scene img { top: -4.5%; height: 154.5%; }
  .faq-built .faq__lead-icon { width: 8.073vw; height: 8.073vw; }
  .faq-built h2 { font-size: 8.854vw; }
  .faq-built .faq__content > p { font-size: 3.646vw; }
  .faq-built .accordion { top: 44.58%; grid-template-rows: 24.9vw 27.344vw 21.615vw 24.9vw 28.385vw; gap: 1.563vw; }
  .faq-built .accordion details { border-radius: 3.125vw; }
  .faq-built .accordion summary {
    grid-template-columns: 11.198vw 1fr 7.552vw;
    gap: 2.865vw;
    padding: 2.604vw 3.646vw 2.344vw 2.865vw;
  }
  .faq-built .accordion summary > .icon:first-child { width: 11.198vw; height: 11.198vw; padding: 0; }
  .faq-built .accordion summary > .icon:last-child { width: 7.292vw; height: 7.292vw; padding: 0; }
  .faq-built .accordion b { font-size: 3.125vw; font-weight: 600; }
  .faq-built .accordion summary > span:nth-child(2) { max-width: 60.5vw; }
  .faq-built .accordion small { margin-top: 1.302vw; font-size: 2.474vw; }
  .faq-built .faq__promise {
    bottom: 0;
    min-height: 11.979vw;
    gap: 2.604vw;
    border-radius: 2.604vw;
    padding: 2.083vw 3.646vw;
    font-size: 2.995vw;
  }
  .faq-built .faq__promise .icon { width: 7.031vw; height: 7.031vw; flex-basis: 7.031vw; }
}

/* Screen 09 final responsive geometry: preserve the approved orbital composition. */
@media (min-width: 601px) {
  .screen.services-built {
    position: relative;
    width: 100%;
    min-height: 0;
    aspect-ratio: 1672 / 941;
    overflow: hidden;
    padding: 0;
    background: #f8faff;
  }
  .services-built__scene {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    object-fit: cover;
    object-position: center;
  }
  .services-built .services__shell { position: absolute; inset: 0; width: 100%; min-height: 100%; margin: 0; padding: 0; }
  .services-built .services__copy { position: absolute; top: 10.2%; left: 5.9%; width: 31%; max-width: none; text-align: left; }
  .services-built .services__spark { position: static; width: 2.691vw; height: 2.691vw; margin: 0 0 1.854vw; }
  .services-built h2 { position: static; width: auto; margin: 0; font-size: 4.067vw; line-height: 1.17; }
  .services-built__title-desktop { display: block; }
  .services-built__title-mobile { display: none; }
  .services-built .section-intro {
    position: static;
    width: auto;
    max-width: 31.1vw;
    margin: 2.512vw 0 0;
    font-size: 1.196vw;
    line-height: 1.65;
  }
  .services-built .btn--service {
    position: static;
    display: inline-flex;
    width: auto;
    min-width: 23.565vw;
    min-height: 4.306vw;
    margin: 2.392vw 0 0;
    border-radius: 1.077vw;
    padding: 0 1.675vw 0 1.854vw;
    font-size: 1.196vw;
  }
  .services-built .btn--service span { font-size: 2.093vw; }
  .services-built .services__note {
    position: static;
    display: flex;
    align-items: center;
    gap: .897vw;
    margin: 3.947vw 0 0;
    font-size: 1.017vw;
  }
  .services-built .services__note .icon { width: 2.033vw; height: 2.033vw; }
  .services-built__cards { position: absolute; inset: 0; display: block; width: 100%; margin: 0; }
  .service-card,
  .service-card--site,
  .service-card--business,
  .service-card--other {
    position: absolute;
    display: grid;
    width: 20.7%;
    min-height: 34%;
    grid-template-columns: 1fr auto;
    align-content: start;
    border-radius: 2.033vw;
    padding: 2.033vw 2.273vw;
  }
  .service-card--site { top: 11.7%; left: 60.8%; transform: rotate(4deg); }
  .service-card--business { top: 51%; left: 42.8%; transform: rotate(-7deg); }
  .service-card--other { top: 54.5%; left: 69.5%; transform: rotate(6deg); }
  .service-card > .icon { width: 2.871vw; height: 2.871vw; }
  .service-card__number { border-radius: .598vw; padding: .538vw .837vw; font-size: 1.196vw; }
  .service-card h3 { margin: 1.734vw 0 .778vw; font-size: 1.734vw; }
  .service-card__tags { gap: .538vw; }
  .service-card__tags span { border-radius: 1.077vw; padding: .419vw .897vw; font-size: .778vw; }
  .service-card p { margin: 1.375vw 0 0; font-size: .897vw; line-height: 1.55; }
}

@media (max-width: 600px) {
  .screen.services-built { aspect-ratio: 887 / 1774; }
  .services-built .services__spark { left: calc(50% - 4.167vw); width: 8.333vw; height: 8.333vw; }
  .services-built h2 { font-size: 7.031vw; }
  .services-built .section-intro { font-size: 3.125vw; }
  .services-built .btn--service {
    min-height: 10.938vw;
    border-radius: 3.385vw;
    padding: 0 5.208vw;
    font-size: 3.125vw;
  }
  .services-built .btn--service span { font-size: 5.99vw; }
  .service-card,
  .service-card--site,
  .service-card--business,
  .service-card--other { border-radius: 4.688vw; padding: 4.688vw 4.688vw 3.646vw; }
  .service-card--other { padding: 3.646vw 3.125vw 2.604vw; }
  .service-card > .icon { width: 7.552vw; height: 7.552vw; }
  .service-card__number { border-radius: 1.823vw; padding: 1.563vw 2.083vw; font-size: 3.125vw; }
  .service-card h3 { margin: 4.427vw 0 2.344vw; font-size: 4.167vw; }
  .service-card__tags { gap: 1.302vw; }
  .service-card__tags span { border-radius: 2.604vw; padding: 1.042vw 1.823vw; font-size: 1.823vw; }
  .service-card p { margin-top: 3.125vw; font-size: 2.344vw; }
  .service-card--other .service-card__tags { gap: .781vw; }
  .service-card--other .service-card__tags span { padding: .521vw .781vw; font-size: 1.432vw; }
  .service-card--other > .icon { width: 6.51vw; height: 6.51vw; }
  .service-card--other h3 { margin: 2.604vw 0 1.823vw; font-size: 3.646vw; }
  .service-card--other p { margin-top: 2.083vw; font-size: 1.953vw; }
  .services-built .services__note { gap: 2.344vw; font-size: 2.865vw; }
  .services-built .services__note .icon { width: 5.99vw; height: 5.99vw; }
}

/* Screen 10 layered icon surfaces. */
.contacts-built .contact-star,
.contacts-built .contact-point > .icon,
.contacts-built .location-card__info > .icon,
.contacts-built .location-card__info small .icon,
.contacts-built .legal-card__head > .icon,
.contacts-built .legal-grid .icon,
.contacts-built .contact-channel > p .icon,
.contacts-built .contact-channel > .btn .icon {
  position: relative;
  mask: none;
  -webkit-mask: none;
}
.contacts-built .contact-star::before,
.contacts-built .contact-point > .icon::before,
.contacts-built .location-card__info > .icon::before,
.contacts-built .location-card__info small .icon::before,
.contacts-built .legal-card__head > .icon::before,
.contacts-built .legal-grid .icon::before,
.contacts-built .contact-channel > p .icon::before,
.contacts-built .contact-channel > .btn .icon::before {
  content: "";
  position: absolute;
  inset: 22%;
  background: currentColor;
  mask: var(--icon) center / contain no-repeat;
  -webkit-mask: var(--icon) center / contain no-repeat;
}
.contacts-built .contact-star,
.contacts-built .contact-point > .icon,
.contacts-built .legal-card__head > .icon,
.contacts-built .contact-channel > p .icon,
.contacts-built .contact-channel > .btn .icon { border-radius: 50%; background: rgba(255,255,255,.88); }
.contacts-built .location-card__info > .icon { border-radius: 50%; background: rgba(255,255,255,.12); }
.contacts-built .location-card__info small .icon { border-radius: 50%; background: rgba(255,255,255,.08); }
.contacts-built .legal-grid .icon { border-radius: 7px; background: rgba(238,243,255,.95); }
.contacts-built .contact-channel > .contact-channel__telegram .icon { color: #1263f5; }
.contacts-built .contact-channel > .contact-channel__vk .icon { color: #233a86; }

@media (min-width: 601px) {
  .screen.contacts-built {
    position: relative;
    width: 100%;
    min-height: 0;
    aspect-ratio: 1672 / 941;
    overflow: hidden;
    padding: 0;
    background: #eef1f7;
  }
  .contacts-built__scene { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 1; object-fit: cover; object-position: center; }
  .contacts-built .contacts__shell { position: absolute; inset: 0; width: 100%; min-height: 100%; margin: 0; padding: 0; transform: none; }
  .contacts-built .contacts__copy { position: absolute; top: 7.3%; left: 2.9%; width: 40%; max-width: none; }
  .contacts-built .contact-star { position: static; width: 5.502vw; height: 5.502vw; padding: 0; transform: translateY(-1.435vw); }
  .contacts-built h2 { position: static; margin: 1.435vw 0 1.316vw; font-size: 7.775vw; }
  .contacts-built .contacts__copy > .section-intro {
    position: relative;
    top: auto;
    left: auto;
    width: auto;
    max-width: 31.459vw;
    margin: 0 0 2.033vw;
    padding: 1.914vw 0 0;
    font-size: 1.196vw;
  }
  .contacts-built .contacts__copy > .section-intro::before { display: block; }
  .contacts-built .contact-point {
    display: grid;
    max-width: 33.194vw;
    grid-template-columns: 4.306vw 1fr;
    gap: 1.077vw;
    margin-top: 1.316vw;
  }
  .contacts-built .contact-point > .icon { width: 4.187vw; height: 4.187vw; padding: 0; }
  .contacts-built .contact-point b { font-size: 1.077vw; }
  .contacts-built .contact-point small { margin-top: .478vw; font-size: .897vw; }
  .contacts-built .contacts__cards { position: absolute; top: 6.5%; left: 46.8%; display: block; width: 50.5%; margin: 0; }
  .contacts-built .location-card,
  .contacts-built .legal-card,
  .contacts-built .contact-channel { border-width: .718vw; border-radius: 1.555vw; }
  .contacts-built .location-card { display: grid; width: 100%; height: 23.026vw; grid-template-columns: 52% 48%; grid-template-rows: none; }
  .contacts-built .location-card > img { width: 100%; height: 100%; min-height: 0; }
  .contacts-built .location-card__info {
    display: grid;
    min-height: 0;
    grid-template-columns: 3.708vw 1fr;
    grid-template-rows: none;
    align-content: center;
    gap: 0;
    padding: 2.153vw 1.675vw;
  }
  .contacts-built .location-card__info::after,
  .contacts-built .location-card__info > small::after { display: none; }
  .contacts-built .location-card__info > .icon { grid-column: auto; grid-row: auto; width: 3.469vw; height: 3.469vw; padding: 0; }
  .contacts-built .location-card__info > div { grid-column: auto; grid-row: auto; }
  .contacts-built .location-card__info h3 { margin: .419vw 0 1.077vw; font-size: 1.555vw; }
  .contacts-built .location-card__info p { font-size: .957vw; }
  .contacts-built .location-card__info hr { grid-column: 1 / -1; grid-row: auto; width: 5.383vw; margin: 2.153vw 0; }
  .contacts-built .location-card__info > small {
    grid-column: 1 / -1;
    grid-row: auto;
    grid-template-columns: 2.632vw 1fr;
    font-size: .778vw;
  }
  .contacts-built .location-card__info small .icon { width: 2.273vw; height: 2.273vw; padding: 0; }
  .contacts-built .legal-card { width: 100%; height: 15.251vw; margin-top: 1.077vw; padding: 1.017vw 1.675vw; }
  .contacts-built .legal-card__head {
    min-height: 0;
    grid-template-columns: 4.306vw 1fr auto;
    gap: 1.196vw;
    padding-bottom: .957vw;
  }
  .contacts-built .legal-card__head::after { display: none; }
  .contacts-built .legal-card__head > .icon { width: 3.947vw; height: 3.947vw; padding: 0; }
  .contacts-built .legal-card__head h3 { margin: 0 0 .598vw; font-size: 1.615vw; }
  .contacts-built .legal-card__head p { font-size: .837vw; }
  .contacts-built .legal-card__head > b { display: block; border-radius: 1.077vw; padding: .538vw .957vw; font-size: .897vw; }
  .contacts-built .legal-grid { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 0; margin-top: .778vw; }
  .contacts-built .legal-grid p,
  .contacts-built .legal-grid p:nth-child(3) {
    grid-template-columns: 2.093vw 1fr;
    justify-items: stretch;
    min-height: 4.007vw;
    border-left: 1px solid #dfe3ea;
    padding: 0 .957vw;
    text-align: left;
  }
  .contacts-built .legal-grid p:first-child { border-left: 0; padding-left: 0; }
  .contacts-built .legal-grid .icon { grid-row: 1 / 3; width: 1.854vw; height: 1.854vw; padding: 0; }
  .contacts-built .legal-grid b { margin: 0; font-size: .718vw; }
  .contacts-built .legal-grid small { margin-top: .359vw; font-size: .658vw; }
  .contacts-built .contact-channel {
    display: grid;
    width: 100%;
    height: 8.313vw;
    grid-template-columns: 1.3fr 1fr 1fr;
    grid-template-rows: none;
    gap: .837vw;
    margin-top: 1.077vw;
    padding: 1.077vw;
  }
  .contacts-built .contact-channel > p {
    display: grid;
    grid-column: auto;
    grid-template-columns: 3.11vw 1fr;
    border: 0;
    border-radius: 0;
    padding: 0;
    background: transparent;
  }
  .contacts-built .contact-channel > p::after { display: none; }
  .contacts-built .contact-channel > p .icon { width: 2.691vw; height: 2.691vw; padding: 0; }
  .contacts-built .contact-channel > p b { font-size: .718vw; }
  .contacts-built .contact-channel > p small { margin-top: .419vw; font-size: .598vw; }
  .contacts-built .contact-channel > .btn {
    height: auto;
    min-height: 4.904vw;
    grid-template-columns: 2.931vw 1fr;
    border-radius: .897vw;
    padding: .718vw 1.077vw;
  }
  .contacts-built .contact-channel > .btn .icon { width: 2.512vw; height: 2.512vw; padding: 0; }
  .contacts-built .contact-channel > .btn b { font-size: .897vw; }
  .contacts-built .contact-channel > .btn small { margin-top: .419vw; font-size: .538vw; }
  .contacts-built .privacy {
    position: static;
    width: auto;
    grid-template-columns: 1fr auto auto 1fr;
    gap: .837vw;
    margin: .957vw 0 0;
    font-size: .778vw;
    transform: none;
  }
  .contacts-built .privacy .icon { width: 1.675vw; height: 1.675vw; }
}

@media (max-width: 600px) {
  .screen.contacts-built { aspect-ratio: 941 / 1672; }
  .contacts-built .contact-star { width: 6.25vw; height: 6.25vw; padding: 0; background: rgba(255,255,255,.35); }
  .contacts-built .contacts__copy::after { width: 11.198vw; height: 11.198vw; font-size: 6.771vw; }
  .contacts-built h2 { font-size: 10.156vw; }
  .contacts-built .contacts__copy > .section-intro { font-size: 3.385vw; }
  .contacts-built .location-card,
  .contacts-built .legal-card,
  .contacts-built .contact-channel > p { border-width: 1.302vw; border-radius: 4.427vw; }
  .contacts-built .location-card__info { grid-template-columns: 11.979vw 1fr 4.948vw; gap: 0 2.865vw; padding: 1.823vw 4.167vw; }
  .contacts-built .location-card__info > .icon { width: 10.938vw; height: 10.938vw; padding: 0; }
  .contacts-built .location-card__info h3 { margin-bottom: 1.563vw; font-size: 4.167vw; }
  .contacts-built .location-card__info p { font-size: 2.604vw; }
  .contacts-built .location-card__info > small { grid-template-columns: 10.938vw 1fr; font-size: 2.344vw; }
  .contacts-built .location-card__info small .icon { width: 9.896vw; height: 9.896vw; padding: 0; }
  .contacts-built .legal-card { padding: 1.302vw 3.646vw; }
  .contacts-built .legal-card__head { min-height: 11.458vw; grid-template-columns: 11.198vw 1fr 4.167vw; gap: 2.344vw; }
  .contacts-built .legal-card__head > .icon { width: 10.677vw; height: 10.677vw; padding: 0; }
  .contacts-built .legal-card__head h3 { margin-bottom: 1.302vw; font-size: 4.167vw; }
  .contacts-built .legal-card__head p { font-size: 2.344vw; }
  .contacts-built .legal-grid { margin-top: 1.042vw; }
  .contacts-built .legal-grid p,
  .contacts-built .legal-grid p:nth-child(3) { padding: 0 1.042vw; }
  .contacts-built .legal-grid .icon { width: 6.25vw; height: 6.25vw; padding: 0; }
  .contacts-built .legal-grid b { margin-top: 1.042vw; font-size: 2.083vw; }
  .contacts-built .legal-grid small { margin-top: .521vw; font-size: 1.823vw; }
  .contacts-built .contact-channel { grid-template-rows: 11.719vw 15.104vw; gap: 2.083vw 1.823vw; }
  .contacts-built .contact-channel > p { grid-template-columns: 11.198vw 1fr 3.906vw; padding: 1.302vw 3.385vw; }
  .contacts-built .contact-channel > p .icon { width: 9.375vw; height: 9.375vw; padding: 0; }
  .contacts-built .contact-channel > p b { font-size: 2.865vw; }
  .contacts-built .contact-channel > p small { margin-top: .521vw; font-size: 2.214vw; }
  .contacts-built .contact-channel > .btn { height: 15.104vw; grid-template-columns: 10.417vw 1fr; border-radius: 3.385vw; padding: 1.823vw 3.125vw; }
  .contacts-built .contact-channel > .btn .icon { width: 9.635vw; height: 9.635vw; padding: 0; }
  .contacts-built .contact-channel > .btn b { font-size: 3.125vw; }
  .contacts-built .contact-channel > .btn small { margin-top: 1.042vw; font-size: 2.083vw; }
  .contacts-built .privacy { gap: 2.083vw; font-size: 2.344vw; }
  .contacts-built .privacy .icon { width: 4.948vw; height: 4.948vw; }
}

/* Screen 01 precision pass: overrides only the first screen against the approved mockups. */
@media (min-width: 1300px) {
  .hero-built__copy {
    top: 5.05%;
    left: 4%;
    width: 46.4%;
  }

  .hero-built h1 {
    margin-bottom: 30px;
    font-size: 52px;
    font-weight: 800;
    line-height: 1.04;
  }

  .hero-built__lead {
    width: 600px;
    font-size: 17px;
    line-height: 1.46;
  }

  .hero-built__facts {
    margin-top: 23px;
  }

  .hero-built__logic {
    top: 8.45%;
    left: 50.95%;
    width: 263px;
  }

  .hero-built__services::before {
    height: 38.7%;
  }

  .hero-built__services::after {
    height: 37.4%;
  }

  .hero-built__services-intro {
    top: 74.35%;
    left: 4.05%;
    font-size: 22px;
  }

  .hero-built__services-intro img {
    content: url('/assets/hero-1/decor/scribble_arrow_mockup.svg');
    width: 112px;
    height: 54px;
    margin: 13px 0 0 74px;
  }

  .hero-built__service {
    border-width: 1.5px;
    background: rgba(255, 255, 255, .74);
  }

  .hero-built__service h2 {
    font-size: 19px;
    font-weight: 800;
    line-height: 1.15;
  }

  .hero-built__service p,
  .hero-built__service li {
    font-size: 13.5px;
    line-height: 1.38;
  }

  .hero-built__service-number {
    font-size: 38px;
    opacity: .16;
  }

  .hero-built__service-icon {
    object-fit: contain;
  }

  .hero-built__service--analysis {
    top: 63.3%;
    left: 18.85%;
    width: 21.65%;
    height: 30.45%;
    padding: 44px 25px 52px 120px;
  }

  .hero-built__service--analysis .hero-built__service-icon {
    top: 14px;
    left: 8px;
    width: 108px;
    height: 108px;
  }

  .hero-built__service--analysis .hero-built__service-number {
    right: 25px;
    top: auto;
    bottom: 20px;
  }

  .hero-built__service--analysis > a {
    left: 120px;
    bottom: 19px;
  }

  .hero-built__service--site {
    top: 70.15%;
    left: 41.8%;
    width: 17.1%;
    height: 26.7%;
    padding: 50px 22px 54px 108px;
  }

  .hero-built__service--site .hero-built__service-icon {
    top: 13px;
    left: 3px;
    width: 108px;
    height: 108px;
  }

  .hero-built__service--site .hero-built__service-number {
    right: 25px;
    top: auto;
    bottom: 20px;
  }

  .hero-built__service--improvement {
    top: 62%;
    left: 60.25%;
    width: 26.55%;
    height: 18.8%;
    padding: 29px 26px 44px 114px;
  }

  .hero-built__service--improvement .hero-built__service-icon {
    top: 20px;
    left: 18px;
    width: 72px;
    height: 72px;
  }

  .hero-built__service--improvement .hero-built__service-number {
    top: 23px;
    right: 27px;
    bottom: auto;
  }

  .hero-built__service--improvement > a {
    left: 114px;
    bottom: 15px;
  }

  .hero-built__service--automation {
    top: 82.45%;
    left: 61.25%;
    width: 31.6%;
    height: 14.8%;
    padding: 18px 126px 34px 105px;
  }

  .hero-built__service--automation .hero-built__service-icon {
    top: 11px;
    left: 15px;
    width: 72px;
    height: 72px;
  }

  .hero-built__service--automation .hero-built__service-number {
    top: 31px;
    right: 39px;
    bottom: auto;
  }

  .hero-built__service--automation > a {
    right: 31px;
    bottom: 18px;
  }
}

@media (max-width: 600px) {
  .hero-built.screen {
    aspect-ratio: 768 / 2048;
    padding: 0;
    background:
      radial-gradient(ellipse 58% 22% at 70% 10%, rgba(211, 226, 252, .72), rgba(211, 226, 252, 0) 72%),
      linear-gradient(90deg, #fff 0%, #f8fbff 52%, #f1f7ff 100%);
  }

  .hero-built.screen::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 5.45%;
    left: 49.8%;
    width: 51.5%;
    height: 15.8%;
    border-radius: 52% 48% 46% 54%;
    background: linear-gradient(140deg, rgba(219, 232, 255, .95), rgba(205, 223, 251, .58));
    pointer-events: none;
  }

  .hero-built.screen::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 3.65%;
    left: 54.2%;
    width: 17.5%;
    height: 4.4%;
    background: radial-gradient(circle, rgba(18, 99, 245, .14) 0 1px, transparent 1.3px) 0 0 / 9px 9px;
    opacity: .65;
    pointer-events: none;
  }

  .hero-built__photo {
    z-index: 2;
    top: 1.8%;
    left: 46.6%;
    width: 55.4%;
    height: 24.1%;
    object-fit: cover;
    object-position: 42% top;
    border-radius: 0 0 0 44%;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 12%, #000 100%), linear-gradient(180deg, #000 0%, #000 88%, transparent 100%);
    -webkit-mask-composite: source-in;
    mask-image: linear-gradient(90deg, transparent 0%, #000 12%, #000 100%), linear-gradient(180deg, #000 0%, #000 88%, transparent 100%);
    mask-composite: intersect;
  }

  .hero-built__eyebrow {
    top: 2.55%;
    left: 5.35%;
    width: 43%;
    font-size: 11px;
    line-height: 1.38;
  }

  .hero-built__eyebrow-desktop { display: none; }
  .hero-built__eyebrow-mobile { display: inline; }

  .hero-built h1 {
    top: 7.65%;
    left: 5.35%;
    width: 57%;
    font-size: 23.8px;
    font-weight: 830;
    line-height: 1.15;
  }

  .hero-built__lead {
    top: 21.95%;
    left: 5.35%;
    width: 45.5%;
    font-size: 9.85px;
    line-height: 1.43;
  }

  .hero-built__actions {
    top: 29.95%;
    left: 5.35%;
    width: 46.9%;
    gap: 12px;
  }

  .hero-built__button,
  .hero-built__button--telegram,
  .hero-built__button--vk {
    min-height: 35px;
    border-radius: 5px;
    font-size: 10px;
    font-weight: 600;
  }

  .hero-built__facts {
    top: 39.7%;
    left: 5.35%;
    width: 76%;
    gap: 14px;
  }

  .hero-built__facts p {
    align-items: center;
    gap: 10px;
    font-size: 10px;
    line-height: 1.38;
  }

  .hero-built__facts p span,
  .hero-built__facts p strong {
    max-width: 240px;
  }

  .hero-built__facts img {
    width: 30px;
    height: 30px;
  }

  .hero-built__logic {
    z-index: 5;
    top: 21.65%;
    left: 59.25%;
    width: 37.2%;
    border-radius: 11px;
    padding: 12px 14px;
  }

  .hero-built__logic p {
    grid-template-columns: 17px 1fr 10px 1fr;
    gap: 5px;
    margin-bottom: 9px;
    font-size: 8px;
  }

  .hero-built__logic img {
    width: 16px;
    height: 16px;
  }

  .hero-built__services-intro {
    top: 53.8%;
    left: 7.1%;
    width: 28%;
    font-size: 19px;
    font-weight: 800;
    line-height: 1.14;
  }

  .hero-built__services-intro img {
    content: url('/assets/hero-1/decor/scribble_arrow_mockup.svg');
    width: 66px;
    height: 38px;
    margin: 8px 0 0 45px;
    object-fit: contain;
  }

  .hero-built__service,
  .hero-built__service--analysis,
  .hero-built__service--site,
  .hero-built__service--improvement,
  .hero-built__service--automation {
    border-radius: 15px;
    background: rgba(255, 255, 255, .78);
  }

  .hero-built__service h2 {
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.18;
  }

  .hero-built__service p,
  .hero-built__service li {
    font-size: 9.8px;
    line-height: 1.42;
  }

  .hero-built__service-icon,
  .hero-built__service--analysis .hero-built__service-icon,
  .hero-built__service--site .hero-built__service-icon,
  .hero-built__service--improvement .hero-built__service-icon,
  .hero-built__service--automation .hero-built__service-icon {
    width: 50px;
    height: 50px;
  }

  .hero-built__service-number {
    font-size: 23px;
    font-weight: 800;
  }

  .hero-built__service > a,
  .hero-built__service--analysis > a,
  .hero-built__service--site > a,
  .hero-built__service--improvement > a,
  .hero-built__service--automation > a {
    min-height: 22px;
    padding: 0 9px;
    font-size: 8.7px;
  }

  .hero-built__service--analysis {
    top: 50.5%;
    left: 41.65%;
    width: 52.6%;
    height: 17.8%;
    padding: 45px 15px 34px 66px;
  }

  .hero-built__service--analysis .hero-built__service-icon {
    top: 14px;
    left: 12px;
  }

  .hero-built__service--analysis .hero-built__service-number {
    top: 16px;
    right: 18px;
  }

  .hero-built__service--analysis > a {
    bottom: 15px;
    left: 14px;
  }

  .hero-built__service--site {
    top: 67.65%;
    left: 5.35%;
    width: 34.8%;
    height: 18.55%;
    padding: 70px 12px 35px;
  }

  .hero-built__service--site p {
    font-size: 8.8px;
    line-height: 1.36;
  }

  .hero-built__service--site .hero-built__service-icon {
    top: 14px;
    left: 12px;
  }

  .hero-built__service--site h2,
  .hero-built__service--site p {
    top: -2px;
  }

  .hero-built__service--site .hero-built__service-number {
    top: 17px;
    right: 14px;
  }

  .hero-built__service--site > a {
    left: 10px;
    bottom: 16px;
  }

  .hero-built__service--improvement {
    top: 70.15%;
    left: 42.45%;
    width: 51.7%;
    height: 15.75%;
    padding: 44px 15px 34px 65px;
  }

  .hero-built__service--improvement .hero-built__service-icon {
    top: 15px;
    left: 12px;
  }

  .hero-built__service--improvement .hero-built__service-number {
    top: 16px;
    right: 18px;
  }

  .hero-built__service--improvement p {
    top: 82px;
    right: 13px;
    left: 13px;
    font-size: 8.8px;
    line-height: 1.34;
  }

  .hero-built__service--automation {
    top: 87.8%;
    left: 5.35%;
    width: 88.8%;
    height: 10.1%;
    padding: 24px 90px 29px 64px;
  }

  .hero-built__service--automation .hero-built__service-icon {
    top: 17px;
    left: 14px;
    width: 48px;
    height: 48px;
  }

  .hero-built__service--automation .hero-built__service-number {
    top: 19px;
    right: 18px;
  }

  .hero-built__service--automation > a {
    right: 35px;
    bottom: 16px;
  }
}

/* Screen 01 mobile rebuild from checked clean materials. */
@media (max-width: 600px) {
  .hero-built.screen {
    aspect-ratio: 768 / 2048;
    padding: 0;
    overflow: hidden;
    background: #f7fbff url('/assets/screen-1-mobile/background/page_background_no_text_768x2048.webp') center / 100% 100% no-repeat;
  }

  .hero-built.screen::before,
  .hero-built.screen::after {
    display: none;
  }

  .hero-built__photo {
    content: url('/assets/screen-1-mobile/background/hero_scene_clean_no_ui_768x720.webp');
    z-index: 1;
    top: -2.2%;
    left: 0;
    width: 100%;
    height: 37.35%;
    margin: 0;
    border-radius: 0;
    object-fit: cover;
    object-position: center top;
    -webkit-mask-image: none;
    mask-image: none;
  }

  .hero-built__eyebrow {
    z-index: 5;
    top: 2.62%;
    left: 5.47%;
    width: 45%;
    font-size: 11.2px;
    font-weight: 500;
    line-height: 1.34;
  }

  .hero-built h1 {
    z-index: 5;
    top: 7.72%;
    left: 5.47%;
    width: 56.4%;
    font-size: 23.4px;
    font-weight: 850;
    line-height: 1.15;
  }

  .hero-built__lead {
    z-index: 5;
    top: 21.92%;
    left: 5.47%;
    width: 46.2%;
    font-size: 9.8px;
    line-height: 1.44;
  }

  .hero-built__actions {
    z-index: 6;
    top: 29.98%;
    left: 5.47%;
    width: 46.6%;
    gap: 12px;
  }

  .hero-built__button,
  .hero-built__button--telegram,
  .hero-built__button--vk {
    min-height: 35px;
    border-radius: 5px;
    font-size: 10px;
  }

  .hero-built__button img,
  .hero-built__button--telegram img {
    content: url('/assets/screen-1-mobile/icons/telegram.svg');
    width: 18px;
    height: 18px;
  }

  .hero-built__button--vk img {
    content: url('/assets/screen-1-mobile/icons/vk.svg');
    width: 21px;
    height: 18px;
  }

  .hero-built__logic {
    z-index: 6;
    top: 21.68%;
    left: 59.38%;
    width: 37.2%;
    border-radius: 11px;
    padding: 12px 14px;
    background: rgba(255,255,255,.9);
  }

  .hero-built__logic p {
    grid-template-columns: 17px 1fr 10px 1fr;
    gap: 5px;
    margin-bottom: 9px;
    font-size: 8px;
  }

  .hero-built__logic p:nth-child(1) img { content: url('/assets/screen-1-mobile/icons/task_search.svg'); }
  .hero-built__logic p:nth-child(2) img { content: url('/assets/screen-1-mobile/icons/task_structure.svg'); }
  .hero-built__logic p:nth-child(3) img { content: url('/assets/screen-1-mobile/icons/task_eye.svg'); }
  .hero-built__logic p:nth-child(4) img { content: url('/assets/screen-1-mobile/icons/task_gear.svg'); }

  .hero-built__facts {
    z-index: 5;
    top: 39.75%;
    left: 5.47%;
    width: 79%;
    gap: 14px;
  }

  .hero-built__facts p {
    gap: 10px;
    font-size: 9.9px;
    line-height: 1.39;
  }

  .hero-built__facts p span,
  .hero-built__facts p strong {
    max-width: 300px;
  }

  .hero-built__facts p:nth-child(1) img { content: url('/assets/screen-1-mobile/icons/link.svg'); }
  .hero-built__facts p:nth-child(2) img { content: url('/assets/screen-1-mobile/icons/shield.svg'); }

  .hero-built__facts img {
    width: 30px;
    height: 30px;
  }

  .hero-built__services-intro {
    top: 53.85%;
    left: 7.1%;
    width: 28%;
    font-size: 19px;
    font-weight: 850;
    line-height: 1.13;
  }

  .hero-built__services-intro img {
    content: url('/assets/screen-1-mobile/decor/scribble_arrow.svg');
    width: 74px;
    height: 36px;
    margin: 8px 0 0 42px;
  }

  .hero-built__service-icon,
  .hero-built__service--analysis .hero-built__service-icon,
  .hero-built__service--site .hero-built__service-icon,
  .hero-built__service--improvement .hero-built__service-icon,
  .hero-built__service--automation .hero-built__service-icon {
    width: 50px;
    height: 50px;
  }

  .hero-built__service--analysis .hero-built__service-icon { content: url('/assets/screen-1-mobile/icons/service_analysis.svg'); }
  .hero-built__service--site .hero-built__service-icon { content: url('/assets/screen-1-mobile/icons/service_site.svg'); }
  .hero-built__service--improvement .hero-built__service-icon { content: url('/assets/screen-1-mobile/icons/service_improvement.svg'); }
  .hero-built__service--automation .hero-built__service-icon { content: url('/assets/hero-1/icons/service_automation_orange.svg'); }

  .hero-built__service h2 {
    font-size: 11.8px;
    font-weight: 850;
    line-height: 1.18;
  }

  .hero-built__service p,
  .hero-built__service li {
    font-size: 9.4px;
    line-height: 1.4;
  }

  .hero-built__service-number {
    font-size: 23px;
  }

  .hero-built__service--analysis {
    top: 50.5%;
    left: 41.65%;
    width: 52.6%;
    height: 17.8%;
    padding: 45px 15px 34px 66px;
  }

  .hero-built__service--site {
    top: 67.65%;
    left: 5.35%;
    width: 34.8%;
    height: 18.55%;
    padding: 70px 12px 35px;
  }

  .hero-built__service--improvement {
    top: 70.15%;
    left: 42.45%;
    width: 51.7%;
    height: 15.75%;
    padding: 44px 15px 34px 65px;
  }

  .hero-built__service--automation {
    top: 87.8%;
    left: 5.35%;
    width: 88.8%;
    height: 10.1%;
    padding: 24px 90px 29px 64px;
  }
}

/* Screen 02 mobile rebuild from checked clean materials. */
@media (max-width: 600px) {
  .screen.pains-built {
    width: 100%;
    min-height: 0;
    aspect-ratio: 768 / 2048;
    padding: 0;
    overflow: hidden;
    background: #f8fbff url('/assets/screen-2-mobile/background/page_background_no_text_768x2048.webp') center / 100% 100% no-repeat;
  }

  .pains-built__scene,
  .pains-built__dots {
    display: none;
  }

  .pains-built__mobile-scene {
    position: absolute;
    z-index: 1;
    top: 21.28%;
    left: 4.43%;
    display: block;
    width: 88.8%;
    height: 21.98%;
    overflow: visible;
    border-radius: 0;
    background: transparent;
  }

  .pains-built__mobile-scene img {
    content: url('/assets/screen-2-mobile/photos/main_photo_visible_area_clean_no_ui_rounded_682x450.png');
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: contain;
    object-position: center;
  }

  .pains-built__content {
    position: absolute;
    z-index: 2;
    inset: 0;
    width: 100%;
    margin: 0;
    border-radius: 0;
    padding: 0;
    background: transparent;
    box-shadow: none;
    transform: none;
  }

  .pains-built h2 {
    position: absolute;
    top: 4.47%;
    left: 8.72%;
    width: 75%;
    margin: 0;
    color: #07183f;
    font-size: 32.8px;
    font-weight: 850;
    line-height: 1.17;
    letter-spacing: 0;
  }

  .pains-built__intro {
    position: absolute;
    top: 13.08%;
    left: 8.72%;
    width: 76.2%;
    margin: 0;
    color: #31446f;
    font-size: 13px;
    line-height: 1.46;
  }

  .pains-built__intro br {
    display: none;
  }

  .pains-built__grid {
    position: absolute;
    top: 44.73%;
    left: 6.77%;
    display: grid;
    width: 86.59%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 12px;
    margin: 0;
  }

  .pains-built__card {
    min-height: 166px;
    border: 1px solid var(--card-color);
    border-radius: 9px;
    padding: 31px 16px 15px;
    background: rgba(255,255,255,.72);
    box-shadow: 0 10px 34px rgba(65, 91, 145, .08);
  }

  .pains-built__card i {
    top: 15px;
    right: 14px;
    width: 15px;
    height: 15px;
    border: 1px solid var(--card-color);
  }

  .pains-built__card i::after {
    top: 3px;
    right: 20px;
    width: 10px;
    height: 10px;
  }

  .pains-built__card h3 {
    margin: 0 0 14px;
    color: #07183f;
    font-size: 13.1px;
    font-weight: 850;
    line-height: 1.24;
  }

  .pains-built__card p {
    margin: 0;
    color: #31446f;
    font-size: 10.2px;
    line-height: 1.5;
  }

  .pains-built__mobile-break {
    display: block;
  }

  .pains-built__desktop-break,
  .pains-built__card p br {
    display: none;
  }

  .pains-built__actions {
    position: absolute;
    top: 78.55%;
    left: 22.7%;
    display: grid;
    width: 53.65%;
    grid-template-columns: 1fr;
    gap: 8px;
    margin: 0;
  }

  .pains-built__contact {
    width: 100%;
    min-height: 55px;
    gap: 15px;
    border: 1px solid #1263f5;
    border-radius: 8px;
    padding: 0 17px;
    background: rgba(255,255,255,.66);
    box-shadow: 0 10px 30px rgba(18,99,245,.06);
  }

  .pains-built__contact img {
    width: 30px;
    height: 30px;
  }

  .pains-built__contact:first-child img {
    content: url('/assets/screen-2-mobile/icons/telegram.svg');
  }

  .pains-built__contact:last-child img {
    content: url('/assets/screen-2-mobile/icons/vk.svg');
  }

  .pains-built__contact span {
    color: #1263f5;
    font-size: 12px;
    font-weight: 650;
    line-height: 1.2;
  }

  .pains-built__contact small {
    margin-top: 4px;
    color: #31446f;
    font-size: 10px;
    font-weight: 400;
  }

  .pains-built__note {
    position: absolute;
    z-index: 3;
    bottom: 2.78%;
    left: 22.14%;
    display: block;
    width: 59.25%;
    margin: 0;
  }

  .pains-built__note img {
    content: url('/assets/screen-2-mobile/decor/handwritten_note_arrow_clean_transparent_455x170.png');
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    transform: none;
  }

  .pains-built__note p {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
  }
}

/* Screens 03-10 mobile checked asset pass. */
@media (max-width: 600px) {
  .screen.process-built {
    background: #f6f9ff url('/assets/screen-3-mobile/background/background_mobile_clean.webp') center / 100% 100% no-repeat;
  }

  .process-built__curves {
    content: url('/assets/screen-3-mobile/decor/soft_curves_overlay.svg');
  }

  .process-built__mobile-scene img {
    content: url('/assets/screen-3-mobile/photos/main_scene_mobile_6x5.webp');
    object-fit: cover;
    object-position: center;
  }

  .process-built__chat header > img {
    content: url('/assets/screen-3-mobile/photos/avatar_1x1.png');
  }

  .process-built__chat .process-built__back {
    background: url('/assets/screen-3-mobile/icons/back.svg') center / contain no-repeat;
    color: transparent;
  }

  .process-built__chat-tools {
    background:
      url('/assets/screen-3-mobile/icons/phone.svg') 0 center / 15px 15px no-repeat,
      url('/assets/screen-3-mobile/icons/menu.svg') right center / 13px 18px no-repeat;
    color: transparent;
  }

  .process-built__step--1 > img { content: url('/assets/screen-3-mobile/icons/telegram.svg'); }
  .process-built__step--2 > img { content: url('/assets/screen-3-mobile/icons/chat.svg'); }
  .process-built__step--3 > img { content: url('/assets/screen-3-mobile/icons/search.svg'); }
  .process-built__step--4 > img { content: url('/assets/screen-3-mobile/icons/target.svg'); }
  .process-built__check { content: url('/assets/screen-3-mobile/icons/check.svg'); }
  .process-built__actions a:first-child img { content: url('/assets/screen-3-mobile/icons/telegram.svg'); }
  .process-built__actions a:last-child img { content: url('/assets/screen-3-mobile/icons/vk.svg'); }
  .process-built__promise img { content: url('/assets/screen-3-mobile/icons/shield.svg'); }

  .screen.format-built {
    background: #f8fbff url('/assets/screen-4-mobile/background/background_mobile_clean.webp') center / 100% 100% no-repeat;
  }

  .format-built__background {
    display: none;
  }

  .format-built h2 {
    line-height: 1.16;
  }

  .format-built .honesty .icon { --icon: url('/assets/screen-4-mobile/icons/check.svg') !important; }
  .format-built .hand-note--left img { content: url('/assets/screen-4-mobile/decor/scribble_arrow.svg'); }
  .format-built .wheel-center .icon { --icon: url('/assets/screen-4-mobile/icons/solution_bulb.svg') !important; }
  .format-built .wc1 .icon { --icon: url('/assets/screen-4-mobile/icons/prohibition.svg') !important; }
  .format-built .wc2 .icon { --icon: url('/assets/screen-4-mobile/icons/wand.svg') !important; }
  .format-built .wc3 .icon { --icon: url('/assets/screen-4-mobile/icons/marketing_analysis.svg') !important; }
  .format-built .wc4 .icon { --icon: url('/assets/screen-4-mobile/icons/new_site.svg') !important; }
  .format-built .wc5 .icon { --icon: url('/assets/screen-4-mobile/icons/site_improvement.svg') !important; }
  .format-built .wc6 .icon { --icon: url('/assets/screen-4-mobile/icons/automation.svg') !important; }

  .screen.changes-built {
    background: #f8fbff url('/assets/screen-5-mobile/background/background_mobile_clean.webp') center / 100% 100% no-repeat;
  }

  .changes-built__background {
    display: none;
  }

  .changes-built .change-center .icon { --icon: url('/assets/screen-5-mobile/icons/changes_sparkle.svg') !important; }
  .changes-built .cc1 .icon { --icon: url('/assets/screen-5-mobile/icons/question.svg') !important; }
  .changes-built .cc2 .icon { --icon: url('/assets/screen-5-mobile/icons/chat.svg') !important; }
  .changes-built .cc3 .icon { --icon: url('/assets/screen-5-mobile/icons/visual.svg') !important; }
  .changes-built .cc4 .icon { --icon: url('/assets/screen-5-mobile/icons/structure.svg') !important; }

  .screen.cases-built {
    background: #f8fbff url('/assets/screen-6-mobile/background/background_mobile_clean.webp') center / 100% 100% no-repeat;
  }

  .cases-built__background {
    display: none;
  }

  .cases-built .case--site > img { content: url('/assets/screen-6-mobile/photos/case_websites_mockup.webp'); }
  .cases-built .case--upgrade > img { content: url('/assets/screen-6-mobile/photos/case_site_improvement.webp'); }
  .cases-built .case--analysis > img { content: url('/assets/screen-6-mobile/photos/case_marketing_analysis.webp'); }
  .case-auto-flow img[src$='website.svg'] { content: url('/assets/screen-6-mobile/icons/website.svg'); }
  .case-auto-flow img[src$='crm_users.svg'] { content: url('/assets/screen-6-mobile/icons/crm_users.svg'); }
  .case-auto-flow img[src$='telegram.svg'] { content: url('/assets/screen-6-mobile/icons/telegram.svg'); }
  .case-auto-flow img[src$='spreadsheet.svg'] { content: url('/assets/screen-6-mobile/icons/spreadsheet.svg'); }
  .case-auto-flow img[src$='automation.svg'] { content: url('/assets/screen-6-mobile/icons/automation.svg'); }

  .power-built__scene {
    content: url('/assets/screen-7/photos/main_scene_mobile.png');
    object-fit: cover;
    object-position: center;
  }

  .power-built__note--weak img { content: url('/assets/screen-7-mobile/decor/arrow_to_weak_points.svg'); }
  .power-built__note--solution img { content: url('/assets/screen-7-mobile/decor/arrow_to_solution.svg'); }
  .power-built__note--result img { content: url('/assets/screen-7-mobile/decor/arrow_to_result.svg'); }
  .power-built__note--truth img { content: url('/assets/screen-7-mobile/decor/arrow_to_truth.svg'); }
  .power-built__actions a:first-child img { content: url('/assets/screen-7-mobile/icons/telegram.svg'); }
  .power-built__actions a:last-child img { content: url('/assets/screen-7-mobile/icons/vk.svg'); }

  .contacts-built__scene {
    content: url('/assets/screen-10-mobile/background/background_mobile_clean.webp');
    object-fit: cover;
    object-position: center;
  }

  .contacts-built .location-card > img {
    content: url('/assets/screen-10-mobile/photos/moscow_map_mobile_16x9.webp');
  }

  .contacts-built .contact-star { --icon: url('/assets/screen-10-mobile/icons/sparkle.svg') !important; }
  .contacts-built .location-card__info > .icon { --icon: url('/assets/screen-10-mobile/icons/location.svg') !important; }
  .contacts-built .location-card__info small .icon { --icon: url('/assets/screen-10-mobile/icons/metro.svg') !important; }
  .contacts-built .legal-card__head > .icon { --icon: url('/assets/screen-10-mobile/icons/document.svg') !important; }
  .contacts-built .legal-grid p:nth-child(1) .icon { --icon: url('/assets/screen-10-mobile/icons/id_card.svg') !important; }
  .contacts-built .legal-grid p:nth-child(2) .icon { --icon: url('/assets/screen-10-mobile/icons/file.svg') !important; }
  .contacts-built .legal-grid p:nth-child(3) .icon { --icon: url('/assets/screen-10-mobile/icons/pencil.svg') !important; }
  .contacts-built .legal-grid p:nth-child(4) .icon { --icon: url('/assets/screen-10-mobile/icons/payment_card.svg') !important; }
  .contacts-built .contact-channel > p .icon { --icon: url('/assets/screen-10-mobile/icons/chat.svg') !important; }
  .contacts-built .contact-channel__telegram .icon { --icon: url('/assets/screen-10-mobile/icons/telegram.svg') !important; }
  .contacts-built .contact-channel__vk .icon { --icon: url('/assets/screen-10-mobile/icons/vk.svg') !important; }
  .contacts-built .privacy .icon { --icon: url('/assets/screen-10-mobile/icons/shield.svg') !important; }
}

/* Unified mobile typography and rhythm pass. */
@media (max-width: 600px) {
  :root {
    --mobile-display: clamp(32px, 9.35vw, 37px);
    --mobile-intro: clamp(12.5px, 3.45vw, 13.6px);
    --mobile-card-title: clamp(12.5px, 3.4vw, 13.4px);
    --mobile-body: clamp(9.8px, 2.72vw, 10.7px);
  }

  .hero-built h1,
  .pains-built h2,
  .screen.process-built h2,
  .format-built h2,
  .changes-built h2,
  .cases-built h2,
  .faq-built h2,
  .services-built h2 {
    font-size: var(--mobile-display);
    font-weight: 850;
    line-height: 1.08;
    letter-spacing: 0;
  }

  .hero-built__lead,
  .pains-built__intro,
  .process-built__intro,
  .format-built .section-intro,
  .changes-built .section-intro,
  .cases-built .section-intro,
  .faq-built .faq__content > p,
  .services-built .section-intro,
  .contacts-built .contacts__copy > .section-intro {
    font-size: var(--mobile-intro);
    line-height: 1.48;
  }

  .hero-built.screen {
    aspect-ratio: 768 / 2560;
  }

  .hero-built__photo {
    top: -1.7%;
    left: 5%;
    width: 100%;
    height: 31%;
  }

  .hero-built__eyebrow {
    top: 2.25%;
    font-size: 11.5px;
  }

  .hero-built h1 {
    top: 6.55%;
    width: 58.5%;
    line-height: 1.03;
  }

  .hero-built__lead {
    top: 32.8%;
    width: 48.8%;
    font-weight: 500;
  }

  .hero-built__logic {
    top: 32.75%;
    left: 56.2%;
    width: 39.1%;
    padding: 14px 13px;
  }

  .hero-built__logic p {
    grid-template-columns: 18px 1fr 10px 1fr;
    gap: 5px;
    margin-bottom: 10px;
    font-size: 8.6px;
  }

  .hero-built__actions {
    top: 44.15%;
    width: 89.1%;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }

  .hero-built__button,
  .hero-built__button--telegram,
  .hero-built__button--vk {
    min-height: 44px;
    font-size: 11px;
  }

  .hero-built__facts {
    top: 50.15%;
    width: 89.1%;
  }

  .hero-built__facts p {
    font-size: var(--mobile-body);
    line-height: 1.45;
  }

  .hero-built__facts p span,
  .hero-built__facts p strong {
    max-width: none;
  }

  .hero-built__services-intro {
    top: 61.3%;
    font-size: 20px;
  }

  .hero-built__service h2 {
    font-size: var(--mobile-card-title);
    line-height: 1.2;
  }

  .hero-built__service p,
  .hero-built__service li {
    font-size: var(--mobile-body);
    line-height: 1.42;
  }

  .hero-built__service--analysis {
    top: 58.7%;
    height: 16.4%;
  }

  .hero-built__service--site {
    top: 75.1%;
    height: 16.1%;
  }

  .hero-built__service--improvement {
    top: 76.5%;
    height: 14.6%;
  }

  .hero-built__service--automation {
    top: 91.5%;
    height: 7.5%;
  }

  .pains-built h2 {
    font-size: var(--mobile-display);
    line-height: 1.08;
  }

  .pains-built__intro {
    top: 13.55%;
  }

  .pains-built__actions {
    top: 79.5%;
  }

  .pains-built__note {
    bottom: 1.2%;
  }

  .pains-built__card h3,
  .process-built__step h3,
  .format-built .wheel-card h3,
  .format-built .wc3 h3,
  .format-built .wc4 h3,
  .changes-built .change-card h3,
  .cases-built .case h3,
  .cases-built .case--auto h3 {
    font-size: var(--mobile-card-title);
    line-height: 1.24;
  }

  .pains-built__card p,
  .process-built__step p,
  .format-built .wheel-card p,
  .format-built .wc3 p,
  .changes-built .change-card p,
  .cases-built .case p,
  .cases-built .case--auto p {
    font-size: var(--mobile-body);
    line-height: 1.44;
  }

  .screen.process-built {
    aspect-ratio: 768 / 2600;
  }

  .screen.process-built h2 {
    top: 4.15%;
    width: 88%;
  }

  .process-built__title-mobile > b,
  .process-built__title-mobile > span {
    display: inline;
    white-space: normal;
    font-size: inherit;
    line-height: inherit;
  }

  .process-built__intro {
    top: 14.7%;
    width: 84%;
  }

  .process-built__mobile-scene {
    top: 22.4%;
    height: 23.3%;
  }

  .process-built__chat {
    top: 22.55%;
  }

  .process-built__steps {
    top: 46.4%;
  }

  .process-built__result {
    top: 76.2%;
    min-height: 20.5%;
  }

  .process-built__step,
  .process-built__step--2,
  .process-built__step--3,
  .process-built__step--4 {
    min-height: 100px;
  }

  .process-built__step h3 {
    margin-top: 1px;
    margin-bottom: 5px;
  }

  .process-built__step p,
  .process-built__step--3 p,
  .process-built__step--4 p {
    top: 48px;
    font-size: 9.7px;
    line-height: 1.35;
  }

  .format-built h2,
  .changes-built h2 {
    font-size: var(--mobile-display);
  }

  .format-built .section-intro {
    top: 17.6%;
  }

  .format-built .honesty {
    top: 27.4%;
    font-size: var(--mobile-intro);
  }

  .format-built .wheel-card p {
    font-size: 9px;
    line-height: 1.42;
  }

  .format-built .wc3 p {
    font-size: 8.3px;
  }

  .format-built .wc3 h3 {
    font-size: clamp(9.6px, 2.72vw, 10.7px);
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
  }

  .changes-built .section-intro {
    top: 22.85%;
  }

  .screen.cases-built {
    aspect-ratio: 768 / 2300;
  }

  .cases-built .cases__intro {
    top: 2.7%;
    left: 7%;
    width: 86%;
  }

  .cases-built h2 {
    margin-bottom: 10px;
  }

  .cases-built .case--site {
    top: 18%;
    height: 19.8%;
  }

  .cases-built .case--upgrade {
    top: 39.2%;
    height: 20.1%;
  }

  .cases-built .case--analysis {
    top: 60.55%;
    height: 17.2%;
    grid-template-columns: 40% 60%;
  }

  .cases-built .case--analysis h3 {
    font-size: clamp(10.5px, 2.92vw, 11.5px);
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
  }

  .cases-built .case--auto {
    top: 78.8%;
    height: 19.8%;
  }

  .cases-built .case p,
  .cases-built .case--auto p {
    font-size: 9.5px;
    line-height: 1.45;
  }

  .faq-built h2 {
    font-size: var(--mobile-display);
  }

  .faq-built .faq__content > p {
    top: 18.6%;
    font-size: clamp(13px, 3.55vw, 14px);
  }

  .screen.faq-built {
    aspect-ratio: 768 / 2350;
  }

  .faq-built__mobile-scene {
    top: 24%;
  }

  .faq-built .accordion {
    top: 44%;
  }

  .faq-built .faq__promise {
    bottom: 2%;
  }

  .screen.services-built {
    aspect-ratio: 768 / 2048;
  }

  .services-built h2 {
    top: 6.6%;
    left: 8%;
    width: 84%;
  }

  .services-built .section-intro {
    top: 20.8%;
    left: 8%;
    width: 84%;
  }

  .services-built .btn--service {
    top: 32.4%;
  }

  .service-card--site {
    top: 40.2%;
    height: 20.8%;
  }

  .service-card--business {
    top: 61.3%;
    height: 21.6%;
  }

  .service-card--other {
    top: 72.7%;
    height: 20.6%;
  }

  .service-card p {
    font-size: var(--mobile-body);
    line-height: 1.44;
  }

  .contacts-built h2 {
    font-size: var(--mobile-display);
    line-height: 1;
  }
}

@media (max-width: 380px) {
  .cases-built .case--auto {
    grid-template-columns: 35% 65%;
  }

  .cases-built .case--auto .case__copy {
    padding-right: 1.5vw;
  }

  .screen.pains-built {
    aspect-ratio: 768 / 2200;
  }

  .pains-built__actions {
    top: 80.5%;
  }

  .pains-built__note {
    bottom: 0;
  }

  .screen.process-built {
    aspect-ratio: 768 / 2800;
  }

  .process-built__intro {
    top: 15.2%;
  }

  .process-built__step,
  .process-built__step--2,
  .process-built__step--3,
  .process-built__step--4 {
    min-height: 90px;
  }

  .process-built__result {
    top: 77.4%;
    min-height: 21.2%;
  }
}

@media (max-width: 359px) {
  :root {
    --mobile-display: 30px;
    --mobile-intro: 12px;
    --mobile-card-title: 12px;
    --mobile-body: 9.2px;
  }

  .hero-built.screen {
    aspect-ratio: 768 / 3072;
  }

  .hero-built__actions {
    top: 46.2%;
  }

  .hero-built__facts {
    top: 53%;
  }

  .hero-built__services-intro {
    top: 62.5%;
    left: 5%;
    width: 34%;
    font-size: 18px;
  }

  .hero-built__service--analysis {
    top: 58.5%;
    left: 43%;
    width: 51.2%;
    height: 17.8%;
    padding: 70px 12px 34px;
  }

  .hero-built__service--site {
    top: 77%;
    height: 14.5%;
  }

  .hero-built__service--improvement {
    top: 77%;
    height: 14.5%;
  }

  .hero-built__service--automation {
    top: 91.7%;
    height: 8%;
  }

  .hero-built__service--automation li {
    font-size: 8px;
    line-height: 1.25;
  }

  .screen.pains-built {
    aspect-ratio: 768 / 2400;
  }

  .pains-built__actions {
    top: 83%;
  }

  .process-built__step,
  .process-built__step--2,
  .process-built__step--3,
  .process-built__step--4 {
    min-height: 88px;
  }

  .process-built__result {
    top: 79%;
    min-height: 20.2%;
  }

  .screen.cases-built {
    aspect-ratio: 768 / 3000;
  }

  .cases-built .case--site {
    top: 24%;
    height: 17%;
  }

  .cases-built .case--upgrade {
    top: 42.5%;
    height: 17.5%;
  }

  .cases-built .case--analysis {
    top: 61.5%;
    height: 16.5%;
  }

  .cases-built .case--auto {
    top: 79.5%;
    height: 19.5%;
  }
}

/* Mobile readability pass: body copy must remain legible without zooming. */
@media (max-width: 600px) {
  :root {
    --mobile-body: clamp(11.2px, 3.05vw, 12px);
    --mobile-dense-copy: clamp(10px, 2.7vw, 10.6px);
    --mobile-micro-copy: clamp(9px, 2.4vw, 9.5px);
    --mobile-copy-color: #2b4069;
  }

  .hero-built__facts p,
  .hero-built__service p,
  .hero-built__service li,
  .pains-built__card p,
  .process-built__step p,
  .process-built__result li,
  .changes-built .change-card p,
  .service-card p {
    color: var(--mobile-copy-color);
    font-size: var(--mobile-body);
    font-weight: 500;
    line-height: 1.43;
  }

  .process-built__step p,
  .process-built__step--3 p,
  .process-built__step--4 p {
    font-size: var(--mobile-body);
    line-height: 1.38;
  }

  .format-built .wheel-card p {
    color: var(--mobile-copy-color);
    font-size: var(--mobile-dense-copy);
    font-weight: 500;
    line-height: 1.4;
  }

  .format-built .wc3 p {
    font-size: var(--mobile-micro-copy);
    line-height: 1.38;
  }

  .cases-built .case p,
  .cases-built .case--auto p {
    color: var(--mobile-copy-color);
    font-size: var(--mobile-dense-copy);
    font-weight: 500;
    line-height: 1.4;
  }

  .faq-built .accordion small {
    color: #e0e7f2;
    font-size: var(--mobile-body);
    font-weight: 450;
    line-height: 1.35;
  }

  .contacts-built .location-card__info p,
  .contacts-built .legal-card__head p,
  .contacts-built .contact-channel small {
    font-size: var(--mobile-dense-copy);
    font-weight: 500;
    line-height: 1.38;
  }

  .contacts-built .legal-grid small {
    font-size: var(--mobile-micro-copy);
    font-weight: 500;
    line-height: 1.25;
  }

  .hero-built.screen {
    aspect-ratio: 768 / 2700;
  }

  .hero-built__service--analysis {
    height: 18%;
  }

  .hero-built__service--site,
  .hero-built__service--improvement {
    top: 76.8%;
  }

  .hero-built__service--site p {
    font-size: var(--mobile-dense-copy);
  }

  .screen.pains-built {
    aspect-ratio: 768 / 2200;
  }

  .pains-built__card {
    min-height: 180px;
  }

  .pains-built__actions {
    top: 82%;
  }

  .pains-built__note {
    bottom: 1%;
  }

  .screen.process-built {
    aspect-ratio: 768 / 3000;
  }

  .process-built__mobile-scene {
    top: 21.7%;
    height: 21.5%;
  }

  .process-built__chat {
    top: 21.85%;
  }

  .process-built__steps {
    top: 45.5%;
  }

  .process-built__step,
  .process-built__step--2,
  .process-built__step--3,
  .process-built__step--4 {
    grid-template-rows: auto auto;
    align-content: start;
    min-height: 115px;
  }

  .process-built__step > img {
    grid-column: 1;
    grid-row: 1 / 3;
  }

  .process-built__step h3 {
    grid-column: 2;
    grid-row: 1;
  }

  .process-built__step p,
  .process-built__step--3 p,
  .process-built__step--4 p {
    position: static;
    grid-column: 2;
    grid-row: 2;
    margin: 3px 0 0;
  }

  .process-built__result {
    top: 78.6%;
    min-height: 20.2%;
  }

  .screen.format-built {
    aspect-ratio: 768 / 2450;
  }

  .format-built .format-wheel {
    top: 37%;
    height: 50%;
  }

  .format-built .wc1,
  .format-built .wc2 {
    height: clamp(155px, 42.5vw, 168px);
  }

  .format-built .wc3,
  .format-built .wc4 {
    width: 30.5%;
    height: clamp(165px, 45vw, 180px);
  }

  .format-built .wc3 {
    left: 2%;
  }

  .format-built .wc4 {
    right: 2%;
  }

  .format-built .wc5,
  .format-built .wc6 {
    height: clamp(176px, 47vw, 190px);
  }

  .format-built .hand-note--left {
    bottom: 1.8%;
  }

  .changes-built .cc3,
  .changes-built .cc4 {
    height: 292px;
  }

  .screen.cases-built {
    aspect-ratio: 768 / 2450;
  }

  .cases-built .case--auto {
    grid-template-columns: 37% 63%;
  }

  .case-auto-flow > div {
    width: 44px;
    height: 110px;
    flex-basis: 44px;
  }

  .case-auto-flow {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(0, 1fr));
    gap: 6px;
    padding: 18px 12px;
  }

  .case-auto-flow > i {
    display: none;
  }

  .case-auto-flow > div {
    width: auto;
    height: 90px;
    min-height: 0;
    max-height: 90px;
    align-self: center;
    overflow: hidden;
    flex: none;
    padding: 5px 3px;
  }

  .cases-built .case-auto-flow img {
    width: 28px;
    height: 28px;
    min-height: 0;
  }

  .case-auto-flow b {
    font-size: 8.5px;
    line-height: 1.15;
  }

  .case-auto-flow small {
    margin-top: 4px;
    font-size: 6.5px;
    line-height: 1.2;
  }

  .screen.faq-built {
    aspect-ratio: 768 / 3200;
  }

  .faq-built__mobile-scene {
    top: 24%;
    height: 19%;
  }

  .faq-built .accordion {
    top: 44%;
    grid-template-rows:
      145px
      145px
      128px
      145px
      140px;
  }

  .faq-built .faq__promise {
    bottom: 2%;
  }

  .screen.services-built {
    aspect-ratio: 768 / 2300;
  }

  .service-card--other p {
    font-size: var(--mobile-dense-copy);
  }

  .screen.contacts-built {
    aspect-ratio: 768 / 1750;
  }

  .contacts-built .legal-card {
    height: 21.5%;
  }

  .contacts-built .contact-channel {
    top: 79.5%;
  }
}

@media (max-width: 380px) {
  .screen.pains-built {
    aspect-ratio: 768 / 2700;
  }

  .pains-built__actions {
    top: 84.5%;
  }

  .screen.process-built {
    aspect-ratio: 768 / 3400;
  }

  .process-built__steps {
    top: 45%;
  }

  .process-built__result {
    top: 79.2%;
  }

  .screen.contacts-built {
    aspect-ratio: 768 / 1950;
  }

  .contacts-built .location-card {
    top: 23%;
  }

  .contacts-built .legal-card {
    top: 59%;
  }

  .contacts-built .contact-channel {
    top: 81%;
  }
}

@media (max-width: 359px) {
  .hero-built.screen {
    aspect-ratio: 768 / 3600;
  }

  .screen.format-built {
    aspect-ratio: 768 / 2800;
  }

  .screen.cases-built {
    aspect-ratio: 768 / 3200;
  }

  .cases-built .case--site {
    top: 23.5%;
    height: 17.5%;
  }

  .cases-built .case--upgrade {
    top: 42.3%;
    height: 18%;
  }

  .cases-built .case--analysis {
    top: 61.7%;
    height: 16.8%;
  }

  .cases-built .case--auto {
    top: 79.7%;
    height: 19.2%;
  }

  .screen.faq-built {
    aspect-ratio: 768 / 3500;
  }

  .screen.services-built {
    aspect-ratio: 768 / 2300;
  }
}

/* Mobile edge-width corrections after public readability QA. */
@media (max-width: 600px) {
  .hero-built__service--analysis > a {
    bottom: 7px;
  }

  .hero-built__service--site {
    height: 14.6%;
    padding-top: 64px;
  }

  .hero-built__service--site > a {
    bottom: 2px;
  }

  .hero-built__service--automation {
    top: 91.4%;
    height: 8.3%;
    padding-top: 12px;
  }

  .hero-built__service--automation ul {
    max-width: clamp(100px, 31vw, 130px);
  }

  .hero-built__service--automation li {
    font-size: var(--mobile-dense-copy);
    line-height: 1.26;
  }

  .hero-built__service--automation > a {
    right: 10px;
    bottom: 10px;
  }

  .format-built .wc3 p {
    font-size: var(--mobile-dense-copy);
  }

  .case-auto-flow small {
    font-size: 7.5px;
    line-height: 1.22;
  }

  .contacts-built .location-card__info > small,
  .contacts-built .contact-channel > p small {
    font-size: var(--mobile-dense-copy);
    font-weight: 500;
    line-height: 1.3;
  }

  .contacts-built .contact-channel > .btn small {
    font-size: var(--mobile-micro-copy);
    font-weight: 500;
    line-height: 1.2;
  }

  .power-built__note,
  .power-built__note--weak,
  .power-built__note--solution,
  .power-built__note--result,
  .power-built__note--truth {
    color: #241c78;
    font-weight: 600;
    text-shadow:
      0 1px 2px rgba(255, 255, 255, .95),
      0 0 9px rgba(255, 255, 255, .62);
  }
}

@media (max-width: 359px) {
  .hero-built__service--site,
  .hero-built__service--improvement {
    top: 76.8%;
    height: 13.8%;
  }

  .hero-built__service--improvement p {
    top: 88px;
  }

  .hero-built__service--automation {
    top: 90.6%;
    height: 9.1%;
  }

  .contacts-built .legal-grid {
    grid-template-columns: .9fr .9fr 1.15fr 1.05fr;
  }

  .contacts-built .legal-grid p,
  .contacts-built .legal-grid p:nth-child(3) {
    padding-right: 2px;
    padding-left: 2px;
  }
}

/* Screen 08 mobile photo: use the dedicated studio crop from the approved mobile assets. */
@media (max-width: 600px) {
  .screen.faq-built {
    aspect-ratio: 768 / 2800;
  }

  .faq-built__mobile-scene {
    top: 24%;
    height: auto;
    aspect-ratio: 674 / 394;
  }

  .faq-built__mobile-scene img {
    top: -24%;
    left: 0;
    width: 169%;
    height: auto;
    max-width: none;
  }

  .faq-built .accordion {
    top: calc(24% + 51.45vw + 18px);
  }
}

@media (max-width: 380px) {
  .screen.faq-built {
    aspect-ratio: 768 / 2900;
  }
}

@media (max-width: 359px) {
  .screen.faq-built {
    aspect-ratio: 768 / 3200;
  }
}

/* Screen 01: five directions and mobile CTA spacing pass. */
.hero-built__service--video {
  --service-color: #0abed2;
}

@media (min-width: 1300px) {
  .hero-built__service--improvement {
    left: 59.9%;
    width: 21.3%;
  }

  .hero-built__service--automation {
    left: 59.9%;
    width: 21.3%;
    padding-right: 30px;
  }

  .hero-built__service--automation > a {
    right: 22px;
  }

  .hero-built__service--video {
    top: 82.45%;
    left: 82.75%;
    width: 12.9%;
    height: 14.8%;
    padding: 18px 18px 42px 72px;
  }

  .hero-built__service--video::before {
    display: none;
  }

  .hero-built__service--video::after {
    top: -4px;
    right: -14px;
  }

  .hero-built__service--video .hero-built__service-icon {
    top: 8px;
    left: 8px;
    width: 62px;
    height: 62px;
  }

  .hero-built__service--video h2 {
    margin-bottom: 5px;
  }

  .hero-built__service--video p {
    font-size: 12px;
    line-height: 1.32;
  }

  .hero-built__service--video > a {
    left: 72px;
    bottom: 15px;
    min-height: 29px;
    padding: 0 12px;
    font-size: 11px;
  }
}

@media (max-width: 1660px) and (min-width: 1300px) {
  .hero-built__service--video {
    padding: 14px 14px 34px 58px;
  }

  .hero-built__service--video .hero-built__service-icon {
    top: 8px;
    left: 6px;
    width: 54px;
    height: 54px;
  }

  .hero-built__service--video p {
    font-size: 10px;
    line-height: 1.25;
  }

  .hero-built__service--video > a {
    left: 58px;
    bottom: 12px;
    min-height: 25px;
    padding: 0 10px;
    font-size: 9.5px;
  }
}

@media (max-width: 1299px) {
  .hero-built__service--video {
    grid-column: 1 / -1;
  }
}

@media (max-width: 600px) {
  .hero-built.screen {
    aspect-ratio: 768 / 3300;
  }

  .hero-built__photo {
    top: -1.4%;
    height: 25.4%;
  }

  .hero-built__eyebrow {
    top: 1.85%;
  }

  .hero-built h1 {
    top: 5.35%;
  }

  .hero-built__lead {
    top: 26.85%;
  }

  .hero-built__logic {
    top: 26.8%;
  }

  .hero-built__actions {
    top: 36.1%;
  }

  .hero-built__facts {
    top: 41.05%;
  }

  .hero-built__services-intro {
    top: 50.15%;
    width: 31%;
  }

  .hero-built__service,
  .hero-built__service--analysis,
  .hero-built__service--site,
  .hero-built__service--improvement,
  .hero-built__service--automation,
  .hero-built__service--video {
    border-width: 1.25px;
    border-radius: 16px;
    background: rgba(255, 255, 255, .82);
  }

  .hero-built__service > a,
  .hero-built__service--analysis > a,
  .hero-built__service--site > a,
  .hero-built__service--improvement > a,
  .hero-built__service--automation > a,
  .hero-built__service--video > a {
    min-height: 36px;
    gap: 8px;
    border-width: 1.5px;
    padding: 0 18px;
    font-size: 11px;
    font-weight: 800;
  }

  .hero-built__service--analysis {
    top: 48%;
    height: 16.25%;
    padding-bottom: 48px;
  }

  .hero-built__service--analysis > a {
    bottom: 12px;
  }

  .hero-built__service--site {
    top: 65.15%;
    height: 12.6%;
    padding-bottom: 48px;
  }

  .hero-built__service--site > a {
    bottom: 12px;
  }

  .hero-built__service--improvement {
    top: 65.15%;
    height: 12.6%;
    padding-bottom: 48px;
  }

  .hero-built__service--improvement p {
    top: 80px;
  }

  .hero-built__service--improvement > a {
    bottom: 12px;
  }

  .hero-built__service--automation {
    top: 78.45%;
    height: 8.4%;
    padding: 18px 150px 50px 68px;
  }

  .hero-built__service--automation > a {
    right: 18px;
    bottom: 13px;
  }

  .hero-built__service--video {
    top: 87.95%;
    left: 5.35%;
    width: 88.8%;
    height: 9.9%;
    padding: 22px 128px 50px 68px;
  }

  .hero-built__service--video::before {
    display: none;
  }

  .hero-built__service--video::after {
    top: -8px;
    right: -5px;
  }

  .hero-built__service--video .hero-built__service-icon {
    top: 9px;
    left: 1px;
    width: 62px;
    height: 62px;
  }

  .hero-built__service--video .hero-built__service-number {
    top: 19px;
    right: 18px;
  }

  .hero-built__service--video h2 {
    margin-bottom: 7px;
  }

  .hero-built__service--video p {
    max-width: 170px;
  }

  .hero-built__service--video > a {
    right: 18px;
    bottom: 13px;
    left: auto;
  }
}

@media (max-width: 380px) {
  .hero-built__services-intro {
    width: 34%;
    font-size: 18px;
  }

  .hero-built__service > a,
  .hero-built__service--analysis > a,
  .hero-built__service--site > a,
  .hero-built__service--improvement > a,
  .hero-built__service--automation > a,
  .hero-built__service--video > a {
    min-height: 34px;
    padding: 0 14px;
    font-size: 10.4px;
  }

  .hero-built__service--automation,
  .hero-built__service--video {
    padding-right: 122px;
  }
}

/* Screen 02 mobile: return composition to the approved mockup, keep fixed readable typography. */
@media (max-width: 600px) {
  .screen.pains-built {
    aspect-ratio: 768 / 2260;
    background: #f8fbff url('/assets/screen-2-mobile/background/page_background_no_text_768x2048.webp') center / 100% 100% no-repeat;
  }

  .screen.pains-built::before,
  .screen.pains-built::after {
    content: "";
    position: absolute;
    z-index: 1;
    display: block;
    pointer-events: none;
  }

  .screen.pains-built::before {
    top: 8.4%;
    right: -9%;
    width: 30.5%;
    height: 15.2%;
    background: url('/assets/screen-2-mobile/decor/curved_line_right_with_node_230x300.png') center / contain no-repeat;
  }

  .screen.pains-built::after {
    left: -1.8%;
    bottom: 5.2%;
    width: 19.5%;
    height: 16.2%;
    background: url('/assets/screen-2-mobile/decor/curved_line_left_with_node_150x330.png') center / contain no-repeat;
  }

  .pains-built__scene {
    display: none;
  }

  .pains-built__dots {
    content: url('/assets/screen-2-mobile/decor/dot_grid_top_right_150x150.png');
    z-index: 1;
    top: 3.4%;
    right: 3.8%;
    display: block;
    width: 19.55%;
    max-width: none;
    opacity: 1;
  }

  .pains-built__mobile-scene {
    z-index: 2;
    top: 21.25%;
    left: 4.4%;
    display: block;
    width: 91.2%;
    height: 21.98%;
    overflow: hidden;
    border-radius: 42px;
    background: transparent;
  }

  .pains-built__mobile-scene img {
    content: url('/assets/screen-2-mobile/photos/main_photo_visible_area_clean_no_ui_682x450.png');
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: 50% 50%;
  }

  .pains-built__content {
    z-index: 3;
  }

  .pains-built h2 {
    top: 4.55%;
    left: 8.7%;
    width: 74%;
    font-size: var(--mobile-display);
    line-height: 1.08;
  }

  .pains-built__intro {
    top: 13.05%;
    left: 8.7%;
    width: 74%;
    font-size: var(--mobile-intro);
    line-height: 1.5;
  }

  .pains-built__grid {
    top: 43.85%;
    left: 6.75%;
    width: 86.6%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px 12px;
  }

  .pains-built__card {
    min-height: clamp(176px, 46.5vw, 190px);
    border-radius: 18px;
    padding: 31px 16px 18px;
    background: rgba(255, 255, 255, .76);
  }

  .pains-built__card i {
    top: 15px;
    right: 15px;
    width: 15px;
    height: 15px;
    border-width: 1.5px;
  }

  .pains-built__card i::after {
    top: 3px;
    right: 19px;
    width: 10px;
    height: 10px;
  }

  .pains-built__card h3 {
    margin-bottom: 13px;
    font-size: var(--mobile-card-title);
    line-height: 1.24;
  }

  .pains-built__card p {
    font-size: var(--mobile-body);
    line-height: 1.45;
  }

  .pains-built__actions {
    top: 80.25%;
    left: 22.65%;
    width: 53.65%;
    gap: 16px;
  }

  .pains-built__contact {
    min-height: 56px;
    border-radius: 10px;
    background: rgba(255, 255, 255, .74);
  }

  .pains-built__note {
    z-index: 3;
    bottom: 1.65%;
    left: 21.9%;
    width: 59.25%;
  }

  .pains-built__note img {
    content: url('/assets/screen-2-mobile/decor/handwritten_note_arrow_clean_transparent_455x170.png');
  }
}

@media (max-width: 380px) {
  .screen.pains-built {
    aspect-ratio: 768 / 2320;
  }

  .pains-built__mobile-scene {
    border-radius: 36px;
  }

  .pains-built__grid {
    gap: 24px 18px;
  }

  .pains-built__card {
    min-height: 176px;
    padding: 28px 14px 16px;
  }
}

/* First screen top menu. Kept as a final layer so it does not alter the approved hero layout. */
.site-menu-toggle {
  position: absolute;
  z-index: 82;
  top: clamp(18px, 2.1vw, 34px);
  right: clamp(18px, 2.35vw, 40px);
  display: grid;
  width: 52px;
  height: 52px;
  place-items: center;
  border: 1px solid rgba(18, 99, 245, .22);
  border-radius: 16px;
  padding: 13px;
  background: rgba(255, 255, 255, .86);
  box-shadow: 0 14px 35px rgba(39, 76, 150, .13);
  cursor: pointer;
}

.site-menu-toggle span {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 999px;
  background: #0666ff;
  transition: transform 180ms ease, opacity 180ms ease;
}

.site-menu-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
.site-menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.site-menu-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }

.site-menu-overlay {
  position: fixed;
  z-index: 80;
  inset: 0;
  background: rgba(7, 24, 63, .24);
  opacity: 0;
  pointer-events: none;
  transition: opacity 180ms ease;
}

.site-menu-panel {
  position: fixed;
  z-index: 81;
  top: 22px;
  right: 22px;
  bottom: 22px;
  width: min(392px, calc(100vw - 32px));
  overflow-y: auto;
  border: 1px solid rgba(18, 99, 245, .16);
  border-radius: 24px;
  padding: 28px;
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 30px 75px rgba(16, 43, 101, .22);
  transform: translateX(calc(100% + 40px));
  transition: transform 220ms ease;
}

body.site-menu-open { overflow: hidden; }
body.site-menu-open .site-menu-overlay {
  opacity: 1;
  pointer-events: auto;
}
body.site-menu-open .site-menu-panel { transform: translateX(0); }

.site-menu-close {
  position: absolute;
  top: 17px;
  right: 17px;
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border: 1px solid rgba(18, 99, 245, .16);
  border-radius: 12px;
  color: #0666ff;
  background: #f4f8ff;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.site-menu-panel__eyebrow {
  margin: 0 0 8px;
  color: #0666ff;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
}

.site-menu-panel__title {
  display: block;
  margin: 0 48px 20px 0;
  color: #07183f;
  font-size: 32px;
  font-weight: 800;
  line-height: 1.08;
}

.site-menu-panel__directions {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.site-menu-panel__directions a {
  display: grid;
  grid-template-columns: 38px 1fr;
  gap: 12px;
  align-items: center;
  min-height: 58px;
  border: 1px solid rgba(18, 99, 245, .14);
  border-radius: 15px;
  padding: 11px 14px;
  color: #07183f;
  background: rgba(247, 250, 255, .9);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
}

.site-menu-panel__directions span {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border-radius: 10px;
  color: #0666ff;
  background: #eaf2ff;
  font-size: 13px;
  font-weight: 800;
}

.site-menu-panel__contacts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 20px;
}

.site-menu-panel__button {
  display: inline-flex;
  min-height: 50px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 2px solid #0666ff;
  border-radius: 13px;
  color: #0666ff;
  background: rgba(255, 255, 255, .88);
  font-size: 14px;
  font-weight: 750;
  text-decoration: none;
}

.site-menu-panel__button img {
  width: 23px;
  height: 23px;
}

.site-menu-panel__button--telegram {
  color: #fff;
  background: linear-gradient(135deg, #168ff5, #0c56ef);
}

.site-menu-panel__button--telegram img { filter: brightness(0) invert(1); }
.site-menu-panel__button--vk img { width: 27px; }

.site-menu-panel__requisites {
  margin-top: 18px;
  border: 1px solid rgba(18, 99, 245, .14);
  border-radius: 16px;
  padding: 16px;
  color: #33476f;
  background: rgba(240, 246, 255, .78);
}

.site-menu-panel__requisites span {
  display: block;
  margin-bottom: 8px;
  color: #0666ff;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .02em;
  text-transform: uppercase;
}

.site-menu-panel__requisites p {
  margin: 0;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.45;
}

@media (max-width: 600px) {
  .site-menu-toggle {
    position: fixed;
    top: max(14px, env(safe-area-inset-top));
    right: 14px;
    width: 44px;
    height: 44px;
    border-radius: 14px;
    padding: 11px;
  }

  .site-menu-toggle span { width: 20px; }

  .site-menu-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
  .site-menu-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

  .site-menu-panel {
    top: max(12px, env(safe-area-inset-top));
    right: 12px;
    bottom: auto;
    width: calc(100vw - 24px);
    max-height: calc(100svh - 24px);
    border-radius: 18px;
    padding: 22px 18px 18px;
  }

  .site-menu-close {
    top: 14px;
    right: 14px;
    width: 34px;
    height: 34px;
    border-radius: 11px;
    font-size: 22px;
  }

  .site-menu-panel__title {
    margin-bottom: 16px;
    font-size: 28px;
  }

  .site-menu-panel__directions a {
    min-height: 54px;
    border-radius: 14px;
    padding: 10px 12px;
    font-size: 14px;
  }

  .site-menu-panel__contacts { margin-top: 16px; }

  .site-menu-panel__button {
    min-height: 48px;
    font-size: 13px;
  }
}

/* Screen 01 mobile: premium composition and readable text pass. */
@media (max-width: 600px) {
  .hero-built.screen {
    aspect-ratio: 768 / 3560;
  }

  .hero-built.screen::before {
    content: "";
    position: absolute;
    z-index: 4;
    top: 0;
    left: 0;
    display: block;
    width: 69%;
    height: 28.8%;
    background:
      linear-gradient(102deg, rgba(248, 251, 255, .98) 0%, rgba(248, 251, 255, .94) 47%, rgba(248, 251, 255, .48) 72%, rgba(248, 251, 255, 0) 100%);
    pointer-events: none;
  }

  .hero-built__photo {
    left: 8.2%;
    width: 95.8%;
    height: 23.8%;
    object-position: center top;
  }

  .hero-built h1 {
    width: 53.5%;
    text-wrap: balance;
  }

  .hero-built__lead {
    top: 23.95%;
    width: 49.8%;
    color: #263d68;
    font-size: 14px;
    font-weight: 560;
    line-height: 1.43;
  }

  .hero-built__logic {
    top: 24.35%;
  }

  .hero-built__actions {
    top: 33.75%;
  }

  .hero-built__facts {
    top: 38.45%;
  }

  .hero-built__facts p {
    color: #263d68;
    font-size: 14px;
    font-weight: 560;
    line-height: 1.34;
  }

  .hero-built__facts p span,
  .hero-built__facts p strong {
    max-width: 310px;
  }

  .hero-built__services-intro {
    top: 47.25%;
  }

  .hero-built__service h2 {
    font-size: 16px;
    font-weight: 880;
    line-height: 1.18;
  }

  .hero-built__service p,
  .hero-built__service li {
    color: #263d68;
    font-size: 14px;
    font-weight: 560;
    line-height: 1.34;
  }

  .hero-built__service > a,
  .hero-built__service--analysis > a,
  .hero-built__service--site > a,
  .hero-built__service--improvement > a,
  .hero-built__service--automation > a,
  .hero-built__service--video > a {
    min-height: 38px;
    font-size: 12px;
  }

  .hero-built__service--analysis {
    top: 46.7%;
    height: 17.8%;
    padding: 76px 17px 58px 18px;
  }

  .hero-built__service--analysis .hero-built__service-icon {
    top: 14px;
    left: 14px;
    width: 58px;
    height: 58px;
  }

  .hero-built__service--analysis h2,
  .hero-built__service--analysis p {
    max-width: 176px;
  }

  .hero-built__service--analysis > a {
    left: 18px;
    bottom: 13px;
  }

  .hero-built__service--site,
  .hero-built__service--improvement {
    top: 65.5%;
    width: 43.7%;
    height: 14.2%;
    padding: 72px 14px 56px;
  }

  .hero-built__service--site {
    left: 5.35%;
  }

  .hero-built__service--improvement {
    left: 51%;
  }

  .hero-built__service--site .hero-built__service-icon,
  .hero-built__service--improvement .hero-built__service-icon {
    top: 12px;
    left: 12px;
    width: 56px;
    height: 56px;
  }

  .hero-built__service--site p,
  .hero-built__service--improvement p {
    max-width: 138px;
  }

  .hero-built__service--site > a,
  .hero-built__service--improvement > a {
    left: 14px;
    bottom: 11px;
  }

  .hero-built__service--improvement p {
    position: static;
  }

  .hero-built__service--automation {
    top: 80.7%;
    height: 8.9%;
    padding: 18px 135px 56px 74px;
  }

  .hero-built__service--automation .hero-built__service-icon {
    top: 17px;
    left: 10px;
    width: 58px;
    height: 58px;
  }

  .hero-built__service--automation ul {
    max-width: 152px;
  }

  .hero-built__service--automation li {
    font-size: 14px;
    line-height: 1.24;
  }

  .hero-built__service--video {
    top: 90.55%;
    height: 8.85%;
    padding: 18px 132px 56px 74px;
  }

  .hero-built__service--video .hero-built__service-icon {
    top: 16px;
    left: 10px;
    width: 58px;
    height: 58px;
  }

  .hero-built__service--video p {
    max-width: 152px;
  }
}

@media (max-width: 380px) {
  .hero-built__lead,
  .hero-built__facts p,
  .hero-built__service p,
  .hero-built__service li,
  .hero-built__service--automation li {
    font-size: 13px;
  }

  .hero-built__service h2 {
    font-size: 15px;
  }
}

/* Screen 01 mobile: second composition pass after overlap QA. */
@media (max-width: 600px) {
  .hero-built__photo {
    left: 13.8%;
    width: 91.5%;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, .2) 18%, #000 38%, #000 100%);
    mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, .2) 18%, #000 38%, #000 100%);
  }

  .hero-built.screen::before {
    width: 73%;
    height: 29.5%;
    background:
      linear-gradient(104deg, rgba(248, 251, 255, .99) 0%, rgba(248, 251, 255, .97) 49%, rgba(248, 251, 255, .62) 73%, rgba(248, 251, 255, 0) 100%);
  }

  .hero-built__service p,
  .hero-built__service li,
  .hero-built__service--automation li {
    font-size: 13px;
    line-height: 1.31;
  }

  .hero-built__service--site,
  .hero-built__service--improvement {
    height: 15.15%;
  }

  .hero-built__service--automation {
    top: 81.35%;
    height: 9.45%;
  }

  .hero-built__service--video {
    top: 91.15%;
    height: 8.35%;
  }
}

@media (max-width: 380px) {
  .hero-built__service p,
  .hero-built__service li,
  .hero-built__service--automation li {
    font-size: 12.4px;
  }

  .hero-built__service--automation li {
    font-size: 11.2px;
    line-height: 1.18;
  }
}

/* Screen 01 mobile: tighten transition between hero photo and blue content zone. */
@media (max-width: 600px) {
  .hero-built__lead {
    top: 22.7%;
  }

  .hero-built__logic {
    top: 23.1%;
  }

  .hero-built__actions {
    top: 32.65%;
  }

  .hero-built__facts {
    top: 37.5%;
  }

  .hero-built__facts p {
    font-size: 13px;
    line-height: 1.36;
  }
}

@media (max-width: 380px) {
  .hero-built__facts p {
    font-size: 12px;
    line-height: 1.34;
  }
}

/* Screen 01 laptop: prevent the service cards from climbing into the hero offer. */
@media (min-width: 1300px) and (max-width: 1660px) {
  .hero-built.screen {
    min-height: 1050px;
    aspect-ratio: auto;
  }
}

/* Screen 01: move trust notes closer to the CTAs and keep them secondary. */
.hero-built__facts {
  margin-top: 14px;
}

@media (min-width: 1300px) and (max-width: 1660px) {
  .hero-built__facts {
    margin-top: 12px;
  }
}

@media (max-width: 600px) {
  .hero-built__facts {
    top: 35.85%;
    gap: 13px;
  }

  .hero-built__facts p {
    font-size: clamp(12px, 3.25vw, 13px);
    line-height: 1.34;
  }
}

@media (max-width: 380px) {
  .hero-built__facts p {
    font-size: 12px;
    line-height: 1.33;
  }
}

/* Screens 02-10 mobile: keep the approved mockup compositions, but use screen 01 typography as the baseline. */
@media (max-width: 600px) {
  :root {
    --mobile-intro: clamp(13px, 3.59vw, 14px);
    --mobile-card-title: clamp(15px, 4.1vw, 16px);
    --mobile-body: clamp(12.4px, 3.33vw, 13px);
    --mobile-dense-copy: clamp(11.2px, 3vw, 11.8px);
    --mobile-micro-copy: clamp(10.2px, 2.75vw, 10.8px);
  }

  .pains-built__intro {
    color: #263d68;
    font-size: var(--mobile-intro);
    font-weight: 560;
    line-height: 1.43;
  }

  .pains-built__card h3 {
    font-size: var(--mobile-card-title);
    font-weight: 850;
    line-height: 1.18;
    overflow-wrap: anywhere;
  }

  .pains-built__card p {
    color: #263d68;
    font-size: var(--mobile-body);
    font-weight: 560;
    line-height: 1.36;
  }

  .screen.pains-built {
    aspect-ratio: 768 / 2480;
  }

  .pains-built__grid {
    top: 43.35%;
    gap: 18px 12px;
  }

  .pains-built__card {
    min-height: clamp(216px, 55.5vw, 230px);
    padding: 32px 16px 20px;
  }

  .pains-built__actions {
    top: 82.2%;
  }

  .pains-built__note {
    bottom: .25%;
  }
}

@media (max-width: 380px) {
  .screen.pains-built {
    aspect-ratio: 768 / 2660;
  }

  .pains-built__grid {
    gap: 19px 12px;
  }

  .pains-built__card {
    min-height: 216px;
    padding: 30px 14px 18px;
  }

  .pains-built__actions {
    top: 82.9%;
  }

  .pains-built__note {
    bottom: .1%;
  }
}

/* Screen 03 mobile: restore the approved vertical mockup and lift copy to the screen 01 baseline. */
@media (max-width: 600px) {
  .screen.process-built {
    aspect-ratio: 768 / 4300;
  }

  .process-built__intro {
    color: #263d68;
    font-size: var(--mobile-intro);
    font-weight: 560;
    line-height: 1.43;
  }

  .process-built__mobile-scene {
    top: 21%;
    height: 21.8%;
  }

  .process-built__chat {
    top: 21.25%;
  }

  .process-built__steps {
    top: 43.7%;
    gap: 11px;
  }

  .process-built__step,
  .process-built__step--2,
  .process-built__step--3,
  .process-built__step--4 {
    grid-template-columns: 54px 1fr;
    column-gap: 12px;
    min-height: 132px;
    padding: 18px 14px 14px 40px;
  }

  .process-built__step > img {
    width: 50px;
    height: 50px;
    border-radius: 13px;
    padding: 10px;
  }

  .process-built__step h3 {
    margin: 1px 0 6px;
    font-size: var(--mobile-card-title);
    font-weight: 850;
    line-height: 1.18;
  }

  .process-built__step p,
  .process-built__step--3 p,
  .process-built__step--4 p {
    color: #263d68;
    font-size: var(--mobile-body);
    font-weight: 560;
    line-height: 1.36;
  }

  .process-built__result {
    top: 81.4%;
    min-height: 22.2%;
    gap: 12px;
    padding: 22px 26px 20px;
  }

  .process-built__result-copy h3 {
    font-size: var(--mobile-card-title);
    font-weight: 850;
    line-height: 1.2;
  }

  .process-built__result-copy ul {
    color: #263d68;
    font-size: var(--mobile-body);
    font-weight: 560;
    line-height: 1.38;
  }

  .process-built__actions a {
    min-height: 44px;
    font-size: 13px;
    font-weight: 650;
  }

  .process-built__promise {
    min-height: 58px;
    font-size: var(--mobile-body);
    font-weight: 560;
    line-height: 1.35;
  }
}

@media (max-width: 380px) {
  .screen.process-built {
    aspect-ratio: 768 / 3500;
  }

  .process-built__steps {
    top: 43.2%;
  }

  .process-built__step,
  .process-built__step--2,
  .process-built__step--3,
  .process-built__step--4 {
    min-height: 128px;
    padding-right: 12px;
  }

  .process-built__result {
    top: 83.6%;
  }
}

/* Screen 04 mobile: keep the six-format wheel from the mockup with screen 01 text scale. */
@media (max-width: 600px) {
  .screen.format-built {
    aspect-ratio: 768 / 2750;
  }

  .format-built .section-intro {
    color: #263d68;
    font-size: var(--mobile-intro);
    font-weight: 560;
    line-height: 1.43;
  }

  .format-built .honesty {
    top: 26.35%;
    min-height: 92px;
    color: #0666ff;
    font-size: var(--mobile-intro);
    font-weight: 560;
    line-height: 1.38;
  }

  .format-built .format-wheel {
    top: 36.9%;
    height: 49.8%;
  }

  .format-built .wheel-card h3 {
    font-size: var(--mobile-card-title);
    font-weight: 850;
    line-height: 1.18;
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
  }

  .format-built .wheel-card p,
  .format-built .wc3 p {
    color: #263d68;
    font-size: var(--mobile-dense-copy);
    font-weight: 560;
    line-height: 1.34;
  }

  .format-built .wc3 h3,
  .format-built .wc4 h3,
  .format-built .wc6 h3 {
    font-size: clamp(14px, 3.8vw, 15px);
    line-height: 1.15;
  }

  .format-built .wc1,
  .format-built .wc2 {
    height: clamp(182px, 48vw, 198px);
  }

  .format-built .wc3,
  .format-built .wc4 {
    top: 35.8%;
    width: 37%;
    height: clamp(210px, 55vw, 228px);
  }

  .format-built .wc3 {
    left: 0;
  }

  .format-built .wc4 {
    right: 0;
  }

  .format-built .wc5,
  .format-built .wc6 {
    width: 37%;
    height: clamp(218px, 57vw, 238px);
  }

  .format-built .wc5 {
    left: 4.8%;
  }

  .format-built .wc6 {
    right: 4.8%;
  }

  .format-built .hand-note--left {
    bottom: 5.8%;
  }
}

@media (max-width: 380px) {
  .screen.format-built {
    aspect-ratio: 768 / 2920;
  }

  .format-built .wc3,
  .format-built .wc4 {
    height: 214px;
  }

  .format-built .wc5,
  .format-built .wc6 {
    height: 220px;
  }
}

/* Screen 05 mobile: keep the before/after map from the mockup with readable baseline text. */
@media (max-width: 600px) {
  .screen.changes-built {
    aspect-ratio: 768 / 2600;
  }

  .changes-built .section-intro {
    color: #263d68;
    font-size: var(--mobile-intro);
    font-weight: 560;
    line-height: 1.43;
  }

  .changes-built .change-map {
    top: 31.4%;
    height: 62.2%;
  }

  .changes-built .change-card,
  .changes-built .cc1,
  .changes-built .cc2,
  .changes-built .cc3,
  .changes-built .cc4 {
    width: 40.8%;
    padding: 72px 15px 18px;
  }

  .changes-built .change-card h3 {
    font-size: var(--mobile-card-title);
    font-weight: 850;
    line-height: 1.18;
    overflow-wrap: normal;
    word-break: normal;
  }

  .changes-built .change-card p {
    color: #263d68;
    font-size: var(--mobile-body);
    font-weight: 560;
    line-height: 1.34;
  }

  .changes-built .cc1,
  .changes-built .cc2 {
    height: clamp(280px, 73vw, 304px);
  }

  .changes-built .cc3,
  .changes-built .cc4 {
    height: clamp(330px, 84vw, 356px);
  }

  .changes-built .cc1 {
    left: 4.8%;
  }

  .changes-built .cc2 {
    right: 4.8%;
  }

  .changes-built .cc3 {
    left: 4.8%;
  }

  .changes-built .cc4 {
    right: 4.8%;
  }
}

@media (max-width: 380px) {
  .screen.changes-built {
    aspect-ratio: 768 / 2780;
  }

  .changes-built .change-card,
  .changes-built .cc1,
  .changes-built .cc2,
  .changes-built .cc3,
  .changes-built .cc4 {
    width: 41.8%;
    padding-right: 13px;
    padding-left: 13px;
  }

  .changes-built .cc3,
  .changes-built .cc4 {
    height: 336px;
  }
}

/* Screen 06 mobile: cases stay in the mockup card sequence with readable service-card text. */
@media (max-width: 600px) {
  .screen.cases-built {
    aspect-ratio: 768 / 2900;
  }

  .cases-built .section-intro {
    color: #263d68;
    font-size: var(--mobile-intro);
    font-weight: 560;
    line-height: 1.43;
  }

  .cases-built .case,
  .cases-built .case--site,
  .cases-built .case--upgrade,
  .cases-built .case--analysis {
    grid-template-columns: 45% 55%;
  }

  .cases-built .case--auto {
    grid-template-columns: 43% 57%;
  }

  .cases-built .case h3,
  .cases-built .case--auto h3 {
    font-size: var(--mobile-card-title);
    font-weight: 850;
    line-height: 1.18;
    overflow-wrap: normal;
    word-break: normal;
  }

  .cases-built .case p,
  .cases-built .case--auto p {
    color: #263d68;
    font-size: var(--mobile-body);
    font-weight: 560;
    line-height: 1.34;
  }

  .cases-built .case__copy,
  .cases-built .case--auto .case__copy {
    padding: 54px 12px 13px;
  }

  .cases-built .case-link,
  .cases-built .case--auto .case-link {
    width: 100%;
    min-height: 34px;
    padding: 0 9px;
    font-size: 10.6px;
    font-weight: 800;
  }

  .cases-built .case--site {
    height: 21.1%;
  }

  .cases-built .case--upgrade {
    top: 39.4%;
    height: 21.5%;
  }

  .cases-built .case--analysis {
    top: 61.2%;
    height: 18.6%;
  }

  .cases-built .case--auto {
    top: 81.5%;
    height: 17.8%;
  }

  .case-auto-flow b {
    font-size: 8.2px;
    line-height: 1.16;
  }

  .case-auto-flow small {
    font-size: 6.6px;
    line-height: 1.2;
  }
}

@media (max-width: 380px) {
  .screen.cases-built {
    aspect-ratio: 768 / 3120;
  }

  .cases-built .case,
  .cases-built .case--site,
  .cases-built .case--upgrade,
  .cases-built .case--analysis {
    grid-template-columns: 46% 54%;
  }

  .cases-built .case--auto {
    grid-template-columns: 44% 56%;
  }

  .cases-built .case-link,
  .cases-built .case--auto .case-link {
    font-size: 9.8px;
  }
}

/* Screens 08-10 mobile: final readability alignment to the screen 01 typography baseline. */
@media (max-width: 600px) {
  .screen.faq-built {
    aspect-ratio: 768 / 4300;
  }

  .faq-built .faq__content > p {
    color: #dce6f5;
    font-size: var(--mobile-intro);
    font-weight: 560;
    line-height: 1.43;
  }

  .faq-built .accordion {
    grid-template-rows:
      190px
      232px
      176px
      222px
      228px;
    gap: 9px;
  }

  .faq-built .accordion summary {
    grid-template-columns: 52px 1fr 32px;
    gap: 11px;
    padding: 14px 12px;
  }

  .faq-built .accordion summary > .icon:first-child {
    width: 50px;
    height: 50px;
    padding: 10px;
  }

  .faq-built .accordion summary > .icon:last-child {
    width: 31px;
    height: 31px;
  }

  .faq-built .accordion b {
    font-size: var(--mobile-card-title);
    font-weight: 850;
    line-height: 1.18;
  }

  .faq-built .accordion small {
    color: #dce6f5;
    font-size: var(--mobile-body);
    font-weight: 520;
    line-height: 1.34;
  }

  .faq-built .faq__promise {
    min-height: 60px;
    font-size: var(--mobile-body);
    font-weight: 560;
    line-height: 1.35;
  }

  .services-built .section-intro,
  .contacts-built .contacts__copy > .section-intro {
    color: #263d68;
    font-size: var(--mobile-intro);
    font-weight: 560;
    line-height: 1.43;
  }

  .service-card h3,
  .contacts-built .location-card__info h3,
  .contacts-built .legal-card__head h3,
  .contacts-built .contact-channel b {
    font-size: var(--mobile-card-title);
    font-weight: 850;
    line-height: 1.18;
  }

  .service-card p,
  .contacts-built .location-card__info p,
  .contacts-built .legal-card__head p,
  .contacts-built .contact-channel small {
    color: #263d68;
    font-size: var(--mobile-body);
    font-weight: 560;
    line-height: 1.34;
  }

  .service-card__tags span {
    font-size: 8px;
    font-weight: 650;
  }

  .service-card--other .service-card__tags span {
    font-size: 6.8px;
  }

  .service-card--other p {
    font-size: var(--mobile-dense-copy);
  }

  .contacts-built .legal-grid b {
    font-size: clamp(10.8px, 2.95vw, 11.5px);
    line-height: 1.2;
  }

  .contacts-built .legal-grid small {
    font-size: var(--mobile-dense-copy);
    line-height: 1.25;
  }
}

@media (max-width: 380px) {
  .screen.faq-built {
    aspect-ratio: 768 / 4550;
  }

  .faq-built .accordion {
    grid-template-rows:
      198px
      246px
      182px
      236px
      240px;
  }
}

/* Public-visible correction v2026072304: screens 07-08 mobile composition polish. */
@media (max-width: 600px) {
  .power-built__actions {
    bottom: 7.3% !important;
    gap: 8px !important;
  }

  .power-built__actions a {
    min-height: 72px !important;
    border-radius: 13px !important;
    font-size: 16px !important;
  }

  .power-built__actions img {
    width: 40px !important;
    height: 40px !important;
    flex-basis: 40px !important;
  }

  .screen.faq-built {
    aspect-ratio: 768 / 3450 !important;
  }

  .faq-built .faq__lead-icon {
    top: 1.35% !important;
  }

  .faq-built h2 {
    top: 4.6% !important;
  }

  .faq-built .faq__content > p {
    top: 16.1% !important;
  }

  .faq-built__mobile-scene {
    top: 21.2% !important;
    left: 0 !important;
    width: 100% !important;
    height: 20.4% !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: hidden !important;
  }

  .faq-built__mobile-scene::before,
  .faq-built__mobile-scene::after {
    content: "" !important;
    position: absolute !important;
    z-index: 2 !important;
    left: 0 !important;
    width: 100% !important;
    pointer-events: none !important;
  }

  .faq-built__mobile-scene::before {
    top: 0 !important;
    height: 28% !important;
    background: linear-gradient(180deg, #071326 0%, rgba(7, 19, 38, 0) 100%) !important;
  }

  .faq-built__mobile-scene::after {
    bottom: 0 !important;
    height: 34% !important;
    background: linear-gradient(0deg, #071326 0%, rgba(7, 19, 38, 0) 100%) !important;
  }

  .faq-built__mobile-scene img {
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: 24% 50% !important;
  }

  .faq-built .accordion {
    top: 43.6% !important;
    grid-template-rows:
      146px
      176px
      138px
      166px
      176px !important;
    gap: 8px !important;
  }

  .faq-built .accordion summary {
    grid-template-columns: 48px 1fr 30px !important;
    gap: 10px !important;
    padding: 12px 11px !important;
  }

  .faq-built .accordion summary > .icon:first-child {
    width: 46px !important;
    height: 46px !important;
    padding: 9px !important;
  }

  .faq-built .accordion summary > .icon:last-child {
    width: 30px !important;
    height: 30px !important;
  }

  .faq-built .accordion b {
    font-size: 13px !important;
    line-height: 1.18 !important;
  }

  .faq-built .accordion small {
    font-size: 11px !important;
    line-height: 1.3 !important;
  }

  .faq-built .faq__promise {
    bottom: 2.9% !important;
    min-height: 56px !important;
  }
}

@media (max-width: 380px) {
  .screen.faq-built {
    aspect-ratio: 768 / 3650 !important;
  }
}

/* Screen 10 mobile: restore contrast in the dark location block and give requisites enough room. */
@media (max-width: 600px) {
  .screen.contacts-built {
    aspect-ratio: 941 / 2300;
  }

  .contacts-built .location-card__info h3,
  .contacts-built .location-card__info p,
  .contacts-built .location-card__info > small {
    color: #ffffff;
  }

  .contacts-built .location-card__info p,
  .contacts-built .location-card__info > small {
    font-size: var(--mobile-dense-copy);
    font-weight: 520;
    line-height: 1.34;
  }

  .contacts-built .legal-card {
    top: 60%;
    height: 20.2%;
    padding: 8px 14px;
  }

  .contacts-built .legal-card__head p {
    font-size: var(--mobile-dense-copy);
    line-height: 1.3;
  }

  .contacts-built .legal-grid {
    margin-top: 8px;
  }

  .contacts-built .legal-grid b {
    font-size: clamp(9px, 2.45vw, 9.7px);
    line-height: 1.18;
  }

  .contacts-built .legal-grid small {
    font-size: clamp(8.4px, 2.25vw, 9px);
    line-height: 1.2;
  }

  .contacts-built .contact-channel {
    top: 81.5%;
    height: 12%;
  }

  .contacts-built .contact-channel > .btn b,
  .contacts-built .contact-channel > .btn small {
    color: #ffffff;
  }

  .contacts-built .contact-channel > .btn small {
    opacity: .92;
  }

  .contacts-built .privacy {
    bottom: 1.5%;
  }
}

@media (max-width: 380px) {
  .screen.contacts-built {
    aspect-ratio: 941 / 2440;
  }

  .contacts-built .legal-card {
    height: 21%;
  }

  .contacts-built .contact-channel {
    top: 82.1%;
    height: 12%;
  }
}

@media (max-width: 600px) {
  .contacts-built .location-card {
    top: 24%;
  }
}

/* Mobile screens 01-03: strict mockup correction pass, preserving approved text scale. */
@media (max-width: 600px) {
  .hero-built__services-intro {
    top: 47.05%;
    width: 33%;
  }

  .hero-built__services-intro img {
    width: clamp(86px, 24vw, 104px);
    max-width: none;
    margin-top: 13px;
    margin-left: 32px;
    opacity: 1;
    transform: rotate(2deg);
  }

  .screen.pains-built {
    aspect-ratio: 768 / 2480;
  }

  .screen.pains-built::before {
    z-index: 1;
    top: 8.75%;
    right: -14%;
    width: 36%;
    height: 16.4%;
    opacity: .98;
  }

  .screen.pains-built::after {
    z-index: 1;
    left: -5.5%;
    bottom: 8.2%;
    width: 25%;
    height: 18.8%;
    opacity: .98;
  }

  .pains-built__dots {
    top: 3.15%;
    right: 3.25%;
    width: 22%;
    opacity: .9;
  }

  .pains-built h2 {
    top: 4.45%;
    left: 8.7%;
    width: 76%;
  }

  .pains-built__intro {
    top: 11.75%;
    left: 8.7%;
    width: 77%;
    font-weight: 520;
    line-height: 1.42;
  }

  .pains-built__mobile-scene {
    top: 20.45%;
    left: 4.45%;
    width: 91.1%;
    height: 23.4%;
    border-radius: 34px;
    overflow: hidden;
  }

  .pains-built__mobile-scene img {
    content: url('/assets/screen-2-mobile/photos/main_photo_visible_area_clean_no_ui_682x450.png');
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 49% 50%;
  }

  .pains-built__grid {
    top: 43.95%;
    gap: 16px 12px;
  }

  .pains-built__card {
    min-height: clamp(188px, 49vw, 204px);
  }

  .pains-built__actions {
    top: 82.65%;
  }

  .pains-built__note {
    bottom: .25%;
    left: 21.4%;
    width: 61%;
  }

  .screen.process-built {
    aspect-ratio: 768 / 4300;
    background: #f6f9ff url('/assets/screen-3-mobile/background/background_mobile_clean.webp') center / 100% 100% no-repeat;
  }

  .process-built__content {
    z-index: 4;
  }

  .process-built__pill {
    top: 2.65%;
  }

  .screen.process-built h2 {
    top: 5.45%;
    width: 88%;
  }

  .process-built__intro {
    top: 12.95%;
    width: 82%;
    font-weight: 520;
    line-height: 1.42;
  }

  .process-built__mobile-scene {
    top: 21.05%;
    left: 0;
    width: 100%;
    height: 21.95%;
    overflow: hidden;
    border-radius: 0;
    background: transparent;
    -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 5%, #000 89%, transparent 100%);
    mask-image: linear-gradient(180deg, transparent 0%, #000 5%, #000 89%, transparent 100%);
  }

  .process-built__mobile-scene img {
    content: url('/assets/screen-3-mobile/photos/main_scene_mobile_6x5.webp');
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 46%;
  }

  .process-built__chat {
    top: 21.55%;
    right: 4.6%;
    left: auto;
    width: 48.2%;
  }

  .process-built__steps {
    top: 43.75%;
    left: 6.8%;
    width: 86.4%;
    gap: 14px;
  }

  .process-built__step,
  .process-built__step--2,
  .process-built__step--3,
  .process-built__step--4 {
    min-height: 146px;
    border-radius: 18px;
    padding: 20px 18px 16px 58px;
    background: rgba(255, 255, 255, .88);
  }

  .process-built__step::after {
    z-index: 2;
    top: calc(100% + 4px);
    left: -25px;
    display: block;
    width: 38px;
    height: 54px;
    opacity: .9;
    transform: rotate(91deg);
    background: url('/assets/screen-3-mobile/decor/step_connector.svg') center / contain no-repeat;
  }

  .process-built__step:last-child::after {
    display: none;
  }

  .process-built__step > b {
    top: 14px;
    left: 14px;
  }

  .process-built__step > img {
    width: 54px;
    height: 54px;
    border-radius: 15px;
  }

  .process-built__step h3 {
    margin-bottom: 8px;
  }

  .process-built__step p,
  .process-built__step--3 p,
  .process-built__step--4 p {
    line-height: 1.38;
  }

  .process-built__result {
    top: 76.2%;
    left: 6.6%;
    width: 86.8%;
    min-height: 22.2%;
    gap: 14px;
    border-radius: 20px;
    padding: 24px 28px 20px;
    background: rgba(255, 255, 255, .9);
  }

  .process-built__result-copy h3 {
    margin-bottom: 14px;
    text-align: center;
  }

  .process-built__result-copy ul {
    display: grid;
    gap: 8px;
    line-height: 1.42;
  }

  .process-built__actions {
    gap: 10px;
  }

  .process-built__actions a {
    min-height: 50px;
    border-radius: 10px;
  }

  .process-built__promise {
    display: flex;
    min-height: 66px;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
    border-top: 1px solid rgba(49, 73, 125, .12);
    padding-top: 16px;
    background: transparent;
  }
}

@media (max-width: 380px) {
  .hero-built__services-intro img {
    width: 88px;
    margin-left: 26px;
  }

  .screen.pains-built {
    aspect-ratio: 768 / 2660;
  }

  .pains-built__card {
    min-height: 190px;
  }

  .screen.process-built {
    aspect-ratio: 768 / 4550;
  }

  .process-built__steps {
    top: 48.3%;
  }

  .process-built__step,
  .process-built__step--2,
  .process-built__step--3,
  .process-built__step--4 {
    min-height: 148px;
    padding-right: 14px;
  }

  .process-built__result {
    top: 81.6%;
  }
}

/* Public-visible correction v2026072214: final mobile overrides for screens 01-03. */
@media (max-width: 600px) {
  .hero-built__services-intro img {
    content: url('/assets/screen-1-mobile/decor/scribble_arrow_mockup.svg') !important;
    width: clamp(112px, 30vw, 128px) !important;
    height: auto !important;
    margin-top: 22px !important;
    margin-left: 2px !important;
    opacity: 1 !important;
    transform: rotate(0deg) !important;
  }

  .pains-built__mobile-scene {
    top: 20.15% !important;
    left: 4.45% !important;
    width: 91.1% !important;
    height: 23.9% !important;
    border-radius: 34px !important;
    overflow: hidden !important;
  }

  .pains-built__mobile-scene img {
    content: url('/assets/screen-2-mobile/photos/main_scene_people_laptop_clean_no_ui_16x10.png') !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: 10% 50% !important;
    transform: scale(1.28) !important;
    transform-origin: 18% 50% !important;
  }

  .pains-built__intro {
    top: 11.75% !important;
  }

  .pains-built__actions {
    top: 82.65% !important;
  }

  .screen.process-built {
    aspect-ratio: 768 / 4300 !important;
  }

  .process-built__intro {
    top: 12.95% !important;
  }

  .process-built__mobile-scene {
    top: 21.05% !important;
    height: 21.95% !important;
  }

  .process-built__steps {
    top: 43.75% !important;
  }

  .process-built__result {
    top: 76.2% !important;
  }
}

@media (max-width: 380px) {
  .screen.process-built {
    aspect-ratio: 768 / 4550 !important;
  }

  .process-built__result {
    top: 81.6% !important;
  }
}

/* Public-visible correction v2026072218: screen 02 mobile back to the mockup composition. */
@media (max-width: 600px) {
  .screen.pains-built {
    aspect-ratio: 768 / 2480 !important;
    background: #f8fbff url('/assets/screen-2-mobile/background/page_background_no_text_768x2048.webp') center / 100% 100% no-repeat !important;
  }

  .screen.pains-built::before,
  .screen.pains-built::after,
  .pains-built__dots {
    display: none !important;
  }

  .pains-built h2 {
    top: 4.55% !important;
    left: 8.7% !important;
    width: 73.5% !important;
    font-size: var(--mobile-display) !important;
    line-height: 1.08 !important;
  }

  .pains-built__intro {
    top: 11.45% !important;
    left: 8.7% !important;
    width: 77.5% !important;
    font-size: var(--mobile-intro) !important;
    line-height: 1.43 !important;
  }

  .pains-built__mobile-scene {
    z-index: 2 !important;
    top: 18.05% !important;
    left: 4.43% !important;
    width: 91.15% !important;
    height: auto !important;
    aspect-ratio: 700 / 450 !important;
    overflow: hidden !important;
    border-radius: 32px !important;
    background: transparent !important;
  }

  .pains-built__mobile-scene img {
    content: url('/assets/screen-2-mobile/photos/main_photo_from_mobile_mockup_700x450.png') !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center !important;
    transform: none !important;
  }

  .pains-built__grid {
    top: 38.95% !important;
    left: 6.77% !important;
    width: 86.59% !important;
    gap: 14px 12px !important;
  }

  .pains-built__actions {
    top: 78.35% !important;
  }

  .pains-built__note {
    bottom: .25% !important;
  }
}

@media (max-width: 380px) {
  .screen.pains-built {
    aspect-ratio: 768 / 2660 !important;
  }
}

/* Public-visible correction v2026072219: screen 03 mobile matched to mockup structure. */
@media (max-width: 600px) {
  .screen.process-built {
    aspect-ratio: 768 / 3600 !important;
    background: #f6f9ff url('/assets/screen-3-mobile/background/background_mobile_clean.webp') center / 100% 100% no-repeat !important;
    border-radius: 0 !important;
  }

  .process-built__curves {
    content: url('/assets/screen-3-mobile/decor/soft_curves_overlay.svg') !important;
    display: block !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    opacity: .42 !important;
    object-fit: cover !important;
  }

  .process-built__pill {
    top: 1.65% !important;
    left: 7.55% !important;
  }

  .screen.process-built h2 {
    top: 4.25% !important;
    left: 7.55% !important;
    width: 86.5% !important;
    font-size: var(--mobile-display) !important;
    line-height: 1.08 !important;
  }

  .process-built__intro {
    top: 12.35% !important;
    left: 7.55% !important;
    width: 82% !important;
    font-size: var(--mobile-intro) !important;
    line-height: 1.43 !important;
  }

  .process-built__mobile-scene {
    top: 19.75% !important;
    left: 0 !important;
    width: 100% !important;
    height: 22.15% !important;
    border-radius: 0 !important;
    background: transparent !important;
    overflow: hidden !important;
  }

  .process-built__mobile-scene img {
    content: url('/assets/screen-3-mobile/photos/main_scene_mobile_6x5.webp') !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: left center !important;
    transform: none !important;
  }

  .process-built__chat {
    z-index: 4 !important;
    top: 20.85% !important;
    right: 4.7% !important;
    left: auto !important;
    width: 48.5% !important;
    border-radius: 12px !important;
    padding: 0 8px 10px !important;
    background: rgba(241, 248, 255, .94) !important;
    box-shadow: 0 18px 40px rgba(28, 62, 121, .14) !important;
    transform: none !important;
  }

  .process-built__chat header > img {
    content: url('/assets/screen-3-mobile/photos/avatar_1x1.png') !important;
  }

  .process-built__steps {
    top: 42.9% !important;
    left: 6.65% !important;
    width: 86.7% !important;
    gap: 15px !important;
  }

  .process-built__step,
  .process-built__step--2,
  .process-built__step--3,
  .process-built__step--4 {
    grid-template-columns: 58px 1fr !important;
    column-gap: 14px !important;
    min-height: 126px !important;
    border-radius: 20px !important;
    padding: 21px 24px 18px 50px !important;
    background: rgba(255, 255, 255, .92) !important;
    box-shadow: 0 18px 38px rgba(48, 79, 148, .1) !important;
    transform: none !important;
  }

  .process-built__step::after {
    display: block !important;
    z-index: 2 !important;
    top: calc(100% + 2px) !important;
    left: -28px !important;
    right: auto !important;
    width: 48px !important;
    height: 22px !important;
    background: url('/assets/screen-3-mobile/decor/step_connector.svg') center / contain no-repeat !important;
    opacity: 1 !important;
    transform: rotate(105deg) !important;
  }

  .process-built__step:last-child::after {
    display: none !important;
  }

  .process-built__step > b {
    top: 10px !important;
    left: 12px !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 50% !important;
    font-size: 10px !important;
  }

  .process-built__step > img {
    width: 56px !important;
    height: 56px !important;
    margin: 0 !important;
    border-radius: 13px !important;
    padding: 11px !important;
  }

  .process-built__step h3 {
    margin: 1px 0 8px !important;
    min-height: 0 !important;
    font-size: 15px !important;
    line-height: 1.18 !important;
  }

  .process-built__step p {
    position: static !important;
    grid-column: 2 !important;
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 1.34 !important;
  }

  .process-built__step p br {
    display: none !important;
  }

  .process-built__result {
    top: 76.5% !important;
    left: 6.65% !important;
    width: 86.7% !important;
    min-height: 18.4% !important;
    gap: 15px !important;
    border-radius: 20px !important;
    padding: 24px 27px 22px !important;
    background: rgba(255, 255, 255, .92) !important;
    box-shadow: 0 18px 50px rgba(31, 64, 126, .12) !important;
  }

  .process-built__result-copy h3 {
    margin: 0 0 15px !important;
    text-align: center !important;
    font-size: 14px !important;
    line-height: 1.18 !important;
  }

  .process-built__result-copy ul {
    display: grid !important;
    gap: 8px !important;
    font-size: 12px !important;
    line-height: 1.36 !important;
  }

  .process-built__actions {
    gap: 10px !important;
  }

  .process-built__actions a {
    min-height: 48px !important;
    border-radius: 10px !important;
    font-size: 12px !important;
  }

  .process-built__promise {
    min-height: 62px !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 13px 12px 0 !important;
    font-size: 12px !important;
    line-height: 1.28 !important;
    background: transparent !important;
  }
}

@media (max-width: 380px) {
  .screen.process-built {
    aspect-ratio: 768 / 3760 !important;
  }

  .process-built__steps {
    top: 43.4% !important;
  }

  .process-built__result {
    top: 76.7% !important;
  }
}

/* Public-visible correction v2026072220: screen 03 mobile detailed user fixes. */
@media (max-width: 600px) {
  .process-built__intro {
    top: 11.18% !important;
  }

  .process-built__mobile-scene {
    top: 18.15% !important;
    height: 22.35% !important;
  }

  .process-built__mobile-scene::before {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0 0 auto;
    height: 96px;
    pointer-events: none;
    background: linear-gradient(180deg, #f6f9ff 0%, rgba(246, 249, 255, .86) 22%, rgba(246, 249, 255, .42) 58%, rgba(246, 249, 255, 0) 100%);
  }

  .process-built__mobile-scene::after {
    content: "";
    position: absolute;
    z-index: 2;
    inset: auto 0 0;
    height: 72px;
    pointer-events: none;
    background: linear-gradient(0deg, #eef8fb 0%, rgba(238, 248, 251, .72) 40%, rgba(238, 248, 251, 0) 100%);
  }

  .process-built__chat {
    top: 19.25% !important;
  }

  .process-built__chat-tools {
    min-width: 40px;
    background:
      url('/assets/screen-3-mobile/icons/envelope.svg') 0 center / 15px 15px no-repeat,
      url('/assets/screen-3-mobile/icons/menu.svg') right center / 13px 18px no-repeat !important;
    color: transparent !important;
  }

  .process-built__steps {
    top: 41.2% !important;
    gap: 13px !important;
  }

  .process-built__step::after {
    top: calc(100% - 2px) !important;
    left: -10px !important;
    width: 50px !important;
    height: 28px !important;
    transform: rotate(100deg) !important;
  }

  .process-built__result {
    top: 74.08% !important;
    gap: 10px !important;
    min-height: 17.8% !important;
  }

  .process-built__result-copy h3 {
    margin-bottom: 10px !important;
  }

  .process-built__result-copy ul {
    gap: 6px !important;
  }

  .process-built__promise {
    justify-content: flex-start !important;
    gap: 14px !important;
    min-height: 58px !important;
    padding-top: 11px !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 380px) {
  .process-built__intro {
    top: 11.18% !important;
  }

  .process-built__mobile-scene {
    top: 18.15% !important;
  }

  .process-built__steps {
    top: 41.8% !important;
  }

  .process-built__result {
    top: 74.16% !important;
  }
}

/* Public-visible correction v2026072222: screen 04 mobile compact mockup pass. */
@media (max-width: 600px) {
  .screen.format-built {
    aspect-ratio: 768 / 2048 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    border-radius: 30px !important;
    padding: 0 !important;
    background: #f8fbff url('/assets/screen-4-mobile/background/background_mobile_clean.webp') center / 100% 100% no-repeat !important;
  }

  .format-built__background {
    display: none !important;
  }

  .format-built .format__shell,
  .format-built .format__copy {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  .format-built h2 {
    position: absolute !important;
    top: 4.6% !important;
    left: 11.4% !important;
    width: 78% !important;
    margin: 0 !important;
    color: #07183f !important;
    font-size: var(--mobile-display) !important;
    font-weight: 850 !important;
    line-height: 1.06 !important;
    letter-spacing: 0 !important;
  }

  .format-built .section-intro {
    position: absolute !important;
    top: 17.25% !important;
    left: 11.4% !important;
    width: 78% !important;
    margin: 0 !important;
    color: #334774 !important;
    font-size: var(--mobile-intro) !important;
    font-weight: 560 !important;
    line-height: 1.45 !important;
  }

  .format-built .section-intro br {
    display: block !important;
  }

  .format-built .honesty {
    position: absolute !important;
    top: 26.85% !important;
    left: 10.8% !important;
    display: flex !important;
    align-items: center !important;
    width: 78.2% !important;
    min-height: 80px !important;
    gap: 16px !important;
    margin: 0 !important;
    border-radius: 14px !important;
    padding: 13px 18px 13px 12px !important;
    color: #1263f5 !important;
    background: rgba(255, 255, 255, .84) !important;
    box-shadow: 0 18px 40px rgba(73, 114, 191, .08) !important;
    font-size: var(--mobile-intro) !important;
    font-weight: 560 !important;
    line-height: 1.34 !important;
  }

  .format-built .honesty .icon {
    width: 42px !important;
    height: 42px !important;
    flex: 0 0 42px !important;
    --icon: url('/assets/screen-4-mobile/icons/check.svg') !important;
  }

  .format-built .honesty br {
    display: block !important;
  }

  .format-built .format-wheel {
    position: absolute !important;
    top: 37.65% !important;
    left: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 48.35% !important;
    min-height: 0 !important;
    margin: 0 !important;
  }

  .format-built .format-wheel::before {
    display: block !important;
    inset: 21% 20% 18% !important;
    border-width: 1px !important;
    border-color: rgba(50, 105, 220, .24) !important;
  }

  .format-built .wheel-center {
    position: absolute !important;
    z-index: 2 !important;
    top: 46.5% !important;
    left: 50% !important;
    display: flex !important;
    width: 148px !important;
    height: 148px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 50% !important;
    transform: translate(-50%, -50%) !important;
  }

  .format-built .wheel-center .icon {
    width: 39px !important;
    height: 39px !important;
    margin-bottom: 10px !important;
    --icon: url('/assets/screen-4-mobile/icons/solution_bulb.svg') !important;
  }

  .format-built .wheel-center b {
    font-size: 16px !important;
    line-height: 1.15 !important;
  }

  .format-built .wheel-center small {
    margin-top: 8px !important;
    font-size: 9px !important;
    line-height: 1.35 !important;
  }

  .format-built .wheel-card,
  .format-built .wc1,
  .format-built .wc2,
  .format-built .wc3,
  .format-built .wc4,
  .format-built .wc5,
  .format-built .wc6 {
    position: absolute !important;
    display: block !important;
    min-height: 0 !important;
    margin: 0 !important;
    border-radius: 9px !important;
    padding: 44px 13px 10px !important;
    background: rgba(255, 255, 255, .76) !important;
    box-shadow: 0 16px 36px rgba(60, 91, 160, .08) !important;
    transform: none !important;
  }

  .format-built .wheel-card > b {
    top: 14px !important;
    left: 14px !important;
    border-radius: 7px !important;
    padding: 6px 8px !important;
    font-size: 12px !important;
    line-height: 1 !important;
  }

  .format-built .wheel-card > .icon {
    top: 18px !important;
    right: 13px !important;
    width: 28px !important;
    height: 28px !important;
  }

  .format-built .wc1 > .icon { --icon: url('/assets/screen-4-mobile/icons/prohibition.svg') !important; }
  .format-built .wc2 > .icon { --icon: url('/assets/screen-4-mobile/icons/wand.svg') !important; }
  .format-built .wc3 > .icon { --icon: url('/assets/screen-4-mobile/icons/marketing_analysis.svg') !important; }
  .format-built .wc4 > .icon { --icon: url('/assets/screen-4-mobile/icons/new_site.svg') !important; }
  .format-built .wc5 > .icon { --icon: url('/assets/screen-4-mobile/icons/site_improvement.svg') !important; }
  .format-built .wc6 > .icon { --icon: url('/assets/screen-4-mobile/icons/automation.svg') !important; }

  .format-built .wheel-card h3,
  .format-built .wc3 h3,
  .format-built .wc4 h3,
  .format-built .wc6 h3 {
    margin: 0 0 6px !important;
    color: #07183f !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1.16 !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
  }

  .format-built .wheel-card p,
  .format-built .wc3 p {
    color: #263d68 !important;
    font-size: 8.5px !important;
    font-weight: 560 !important;
    line-height: 1.34 !important;
  }

  .format-built .wc3 h3,
  .format-built .wc4 h3 {
    font-size: 10.8px !important;
    line-height: 1.16 !important;
  }

  .format-built .wc3 p,
  .format-built .wc4 p {
    font-size: 7.6px !important;
    line-height: 1.34 !important;
  }

  .format-built .wc1,
  .format-built .wc2 {
    top: 0 !important;
    height: 140px !important;
  }

  .format-built .wc1 {
    left: 9.6% !important;
    width: 30.4% !important;
  }

  .format-built .wc2 {
    right: 9.9% !important;
    width: 30% !important;
  }

  .format-built .wc3,
  .format-built .wc4 {
    top: 37.6% !important;
    height: 153px !important;
  }

  .format-built .wc3 {
    left: 3.5% !important;
    width: 25.3% !important;
    padding-right: 9px !important;
    padding-left: 9px !important;
  }

  .format-built .wc4 {
    right: 3.6% !important;
    width: 25.4% !important;
    padding-right: 10px !important;
    padding-left: 12px !important;
  }

  .format-built .wc5 {
    bottom: 0 !important;
    left: 12% !important;
    width: 27.8% !important;
    height: 149px !important;
  }

  .format-built .wc6 {
    right: 12.5% !important;
    bottom: 0 !important;
    left: auto !important;
    width: 28.2% !important;
    height: 149px !important;
  }

  .format-built .hand-note--left {
    position: absolute !important;
    z-index: 5 !important;
    top: auto !important;
    right: auto !important;
    bottom: 3.1% !important;
    left: 20.5% !important;
    display: flex !important;
    width: 67% !important;
    gap: 8px !important;
    margin: 0 !important;
    color: #1263f5 !important;
    font-size: 16px !important;
    line-height: 1.45 !important;
    transform: rotate(-2deg) !important;
  }

  .format-built .hand-note--left img {
    width: 55px !important;
    margin-top: 8px !important;
  }
}

@media (max-width: 380px) {
  .format-built .section-intro {
    line-height: 1.4 !important;
  }

  .format-built .wheel-card p,
  .format-built .wc3 p {
    font-size: 9px !important;
  }
}

/* Public-visible correction v2026072223: screens 05-06 mobile mockup restoration. */
@media (max-width: 600px) {
  .screen.changes-built {
    aspect-ratio: 768 / 2048 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    background: #f8fbff url('/assets/screen-5-mobile/background/background_mobile_clean.webp') center / 100% 100% no-repeat !important;
  }

  .changes-built__background {
    display: none !important;
  }

  .changes-built .changes__shell,
  .changes-built .changes__copy {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  .changes-built h2 {
    position: absolute !important;
    top: 6.8% !important;
    left: 14.3% !important;
    width: 80% !important;
    margin: 0 !important;
    color: #07183f !important;
    font-size: var(--mobile-display) !important;
    font-weight: 850 !important;
    line-height: 1.05 !important;
    letter-spacing: 0 !important;
  }

  .changes-built .section-intro {
    position: absolute !important;
    top: 22.7% !important;
    left: 14.3% !important;
    width: 76% !important;
    margin: 0 !important;
    color: #3e4f7d !important;
    font-size: var(--mobile-intro) !important;
    font-weight: 500 !important;
    line-height: 1.42 !important;
  }

  .changes-built .section-intro br {
    display: block !important;
  }

  .changes-built .change-map {
    position: absolute !important;
    top: 31.15% !important;
    left: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 61.75% !important;
    min-height: 0 !important;
    margin: 0 !important;
  }

  .changes-built .change-map::before {
    display: block !important;
    inset: 27% 17.7% 20% !important;
    border-width: 1px !important;
    border-color: rgba(50, 105, 220, .2) !important;
  }

  .changes-built .change-center {
    position: absolute !important;
    z-index: 5 !important;
    top: 47.2% !important;
    left: 50% !important;
    display: flex !important;
    width: 155px !important;
    height: 155px !important;
    margin: 0 !important;
    transform: translate(-50%, -50%) !important;
  }

  .changes-built .change-center .icon {
    width: 44px !important;
    height: 44px !important;
    margin-bottom: 11px !important;
    --icon: url('/assets/screen-5-mobile/icons/changes_sparkle.svg') !important;
  }

  .changes-built .change-center b {
    font-size: 17px !important;
    line-height: 1.2 !important;
  }

  .changes-built .change-center small {
    margin-top: 9px !important;
    font-size: 9px !important;
    line-height: 1.35 !important;
  }

  .changes-built .change-card,
  .changes-built .cc1,
  .changes-built .cc2,
  .changes-built .cc3,
  .changes-built .cc4 {
    position: absolute !important;
    display: block !important;
    width: 38.9% !important;
    min-height: 0 !important;
    margin: 0 !important;
    border-radius: 13px !important;
    padding: 70px 14px 16px !important;
    background: rgba(255, 255, 255, .74) !important;
    box-shadow: 0 16px 36px rgba(60, 91, 160, .06) !important;
  }

  .changes-built .change-card > b {
    top: 18px !important;
    left: 14px !important;
    border-radius: 8px !important;
    padding: 9px 10px !important;
    font-size: 16px !important;
    line-height: 1 !important;
  }

  .changes-built .change-card > .icon {
    top: 21px !important;
    right: 15px !important;
    width: 39px !important;
    height: 39px !important;
  }

  .changes-built .cc1 .icon { --icon: url('/assets/screen-5-mobile/icons/question.svg') !important; }
  .changes-built .cc2 .icon { --icon: url('/assets/screen-5-mobile/icons/chat.svg') !important; }
  .changes-built .cc3 .icon { --icon: url('/assets/screen-5-mobile/icons/visual.svg') !important; }
  .changes-built .cc4 .icon { --icon: url('/assets/screen-5-mobile/icons/structure.svg') !important; }

  .changes-built .change-card h3 {
    margin: 0 !important;
    color: #07183f !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1.35 !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  .changes-built .change-card p {
    margin: 0 !important;
    color: #07183f !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
  }

  .changes-built .change-card p strong {
    color: currentColor !important;
    font-weight: 850 !important;
  }

  .changes-built .change-card hr {
    margin: 12px 0 !important;
  }

  .changes-built .cc1,
  .changes-built .cc2 {
    top: 0 !important;
    height: 246px !important;
  }

  .changes-built .cc3,
  .changes-built .cc4 {
    bottom: 0 !important;
    height: 279px !important;
  }

  .changes-built .cc1 {
    left: 6.6% !important;
  }

  .changes-built .cc2 {
    right: 6.6% !important;
    left: auto !important;
  }

  .changes-built .cc3 {
    left: 6.6% !important;
  }

  .changes-built .cc4 {
    right: 6.6% !important;
    left: auto !important;
  }

  .screen.cases-built {
    aspect-ratio: 768 / 2048 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    background: #f8fbff url('/assets/screen-6-mobile/background/background_mobile_clean.webp') center / 100% 100% no-repeat !important;
  }

  .cases-built__background {
    display: none !important;
  }

  .cases-built .cases__shell {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  .cases-built .cases__intro {
    position: absolute !important;
    top: 2.7% !important;
    left: 6% !important;
    width: 88% !important;
    padding: 0 !important;
    text-align: center !important;
  }

  .cases-built h2 {
    margin: 0 0 10px !important;
    color: #07183f !important;
    font-size: 32px !important;
    font-weight: 850 !important;
    line-height: 1.05 !important;
    letter-spacing: 0 !important;
  }

  .cases-built .section-intro {
    margin: 0 !important;
    color: #3e4f7d !important;
    font-size: var(--mobile-intro) !important;
    font-weight: 500 !important;
    line-height: 1.42 !important;
  }

  .cases-built .case,
  .cases-built .case--site,
  .cases-built .case--upgrade,
  .cases-built .case--analysis,
  .cases-built .case--auto {
    position: absolute !important;
    left: 3.2% !important;
    display: grid !important;
    width: 93.6% !important;
    min-height: 0 !important;
    overflow: hidden !important;
    border-radius: 13px !important;
    background: rgba(255, 255, 255, .78) !important;
    box-shadow: 0 16px 36px rgba(60, 91, 160, .07) !important;
    grid-template-columns: 35% 65% !important;
  }

  .cases-built .case--site {
    top: 18.5% !important;
    height: 20.1% !important;
  }

  .cases-built .case--upgrade {
    top: 39.2% !important;
    height: 20.9% !important;
  }

  .cases-built .case--analysis {
    top: 61% !important;
    height: 17.7% !important;
  }

  .cases-built .case--auto {
    top: 79% !important;
    height: 19.5% !important;
    grid-template-columns: 31% 69% !important;
  }

  .cases-built .case::after {
    content: "+" !important;
    position: absolute !important;
    z-index: 4 !important;
    top: 9px !important;
    right: 10px !important;
    display: grid !important;
    width: 25px !important;
    height: 25px !important;
    place-items: center !important;
    border: 1px solid currentColor !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, .78) !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
  }

  .cases-built .case__copy,
  .cases-built .case--auto .case__copy {
    position: relative !important;
    display: flex !important;
    min-height: 0 !important;
    height: 100% !important;
    flex-direction: column !important;
    padding: 51px 10px 11px 12px !important;
  }

  .cases-built .case__copy > b,
  .cases-built .case--auto .case__copy > b {
    top: 12px !important;
    left: 12px !important;
    border-radius: 7px !important;
    padding: 7px 8px !important;
    font-size: 16px !important;
    line-height: 1 !important;
  }

  .cases-built .case h3,
  .cases-built .case--auto h3 {
    margin: 0 0 10px !important;
    color: #07183f !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1.25 !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  .cases-built .case p,
  .cases-built .case--auto p {
    margin: 0 !important;
    color: #3e4f7d !important;
    font-size: 9px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
  }

  .cases-built .case-link,
  .cases-built .case--auto .case-link {
    position: static !important;
    top: auto !important;
    width: auto !important;
    min-height: 27px !important;
    gap: 7px !important;
    margin-top: auto !important;
    border-radius: 6px !important;
    padding: 0 7px !important;
    font-size: 8.5px !important;
    font-weight: 800 !important;
  }

  .cases-built .case-link span {
    width: 17px !important;
    height: 17px !important;
  }

  .cases-built .case > img {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    align-self: stretch !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
  }

  .cases-built .case--site > img {
    content: url('/assets/screen-6-mobile/photos/case_websites_mockup.webp') !important;
    padding: 28px 20px 28px 0 !important;
  }

  .cases-built .case--upgrade > img {
    content: url('/assets/screen-6-mobile/photos/case_site_improvement.webp') !important;
    padding: 22px 14px 22px 0 !important;
  }

  .cases-built .case--analysis > img {
    content: url('/assets/screen-6-mobile/photos/case_marketing_analysis.webp') !important;
    padding: 24px 14px 18px 0 !important;
  }

  .cases-built .case--auto .case__copy {
    padding-top: 50px !important;
  }

  .cases-built .case--auto h3 {
    font-size: 11.5px !important;
  }

  .case-auto-flow {
    display: flex !important;
    min-width: 0 !important;
    height: 100% !important;
    min-height: 0 !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-around !important;
    gap: 3px !important;
    overflow: hidden !important;
    padding: 32px 8px 25px 0 !important;
  }

  .case-auto-flow > div {
    display: flex !important;
    width: 50px !important;
    height: 91px !important;
    min-height: 0 !important;
    flex: 0 0 50px !important;
    border-radius: 9px !important;
    padding: 6px 4px !important;
  }

  .case-auto-flow > div:first-child,
  .case-auto-flow > div:first-child + i {
    display: none !important;
  }

  .cases-built .case-auto-flow img {
    width: 31px !important;
    height: 31px !important;
    margin-bottom: 5px !important;
  }

  .case-auto-flow b {
    font-size: 7px !important;
    line-height: 1.15 !important;
  }

  .case-auto-flow small {
    margin-top: 5px !important;
    font-size: 5px !important;
    line-height: 1.25 !important;
  }

  .case-auto-flow > i {
    display: block !important;
    font-size: 11px !important;
  }
}

/* Public-visible correction v2026072301: screen 05 mobile title/intro gap aligned to screen 06. */
@media (max-width: 600px) {
  .changes-built .section-intro {
    top: 18.85% !important;
  }
}

/* Public-visible correction v2026072303: screen 05 mobile intro-to-cards gap reduced. */
@media (max-width: 600px) {
  .changes-built .change-map {
    top: 27.85% !important;
  }
}

/* Public-visible correction v2026072302: screen 06 adds video-for-business case. */
.case--video {
  --case-accent: #0abed2;
  color: var(--cyan);
}

.case-video-visual {
  display: flex;
  min-width: 0;
  height: 100%;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 12px;
  padding: 24px 22px;
  color: #07183f;
  text-align: center;
}

.case-video-visual img {
  width: 74px;
  height: 74px;
  object-fit: contain;
  filter: drop-shadow(0 12px 24px rgba(18, 99, 245, .12));
}

.case-video-visual b {
  color: #07183f;
  font-size: 24px;
  line-height: 1.1;
}

.case-video-visual small {
  color: #3e4f7d;
  font-size: 13px;
  line-height: 1.35;
}

@media (min-width: 901px) {
  .cases-built .case--video {
    position: absolute;
    top: 75.6%;
    left: 4.8%;
    width: 27%;
    height: 23.6%;
    display: grid;
    overflow: hidden;
    border-radius: 18px;
    grid-template-columns: 46% 54%;
    background: rgba(255, 255, 255, .78);
  }

  .cases-built .case--video .case__copy {
    padding: 62px 16px 16px 28px;
  }

  .cases-built .case--video .case__copy > b {
    position: absolute;
    top: 18px;
    left: 24px;
  }

  .cases-built .case--auto {
    left: 34%;
    width: 58.2%;
    grid-template-columns: 31% 69%;
  }
}

@media (max-width: 600px) {
  .screen.cases-built {
    aspect-ratio: 768 / 2600 !important;
  }

  .cases-built .case,
  .cases-built .case--site,
  .cases-built .case--upgrade,
  .cases-built .case--analysis,
  .cases-built .case--auto,
  .cases-built .case--video {
    left: 3.2% !important;
    display: grid !important;
    width: 93.6% !important;
    min-height: 0 !important;
    overflow: hidden !important;
    border-radius: 13px !important;
    background: rgba(255, 255, 255, .78) !important;
    box-shadow: 0 16px 36px rgba(60, 91, 160, .07) !important;
    grid-template-columns: 35% 65% !important;
  }

  .cases-built .case--site {
    top: 14.55% !important;
    height: 15.85% !important;
  }

  .cases-built .case--upgrade {
    top: 30.9% !important;
    height: 16.45% !important;
  }

  .cases-built .case--analysis {
    top: 48.1% !important;
    height: 13.95% !important;
  }

  .cases-built .case--auto {
    top: 62.55% !important;
    height: 15.35% !important;
    grid-template-columns: 31% 69% !important;
  }

  .cases-built .case--video {
    position: absolute !important;
    top: 78.5% !important;
    height: 19.1% !important;
    color: var(--cyan) !important;
    grid-template-columns: 43% 57% !important;
  }

  .cases-built .case--video::after {
    content: "+" !important;
    position: absolute !important;
    z-index: 4 !important;
    top: 9px !important;
    right: 10px !important;
    display: grid !important;
    width: 25px !important;
    height: 25px !important;
    place-items: center !important;
    border: 1px solid currentColor !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, .78) !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
  }

  .cases-built .case--video .case__copy {
    position: relative !important;
    display: flex !important;
    min-height: 0 !important;
    height: 100% !important;
    box-sizing: border-box !important;
    flex-direction: column !important;
    padding: 51px 10px 13px 12px !important;
  }

  .cases-built .case--video .case__copy > b {
    top: 12px !important;
    left: 12px !important;
    border-radius: 7px !important;
    padding: 7px 8px !important;
    font-size: 16px !important;
    line-height: 1 !important;
  }

  .cases-built .case--video h3 {
    margin: 0 0 10px !important;
    color: #07183f !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1.25 !important;
  }

  .cases-built .case--video p {
    margin: 0 !important;
    color: #3e4f7d !important;
    font-size: 8.7px !important;
    font-weight: 500 !important;
    line-height: 1.42 !important;
  }

  .cases-built .case--video .case-link {
    position: static !important;
    width: auto !important;
    min-height: 27px !important;
    gap: 7px !important;
    margin-top: auto !important;
    border-radius: 6px !important;
    padding: 0 7px !important;
    font-size: 8.5px !important;
    font-weight: 800 !important;
  }

  .case-video-visual {
    gap: 7px !important;
    height: 100% !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
    padding: 28px 12px 24px 0 !important;
  }

  .cases-built .case-video-visual img {
    width: 56px !important;
    height: 56px !important;
    min-height: 0 !important;
    max-height: 56px !important;
    flex: 0 0 56px !important;
    object-fit: contain !important;
    align-self: center !important;
  }

  .case-video-visual b {
    font-size: 15px !important;
    line-height: 1.1 !important;
  }

  .case-video-visual small {
    font-size: 8px !important;
    line-height: 1.25 !important;
  }
}

/* Public-visible correction v2026072305: screen 07 note contrast and screen 08 real FAQ accordion. */
.power-built__note,
.power-built__note--weak,
.power-built__note--solution,
.power-built__note--result,
.power-built__note--truth {
  color: #211270 !important;
  font-weight: 700 !important;
  -webkit-text-stroke: .25px rgba(255, 255, 255, .85);
  text-shadow:
    0 1px 0 rgba(255, 255, 255, .98),
    0 0 7px rgba(255, 255, 255, .95),
    0 0 16px rgba(255, 255, 255, .78),
    0 2px 8px rgba(16, 12, 70, .22) !important;
}

.faq-built .accordion {
  display: flex !important;
  height: auto !important;
  flex-direction: column !important;
  grid-template-rows: none !important;
}

.faq-built .accordion details {
  height: auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
  transition: background-color 160ms ease, border-color 160ms ease !important;
}

.faq-built .accordion details[open] {
  border-color: rgba(84, 168, 255, .5) !important;
  background: rgba(255, 255, 255, .075) !important;
}

.faq-built .accordion summary {
  height: auto !important;
  min-height: 68px !important;
}

.faq-built .accordion summary > span:nth-child(2) {
  max-width: none !important;
}

.faq-built .accordion small {
  display: none !important;
}

.faq-built .accordion details > p {
  margin: -6px 0 0 !important;
  padding: 0 64px 16px 76px !important;
  color: #dce6f5 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
}

@media (min-width: 601px) {
  .faq-built .accordion {
    gap: .478vw !important;
    margin-top: .837vw !important;
  }

  .faq-built .accordion summary {
    min-height: 4.665vw !important;
    grid-template-columns: 3.469vw 1fr 2.153vw !important;
    padding: .658vw 1.077vw !important;
  }

  .faq-built .accordion b {
    font-size: 1.196vw !important;
    font-weight: 750 !important;
  }

  .faq-built .accordion details > p {
    padding: 0 4.2vw 1.077vw 5.502vw !important;
    font-size: .897vw !important;
  }

  .faq-built .faq__promise {
    margin-top: .718vw !important;
  }
}

@media (max-width: 600px) {
  .screen.faq-built {
    aspect-ratio: 768 / 2200 !important;
  }

  .screen.faq-built:has(.accordion details[open]) {
    aspect-ratio: 768 / 2400 !important;
  }

  .faq-built .faq__lead-icon {
    top: 1.35% !important;
  }

  .faq-built h2 {
    top: 4.3% !important;
  }

  .faq-built .faq__content > p {
    top: 18.5% !important;
  }

  .faq-built__mobile-scene {
    top: 24.5% !important;
    height: 22% !important;
  }

  .faq-built .accordion {
    top: 49% !important;
    gap: 8px !important;
  }

  .faq-built .accordion summary {
    min-height: 72px !important;
    grid-template-columns: 46px 1fr 30px !important;
    gap: 10px !important;
    padding: 11px 11px !important;
  }

  .faq-built .accordion summary > .icon:first-child {
    width: 44px !important;
    height: 44px !important;
    padding: 9px !important;
  }

  .faq-built .accordion summary > .icon:last-child {
    width: 30px !important;
    height: 30px !important;
  }

  .faq-built .accordion b {
    font-size: var(--mobile-body) !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
  }

  .faq-built .accordion details > p {
    padding: 0 42px 15px 67px !important;
    font-size: var(--mobile-dense-copy) !important;
    line-height: 1.33 !important;
  }

  .faq-built .faq__promise {
    top: calc(49% + 414px) !important;
    bottom: auto !important;
    min-height: 54px !important;
  }

  .screen.faq-built:has(.accordion details[open]) .faq__promise {
    top: calc(49% + 500px) !important;
  }
}

@media (max-width: 380px) {
  .screen.faq-built {
    aspect-ratio: 768 / 2300 !important;
  }

  .screen.faq-built:has(.accordion details[open]) {
    aspect-ratio: 768 / 2550 !important;
  }
}

/* Public-visible correction v2026072306: screens 07, 09 and 10. */
@media (min-width: 601px) {
  .power-built__scene {
    content: normal !important;
    object-position: center !important;
  }

  .power-built__annotations,
  .power-built__note,
  .power-built__note--weak,
  .power-built__note--solution,
  .power-built__note--result,
  .power-built__note--truth {
    display: none !important;
  }

  .power-built__actions {
    opacity: 0 !important;
  }
}

@media (max-width: 600px) {
  .power-built__scene {
    content: url('/assets/screen-7-mobile/photos/superhero_main_mobile_9x16.png') !important;
    object-position: center center !important;
  }

  .power-built__annotations {
    position: absolute;
    z-index: 2;
    inset: 0;
    display: block !important;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    pointer-events: none;
  }

  .power-built__note,
  .power-built__note--weak,
  .power-built__note--solution,
  .power-built__note--result,
  .power-built__note--truth {
    display: none !important;
  }

  .services-built .section-intro {
    top: 17.1% !important;
  }

  .contacts-built .contacts__copy > .section-intro {
    top: 11.65% !important;
  }
}

/* Public-visible correction v2026072307: readable screen 07 notes and tighter mobile gaps on screens 09-10. */
@media (max-width: 600px) {
  .services-built .btn--service {
    top: calc(27.5% - 5px) !important;
  }

  .contacts-built .location-card {
    top: calc(20.6% - 3px) !important;
  }
}