.saas-banner{display:grid;grid-template-columns:1.12fr 1fr;gap:58px;align-items:center;padding-block:78px}
.saas-banner h2{font-size:clamp(2rem,3.5vw,3.2rem);line-height:1.2}.saas-banner h2 em{font-style:normal;color:#3545ac}.saas-banner p:not(.eyebrow){font-size:1.02rem;line-height:1.85;color:#4c5770;margin-top:22px}.saas-banner .button{margin-top:26px}
.saas-preview{border-radius:20px;padding:34px;background:#111e38;color:#fff;box-shadow:0 18px 50px #142d5315}.saas-preview-label{font-size:.75rem;letter-spacing:.11em;color:#b7c8ef;font-weight:800}.saas-preview ol{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:24px}.saas-preview li{display:flex;align-items:flex-start;gap:17px}.saas-preview li>span{display:flex;align-items:center;justify-content:center;flex:0 0 37px;height:37px;border:1px solid #637bb0;border-radius:10px;font-weight:800;color:#b7c8ef}.saas-preview strong{display:block;font-size:1rem;line-height:1.6}.saas-preview small{display:block;font-size:.875rem;line-height:1.65;color:#c2cee7;margin-top:5px}.saas-devices{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px;padding-top:23px;border-top:1px solid #526382}.saas-devices span{font-size:.75rem;font-weight:700;padding:7px 10px;border:1px solid #637bb0;border-radius:6px;color:#dce6fc}
.saas-faq{display:grid;gap:14px;max-width:900px;margin-top:32px}.saas-faq details{border:1px solid #cdd7ea;border-radius:12px;background:#fff;padding:20px 24px}.saas-faq summary{cursor:pointer;font-weight:800;line-height:1.6}.saas-faq p{font-size:1rem;line-height:1.85;color:#4c5770;margin-top:16px}.saas-faq details[open] summary{color:#3545ac}.saas-page .product-figure img{aspect-ratio:5/4}.saas-page .product-hero{gap:48px}
.saas-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:30px}.saas-summary article{border-left:3px solid #5369bc;padding-left:20px}.saas-summary h3{font-size:1.12rem;line-height:1.6}.saas-summary p{font-size:.98rem;line-height:1.85;color:#4c5770;margin-top:12px}
@media(min-width:901px){.header nav{gap:15px}}
@media(max-width:1100px) and (min-width:901px){.header nav{gap:10px;font-size:.79rem}.header-inner{gap:15px}.header nav .button{padding-inline:12px}}
@media(max-width:900px){.saas-banner{gap:30px}.saas-preview{padding:26px}.saas-page .product-hero{gap:30px}}
@media(max-width:650px){.saas-banner{grid-template-columns:1fr;padding-block:48px;gap:30px}.saas-summary{grid-template-columns:1fr;gap:25px}.saas-faq details{padding:18px}.saas-banner .button{width:100%}.saas-preview{padding:25px}.saas-page .product-hero h1{font-size:2.55rem}}

.resource-teaser{display:flex;align-items:center;justify-content:space-between;gap:38px;padding:35px 38px;background:#e8eefb;border:1px solid #bdcbe6;border-radius:16px;margin-bottom:70px}.resource-teaser h2{font-size:1.9rem;line-height:1.35;margin-top:10px}.resource-teaser p:not(.eyebrow){max-width:660px;font-size:.9375rem;line-height:1.85;color:#4c5770;margin-top:12px}.resource-teaser .eyebrow{color:#3545ac}.resource-teaser .button{font-size:.875rem;flex-shrink:0;max-width:330px}.footer-settings a{font-size:.8125rem;text-decoration:underline;text-underline-offset:4px;line-height:1.8;max-width:270px}
@media(max-width:900px){.resource-teaser{align-items:flex-start;flex-direction:column;gap:23px;padding:30px}.resource-teaser .button{max-width:none}.resource-teaser h2{font-size:1.7rem}}
@media(max-width:650px){.resource-teaser{padding:25px;margin-bottom:45px}.resource-teaser .button{width:100%}}