.workflow-orientation{border-bottom:1px solid var(--brand-divider);justify-content:space-between;align-items:center;gap:24px;padding-block:24px 36px;display:flex}.workflow-orientation ol{counter-reset:journey;flex-wrap:wrap;gap:12px 26px;margin:0;padding:0;list-style:none;display:flex}.workflow-orientation li{counter-increment:journey;color:var(--brand-body);align-items:center;gap:9px;font-size:13px;display:flex}.workflow-orientation li:before{content:"0" counter(journey);color:var(--brand-action);font-size:11px;font-weight:600}.workflow-orientation>a{color:var(--brand-action);text-underline-offset:4px;flex-shrink:0;font-size:13px}.workflow-hero-note{color:var(--brand-body);margin-top:14px;font-size:13px;display:block}.workflow-conversion{border-top:1px solid var(--brand-divider);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,76px);padding-block:64px 88px;display:grid}.workflow-conversion>*{min-width:0}.demo-detail #steps-title{scroll-margin-top:110px}.workflow-conversion[data-compact]{display:block}.workflow-conversion[data-compact] .workflow-conversion-copy{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;column-gap:64px;max-width:none;margin:0;display:grid}.workflow-conversion[data-compact] .workflow-conversion-copy h2{max-width:26ch}.workflow-conversion[data-compact] .kicker,.workflow-conversion[data-compact] h2,.workflow-conversion[data-compact] .workflow-conversion-intro{grid-column:1}.workflow-conversion[data-compact] .workflow-conversion-points{grid-area:1/2/4;grid-template-columns:1fr;gap:28px;margin:0;padding-top:4px}.workflow-conversion[data-compact] .workflow-conversion-link{grid-column:2;margin-top:24px}.workflow-conversion-art{border-radius:var(--brand-radius-card);background:var(--brand-surface-quiet);overflow:hidden}.workflow-conversion-art>p{text-align:center;letter-spacing:.04em;color:var(--brand-body);background:var(--brand-frame);margin:0;padding:12px 20px;font-size:11px}.workflow-conversion-copy h2{letter-spacing:-.045em;max-width:19ch;margin:14px 0 20px;font-size:clamp(28px,3.2vw,42px);line-height:1.12}.workflow-conversion-intro{color:var(--brand-body);margin:0 0 26px;font-size:17px;line-height:1.65}.workflow-conversion-points{gap:22px;margin-bottom:30px;display:grid}.workflow-conversion-points h3{margin:0 0 6px;font-size:16px;font-weight:600;line-height:1.4}.workflow-conversion-points p{color:var(--brand-body);margin:0;font-size:15px;line-height:1.7}.workflow-conversion-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:20px;display:flex}.workflow-conversion-actions>span{color:var(--brand-body);font-size:12px}.workflow-conversion-link{color:var(--brand-action);text-underline-offset:5px;font-size:14px;line-height:1.6}.article-workflow-link{background:var(--brand-surface-quiet);border:1px solid var(--brand-border);border-radius:var(--brand-radius-card);margin:40px 0;padding:clamp(24px,4vw,40px)}.resource-body .article-workflow-link h2{letter-spacing:-.035em;margin:12px 0 18px;font-size:clamp(25px,3vw,34px);line-height:1.2}.article-workflow-link>p:not(.kicker){color:var(--brand-body);font-size:16px;line-height:1.75}.article-workflow-link ul{gap:12px;margin:22px 0;padding-left:20px;font-size:15px;line-height:1.65;display:grid}.article-workflow-link ul li{margin:0;padding:0}.article-workflow-actions{border-top:1px solid var(--brand-divider);flex-wrap:wrap;gap:16px 24px;padding-top:22px;display:flex}.article-workflow-actions a{color:var(--brand-action);text-underline-offset:5px;font-size:14px;line-height:1.6}@media (width<=760px){.workflow-orientation{flex-direction:column;align-items:flex-start;gap:18px;padding-block:20px 28px}.workflow-orientation ol{grid-template-columns:1fr 1fr;gap:16px 20px;width:100%;display:grid}.workflow-orientation li{align-items:flex-start;font-size:12px}.workflow-conversion{grid-template-columns:minmax(0,1fr);gap:28px;padding-block:40px 56px}.workflow-conversion-copy h2{max-width:22ch}.workflow-conversion-art{order:2}.workflow-conversion-intro{font-size:16px}.article-workflow-actions{flex-direction:column}.workflow-conversion[data-compact] .workflow-conversion-copy{display:block}.workflow-conversion[data-compact] .workflow-conversion-points{grid-template-columns:1fr;gap:22px;margin-bottom:24px}}.alpha-page-links{flex-wrap:wrap;align-items:center;gap:12px 26px;padding-block:18px 24px;font-size:13px;line-height:1.6;display:flex}.alpha-page-links>span{color:var(--brand-body)}.alpha-page-links a{color:var(--brand-action);text-underline-offset:5px}.demo-detail #alpha-connected-title,.demo-detail #workflow-conversion-title,.demo-detail #faq-title{scroll-margin-top:110px}@media (width<=760px){.alpha-page-links{gap:12px 20px}.alpha-page-links>span{flex-basis:100%}.demo-detail[data-product=alpha] .scanner-proof{grid-template-columns:1fr;gap:20px}.demo-detail[data-product=alpha] .scanner-proof strong{word-break:normal;overflow-wrap:normal;font-size:26px}.demo-detail[data-product=alpha] .scanner-proof p{max-width:none;margin-top:6px}}.alpha-workflow-coverage{border-top:1px solid var(--brand-divider);color:var(--brand-ink);grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:64px;padding-block:72px 88px;display:grid}.alpha-workflow-copy h2{letter-spacing:-.045em;margin:18px 0 34px;font-size:clamp(30px,3.5vw,44px);font-weight:500;line-height:1.12}.alpha-workflow-points{gap:26px;max-width:40ch;display:grid}.alpha-workflow-points h3{margin:0 0 8px;font-size:17px;font-weight:600;line-height:1.4}.alpha-workflow-points p{color:var(--brand-body);margin:0;font-size:15px;line-height:1.7}.alpha-workflow-scene{border:1px solid var(--brand-divider);border-radius:var(--brand-radius-card);background:linear-gradient(135deg,#f7f5fce8,#f0edfad9),url(/motion-studies/material-12.webp) 50%/cover;min-width:0;margin:0;padding:clamp(20px,3vw,32px)}.alpha-playbook{border:1px solid var(--brand-border);border-radius:var(--brand-radius-card);background:#fff;padding:24px;box-shadow:0 16px 36px #2926400a}.alpha-playbook-heading{border-bottom:1px solid var(--brand-divider);align-items:center;gap:12px;padding-bottom:24px;display:flex}.alpha-book-icon{border:1px solid var(--brand-border);width:36px;height:40px;color:var(--brand-action);border-radius:6px;place-items:center;font-size:25px;display:grid}.alpha-small-label{letter-spacing:.12em;color:var(--brand-body);font-size:10px}.alpha-playbook-heading h3{letter-spacing:-.025em;margin:3px 0 0;font-size:20px;font-weight:500}.alpha-playbook-steps{gap:0;margin:24px 0 0;padding:0;list-style:none;display:grid}.alpha-playbook-steps li{grid-template-columns:24px minmax(0,1fr);gap:12px;padding-bottom:26px;display:grid;position:relative}.alpha-playbook-steps li:not(:last-child):before{content:"";background:var(--brand-border);width:1px;position:absolute;top:26px;bottom:4px;left:11px}.alpha-playbook-steps li:last-child{padding-bottom:0}.alpha-step-marker{background:var(--brand-surface-quiet);width:24px;height:24px;color:var(--brand-action);border:1px solid var(--brand-border);border-radius:50%;place-items:center;font-size:12px;display:grid}.alpha-step-pending{color:var(--brand-body);background:#fff}.alpha-step-title{justify-content:space-between;align-items:baseline;gap:8px;min-height:24px;line-height:1.6;display:flex}.alpha-step-title strong{font-size:13px;font-weight:500}.alpha-step-title>span{color:var(--brand-body);white-space:nowrap;font-size:11px}.alpha-skill-label{color:var(--brand-body);margin:6px 0 14px;font-size:11px;line-height:1.5}.alpha-brief-preview{border:1px solid var(--brand-border);background:#fff;border-radius:6px;padding:18px}.alpha-brief-top{letter-spacing:.04em;color:var(--brand-body);justify-content:space-between;gap:8px;font-size:10px;display:flex}.alpha-brief-preview h4{letter-spacing:-.035em;margin:18px 0;font-size:20px;font-weight:500;line-height:1.2}.alpha-brief-line{background:var(--brand-divider);border-radius:2px;width:95%;height:3px;margin:6px 0}.alpha-brief-line-short{width:72%}.alpha-brief-topics{color:var(--brand-body);flex-wrap:wrap;gap:6px 12px;margin-top:20px;font-size:11px;line-height:1.6;display:flex}.alpha-workflow-scene figcaption{text-align:center;color:var(--brand-body);margin-top:18px;font-size:11px;line-height:1.6}@media (width<=760px){.alpha-workflow-coverage{grid-template-columns:1fr;gap:30px;padding-block:40px 56px}.alpha-workflow-copy h2{margin-bottom:28px}.alpha-workflow-points{gap:22px;max-width:none}.alpha-playbook{padding:18px}.alpha-step-title{flex-wrap:wrap;gap:2px 10px}.alpha-brief-preview{padding:14px}.alpha-brief-preview h4{font-size:19px}.alpha-workflow-scene{padding:20px}}@media (width<=400px){.alpha-workflow-scene{padding:12px}.alpha-playbook{padding:14px}.alpha-playbook-steps li{gap:8px}.alpha-brief-preview{padding:12px}.alpha-brief-preview h4{font-size:18px}.alpha-brief-topics{gap:6px 10px;font-size:10px}}.ips-example{border:1px solid var(--brand-divider,#ded9ef);min-width:0;color:var(--brand-ink,#292640);background:#fff;border-radius:12px;padding:clamp(22px,3vw,36px);box-shadow:0 14px 46px #30264b09}.ips-example header{border-bottom:1px solid var(--brand-divider,#ded9ef);letter-spacing:1.2px;color:var(--brand-body,#625b75);justify-content:space-between;align-items:center;gap:16px;padding-bottom:22px;font-size:10px;line-height:1.6;display:flex}.ips-example header span:last-child{letter-spacing:0;white-space:nowrap;font-size:12px}.ips-example h3{letter-spacing:-.6px;margin:26px 0 8px;scroll-margin-top:110px;font-size:clamp(26px,2.4vw,32px);font-weight:400;line-height:1.2}.ips-example-subtitle{color:var(--brand-action,#514bc4);margin:0 0 24px;font-size:14px}.ips-example dl{margin:0}.ips-example dl>div{border-top:1px solid var(--brand-divider,#ded9ef);padding:17px 0}.ips-example dl>div:last-child{padding-bottom:0}.ips-example dt{color:var(--brand-body,#625b75);margin-bottom:7px;font-size:12px}.ips-example dd{margin:0;font-size:16px;line-height:1.55}.demo-detail .document-walkthrough{border-top:1px solid var(--brand-divider);padding-block:64px 80px}.demo-detail .document-walkthrough .detail-section-head{max-width:720px;margin-bottom:40px}.demo-detail .document-walkthrough .detail-section-head h2{margin:0 0 18px}.demo-detail .document-walkthrough .detail-section-head p{margin:0;font-size:17px;line-height:1.65}.demo-detail .document-tour{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:64px}.document-tour>.ips-example{border-radius:var(--brand-radius-card);box-shadow:none;background:var(--brand-surface-quiet);grid-area:1/2;padding:32px}.document-tour>.document-outline{grid-area:1/1}.document-outline article{border-bottom:1px solid var(--brand-divider);margin:0 0 20px;padding:0 0 20px}.demo-detail .document-outline h3{margin:0 0 8px;font-size:17px;font-weight:500;line-height:1.4}.demo-detail .document-outline p{max-width:52ch;margin:0;font-size:14px;line-height:1.65}.document-guide-link{text-underline-offset:4px;color:var(--brand-action);font-size:14px;line-height:1.6}.demo-detail .detail-faq summary{padding-right:32px;line-height:1.5;list-style:none;position:relative}.demo-detail .detail-faq summary::-webkit-details-marker{display:none}.demo-detail .detail-faq summary:after{content:"+";color:var(--brand-action);font-size:20px;font-weight:400;position:absolute;top:0;right:0}.demo-detail .detail-faq details[open]>summary:after{content:"−"}.demo-detail .detail-faq details:first-child{border-top:1px solid var(--brand-divider)}@media (width<=760px){.demo-detail .document-walkthrough{padding-block:40px 48px}.demo-detail .document-tour{grid-template-columns:minmax(0,1fr);gap:32px}.document-tour>.ips-example,.document-tour>.document-outline{grid-area:auto}.document-tour>.ips-example{padding:24px}.demo-detail .document-walkthrough .detail-section-head{margin-bottom:28px}}.demo-detail [aria-label=Related\ capabilities] h3 a{align-items:baseline;gap:8px;display:inline-flex}.demo-detail [aria-label=Related\ capabilities] h3 a svg{flex:0 0 16px}@media (width<=760px){.demo-detail[data-product=billing] .scanner-proof{grid-template-columns:1fr;gap:20px}.demo-detail[data-product=billing] .scanner-proof strong{word-break:normal;overflow-wrap:normal;font-size:26px}.demo-detail[data-product=billing] .scanner-proof p{max-width:none;margin-top:6px}}
