.product-preview{min-width:0;border:1px solid #c8d2dd;border-radius:8px;background:#fff;box-shadow:0 18px 45px #142c4510;overflow:hidden}
.preview-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;background:var(--ink);color:#fff;padding:15px 22px}
.preview-kicker{font-size:.75rem;letter-spacing:.055em;text-transform:uppercase}
.preview-type{font-size:.75rem;color:#d8e3f5}
.preview-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:18px 22px 0}
.preview-products button{font-size:.875rem;padding:9px 8px;min-height:42px;border:1px solid var(--line);border-radius:4px;background:white;color:var(--ink);line-height:1.3}
.preview-products button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:white}
.preview-products button:hover{border-color:var(--blue)}
.preview-title{padding:20px 22px 18px;display:grid;grid-template-columns:1fr;gap:5px}
.preview-title h2{font-size:1.75rem;font-family:Georgia,serif;line-height:1.2}
.preview-title p{font-size:.9375rem;color:var(--muted)}
.preview-stage{font-size:.875rem;color:var(--blue);line-height:1.5}
.preview-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--line);background:#f7f9fc}
.preview-steps button{font-size:.875rem;color:var(--muted);background:transparent;padding:12px 6px;line-height:1.5;min-height:46px;border-bottom:2px solid transparent}
.preview-steps button[aria-pressed=true]{border-bottom-color:var(--blue);background:#edf2ff;color:var(--blue);font-weight:600}
.preview-screen{padding:22px;height:345px;overflow-y:auto;scrollbar-gutter:stable;background:linear-gradient(140deg,#f5f8fd,#fff)}
.preview-screen:focus-visible{outline:3px solid var(--blue);outline-offset:-4px}
.preview-screen-label{font-size:.75rem;letter-spacing:.055em;text-transform:uppercase;color:var(--blue);margin-bottom:10px}
.preview-screen h3{font-size:1.2rem;line-height:1.35;max-width:38ch}
.preview-context{font-size:1rem;color:var(--muted);margin-top:10px;line-height:1.55}
.preview-document{margin-top:18px;background:#fff;border:1px solid #d6dfea;border-left:3px solid #247e76;border-radius:3px;padding:14px 16px}
.preview-document>p{font-size:.875rem;font-weight:600;color:var(--ink);line-height:1.5}
.preview-document ul{padding-left:17px;margin:9px 0 0;font-size:.875rem;color:var(--muted);line-height:1.5}
.preview-document li+li{margin-top:5px}
.preview-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:17px 22px;border-top:1px solid var(--line)}
.preview-play{font-size:.875rem;background:var(--blue);color:white;border-radius:4px;padding:10px 12px;min-height:42px;line-height:1.4;font-weight:600}
.preview-play:hover{background:var(--blue-dark)}
.preview-play[disabled]{opacity:.5;cursor:not-allowed}
.preview-controls>span{font-size:.8125rem;color:var(--muted)}
.preview-controls .text-link{font-size:.875rem;margin-left:auto}
.preview-disclosure{padding:0 22px 17px;font-size:.875rem;line-height:1.5;color:var(--muted)}
.home-hero:has(.product-preview){grid-template-columns:1.05fr 1fr;gap:50px;align-items:center;padding-block:48px}
.products-hero{display:grid;grid-template-columns:1fr 1.1fr;gap:50px;align-items:center;padding-block:45px 50px}
.products-hero .page-intro{padding:0}
.products-hero .page-intro h1{font-size:clamp(2.5rem,4vw,3.7rem)}
.products-hero .page-intro>p:not(.eyebrow){font-size:1.0625rem;max-width:43ch}
.products-hero .text-link{margin-top:23px}
@media(max-width:1080px){.home-hero:has(.product-preview),.products-hero{gap:30px}.preview-heading{padding:14px 17px}.preview-products{padding:16px 17px 0}.preview-title{padding:18px 17px}.preview-screen{padding:20px 17px}.preview-controls{padding:15px 17px}.preview-disclosure{padding-inline:17px}.preview-controls .text-link{margin-left:0;width:100%}}
@media(max-width:820px){.home-hero:has(.product-preview),.products-hero{grid-template-columns:1fr;gap:30px}.home-hero .hero-copy h1{max-width:20ch}.product-preview{max-width:680px;width:100%}.preview-controls .text-link{margin-left:auto;width:auto}.products-hero .page-intro h1{max-width:20ch}.products-hero .page-intro>p:not(.eyebrow){max-width:60ch}.products-hero{padding-block:36px 40px}}
@media(max-width:420px){.preview-products{gap:6px}.preview-products button{font-size:.875rem;padding-inline:5px}.preview-steps button{font-size:.875rem;padding-inline:4px}.preview-controls .text-link{width:100%;margin-left:0}.preview-screen{height:390px}.preview-document{padding:12px}.preview-type{font-size:.75rem}.preview-disclosure{font-size:.875rem}}