/* Phone art direction is independent of desktop cropping. */
.hero-picture picture{display:block;width:100%;height:100%}
@media(max-width:760px){
.hero{height:max(730px,calc((100vw - 20px)*1.55));min-height:0;max-height:none;margin:0 10px;border-radius:21px;background:#dcecf0}.hero-content{position:absolute;left:26px;right:26px;top:34px;width:auto;max-width:none;padding:0}.hero h1{font-size:clamp(29px,7.8vw,45px);line-height:1.24;margin:0 0 23px;letter-spacing:-.045em!important}.hero-copy{font-size:17px;line-height:1.6;margin:0 0 25px;max-width:450px;color:#354a2d}.hero .actions{display:flex;align-items:center;gap:11px;row-gap:10px}.hero .button,.hero-demo-link{font-size:13px;min-height:49px;padding:13px 16px;border-radius:9px}.hero-demo-link{background:#f7faefeb}.hero-picture{position:absolute;inset:0;height:100%;width:100%;z-index:-1}.hero-art{width:100%;height:100%;object-fit:cover;object-position:center bottom;image-rendering:pixelated}.hero:after{display:none}
.capabilities{width:calc(100% - 32px);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px;padding:0 0 22px;border-bottom:1px solid #dfe5d7}.capability{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:left;min-height:150px;padding:17px 15px;border:1px solid #dce5d1;border-radius:15px;background:#f0f4e9;gap:12px;color:#597843}.capability:nth-child(2),.capability:nth-child(3),.capability:nth-child(6){background:#f7f9f2}.capability:not(:last-child):after{display:none}.capability:nth-child(-n+3){border:1px solid #dce5d1;border-radius:15px}.capability-art{width:43px;height:43px;flex:none}.capability-copy{display:flex;flex-direction:column;gap:6px;max-width:100%}.capability strong{font-size:16px;line-height:1.25;letter-spacing:-.025em;font-weight:600;color:#344b2b;overflow-wrap:normal}.capability-copy>span{font-size:13px;line-height:1.4;color:#6c7e5d}.capability:hover{background:#e9f1df}.capability:active{background:#e3edd7}.product-section{padding-top:48px}.product-section .section-heading{margin-bottom:26px}
}
@media(max-width:380px){.hero{height:780px}.hero-content{left:22px;right:22px;top:30px}.hero h1{font-size:28px}.hero-copy{font-size:16px}.hero .actions{display:grid;grid-template-columns:1fr;max-width:270px;gap:9px}.hero .button,.hero-demo-link{font-size:14px;min-height:47px;width:100%}.capabilities{gap:8px;width:calc(100% - 28px)}.capability{padding:15px 12px;min-height:153px;gap:11px}.capability strong{font-size:14px}.capability-copy>span{font-size:12px}.capability-art{width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){.capability-art{transform:none!important}}