/* CTA: light blue project-consultation composition. */
.about-v17-cta { position: relative; display: grid; grid-template-columns: minmax(530px, 1.35fr) minmax(320px, .65fr); gap: clamp(60px, 8vw, 126px); align-items: center; overflow: hidden; padding: 92px max(8vw, calc((100vw - 1180px) / 2)) 96px; color: #19344e; border-top: 0; background: linear-gradient(110deg, #f6faff 0%, #e8f4ff 100%); }
.about-v17-cta::before { position: absolute; top: 0; right: max(8vw, calc((100vw - 1180px) / 2)); left: max(8vw, calc((100vw - 1180px) / 2)); height: 2px; content: ""; background: linear-gradient(90deg, #1677e8 0 34%, #b9d9f4 34% 100%); }
.about-v17-cta-copy > span, .about-v17-cta-action > span { display: block; margin-bottom: 20px; color: #1677e8; font-size: 11px; font-weight: 800; letter-spacing: .2em; }
.about-v17-cta h2 { margin: 0; color: #19344e; font-size: clamp(38px, 4.1vw, 60px); font-weight: 800; line-height: 1.16; letter-spacing: -.04em; }
.about-v17-cta h2 em { color: #1677e8; font-style: normal; }
.about-v17-cta-copy > p { max-width: 670px; margin: 35px 0 0; color: #58758d; font-size: 15px; font-weight: 600; line-height: 1.9; }
.about-v17-cta-points { display: flex; flex-wrap: wrap; gap: 12px 30px; margin-top: 32px; }
.about-v17-cta-points span { position: relative; padding-left: 17px; color: #416884; font-size: 13px; font-weight: 700; }
.about-v17-cta-points span::before { position: absolute; top: 50%; left: 0; width: 6px; height: 6px; content: ""; border-radius: 50%; background: #28a4e8; box-shadow: 0 0 0 5px rgb(40 164 232 / 10%); transform: translateY(-50%); }
.about-v17-cta-action { max-width: 390px; padding: 12px 0 12px clamp(36px, 5vw, 68px); border-left: 1px solid #afd3ef; }
.about-v17-cta-action h3 { margin: 0; color: #234762; font-size: 24px; font-weight: 800; line-height: 1.35; }
.about-v17-cta-action > p { margin: 14px 0 0; color: #7890a5; font-size: 13px; line-height: 1.8; }
.about-v17-cta-action .about-v17-cta-primary { display: flex; min-height: 58px; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; padding: 0 22px; color: #fff; border-radius: 4px; background: linear-gradient(90deg, #1677e8, #12a1d9); box-shadow: 0 13px 28px rgb(22 119 232 / 22%); font-size: 14px; font-weight: 800; transition: box-shadow .25s ease, transform .25s ease; }
.about-v17-cta-action .about-v17-cta-primary:hover { box-shadow: 0 18px 34px rgb(22 119 232 / 30%); transform: translateY(-3px); }
.about-v17-cta-primary i { font-size: 21px; font-style: normal; }
.about-v17-cta-action a.about-v17-cta-phone { display: flex; min-height: 55px; align-items: center; justify-content: space-between; gap: 18px; margin-top: 15px; padding: 0 20px; color: #234762; border: 1px solid #c9dfee; border-radius: 4px; background: rgb(255 255 255 / 70%); box-shadow: none; transition: border-color .25s ease, background-color .25s ease; }
.about-v17-cta-action a.about-v17-cta-phone:hover { border-color: #79b8e8; background: #fff; box-shadow: none; transform: none; }
.about-v17-cta-action .about-v17-cta-phone small { color: #7890a5; font-size: 12px; font-weight: 700; }
.about-v17-cta-action .about-v17-cta-phone strong { font-size: 17px; font-weight: 800; }
.about-v17-cta-action > em { display: block; margin-top: 13px; color: #879daf; font-size: 12px; font-style: normal; }
@media (max-width: 900px) { .about-v17-cta { grid-template-columns: minmax(390px, 1.15fr) minmax(280px, .85fr); gap: 46px; padding-top: 76px; padding-bottom: 80px; } .about-v17-cta h2 { font-size: 43px; } .about-v17-cta-action { padding-left: 34px; } .about-v17-cta-points { gap: 12px 22px; } }
@media (max-width: 620px) { .about-v17-cta { grid-template-columns: 1fr; gap: 48px; padding: 64px 7vw 70px; } .about-v17-cta::before { right: 7vw; left: 7vw; } .about-v17-cta h2 { font-size: 34px; } .about-v17-cta-copy > p { margin-top: 25px; font-size: 14px; } .about-v17-cta-points { display: grid; gap: 13px; margin-top: 25px; } .about-v17-cta-action { max-width: none; padding: 33px 0 0; border-top: 1px solid #afd3ef; border-left: 0; } .about-v17-cta-action h3 { font-size: 22px; } }
@media (prefers-reduced-motion: reduce) { .about-v17-cta-action .about-v17-cta-primary, .about-v17-cta-action .about-v17-cta-phone { transition: none; } }