.custom-hero { min-height: 760px; }
.custom-hero h1 { max-width: 930px; font-size: clamp(3rem, 5.4vw, 5.8rem); }
.hero-actions { display: flex; align-items: center; gap: 22px; flex-wrap: wrap; }
.text-link { color: #b9cae0; font-size: .82rem; font-weight: 800; text-decoration-thickness: 1px; text-underline-offset: 5px; }
.text-link:hover, .text-link:focus-visible { color: #fff; outline: none; }
.solution-map h2 { margin-bottom: 26px; font-size: clamp(2rem, 3vw, 3.2rem); }
.solution-map ol { margin: 0; padding: 0; display: grid; list-style: none; }
.solution-map li { padding: 18px 0; display: grid; grid-template-columns: 42px 1fr; gap: 14px; border-top: 1px solid rgba(176,204,235,.14); }
.solution-map li:last-child { border-bottom: 1px solid rgba(176,204,235,.14); }
.solution-map li > span { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; background: rgba(99,221,186,.12); color: var(--mint); font-size: .6rem; font-weight: 900; }
.solution-map strong, .solution-map small { display: block; }
.solution-map strong { margin: 1px 0 5px; font-size: .93rem; }
.solution-map small { color: #8fa5bd; font-size: .73rem; line-height: 1.45; }
.custom-grid article { min-height: 285px; }
.mobile-development { align-items: start; }
.mobile-lead { max-width: 590px; color: #9eb2ca; font-size: 1.02rem; line-height: 1.72; }
.mobile-platforms { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.mobile-platforms article { min-height: 350px; padding: 28px; border: 1px solid rgba(176,204,235,.16); border-radius: 24px; background: rgba(255,255,255,.055); }
.mobile-platforms article > span { display: inline-flex; min-height: 28px; padding: 0 10px; align-items: center; border: 1px solid rgba(117,173,255,.32); border-radius: 99px; color: #91bdff; font-size: .58rem; font-weight: 900; letter-spacing: .13em; }
.mobile-platforms h3 { margin: 25px 0 12px; font-size: 1.35rem; line-height: 1.12; }
.mobile-platforms p { color: #98adc5; font-size: .86rem; line-height: 1.62; }
.mobile-platforms ul { margin: 22px 0 0; padding: 18px 0 0; display: grid; gap: 10px; border-top: 1px solid rgba(176,204,235,.13); list-style: none; }
.mobile-platforms li { position: relative; padding-left: 20px; color: #dbe7f4; font-size: .74rem; line-height: 1.45; }
.mobile-platforms li::before { position: absolute; left: 0; content: "✓"; color: var(--mint); }
.mobile-platforms aside { grid-column: 1 / -1; padding: 22px 25px; border: 1px solid rgba(99,221,186,.2); border-radius: 18px; background: rgba(99,221,186,.07); }
.mobile-platforms aside strong { display: block; margin-bottom: 7px; color: #dffaf2; }
.mobile-platforms aside p { margin: 0; color: #9ec3ba; font-size: .8rem; line-height: 1.6; }
.custom-scope { padding: 115px max(24px, calc((100vw - 1392px)/2)); display: grid; grid-template-columns: .72fr 1.28fr; gap: 7vw; background: #eaf1f9; color: #10213b; }
.custom-scope h2 { margin: 0; font-size: clamp(2.5rem, 4.8vw, 5rem); }
.scope-list { display: grid; grid-template-columns: 1fr 1fr; align-content: start; gap: 10px; }
.scope-list span { min-height: 62px; padding: 17px 19px; display: flex; align-items: center; border: 1px solid #d2deeb; border-radius: 15px; background: rgba(255,255,255,.82); color: #29425f; font-size: .82rem; font-weight: 780; box-shadow: 0 10px 28px rgba(30,59,93,.045); }
@media (max-width: 1000px) { .custom-scope { grid-template-columns: 1fr; }.mobile-platforms { max-width: 760px; } }
@media (max-width: 720px) { .site-header nav > a:not(.login-link) { display: none; }.custom-hero { min-height: auto; }.mobile-platforms, .scope-list { grid-template-columns: 1fr; }.mobile-platforms aside { grid-column: auto; }.mobile-platforms article { min-height: auto; }.custom-scope { padding-block: 80px; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition-duration: .001ms !important; } }