.family-hero{background:linear-gradient(125deg,var(--blue-soft),var(--page) 52%,var(--surface));color:var(--ink)}.family-hero__body{max-width:1340px;min-height:560px;margin:auto;padding:58px 30px 48px;display:grid;grid-template-columns:.93fr 1.15fr;gap:54px;align-items:center}.family-hero__copy{padding-left:30px}.family-hero__eyebrow{display:flex;align-items:center;gap:14px;flex-wrap:wrap;color:var(--blue);font-size:17px;font-weight:650;margin:0 0 25px}.marketing-status{display:inline-flex;background:var(--blue-soft);color:var(--blue);padding:6px 12px;border-radius:100px;font-size:11px;font-weight:500;white-space:nowrap}.marketing-status--soon{background:var(--surface);color:var(--muted)}.family-hero h1{font-size:clamp(40px,3.8vw,56px);line-height:1.25;letter-spacing:-.035em;font-weight:750;margin:0 0 23px}.family-hero h1 span{display:block}.family-hero__description{max-width:492px;font-size:16px;line-height:1.95;color:var(--muted);margin:0}.family-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin-top:31px}.family-button{display:inline-flex;gap:26px;align-items:center;background:#0866ef;color:#fff;border:1px solid #0866ef;border-radius:6px;padding:16px 22px;font-size:14px;font-weight:600;white-space:nowrap}.family-button:hover{background:#0055d7}.family-text-link{display:inline-flex;gap:9px;align-items:center;color:var(--blue);font-size:13px}.family-text-link:hover{text-decoration:underline;text-underline-offset:4px}.family-hero__visual{min-width:0;margin:0;touch-action:pan-y}.family-hero__visual a{display:block;padding:8px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 15px 45px #244c850a}.family-hero__visual img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;display:block}.family-hero__rail-wrap{background:var(--page);border-block:1px solid var(--line)}.family-hero__rail{max-width:1280px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0 24px}.family-hero__rail button{position:relative;background:var(--page);color:var(--ink);border:0;min-width:0;padding:24px 24px 24px 16px;display:flex;gap:16px;align-items:center;text-align:left;font:inherit;cursor:pointer}.family-hero__rail button+button{border-left:1px solid var(--line)}.family-hero__rail button>img{width:58px;height:58px;object-fit:contain;flex-shrink:0;background:#fff;border-radius:4px}.family-hero__rail button[aria-selected=true]:after{content:"";position:absolute;height:3px;background:var(--blue);bottom:0;left:16px;right:24px}.family-hero__tab-copy{min-width:0}.family-hero__tab-copy strong{display:block;font-size:18px;font-weight:650;white-space:nowrap;margin-bottom:6px}.family-hero__tab-copy>span{font-size:12px;color:var(--muted)}.family-hero__rail .marketing-status{margin-left:auto;font-size:10px;padding:5px 9px}.family-hero__controls{max-width:1280px;padding:17px 24px;margin:auto;display:flex;justify-content:space-between;gap:22px;align-items:center}.family-hero__progress{display:flex;flex:1;gap:8px;max-width:360px}.family-hero__progress-track{flex:1;height:3px;overflow:hidden;border-radius:3px;background:var(--line)}.family-hero__progress-fill{display:block;height:100%;background:var(--blue);transform-origin:left}.family-hero__progress-fill.is-playing{animation-name:family-carousel-progress;animation-timing-function:linear;animation-fill-mode:both}@keyframes family-carousel-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.family-hero__progress-fill.is-playing{animation:none}}.family-hero__arrows{display:flex;align-items:center;gap:10px;flex-shrink:0}.family-hero__controls button{font:inherit;cursor:pointer}.family-hero__arrow{width:36px;height:36px;display:grid;place-items:center;background:var(--page);border:1px solid var(--line);border-radius:50%;color:var(--ink)}.family-hero__arrow:hover{color:var(--blue);border-color:var(--blue)}.family-products{max-width:1280px;padding:46px 24px 54px;margin:auto;color:var(--ink)}.family-products__heading{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:30px}.family-kicker{color:var(--blue);font-size:10px;letter-spacing:1.8px;margin:0 0 13px}.family-products__heading h2{font-size:32px;line-height:1.4;font-weight:650;letter-spacing:-.025em;margin:0}.family-products__heading>p{font-size:12px;line-height:1.9;color:var(--muted);max-width:340px;margin:0}.family-products__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.family-products__grid article{border-top:1px solid var(--line);padding-top:22px}.family-products__identity{display:flex;gap:11px;align-items:center}.family-products__identity img{width:36px;height:36px;object-fit:contain;background:#fff;border-radius:4px;flex-shrink:0}.family-products__identity h3{font-size:17px;font-weight:600;margin:0}.family-products__identity .marketing-status{margin-left:auto;font-size:9px;padding:4px 8px}.family-products__grid article>p{font-size:12px;line-height:1.9;color:var(--muted);margin:15px 0 17px}.family-products__grid .family-text-link{font-size:11px}@media(max-width:1150px){.family-hero__body{padding:47px 30px;gap:35px}.family-hero__copy{padding-left:0}.family-hero h1{font-size:46px}.family-hero__eyebrow{font-size:15px}.family-hero__description{font-size:14px}.family-actions{gap:19px}.family-button{font-size:13px;padding:14px 19px;gap:20px}.family-text-link{font-size:12px}.family-hero__rail button{padding:21px 15px;gap:10px}.family-hero__rail button>img{width:46px;height:46px}.family-hero__tab-copy strong{font-size:16px}.family-hero__rail .marketing-status{font-size:9px;padding:4px 7px}.family-products__grid{gap:27px}.family-products__identity{flex-wrap:wrap}.family-products__identity .marketing-status{margin-left:0}}@media(max-width:900px){.family-hero__body{gap:26px;min-height:490px}.family-hero h1{font-size:39px}.family-hero__description{font-size:13px}.family-hero__eyebrow{font-size:13px;gap:10px}.family-button{font-size:12px;padding:13px 16px;gap:15px}.family-actions{gap:16px}.family-hero__rail button{gap:8px}.family-hero__tab-copy strong{font-size:15px}.family-hero__rail .marketing-status{font-size:8px;padding:4px 6px}.family-products__heading h2{font-size:28px}}@media(max-width:680px){.family-hero__body{display:flex;flex-direction:column;padding:37px 22px 30px;gap:31px;align-items:stretch;min-height:0}.family-hero h1{font-size:42px;letter-spacing:-.026em;line-height:1.23;margin-bottom:21px}.family-hero__eyebrow{font-size:15px;margin-bottom:21px;gap:11px}.family-hero__description{font-size:14px;line-height:1.9;min-height:79px}.family-actions{gap:21px;margin-top:25px}.family-button{font-size:13px;padding:14px 18px;gap:18px}.family-hero__visual a{padding:5px;border-radius:8px}.family-hero__rail{padding:0 10px}.family-hero__rail button{display:block;text-align:center;padding:17px 7px 16px}.family-hero__rail button>img{width:42px;height:42px;margin:auto}.family-hero__tab-copy strong{font-size:13px;margin:8px 0 4px}.family-hero__tab-copy>span{font-size:10px}.family-hero__rail .marketing-status{display:table;margin:9px auto 0;font-size:9px;padding:4px 7px}.family-hero__rail button[aria-selected=true]:after{left:7px;right:7px}.family-hero__controls{padding:13px 21px;gap:10px}.family-hero__progress{max-width:180px;gap:6px}.family-hero__arrows{gap:7px}.family-hero__arrow{width:31px;height:31px}.family-products{padding:31px 22px 36px}.family-products__heading{display:block;margin-bottom:24px}.family-products__heading h2{font-size:27px}.family-products__heading>p{font-size:11px;margin-top:14px}.family-products__grid{grid-template-columns:1fr;gap:26px}.family-products__grid article{padding-top:18px}.family-products__identity{flex-wrap:nowrap}.family-products__identity .marketing-status{margin-left:auto}.family-products__grid article>p{margin-top:12px}}.family-products__actions{display:flex;flex-wrap:wrap;gap:12px 24px}.company-products{padding-top:var(--s-80)}.company-products h2{margin-top:var(--s-16)}.company-products h2 span{display:inline-block}.company-products__row{display:grid;grid-template-columns:400px minmax(0,1fr);align-items:center;gap:var(--s-56);padding:var(--s-56) 0 var(--s-72)}.company-products__copy{min-width:0}.company-products h3{font-size:var(--text-54);letter-spacing:-.04em;margin-top:var(--s-12)}.company-products__row--workspace h3{color:var(--blue)}.company-products__tagline{font-size:var(--text-22);line-height:1.6;color:var(--ink);font-weight:550;margin-top:var(--s-14);text-wrap:pretty}.company-products__description{margin-top:var(--s-20);font-size:var(--text-16);line-height:1.9;text-wrap:balance}.company-products__features{display:grid;gap:var(--s-18);margin:var(--s-28) 0 var(--s-32)}.company-products__features li{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:var(--s-16)}.company-products__features img{width:28px;height:28px;object-fit:contain}.company-products__features li>div{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--s-4) var(--s-16)}.company-products__features strong{font-size:var(--text-15);font-weight:600}.company-products__features span{font-size:var(--text-13);color:var(--muted)}.company-products__row--workspace .site__button{min-width:184px}.company-products__visual{min-width:0}.company-products__visual>img{width:100%;height:auto;object-fit:contain}.company-products__visual figcaption{text-align:center;color:var(--muted);font-size:var(--text-12);margin-top:var(--s-12)}@media(max-width:1100px){.company-products__row{grid-template-columns:320px minmax(0,1fr);gap:var(--s-32)}.company-products h3{font-size:var(--text-44)}.company-products__tagline{font-size:var(--text-20)}}@media(max-width:900px){.company-products__row{grid-template-columns:minmax(0,1fr)}.company-products__copy{max-width:640px}}@media(max-width:768px){.company-products{padding-top:var(--s-48)}.company-products__row{display:flex;flex-direction:column;align-items:stretch;gap:var(--s-32);padding:var(--s-36) 0 var(--s-44)}.company-products h3{font-size:var(--text-40)}.company-products__tagline{font-size:var(--text-19);max-width:360px}.company-products__description{font-size:var(--text-15);margin-top:var(--s-16)}.company-products__features{gap:var(--s-18);margin:var(--s-24) 0 var(--s-28)}.company-products__features li>div{column-gap:var(--s-12)}}
