/* Homepage proof, activity and first-project sections. */
.home-customer-proof { padding: 58px 0 76px; }
.home-customer-proof__story { margin: 0 auto; max-width: 1040px; text-align: center; }
.home-customer-proof .aqtos-testimonial-quote {
  max-width: 940px;
  margin: 0 auto 30px;
  color: #2f5664;
  font-size: clamp(24px, 2.6vw, 38px);
  font-weight: 300;
  line-height: 1.4;
  letter-spacing: -.025em;
  text-wrap: balance;
}
.home-customer-proof .aqtos-testimonial-quote > span { display: block; }
.home-customer-proof__person { display: flex; align-items: center; justify-content: center; gap: 17px; }
.home-customer-proof__person img { flex: 0 0 64px; object-fit: cover; }
.home-customer-proof__person p { margin: 0; color: #496b78; font-size: 16px; line-height: 1.6; text-align: left; }
.home-customer-proof__person .fw-bold { color: #1d3b50; font-size: 18px; }
.home-customer-proof__person a { text-underline-offset: 3px; }

.home-work-now { position: relative; padding: 45px 0 110px; overflow: clip; }
.home-work-now > .container { max-width: 1320px; }
.home-work-now__layout { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); align-items: center; gap: 6%; }
.home-work-now__copy { position: relative; z-index: 1; }
.home-work-now__eyebrow, .home-start-small__eyebrow { color: #277d88; font-size: 15px; font-weight: 500; margin: 0 0 16px; }
.home-work-now h2 { color: #1d3b50; max-width: 500px; font-size: clamp(38px, 4.4vw, 62px); font-weight: 700; line-height: 1.06; letter-spacing: -.035em; text-transform: uppercase; margin: 0 0 26px; }
.home-work-now h2 > span { display: block; }
.home-work-now__copy > p:not(.home-work-now__eyebrow) { color: #516f7b; font-size: 18px; line-height: 1.7; max-width: 480px; }
.home-work-now__link { display: inline-flex; align-items: center; gap: 14px; margin-top: 12px; color: #146a72; font-size: 17px; font-weight: 400; text-decoration: none; }
.home-work-now__link > span:first-child { text-decoration: underline; text-underline-offset: 5px; }
.home-work-now__link > span:last-child { display: inline-block; transition: transform 180ms ease; }
.home-work-now__link:hover > span:last-child { transform: translateX(4px); }
.home-work-now__link:focus-visible { outline: 2px solid #146a72; outline-offset: 7px; }
.home-work-now__activity { position: relative; margin: 0; padding: 22px 0; }
.home-work-now__activity::before { content: ""; position: absolute; inset: 0 -30% -5% -12%; z-index: -1; background: radial-gradient(ellipse, #d9f2f5 0%, #edf8f9 42%, transparent 71%); pointer-events: none; }
.home-work-now .home-work-now__feed { display: grid; gap: 19px; padding: 0; mask-image: none; -webkit-mask-image: none; }
.home-work-now__event { position: relative; display: flex; align-items: center; gap: 14px; }
.home-work-now__event:nth-child(2) { margin-left: 27px; }
.home-work-now__event:nth-child(3) { margin-left: 54px; }
.home-work-now__event:nth-child(4) { margin-left: 16px; }
.home-work-now__event:nth-child(5) { margin-left: 40px; }
.home-work-now .home-work-now__event time { min-width: 61px; flex: 0 0 61px; margin: 0; color: #758e97; font-size: 12px; text-align: right; white-space: nowrap; }
.home-work-now__notification { display: flex; align-items: center; gap: 13px; min-height: 86px; flex: 1; padding: 18px 20px; border: 1px solid #e2eff0; border-radius: 17px; background: #ffffffeb; box-shadow: 0 4px 14px #3b9ba411, 0 16px 42px #3b9ba413; }
.home-work-now__notification > img { flex: 0 0 32px; object-fit: cover; border-radius: 8px; }
.home-work-now__notification p { margin: 0; color: #6a8089; font-size: 14px; line-height: 1.6; }
.home-work-now__notification p strong { color: #304e5b; font-weight: 500; }
.home-work-now__notification p span { color: #288b98; }
.home-work-now__event-icon { flex: 0 0 20px; margin-left: auto; color: #58b6c1; font-size: 20px; text-align: center; }
.home-work-now__module-icon { width: 32px; height: 32px; flex: 0 0 32px; display: grid; place-items: center; border-radius: 8px; background: #eaf7f8; }
.home-work-now__activity figcaption { margin-top: 22px; color: #708993; font-size: 11px; text-align: center; }

.home-start-small { padding: 0 0 20px; background: transparent; text-align: left; }
.home-start-small > .container { max-width: 1320px; }
.home-start-small__panel { position: relative; isolation: isolate; padding: clamp(28px, 4.2vw, 58px); border: 1px solid #d8eaec; border-radius: 28px; background: radial-gradient(ellipse at 100% 0%, #d6f0f380 0%, transparent 58%), linear-gradient(145deg, #fbfefe, #eef8f9); box-shadow: 0 9px 30px #3b9ba40b, 0 26px 80px #3b9ba40e; }
.home-start-small__intro { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(0, .8fr); align-items: end; gap: 50px; }
.home-start-small h2 { max-width: 690px; margin: 0; color: #1d3b50; font-size: clamp(28px, 2.7vw, 40px); font-weight: 600; line-height: 1.15; letter-spacing: -.03em; text-wrap: balance; }
.home-start-small h2 > span { display: block; text-wrap: balance; }
.home-start-small__intro > p { color: #5c7984; font-size: 17px; line-height: 1.7; margin: 0 0 3px; }
.home-start-small .home-start-small__eyebrow { margin: 0 0 14px; }
.home-start-small__steps { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin: 38px 0 30px; padding: 0; }
.home-start-small__steps::before { content: ""; position: absolute; top: 48px; left: 35px; right: 35px; border-top: 2px dashed #8dd6de; z-index: -1; }
.home-start-small__steps li { position: relative; padding: 26px; border: 1px solid #e0ecee; border-radius: 18px; background: #ffffffea; box-shadow: 0 8px 25px #31596608; }
.home-start-small__steps li::before { position: absolute; top: 25px; right: 24px; margin: 0; color: #7ca9b0; font-size: 14px; font-weight: 400; letter-spacing: .05em; }
.home-start-small__icon { display: block; margin: 0 0 26px; object-fit: contain; }
.home-start-small__steps h3 { color: #244858; font-size: 20px; font-weight: 600; margin: 0 0 13px; line-height: 1.25; }
.home-start-small__steps p { color: #66818b; font-size: 15px; line-height: 1.7; margin: 0; }
.home-start-small__footer { display: flex; align-items: center; justify-content: center; gap: 24px; padding-top: 7px; }
.home-start-small__footer .btn { font-size: 18px; font-weight: 500; padding: 15px 30px; }
.home-start-small .home-start-small__note { margin: 0 !important; color: #65818b; font-size: 13px !important; line-height: 1.7; }
.home-start-small + .aqtos-pulse { margin-top: 0; padding-top: 115px; overflow: clip; }

@media (max-width: 991px) {
  .home-work-now { padding-bottom: 80px; }
  .home-work-now__layout { grid-template-columns: 1fr; gap: 32px; max-width: 700px; margin: auto; }
  .home-work-now__copy { text-align: center; }
  .home-work-now h2 { margin: 0 auto 22px; max-width: 570px; }
  .home-work-now__copy > p:not(.home-work-now__eyebrow) { max-width: 550px; margin-left: auto; margin-right: auto; }
  .home-work-now__activity { max-width: 650px; width: 100%; margin: auto; }
  .home-start-small__intro { grid-template-columns: 1fr; gap: 20px; }
  .home-start-small__intro > p { max-width: 600px; }
  .home-start-small__steps { gap: 12px; }
  .home-start-small__steps li { padding: 23px 18px; }
  .home-start-small__steps h3 { font-size: 18px; }
  .home-start-small__steps li::before { right: 18px; }
  .home-start-small + .aqtos-pulse { padding-top: 90px; }
}

@media (max-width: 767px) {
  .home-customer-proof { padding: 40px 0 60px; }
  .home-customer-proof .aqtos-testimonial-quote { max-width: 560px; font-size: clamp(23px, 4.6vw, 29px); margin-bottom: 26px; }
  .home-customer-proof__person { gap: 12px; }
  .home-customer-proof__person p { font-size: 13px; }
  .home-customer-proof__person .fw-bold { font-size: 15px; }
  .home-customer-proof__person img { width: 50px; height: 50px; flex-basis: 50px; }
  .home-work-now { padding: 15px 0 65px; }
  .home-work-now__layout { gap: 20px; }
  .home-work-now h2 { max-width: 400px; font-size: clamp(34px, 8vw, 49px); }
  .home-work-now__copy > p:not(.home-work-now__eyebrow) { font-size: 16px; }
  .home-work-now__activity { padding-bottom: 0; }
  .home-work-now .home-work-now__feed { gap: 16px; }
  .home-work-now__event { display: block; margin-left: 0 !important; }
  .home-work-now .home-work-now__event time { display: block; margin: 0 0 5px 14px; width: auto; text-align: left; font-size: 11px; }
  .home-work-now__notification { padding: 16px; min-height: 80px; gap: 11px; border-radius: 14px; }
  .home-work-now__notification p { font-size: 13px; }
  .home-work-now__event-icon { flex-basis: 14px; font-size: 17px; }
  .home-start-small { padding: 0; }
  .home-start-small__panel { border-radius: 22px; padding: 26px 20px; }
  .home-start-small h2 { font-size: clamp(27px, 6.5vw, 35px); }
  .home-start-small__intro > p { font-size: 16px; }
  .home-start-small__steps { grid-template-columns: 1fr; margin: 26px 0; gap: 14px; }
  .home-start-small__steps::before { display: none; }
  .home-start-small__steps li { padding: 23px; }
  .home-start-small__icon { width: 32px; height: 32px; margin-bottom: 18px; }
  .home-start-small__steps h3 { font-size: 20px; }
  .home-start-small__footer { flex-direction: column; gap: 16px; text-align: center; }
  .home-start-small__footer .btn { width: 100%; max-width: 340px; }
  .home-start-small + .aqtos-pulse { padding-top: 80px; }
}

@media (prefers-reduced-motion: reduce) {
  .home-work-now__link > span:last-child { transition: none; }
  .home-work-now__link:hover > span:last-child { transform: none; }
}