.demo-page{background:var(--brand-paper,#f5f2eb);min-width:0}.product-demo{box-sizing:border-box;width:min(1120px,100%);color:var(--brand-ink,#162044);margin-inline:auto;padding:84px 32px 76px}.product-demo *,.product-demo :before,.product-demo :after{box-sizing:border-box}.product-demo-heading{text-align:center;max-width:810px;margin:0 auto 34px}.product-demo-eyebrow{color:var(--brand-primary,#3254d8);letter-spacing:.16em;margin:0 0 15px;font-size:11px;font-weight:750}.product-demo-heading h1,.product-demo-heading h2{font-family:var(--font-display), Arial, sans-serif;letter-spacing:-.045em;text-wrap:balance;margin:0;font-size:clamp(32px,4.5vw,52px);font-weight:650;line-height:1.06}.product-demo-intro{max-width:660px;color:var(--brand-muted,#536078);text-wrap:pretty;margin:20px auto 0;font-size:17px;line-height:1.65}.product-demo-recording{border:1px solid var(--brand-ink,#162044);background:var(--brand-ink,#162044);border-radius:20px;overflow:hidden;box-shadow:0 18px 50px #1620441f}.product-demo-recording-label{color:var(--brand-on-dark,#dce3f9);justify-content:space-between;align-items:center;gap:18px;padding:14px 19px;font-size:11px;font-weight:600;display:flex}.product-demo-recording-label>span:first-child{align-items:center;gap:9px;display:inline-flex}.product-demo-recording-dot{background:var(--brand-accent,#f78253);border-radius:50%;width:7px;height:7px;display:inline-block}.product-demo-video{aspect-ratio:16/9;object-fit:contain;background:var(--brand-ink,#162044);width:100%;height:auto;display:block}.product-demo-formats{flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 20px;display:flex}.product-demo-formats a{border:1px solid var(--brand-line,#d5d8e0);min-height:44px;color:var(--brand-ink,#162044);border-radius:8px;align-items:center;padding:10px 16px;font-size:12px;font-weight:650;text-decoration:none;display:inline-flex}.product-demo-formats a[aria-current=page]{background:var(--brand-ink,#162044);border-color:var(--brand-ink,#162044);color:#fff}.product-demo-portrait{max-width:430px;margin-inline:auto}.product-demo-portrait .product-demo-video{aspect-ratio:9/16}.product-demo-summary{border:1px solid var(--brand-line,#d5d8e0);background:var(--brand-card,#fffefb);border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:24px;display:grid}.product-demo-summary>div{min-width:0;padding:22px 26px}.product-demo-summary>div+div{border-left:1px solid var(--brand-line,#d5d8e0)}.product-demo-summary span{color:var(--brand-muted,#536078);font-size:12px;line-height:1.5;display:block}.product-demo-summary strong{font-family:var(--font-display), Arial, sans-serif;letter-spacing:-.035em;font-variant-numeric:tabular-nums;margin-top:5px;font-size:clamp(22px,3vw,31px);font-weight:650;line-height:1.25;display:block}.product-demo-summary>div:last-child strong{color:var(--brand-primary,#3254d8)}.product-demo-note{max-width:820px;color:var(--brand-muted,#536078);text-align:center;margin:13px auto 0;font-size:12px;line-height:1.65}.product-demo-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:26px;display:flex}.product-demo-actions a{text-align:center;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:12px;min-height:48px;padding:13px 22px;font-size:14px;font-weight:650;line-height:1.4;text-decoration:none;display:inline-flex}.product-demo-actions .product-demo-primary{background:var(--brand-primary,#3254d8);color:#fff}.product-demo-actions .product-demo-primary:hover{background:var(--brand-primary-hover,#2340b5)}.product-demo-actions .product-demo-secondary{border-color:var(--brand-line,#d5d8e0);background:var(--brand-card,#fffefb);color:var(--brand-ink,#162044)}.product-demo-actions .product-demo-secondary:hover{border-color:var(--brand-ink,#162044)}.product-demo a:focus-visible,.product-demo summary:focus-visible,.product-demo video:focus-visible{outline:3px solid var(--brand-primary,#3254d8);outline-offset:5px}.product-demo-transcript{border:1px solid var(--brand-line,#d5d8e0);background:var(--brand-card,#fffefb);border-radius:14px;margin-top:38px;padding:0 24px}.product-demo-transcript>summary{cursor:pointer;padding:20px 0;font-size:15px;font-weight:650}.product-demo-transcript-intro,.product-demo-video-link{color:var(--brand-muted,#536078);font-size:14px;line-height:1.65}.product-demo-transcript-intro{margin:0 0 22px}.product-demo-video-link{margin:22px 0}.product-demo-video-link a{color:var(--brand-primary,#3254d8);text-underline-offset:3px}.product-demo-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 30px;margin:0;padding:0;list-style:none;display:grid}.product-demo-steps li{gap:13px;min-width:0;display:flex}.product-demo-step-number{background:var(--brand-soft,#e9edff);width:31px;height:31px;color:var(--brand-primary,#3254d8);border-radius:9px;flex:none;place-items:center;font-size:11px;font-weight:700;display:grid}.product-demo-steps h3{margin:3px 0 8px;font-size:14px;line-height:1.4}.product-demo-steps p{color:var(--brand-muted,#536078);margin:0;font-size:13px;line-height:1.65}@media (max-width:640px){.product-demo{padding:44px 18px 48px}.product-demo-heading{text-align:left;margin-bottom:25px}.product-demo-heading h1,.product-demo-heading h2{font-size:clamp(30px,8.7vw,42px)}.product-demo-intro{margin-top:17px;font-size:15px}.product-demo-recording{border-radius:12px}.product-demo-recording-label{padding:11px 13px;font-size:10px}.product-demo-recording-label>span:last-child{display:none}.product-demo-summary{border-radius:11px;margin-top:17px}.product-demo-summary>div{padding:16px 10px}.product-demo-summary span{font-size:10px}.product-demo-summary strong{letter-spacing:-.045em;font-size:clamp(16px,4.9vw,24px)}.product-demo-note{text-align:left;font-size:11px}.product-demo-actions{grid-template-columns:1fr;gap:10px;margin-top:23px;display:grid}.product-demo-transcript{margin-top:28px;padding:0 17px}.product-demo-steps{grid-template-columns:1fr;gap:22px}}@media print{.product-demo-video,.product-demo-recording-label,.product-demo-actions{display:none}.product-demo-recording{box-shadow:none;border:0}.product-demo{width:100%;padding:0}.product-demo-summary{break-inside:avoid}}
