/* Shared Disposition launch surfaces. Keep styles scoped to this feature. */
.dispo-page,.dispo-guide{color:#17263b;background:#f5f6f7}
.dispo-page *, .dispo-guide *, .dispo-teaser *{box-sizing:border-box}
.dispo-page .wrap,.dispo-guide .wrap,.dispo-teaser .wrap{max-width:1160px;margin-inline:auto;padding-inline:28px}
.dispo-page h1,.dispo-guide h1{font-size:clamp(2.7rem,5.3vw,4.8rem);line-height:1.05;letter-spacing:-.045em;margin:20px 0 24px;font-weight:800}
.dispo-page h2,.dispo-guide h2,.dispo-teaser h2{font-size:clamp(2rem,3.5vw,3.25rem);line-height:1.12;letter-spacing:-.035em;margin:12px 0 32px}
.dispo-page h3,.dispo-guide h3,.dispo-teaser h3{font-size:1.35rem;line-height:1.3;letter-spacing:-.02em;margin:12px 0}
.dispo-page p,.dispo-guide p,.dispo-teaser p{line-height:1.7;margin:0 0 20px}
.dispo-kicker{font-size:12px;font-weight:800;letter-spacing:.12em;color:#a64607;text-transform:uppercase}
.dispo-page .dispo-lede,.dispo-guide .dispo-lede,.dispo-teaser .dispo-lede{font-size:1.2rem;line-height:1.6;max-width:700px}
.dispo-hero{background:#0b1524;color:#fff;padding:72px 0 64px;overflow:hidden}
.dispo-hero-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:64px;align-items:center}
.dispo-hero em{font-style:normal;color:#fb923c}
.dispo-hero .dispo-kicker,.dispo-dark .dispo-kicker{color:#fdad6e}
.dispo-hero .dispo-lede{color:#d6dce5}
.dispo-hero-visual{margin:0;text-align:center;position:relative}
.dispo-hero-visual img{width:290px;max-width:100%;height:auto;display:block;margin:auto;border-radius:10px;box-shadow:0 18px 60px #0006}
.dispo-hero-visual figcaption,.dispo-demo-panel figcaption{font-size:11px;line-height:1.6;margin-top:16px;color:#c2ccda}
.dispo-actions{display:flex;gap:20px;align-items:flex-start;flex-direction:column;margin:30px 0 24px}
.dispo-page .btn-primary,.dispo-guide .btn-primary,.dispo-teaser .btn-primary{color:#132033;background:#fb923c;min-height:48px;display:inline-flex;align-items:center;gap:20px}
.dispo-link{font-weight:650;text-underline-offset:5px;text-decoration:underline}
.dispo-see{display:inline-block;margin:4px 0 26px;font-weight:700;text-decoration:underline;text-underline-offset:5px}
.dispo-page .dispo-small,.dispo-teaser .dispo-small{font-size:13px;line-height:1.6;color:#536174}
.dispo-hero .dispo-small,.dispo-dark .dispo-small{color:#c2ccda}
.dispo-strip{background:#e9edf2;border-bottom:1px solid #d9dfe7;padding:24px 0}
.dispo-strip .wrap{display:flex;justify-content:space-between;gap:20px;font-size:14px;font-weight:700}
.dispo-strip b{color:#a64607;margin-right:12px}
.dispo-section{padding:86px 0;scroll-margin-top:90px}
.dispo-two,.dispo-three,.dispo-strategies{display:grid;gap:36px;grid-template-columns:repeat(2,minmax(0,1fr))}
.dispo-three,.dispo-strategies{grid-template-columns:repeat(3,minmax(0,1fr))}
.dispo-number{font-size:12px;color:#87502b;font-weight:750;letter-spacing:.06em}
.dispo-two article{border-top:1px solid #ccd5df;padding-top:24px}
.dispo-dark{background:#0b1524;color:#fff}
.dispo-dark p{color:#d6dce5}
.dispo-dark a,.dispo-hero a{color:inherit}
.dispo-dark a:not(.btn),.dispo-guide article a{ text-decoration:underline;text-underline-offset:4px}
.dispo-white{background:white}
.dispo-proof{background:#17263b;padding:30px;border-radius:12px}
.dispo-proof>span{font-size:11px;letter-spacing:.08em;color:#fdad6e;font-weight:800}
.dispo-proof dl{margin:20px 0}
.dispo-proof dl div{padding:16px 0;border-bottom:1px solid #39485c}
.dispo-proof dt{font-weight:750;font-size:20px}.dispo-proof dd{margin:4px 0;color:#c2ccda;font-size:14px}
.dispo-demo{display:grid;grid-template-columns:240px minmax(0,1fr);gap:40px;margin-top:36px}
.dispo-demo-nav{display:flex;flex-direction:column;gap:8px}
.dispo-demo-nav button{display:flex;text-align:left;gap:14px;align-items:center;width:100%;border:1px solid #d6dce5;border-radius:8px;background:white;padding:15px;color:#17263b;font:inherit;cursor:pointer;min-height:52px}
.dispo-demo-nav button span{font-size:12px;color:#526173}
.dispo-demo-nav button[aria-pressed=true]{background:#0b1524;color:white;border-color:#0b1524}
.dispo-demo-nav button[aria-pressed=true] span{color:#fdad6e}
.dispo-demo-panel:not([hidden]){display:grid;grid-template-columns:minmax(200px,300px) minmax(0,1fr);gap:30px;align-items:center}
.dispo-demo-panel[hidden]{display:none}
.dispo-demo-panel figure{margin:0}
.dispo-demo-panel img{display:block;width:100%;height:auto;border:1px solid #dce2e9;border-radius:8px}
.dispo-demo-panel figcaption{color:#536174}
.dispo-details{border-bottom:1px solid #cdd5df;padding:20px 0}
.dispo-details summary{cursor:pointer;font-weight:700;font-size:17px;line-height:1.5;padding:6px 28px 6px 0;min-height:44px}
.dispo-details p{max-width:850px;padding-top:15px;margin-bottom:4px}
.dispo-table-wrap{overflow:auto}.dispo-table-wrap table{width:100%;border-collapse:collapse;text-align:left;margin-top:20px;font-size:14px}.dispo-table-wrap th,.dispo-table-wrap td{padding:16px;border:1px solid #ccd5df;vertical-align:top}.dispo-table-wrap th{min-width:180px}.dispo-table-wrap caption{text-align:left;font-weight:700;margin-bottom:15px}
.dispo-note{background:#f1f3f6;padding:30px;border-radius:10px;border-left:3px solid #f97316}
.dispo-strategies article{border-top:2px solid #ed8a41;padding-top:15px}.dispo-strategies p{font-size:15px}
.dispo-example{counter-reset:step;list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 46px}
.dispo-example li{counter-increment:step;position:relative;padding-left:46px}.dispo-example li::before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:0;color:#a64607;font-size:14px;font-weight:800}.dispo-example strong{font-size:18px;line-height:1.4}.dispo-example p{margin-top:8px;font-size:15px}
.dispo-related{margin-top:28px!important}
.dispo-skip{position:fixed;left:16px;top:-100px;z-index:10000;padding:14px;background:#fff;color:#17263b}.dispo-skip:focus{top:12px}
.dispo-page :focus-visible,.dispo-guide :focus-visible,.dispo-teaser :focus-visible{outline:3px solid #d95d04;outline-offset:5px}.dispo-dark :focus-visible,.dispo-hero :focus-visible{outline-color:#fdad6e}
.dispo-guide .dispo-hero{padding:78px 0}.dispo-guide .dispo-hero h1{max-width:950px}.dispo-guide article{max-width:800px;margin:auto;padding:64px 28px}.dispo-guide article h2{font-size:30px;margin-top:55px}.dispo-guide article li{line-height:1.8;margin-bottom:12px}.dispo-guide .dispo-note{margin:32px 0}.dispo-guide .dispo-guide-toc{padding:26px;background:white;border:1px solid #d6dce5;border-radius:10px}.dispo-guide .dispo-guide-toc ol{padding-left:20px}.dispo-guide section[id]{scroll-margin-top:100px}
.dispo-teaser{background:#edf1f5;padding:72px 0;color:#17263b}.dispo-teaser .dispo-two{align-items:center;gap:64px}.dispo-teaser figure{margin:0;text-align:center}.dispo-teaser img{width:265px;max-width:100%;height:auto;box-shadow:0 10px 35px #0b152420;border-radius:8px}.dispo-teaser figcaption{font-size:11px;line-height:1.5;color:#536174;margin-top:12px}.dispo-teaser.compact{padding:52px 0}.dispo-teaser.compact h2{font-size:30px;max-width:800px}.dispo-teaser.compact p{max-width:800px}
@media(min-width:1400px){.dispo-hero-visual img{width:310px}}
@media(max-width:960px){.dispo-hero-grid{gap:30px;grid-template-columns:1.1fr .9fr}.dispo-demo{grid-template-columns:1fr}.dispo-demo-nav{display:grid;grid-template-columns:repeat(4,1fr)}.dispo-demo-nav button{font-size:13px;padding:12px;gap:8px}.dispo-demo-panel:not([hidden]){grid-template-columns:300px 1fr}.dispo-three,.dispo-strategies{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.dispo-page .wrap,.dispo-guide .wrap,.dispo-teaser .wrap{padding-inline:22px}.dispo-hero{padding:44px 0}.dispo-hero-grid,.dispo-two,.dispo-three,.dispo-strategies,.dispo-example,.dispo-teaser .dispo-two{grid-template-columns:1fr;gap:28px}.dispo-hero h1{font-size:43px}.dispo-hero-visual{margin-top:20px}.dispo-hero-visual img{width:100%;max-width:340px}.dispo-page .dispo-lede,.dispo-teaser .dispo-lede{font-size:18px}.dispo-strip .wrap{flex-direction:column;gap:10px}.dispo-section,.dispo-teaser{padding:54px 0}.dispo-demo-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.dispo-demo-panel:not([hidden]){display:flex;flex-direction:column;align-items:stretch}.dispo-demo-panel figure{max-width:340px;margin:auto;order:2}.dispo-demo-panel>div{order:1}.dispo-note,.dispo-proof{padding:24px}.dispo-teaser img{width:100%;max-width:320px}.dispo-guide .dispo-hero{padding:48px 0}.dispo-guide article{padding:40px 22px}.dispo-guide h1{font-size:40px}.dispo-guide article h2{font-size:27px}.dispo-details summary{font-size:16px}}
@media(prefers-reduced-motion:reduce){.dispo-page *,.dispo-guide *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Inline workflow: preserve readable mobile UI and user playback control. */
.dispo-workflow-video{display:block;width:290px;max-width:100%;height:auto;aspect-ratio:780/1844;margin:auto;border-radius:10px;background:#0b1524;box-shadow:0 18px 60px #0006}
.dispo-video-controls{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:14px;flex-wrap:wrap;font-size:12px}
.dispo-video-toggle{font:inherit;font-weight:700;border:1px solid #7d8a9e;color:#fff;background:#17263b;border-radius:8px;min-height:44px;padding:10px 14px;cursor:pointer}
.dispo-video-controls a{text-decoration:underline;text-underline-offset:4px;min-height:44px;display:inline-flex;align-items:center}
@media(min-width:1400px){.dispo-workflow-video{width:310px}}
@media(max-width:640px){.dispo-workflow-video{width:100%;max-width:340px}}