/* Homepage section transitions. */
.sp-home #home-trades{position:relative;isolation:isolate;background:#071936;border:0;padding:100px 0 112px}
.sp-home #home-trades h2{color:#fff}
.sp-home #home-trades::before,.sp-home #home-trades::after{content:"";position:absolute;left:0;right:0;pointer-events:none;z-index:-1}
.sp-home #home-trades::before{top:-1px;height:40px;background:#fff;clip-path:polygon(0 0,100% 0,100% 0,38% 100%,0 0)}
.sp-home #home-trades::after{bottom:-1px;height:40px;background:#f1f3f5;clip-path:polygon(0 0,38% 100%,100% 0,100% 100%,0 100%)}
.sp-home #home-trades .rail-btn::before{border-color:#9DC0E0}
.sp-home #home-trades .rail-btn:hover:not(:disabled)::before{border-color:#fff}
.sp-home #home-trades .trades-link{background:#fff;border-color:#fff;color:#071936}
.sp-home #home-trades .trades-link:hover{background:#e5eff8;border-color:#e5eff8}
@media(max-width:640px){.sp-home #home-trades{padding:76px 0 84px}.sp-home #home-trades::before,.sp-home #home-trades::after{height:24px}}

.sp-home #home-setup{--step-surface:#f1f3f5;position:relative;isolation:isolate;background:var(--step-surface);border:0;padding-bottom:108px}
.sp-home #home-setup::after{content:"";position:absolute;inset:auto 0 -1px;height:40px;background:#fff;clip-path:polygon(0 0,38% 100%,100% 0,100% 100%,0 100%);pointer-events:none;z-index:-1}
@media(max-width:640px){.sp-home #home-setup{padding-bottom:76px}.sp-home #home-setup::after{height:24px}}

.sp-home .logos{position:relative;isolation:isolate;background:#fff;border:0;padding-bottom:96px}
.sp-home .logos::after{content:"";position:absolute;inset:auto 0 -1px;height:40px;background:#f1f3f5;clip-path:polygon(0 0,38% 100%,100% 0,100% 100%,0 100%);pointer-events:none;z-index:-1}
@media(max-width:640px){.sp-home .logos{padding-bottom:72px}.sp-home .logos::after{height:24px}}

.sp-home .pricing-faq{position:relative;isolation:isolate;background:#f1f3f5;border:0;padding-bottom:108px}
.sp-home .pricing-faq::after{content:"";position:absolute;inset:auto 0 -1px;height:40px;background:var(--accent);clip-path:polygon(0 0,38% 100%,100% 0,100% 100%,0 100%);pointer-events:none;z-index:-1}
@media(max-width:640px){.sp-home .pricing-faq{padding-bottom:76px}.sp-home .pricing-faq::after{height:24px}}

/* Boxed homepage call-to-action and repeated reviews. */
.sp-home .pricing-faq::after{display:none}
.sp-home .pricing-faq{padding-bottom:24px}
.sp-home .final-cta{background:#f1f3f5;padding:32px 24px 0}
.sp-home .final-cta .final-grid{background:#071936;border-radius:16px;padding:64px 40px;max-width:1160px}
.sp-home .final-cta h2{color:#fff}
.sp-home .final-cta p{color:#c5d1e0}
.sp-home .final-cta .final-action{margin-top:28px}
.sp-home .home-video-reviews-footer{padding-top:72px;padding-bottom:80px}
.sp-home .home-video-reviews-footer::after{display:none}
@media(max-width:640px){.sp-home .final-cta{padding:24px 16px 0}.sp-home .final-cta .final-grid{padding:40px 24px}.sp-home .home-video-reviews-footer{padding-top:52px;padding-bottom:52px}}

.sp-home .home-video-reviews-footer{padding-bottom:24px}
@media(max-width:640px){.sp-home .home-video-reviews-footer{padding-bottom:20px}}

.sp-home .home-difference{padding:76px 0 40px;background:#fff}
.home-difference h2{text-align:center;margin:0 auto 44px;max-width:900px}
.home-difference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.home-difference-card{padding:28px;border-radius:12px;background:#071936;color:#fff;box-shadow:0 12px 28px -20px rgba(7,25,54,.4)}
.home-difference-card svg{display:block;width:42px;height:42px;margin-bottom:24px;fill:none;stroke:#9DC0E0;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.home-difference-card h3{color:#fff;font-size:1.25rem;line-height:1.25;margin:0 0 12px}
.home-difference-card p{color:#e1e9f2;font-size:1rem;line-height:1.7;margin:0}
.home-difference-card a{color:#9DC0E0;text-decoration:none}
@media(max-width:960px){.home-difference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.sp-home .home-difference{padding:52px 0 24px}.home-difference-grid{grid-template-columns:1fr;gap:16px}.home-difference h2{margin-bottom:32px}.home-difference-card{padding:24px}}

.home-difference-card{display:grid;grid-template-columns:42px minmax(0,1fr);column-gap:16px;row-gap:18px;align-content:start;align-items:center}
.home-difference-card svg{margin:0}
.home-difference-card h3{margin:0}
.home-difference-card p{grid-column:1 / -1}

.home-difference-card a{display:inline-block;margin-top:10px;font-weight:700;transition:color .15s}
.home-difference-card a:hover{color:#fff;text-decoration:none}