/* Shared presentation for the four primary software products. */
.software-page .loom-family-stack{gap:28px}
.software-page .loom-product-family .loom-feature{--sw-copy:#325c88;--sw-highlight:#eaf4ff;gap:36px;padding:34px;border-radius:26px;background:linear-gradient(120deg,#ffffffed 0%,color-mix(in srgb,var(--sw-paper) 72%,white) 48%,var(--sw-paper) 100%);border-color:var(--sw-line);box-shadow:0 18px 48px -38px color-mix(in srgb,var(--sw-accent) 60%,transparent),inset 0 1px 0 #fff}
.software-page .loom-product-family .sw-product-1{--sw-copy:#2f625a;--sw-highlight:#e7f8ef}
.software-page .loom-product-family .sw-product-2{--sw-copy:#78572f;--sw-highlight:#fff4e4}
.software-page .loom-product-family .sw-product-3{--sw-copy:#66507f;--sw-highlight:#f3edfc}
.software-page .loom-feature::before{inset:0 0 auto;width:100%;height:3px;border:0;border-radius:0;transform:none;background:linear-gradient(90deg,var(--sw-accent),color-mix(in srgb,var(--sw-accent) 22%,transparent) 62%,transparent);z-index:0}
.software-page .loom-product-family .loom-feature-copy{position:relative;padding:4px 2px;max-width:540px}
.software-page .sw-product-brand{gap:10px;margin-bottom:22px}
.software-page .sw-product-brand img{width:34px;height:29px}
.software-page .sw-product-brand span{color:var(--sw-accent);font-size:8px;letter-spacing:1.8px;font-weight:800}
.software-page .loom-product-family .loom-feature-copy>.software-eyebrow{display:inline-flex;align-items:center;padding:6px 10px;border:1px solid color-mix(in srgb,var(--sw-accent) 18%,white);border-radius:7px;background:var(--sw-highlight);color:var(--sw-accent);font-size:8px;line-height:1.5;font-weight:800;letter-spacing:1.2px}
.software-page .loom-product-family .loom-feature h2{color:var(--sw-accent);font-size:clamp(32px,3.4vw,50px);font-weight:800;line-height:1.12;letter-spacing:-1.8px;margin:18px 0 18px;text-wrap:balance}
.software-page .loom-product-family .loom-feature-lead{color:var(--sw-ink);font-size:clamp(19px,1.7vw,24px);font-weight:750;line-height:1.45;letter-spacing:-.55px;margin:0 0 18px;text-wrap:balance}
.software-page .loom-product-family .loom-feature-copy>p:not(.loom-feature-lead){color:var(--sw-copy);font-size:13px;line-height:1.9;margin:0 0 22px;max-width:470px}
.software-page .loom-product-family .loom-tags{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 24px}
.software-page .loom-product-family .loom-tags span{color:var(--sw-accent);font-size:9px;font-weight:650;line-height:1.5;padding:6px 10px;border:1px solid color-mix(in srgb,var(--sw-accent) 18%,white);border-radius:8px;background:#ffffffd9;box-shadow:0 2px 4px #091f4902}
.software-page .loom-product-family .software-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:45px;padding:9px 11px 9px 17px;border:1px solid color-mix(in srgb,var(--sw-accent) 90%,white);border-radius:11px;background:var(--sw-accent);color:#fff;font-size:11px;font-weight:750;line-height:1.5;box-shadow:0 5px 12px color-mix(in srgb,var(--sw-accent) 16%,transparent);transition:background .2s,box-shadow .2s,transform .2s}
.software-page .loom-product-family .software-primary>span{display:grid;place-items:center;width:27px;height:27px;border-radius:7px;background:#ffffff20;color:#fff;font-size:18px;line-height:1}
.software-page .loom-product-family .software-primary:hover{background:var(--sw-ink);border-color:var(--sw-ink);box-shadow:0 7px 18px color-mix(in srgb,var(--sw-accent) 23%,transparent);transform:translateY(-1px)}
.software-page .loom-product-family .software-primary:focus-visible,.software-page .loom-feature-image:focus-visible{outline:3px solid var(--sw-accent);outline-offset:4px}
.software-page .loom-feature-image{align-self:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--sw-accent) 22%,white);border-radius:17px;background:#fff;box-shadow:0 22px 40px -28px color-mix(in srgb,var(--sw-accent) 45%,transparent),0 3px 10px #091f4904}
.software-page .loom-feature-image>video{display:block;width:100%;height:auto;background:var(--sw-paper)}
.software-page .loom-feature-image>span{padding:13px 17px;border-top:1px solid var(--sw-line);background:linear-gradient(95deg,#fff,var(--sw-highlight));color:var(--sw-accent);font-size:11px;line-height:1.6;font-weight:750;gap:12px}
.software-page .loom-feature-image>span b{display:grid;place-items:center;width:27px;height:27px;flex:0 0 27px;border-radius:8px;color:var(--sw-accent);background:color-mix(in srgb,var(--sw-accent) 8%,white);font-size:19px;line-height:1}
@media(max-width:1100px){.software-page .loom-product-family .loom-feature{gap:26px;padding:28px}.software-page .loom-product-family .loom-feature h2{font-size:39px;letter-spacing:-1.4px}.software-page .loom-product-family .loom-feature-lead{font-size:21px}}
@media(max-width:850px){.software-page .loom-product-family .loom-feature{grid-template-columns:1fr;gap:25px;padding:28px}.software-page .loom-product-family .loom-feature-copy{max-width:650px}.software-page .loom-product-family .loom-feature-copy>p:not(.loom-feature-lead){max-width:590px}.software-page .loom-product-family .loom-feature-image{width:100%}}
@media(max-width:650px){.software-page .loom-family-stack{gap:20px}.software-page .loom-product-family .loom-feature{padding:23px 20px;gap:22px;border-radius:20px}.software-page .loom-product-family .loom-feature-copy{padding:0}.software-page .sw-product-brand{margin-bottom:17px;gap:9px}.software-page .sw-product-brand span{font-size:7px;letter-spacing:1.4px}.software-page .sw-product-brand img{width:30px;height:26px}.software-page .loom-product-family .loom-feature-copy>.software-eyebrow{font-size:7px;letter-spacing:1px;padding:6px 8px}.software-page .loom-product-family .loom-feature h2{font-size:34px;letter-spacing:-1.2px;margin:16px 0}.software-page .loom-product-family .loom-feature-lead{font-size:21px;letter-spacing:-.4px;margin-bottom:15px}.software-page .loom-product-family .loom-feature-copy>p:not(.loom-feature-lead){font-size:13px;line-height:1.85;margin-bottom:20px}.software-page .loom-product-family .loom-tags{gap:6px;margin-bottom:21px}.software-page .loom-product-family .loom-tags span{font-size:9px;padding:6px 8px}.software-page .loom-feature-image{border-radius:12px}.software-page .loom-feature-image>span{font-size:10px;padding:11px 12px}.software-page .loom-feature-image>span b{width:25px;height:25px;flex-basis:25px;font-size:17px}}
@media(prefers-reduced-motion:reduce){.software-page .loom-product-family .software-primary{transition:none}.software-page .loom-product-family .software-primary:hover,.software-page .loom-feature-image:hover{transform:none}}