/* Progressive enhancement: every section remains readable without JavaScript. */
.motion-reveal{transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}
.motion-ready .motion-reveal:not(.is-visible){opacity:0;transform:translateY(24px)}
.motion-ready .motion-reveal:focus-within{opacity:1;transform:none}
.motion-paused .motion-reveal{opacity:1!important;transform:none!important;transition:none!important}
.motion-paused *, .motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}
.motion-paused .design-field-image{animation:none!important;transform:none!important}
.motion-paused .preview-frame{animation:none!important;opacity:1;transform:none}.motion-paused{scroll-behavior:auto!important}
.motion-reading{position:fixed;top:calc(var(--eleven-access-height) + var(--eleven-section-height) - 2px);height:2px;left:0;right:0;z-index:101;background:#254de8;transform:scaleX(0);transform-origin:left;pointer-events:none}
.design-field{isolation:isolate}.design-field-image{animation:none!important;transform:translateY(var(--field-y,0px)) scale(1.08);will-change:transform}
.design-field:before{content:'';position:absolute;inset:-40%;z-index:1;pointer-events:none;background:linear-gradient(115deg,transparent 35%,#fff3 48%,transparent 61%);transform:translateX(-45%) rotate(-8deg);animation:field-light 12s ease-in-out infinite alternate;mix-blend-mode:soft-light}
.design-notification{animation:notification-float 7s ease-in-out infinite;backdrop-filter:blur(15px);background:#fffffff0}
@keyframes field-light{to{transform:translateX(30%) rotate(-8deg)}}
@keyframes notification-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-9px) rotate(0deg)}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.role-product,.access-card,.demo-choice{transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}.role-product:hover,.demo-choice:hover{transform:translateY(-5px);box-shadow:0 18px 40px #12251b14}.access-card:hover{border-color:#90a2c5}}
.motion-showcase{padding:80px var(--pad-x,24px);background:var(--surface,#eef2e9);overflow:hidden}
.motion-showcase>.wrap{display:block;max-width:1164px;margin:auto}.motion-showcase-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:32px}.motion-showcase h2{font-size:clamp(32px,4vw,48px);line-height:1.07;letter-spacing:-1.8px;font-weight:500;margin:16px 0}.motion-showcase-head p{max-width:400px;font-size:15px;line-height:1.8;color:var(--muted,#626b67)}
.motion-tools{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:0 0 24px}.motion-tools span{font-size:12px;color:var(--muted)}
.motion-tools button,.preview-controls button{cursor:pointer;min-height:44px;border:1px solid var(--rule,#dce1da);border-radius:6px;background:var(--card,#fff);color:var(--ink,#18221f);font:600 12px/1.4 Arial,sans-serif;padding:10px 15px}
.motion-tools button:focus-visible,.preview-controls button:focus-visible{outline:3px solid #e9ab32;outline-offset:3px}
.motion-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.motion-preview{min-width:0;border:1px solid var(--rule,#dce1da);border-radius:16px;background:var(--card,#fff);overflow:hidden;box-shadow:0 15px 45px #12251b08}
.preview-title{padding:24px 26px 18px;display:flex;justify-content:space-between;align-items:center;gap:16px}.preview-title h3{font-size:21px;letter-spacing:-.5px;margin:0}.preview-title span{font:10px/1.5 Arial,sans-serif;letter-spacing:1px;color:var(--muted);text-transform:uppercase}
.preview-stage{min-height:360px;margin:0 22px;border:1px solid var(--rule,#dce1da);border-radius:10px;background:var(--bg,#f7f8f5);padding:24px;box-sizing:border-box;position:relative;overflow:hidden}
.preview-stage{display:grid}.preview-frame{grid-area:1/1;min-width:0}.preview-stage .preview-frame[hidden]{display:block!important;visibility:hidden;pointer-events:none}.preview-frame:not([hidden]){animation:preview-in .55s cubic-bezier(.2,.7,.2,1)}
@keyframes preview-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.preview-eyebrow{font:600 10px/1.5 Arial,sans-serif;letter-spacing:1.2px;color:var(--muted);margin-bottom:18px}.preview-stage h4{font-size:22px;line-height:1.25;letter-spacing:-.5px;margin:0 0 14px}.preview-stage p{font-size:14px;line-height:1.7;color:var(--ink-2,#626b67);margin:10px 0}
.preview-message{padding:14px 16px;border-left:3px solid #254de8;background:var(--accent-tint,#edf1ff);border-radius:0 6px 6px 0;font-size:14px;line-height:1.7}
.preview-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid var(--rule,#dce1da);border-radius:30px;font-size:11px;color:var(--ink,#18221f);margin-top:16px}.preview-pill:before{content:'';width:7px;height:7px;background:#3c8c62;border-radius:50%}
.preview-amount{font-size:42px;font-weight:600;letter-spacing:-2px;line-height:1.1;margin:14px 0}.preview-metrics{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.preview-metrics div{border-top:1px solid var(--rule,#dce1da);padding-top:14px;font-size:11px;color:var(--muted)}.preview-metrics b{display:block;font-size:23px;margin-top:8px;color:var(--ink)}
.preview-controls{display:flex;gap:6px;padding:18px 22px;flex-wrap:wrap}.preview-controls button{flex:1;padding:10px 8px;white-space:nowrap;font-size:11px}.preview-controls button[aria-pressed=true]{background:#254de8;color:white;border-color:#254de8}
.preview-footer{padding:0 26px 24px;display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:12px}.preview-footer a{min-height:44px;display:inline-flex;align-items:center;color:var(--accent-deep,#254de8);font-weight:600}.preview-footer span{color:var(--muted)}
.motion-showcase-note{font-size:12px!important;color:var(--muted);line-height:1.8;margin-top:22px}.motion-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:760px){.motion-showcase{padding:50px 20px}.motion-showcase-head{display:block}.motion-preview-grid{grid-template-columns:1fr}.preview-stage{margin:0 16px;padding:20px;min-height:360px}.preview-title{padding:22px 20px 18px}.preview-controls{padding:16px}.preview-footer{padding:0 20px 20px}.motion-showcase-head p{font-size:14px}.design-notification{animation-duration:9s}.motion-ready .motion-reveal:not(.is-visible){transform:translateY(14px)}}
@media(prefers-reduced-motion:reduce){.motion-reveal{opacity:1!important;transform:none!important;transition:none!important}.design-field-image{transform:none!important;will-change:auto}.design-field:before,.design-notification,.preview-frame{animation:none!important}.motion-reading{display:none}.role-product,.access-card,.demo-choice{transition:none!important}}

.motion-offscreen .design-notification,.motion-offscreen .design-field:before{animation-play-state:paused}

.preview-balance-track{height:7px;border-radius:8px;background:var(--rule,#dce1da);margin:20px 0 16px;overflow:hidden}.preview-balance-track span{display:block;width:30%;height:100%;background:#254de8;transform-origin:left}.preview-frame:not([hidden]) .preview-balance-track span{animation:balance-fill .9s cubic-bezier(.2,.7,.2,1) both}@keyframes balance-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}.motion-paused .preview-balance-track span{animation:none!important}@media(prefers-reduced-motion:reduce){.preview-balance-track span{animation:none!important}}

.preview-mode{padding:18px 22px 0}.preview-mode button{min-height:44px;cursor:pointer;border:1px solid var(--rule,#dce1da);border-radius:7px;padding:10px 14px;background:var(--bg,#f7f8f5);color:var(--ink,#18221f);font:600 12px Arial,sans-serif}.preview-mode button[aria-pressed=true]{background:#254de8;color:#fff}.preview-mode button:focus-visible{outline:3px solid #e9ab32;outline-offset:3px}.preview-mode p{font-size:12px;line-height:1.7;color:var(--muted);margin:10px 0 0}.motion-preview{display:flex;flex-direction:column}.preview-footer{margin-top:auto}