/* Demonstrations use the same visual logic: contribution, context, action, rest. */
#slide-01 h1{letter-spacing:-.025em}
html{scroll-behavior:auto}
.scene[data-motion-scene="local"] svg circle{transform-box:fill-box;transform-origin:center}
.scene-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:30px;min-height:42px}
.scene-actions button,.art-zoom{display:inline-flex;align-items:center;gap:8px;padding:10px 0;border:0;background:transparent;color:var(--blue-electric);font:600 13px/1.4 'Inter',sans-serif;cursor:pointer;text-align:left}
.scene[data-theme="dark"] .scene-actions button{color:#7bc7ff}
.scene-actions svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.5;fill:none;stroke-linejoin:round;stroke-linecap:round}
.scene-status{font:500 12px/1.4 'Inter',sans-serif;color:#60718a;min-height:17px}
.scene[data-theme="dark"] .scene-status{color:#acc1da}
.scene-condition{font:500 13px/1.6 'Inter',sans-serif;color:#60718a;max-width:900px;margin-top:24px}
.scene[data-theme="dark"] .scene-condition{color:#aec0d5}
.source-caption{font:400 12px/1.6 'Inter',sans-serif;opacity:.65;margin-top:26px;max-width:900px}
.source-detail{font:400 12px/1.6 'Inter',sans-serif;margin-top:12px;max-width:900px;opacity:.75}
.source-detail summary{cursor:pointer;display:list-item;list-style:revert}
.source-detail a{display:block;color:inherit;margin:7px 0;text-decoration:underline;text-underline-offset:3px}
.source-detail a:focus-visible{outline:2px solid #2d9cff;outline-offset:4px}
.gallery-controls{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:12px}
.gallery-controls button{border:1px solid #cbd7e6;border-radius:50%;background:transparent;width:40px;height:40px;font:20px 'Inter',sans-serif;color:#173953;cursor:pointer}
.gallery-controls button:disabled{opacity:.3;cursor:default}
.gallery-position{font:500 12px 'Inter',sans-serif;color:#586e87;min-width:44px;text-align:center}
.journey-demo{display:flex;align-items:stretch;gap:16px;margin:34px 0 20px}
.journey-step{flex:1;padding:20px 0;border-top:1px solid #c6d5e5;display:flex;flex-direction:column;gap:9px}
.journey-step .step-kicker{font:700 10px/1.5 'Inter',sans-serif;letter-spacing:.08em;color:#096bff}
.journey-step strong{font:800 26px 'Inter Tight',sans-serif}
.journey-step>span:last-child{font:400 15px/1.5 'Inter',sans-serif;color:#54657a}
.journey-connector{width:36px;height:1px;background:#7aadc9;margin-top:62px;transform-origin:left center;flex:0 0 36px}
.wa-showcase{background:#f4f8fc!important}
.wa-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;margin-top:48px}
.wa-example{min-width:0;text-align:center}
.wa-example-heading{margin:0 0 26px}
.wa-example-heading .eyebrow{display:block;font-size:11px;margin-bottom:8px;color:#60718a}
.wa-example-heading h3{font:800 26px/1.15 'Inter Tight',sans-serif}
.replay-message{font:600 12px/1.4 'Inter',sans-serif;border:0;border-bottom:1px solid currentColor;color:#176ba7;background:transparent;padding:6px 0;margin-top:12px;cursor:pointer;min-height:38px}
.wa-example[data-brand="cobasi"] .replay-message{color:#006e75}
.wa-device{width:300px;aspect-ratio:9/19.5;background:#0c1621;padding:7px;border-radius:38px;border:1px solid #77818b;box-shadow:0 22px 42px -24px #12233980;margin:0 auto;position:relative;box-sizing:border-box}
.wa-device::before,.wa-device::after{content:"";position:absolute;background:#626970;border-radius:3px;left:-3px;width:2px;height:38px;top:110px}
.wa-device::after{top:164px;height:54px}
.wa-screen{height:100%;width:100%;border-radius:30px;overflow:hidden;background:#f7f8fa;position:relative;display:flex;flex-direction:column}
.wa-status{height:28px;flex:0 0 28px;display:flex;align-items:center;justify-content:space-between;padding:4px 20px 0;color:#071b33;font:700 11px 'Inter',sans-serif;background:#fff}
.wa-island{position:absolute;top:7px;left:50%;transform:translateX(-50%);width:78px;height:18px;border-radius:13px;background:#0b0d12}
.wa-appbar{display:flex;align-items:center;gap:8px;background:#fff;min-height:45px;padding:6px 10px 7px;color:#162a38;box-shadow:0 1px 0 #15294411;z-index:1;text-align:left}
.wa-back{font-size:29px;font-family:Arial,sans-serif;color:#207c81;line-height:1}
.wa-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f1f7fa;overflow:hidden;flex:none}
.wa-avatar img{object-fit:contain;width:28px;height:18px}
.wa-appbar>div{display:flex;flex-direction:column;gap:2px}
.wa-appbar strong{font:700 13px 'Inter',sans-serif}
.wa-appbar>div>span{font:400 9px 'Inter',sans-serif;color:#738083}
.wa-menu-dots{margin-left:auto;font-size:22px}
.wa-chat{flex:1;background:#eeeae2;padding:9px 12px 8px;min-height:0;display:flex;flex-direction:column;align-items:flex-start;position:relative}
.wa-date{background:#fff9;align-self:center;font:400 9px 'Inter',sans-serif;padding:3px 8px;border-radius:4px;margin:0 0 7px;color:#758183}
.wa-bubble{width:222px;padding:5px 5px 0;background:#fff;border-radius:0 10px 10px 10px;box-shadow:0 1px 1px #132d381b;text-align:left}
.wa-poster{position:relative;aspect-ratio:9/16;width:100%;border-radius:6px;overflow:hidden;background:#15331a}
.wa-poster>.wa-photo{width:100%;height:100%;object-fit:cover;display:block}
.wa-poster::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(2,16,22,.80));pointer-events:none}
.wa-poster-logo{position:absolute;z-index:2;top:11px;left:11px;background:#ffffffec;padding:5px 8px;border-radius:4px;display:flex;align-items:center}
.wa-poster-logo img{width:61px;height:25px;object-fit:contain}
.wa-poster-headline{position:absolute;z-index:2;left:13px;right:12px;bottom:18px;color:#fff;font:800 23px/1.04 'Inter Tight',sans-serif;letter-spacing:-.02em;max-width:180px}
.wa-message-copy{font:400 12px/1.36 'Inter',sans-serif;margin:8px 5px 2px;color:#253746;letter-spacing:-.01em}
.wa-message-time{font:400 8px 'Inter',sans-serif;color:#8a969c;display:block;text-align:right;margin:2px 5px 5px}
.wa-cta{font:600 11px/1.3 'Inter',sans-serif;color:#1677b7;text-align:center;padding:8px 3px;border-top:1px solid #edf1f3}
.wa-example[data-brand="cobasi"] .wa-cta{color:#006e75}
.wa-example[data-brand="cobasi"] .wa-poster-logo,.wa-example[data-brand="cobasi"] .wa-avatar{background:#006e75}
.wa-composer{min-height:34px;display:flex;align-items:center;gap:8px;padding:5px 10px 6px;background:#fff;color:#6e7d84;font:20px 'Inter',sans-serif}
.wa-composer-placeholder{flex:1;border:1px solid #e2e8eb;border-radius:20px;color:#9aa4aa;font:400 10px 'Inter',sans-serif;padding:6px 10px;text-align:left}
.wa-mic{color:#169e80}
.wa-home{height:4px;flex:0 0 4px;width:80px;background:#14222c;border-radius:3px;align-self:center;margin:1px 0 5px}
.message-transcript{border:0;margin:28px auto 0;max-width:350px;text-align:left;color:#294157}
.message-transcript p{font:500 17px/1.55 'Inter',sans-serif;margin:0 0 8px}
.message-transcript>span{font:600 13px/1.5 'Inter',sans-serif;color:#096bff}
.art-label{font:400 11px/1.5 'Inter',sans-serif;letter-spacing:.02em;color:#6b7f95;margin:15px 0 0}
#art-viewer{position:fixed;inset:0;width:min(1300px,96vw);max-width:96vw;max-height:94dvh;margin:auto;border:1px solid #40566b;border-radius:12px;background:#f9fbff;padding:42px 16px 16px;overflow:auto;color:#17334e}
#art-viewer::backdrop{background:#04101fe6;backdrop-filter:blur(10px)}
#art-close{position:absolute;right:12px;top:8px;background:transparent;border:0;color:#19364e;font-size:27px;cursor:pointer;padding:0 6px}
.art-viewer-content>img{max-width:100%;width:100%;height:auto;display:block;touch-action:pan-x pan-y pinch-zoom}
.art-viewer-content>p{font:500 14px/1.4 'Inter',sans-serif;margin:14px 0 0}
.concept-label{font:600 11px/1.5 'Inter',sans-serif;color:#60758b;letter-spacing:.06em;margin:16px 0}
button,a{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid #2d9cff;outline-offset:4px}
@media(max-width:760px){.wa-grid{grid-template-columns:1fr;gap:64px}.wa-example-heading{margin-bottom:22px}.wa-device{max-width:100%}.journey-demo{flex-direction:column;gap:0}.journey-step{padding:20px 0 20px 22px;border-top:0;border-left:2px solid #c6d5e5}.journey-connector{margin:0 0 0 0;width:2px;height:24px;flex:0 0 24px;transform-origin:center top}.journey-step strong{font-size:28px}.journey-step>span:last-child{font-size:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media print{.scene-actions,.gallery-controls,.art-zoom,#art-viewer,#site-menu{display:none!important}.wa-device{break-inside:avoid}.wa-grid{grid-template-columns:1fr 1fr;gap:30px}.phone-gallery{overflow:visible!important;flex-wrap:wrap!important}.phone-piece{flex:0 0 45%!important}}