.shot-frame.saas-browser{background:hsl(var(--card))}.shot-frame.saas-browser:before{content:"";display:block;height:26px;border-bottom:1px solid hsl(var(--border));background-color:hsl(var(--muted));background-image:linear-gradient(hsl(var(--background)),hsl(var(--background)));background-size:min(42%,420px) 12px;background-position:center;background-repeat:no-repeat}.shot-frame.saas-phone{padding:8px;border:1px solid hsl(217 20% 30%);border-radius:34px;background:#10151e;box-shadow:0 24px 50px -30px #0a121e8c}.shot-frame.saas-phone img{border-radius:26px}.saas-hero-screens{position:relative;padding-right:9%;padding-bottom:7%}.saas-hero-phone{position:absolute;right:0;bottom:0;width:22%}.saas-hero-phone .shot-frame.saas-phone{padding:5px;border-radius:26px}.saas-hero-phone .shot-frame.saas-phone img{border-radius:21px}.saas-field{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;padding-top:48px;border-top:1px solid hsl(var(--border))}.saas-field article{display:flex;flex-direction:column;gap:28px}.saas-field .svc-walk-text{flex:1}.saas-field .shot-figure{width:100%;max-width:320px}.saas-foundation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px;row-gap:64px}.saas-foundation article{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:28px;padding-top:40px;border-top:1px solid hsl(var(--border))}.saas-foundation .svc-walk-text{max-width:520px}@media(max-width:1000px)and (min-width:768px){.saas-field{gap:24px}.saas-foundation{grid-template-columns:1fr;row-gap:48px}.saas-foundation article{grid-row:auto;grid-template-rows:none;row-gap:24px}.saas-foundation .svc-walk-text{max-width:620px}.saas-field .svc-walk-text h3{font-size:19px}}@media(max-width:767px){.saas-hero-screens{padding-right:8%;padding-bottom:14%}.saas-hero-phone{width:36%}.saas-hero-phone .shot-frame.saas-phone{padding:3px;border-radius:14px}.saas-hero-phone .shot-frame.saas-phone img{border-radius:11px}.shot-frame.saas-browser:before{height:16px;background-size:46% 8px}.saas-field{grid-template-columns:1fr;gap:0;padding-top:0;border-top:0}.saas-field article{gap:22px;padding-block:40px;border-top:1px solid hsl(var(--border))}.saas-field .shot-figure{max-width:300px}.saas-foundation{grid-template-columns:1fr;row-gap:0}.saas-foundation article{grid-row:auto;grid-template-rows:none;row-gap:22px;padding-block:40px}.saas-foundation article:last-child{padding-bottom:0}}