/* Association-specific demonstrations: each card performs a small, readable task. */
    .demo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
    .demo-card{min-width:0;min-height:475px;overflow:hidden;border:1px solid #ffffff1c;border-radius:12px;background:#0d1420;transition:border-color .3s,box-shadow .3s,transform .3s}
    .demo-card:hover{border-color:#9bc5f05c;box-shadow:0 28px 60px #0005}
    .demo-heading{padding:30px 32px 17px}.demo-heading h3{margin:14px 0 7px;font-size:24px;font-weight:560;letter-spacing:-.045em}.demo-heading p{max-width:450px;margin:0;color:#9babc0;font-size:12px;line-height:1.85}
    .demo-stage{position:relative;height:315px;margin:0 20px 20px;overflow:hidden;border:1px solid #ffffff14;border-radius:10px;background:radial-gradient(ellipse at 73% 86%,#1c345365,transparent 58%),#0b101a}
    .demo-topline{height:42px;display:flex;justify-content:space-between;align-items:center;padding:0 18px;border-bottom:1px solid #ffffff15;color:#8095b1;font-size:10px;letter-spacing:.04em}.demo-topline span:first-child{display:flex;align-items:center;gap:8px;color:#c5d4e9}.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#83c7ff;box-shadow:0 0 0 4px #83c7ff1b}.demo-card.playing .live-dot{animation:live-pulse 2s ease-in-out infinite}
    .demo-prompt{display:flex;justify-content:space-between;align-items:center;gap:10px;width:max-content;max-width:calc(100% - 50px);margin:21px 25px 17px auto;padding:12px 15px;border:1px solid #ffffff18;border-radius:9px;background:#252d3b;color:#e6f1ff;font-size:11px;box-shadow:0 12px 22px #0004}.demo-prompt b{color:#8ec1fd}.demo-card.playing .demo-prompt{animation:prompt-float 8s ease-in-out infinite}
    .demo-log{display:grid;gap:4px;margin:0 24px}.feed-line{display:flex;align-items:center;gap:10px;min-height:29px;padding:4px 7px;border-radius:5px;opacity:.34;transform:translateY(7px);color:#a7b9d2;font-size:10px}.feed-line i{font-style:normal;color:#6f9fc9;font-size:9px}.feed-line span{min-width:77px;color:#c0d6ee}.feed-line small{color:#7990ad;font-size:9px}.demo-card.playing .feed-line{animation:feed-reveal 8.8s ease-in-out infinite both;animation-delay:calc(var(--step) * 1.05s)}.demo-progress{height:2px;margin:16px 29px 0;background:#ffffff15}.demo-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#578fc4,#9dd3ff)}.demo-card.playing .demo-progress span{animation:process-fill 8.8s ease-in-out infinite}
    .file-stack{position:relative;z-index:1;display:grid;gap:10px;width:min(250px,57%);margin:39px 0 0 27px}.demo-file{display:flex;align-items:center;gap:10px;min-height:58px;padding:8px 11px;border:1px solid #ffffff29;border-radius:10px;background:#252a35;box-shadow:0 12px 25px #0005;opacity:.35;transform:translateY(18px) scale(.97)}.demo-file span{color:#e6eefb;font-size:11px;white-space:nowrap}.demo-file small{display:block;margin-top:3px;color:#90a4bd;font-size:9px}.file-icon{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:7px;color:#fff;font-size:12px}.file-icon.blue{background:#2c6eb0}.file-icon.violet{background:#6665ac}.file-icon.cyan{background:#2c8ca0}.demo-card.playing .demo-file{animation:file-rise 8.8s ease-in-out infinite both;animation-delay:calc(var(--step) * 1.0s)}.review-float{position:absolute;z-index:2;right:22px;bottom:31px;width:230px;max-width:54%;padding:14px 17px;border:1px solid #92b9e054;border-radius:10px;background:#182538ee;box-shadow:0 22px 38px #0009;opacity:0;transform:translate(30px,20px)}.review-float div{display:flex;justify-content:space-between;align-items:center;color:#d9e8fa;font-size:11px}.review-float b{color:#83d7c8}.review-float p{margin:11px 0 0;padding-top:8px;border-top:1px solid #ffffff26;color:#a9c7df;font-size:9px;line-height:1.9}.review-float em{color:#71c8b8;font-style:normal}.demo-card.playing .review-float{animation:review-enter 8.8s ease-in-out infinite 2.3s both}
    .member-flow{display:flex;align-items:center;justify-content:center;gap:5px;margin:62px 20px 0}.flow-step{display:grid;justify-items:center;gap:10px;min-width:100px;color:#b1c5df;font-size:10px;opacity:.48}.flow-step b{display:grid;place-items:center;width:42px;height:42px;border:1px solid #83b3e58c;border-radius:50%;background:#17304f;color:#a9d4ff;font-size:11px}.flow-connector{position:relative;flex:1;max-width:60px;height:1px;background:#4b6f93}.flow-connector i{position:absolute;top:-2px;left:0;width:5px;height:5px;border-radius:50%;background:#b2deff;opacity:0}.demo-card.playing .flow-step{animation:step-glow 6.6s ease-in-out infinite}.demo-card.playing .flow-step:nth-child(3){animation-delay:1.5s}.demo-card.playing .flow-step:nth-child(5){animation-delay:3s}.demo-card.playing .flow-connector i{animation:dot-travel 3s linear infinite}.demo-card.playing .flow-connector:nth-child(4) i{animation-delay:1.5s}.flow-message{display:flex;align-items:center;gap:9px;width:max-content;max-width:calc(100% - 50px);margin:52px auto 0;padding:11px 15px;border:1px solid #80c4b743;border-radius:8px;background:#2a686123;color:#b0d7d2;font-size:10px;opacity:.45}.flow-message-dot{width:6px;height:6px;border-radius:50%;background:#75d8bd}.demo-card.playing .flow-message{animation:message-show 6.6s ease-in-out infinite}
    .archive-sheet{display:flex;align-items:center;gap:18px;width:min(390px,calc(100% - 70px));min-height:135px;margin:38px auto 0;padding:20px;border:1px solid #a6c5e151;border-radius:11px;background:linear-gradient(135deg,#1d334f,#17253b);box-shadow:0 22px 45px #0007;transform:translateY(9px) rotate(-1.4deg)}.archive-badge{display:grid;place-items:center;flex:none;width:67px;height:82px;border:1px solid #aacdf080;border-radius:6px;color:#b9dafa;font-size:20px;font-weight:700}.archive-sheet div:nth-child(2){min-width:0}.archive-sheet span{display:block;color:#87add1;font-size:10px}.archive-sheet strong{display:block;margin:7px 0;color:#ecf4ff;font-size:15px;font-weight:550;white-space:nowrap}.archive-sheet small{color:#7999b8;font-size:9px}.archive-check{margin-left:auto;color:#78d8bd!important;font-size:19px!important;opacity:0}.demo-card.playing .archive-sheet{animation:archive-slide 6.6s ease-in-out infinite}.demo-card.playing .archive-check{animation:check-show 6.6s ease-in-out infinite}.archive-tags{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:29px;color:#6a90b2;font-size:10px}.archive-tags span{padding:5px 10px;border:1px solid #ffffff22;border-radius:30px;color:#a7c4df}.archive-tags i{font-style:normal}.demo-card.playing .archive-tags span{animation:tag-glow 6.6s ease-in-out infinite}.demo-card.playing .archive-tags span:nth-child(3){animation-delay:1.3s}.demo-card.playing .archive-tags span:nth-child(5){animation-delay:2.6s}
    @keyframes live-pulse{50%{box-shadow:0 0 0 8px #83c7ff08;opacity:.55}}@keyframes prompt-float{50%{transform:translateY(-5px)}}
    @keyframes feed-reveal{0%,5%{opacity:0;transform:translateY(12px)}12%,64%{opacity:1;transform:none}80%,100%{opacity:.12;transform:translateY(-3px)}}
    @keyframes process-fill{0%{width:0}75%{width:100%}88%,100%{width:100%;opacity:0}}
    @keyframes file-rise{0%,5%{opacity:0;transform:translateY(22px) scale(.97)}14%,70%{opacity:1;transform:none}85%,100%{opacity:.15;transform:translateY(-9px)}}
    @keyframes review-enter{0%,8%{opacity:0;transform:translate(30px,20px)}17%,67%{opacity:1;transform:none}85%,100%{opacity:0;transform:translate(20px,-10px)}}
    @keyframes step-glow{0%,100%{opacity:.5}18%,38%{opacity:1;filter:drop-shadow(0 0 9px #84c9ff55)}}@keyframes dot-travel{0%{left:0;opacity:0}15%,80%{opacity:1}100%{left:100%;opacity:0}}@keyframes message-show{0%,45%{opacity:.28}55%,82%{opacity:1}100%{opacity:.28}}
    @keyframes archive-slide{0%,100%{transform:translateY(9px) rotate(-1.4deg)}40%,75%{transform:translateY(-6px) rotate(0)}}@keyframes check-show{0%,30%{opacity:0}45%,75%{opacity:1}100%{opacity:0}}@keyframes tag-glow{0%,100%{background:transparent;color:#a7c4df}20%,40%{background:#8dc7ff27;color:#e5f4ff}}
    @media(max-width:700px){.demo-grid{grid-template-columns:1fr}.demo-card{min-height:0}.demo-heading{padding:24px 22px 14px}.demo-heading h3{font-size:20px}.demo-heading p{font-size:11px}.demo-stage{height:295px;margin:0 13px 13px}.review-float{right:9px;bottom:20px;width:165px;padding:10px;max-width:50%}.file-stack{width:53%;margin-left:13px}.demo-file{min-height:54px;padding:7px}.demo-file span{font-size:9px}.demo-file small{font-size:8px}.file-icon{width:28px;height:28px}.member-flow{gap:2px;margin-left:9px;margin-right:9px}.flow-step{min-width:78px;font-size:9px}.flow-step b{width:37px;height:37px}.flow-message{margin-top:45px;font-size:9px}.archive-sheet{width:calc(100% - 28px);gap:10px;padding:13px}.archive-badge{width:51px;height:70px;font-size:15px}.archive-sheet strong{font-size:12px}.archive-tags{gap:5px}}
    @media(prefers-reduced-motion:reduce){.demo-stage *{animation:none!important}.feed-line,.demo-file,.review-float,.archive-check{opacity:1;transform:none}.flow-step,.flow-message{opacity:1}}
  
.overview-services{padding:100px 0 115px;background:#f5f8fd;border-top:1px solid #dce6f2}.services-heading{max-width:780px;margin-bottom:42px}.services-heading h2{font-size:clamp(37px,4.4vw,62px);line-height:1.3;margin:19px 0;color:#17335e}.services-heading p{color:#5b7392;font-size:14px;line-height:1.9}.demo-grid{display:grid}.demo-card{background:#fff;border-color:#d3dfed;box-shadow:none}.demo-card:hover{border-color:#8cacd4;box-shadow:0 15px 35px #15325d09}.demo-heading .feature-number{font-size:10px;letter-spacing:.15em;color:#216cbd}.demo-heading h3{color:#193a67}.demo-heading p{color:#5f7694}.demo-stage{background:radial-gradient(ellipse at 73% 86%,#e4eefb,transparent 58%),#f5f8fd;border-color:#dce6f2}.demo-topline{border-color:#d5e1ee;color:#7288a4}.demo-topline span:first-child{color:#365e8a}.live-dot{background:#2478cd;box-shadow:0 0 0 4px #2478cd12}.demo-prompt{background:#e5effb;border-color:#c5d8ee;color:#24517f;box-shadow:0 10px 22px #214a7910}.demo-prompt b{color:#347bc2}.feed-line{color:#44688e}.feed-line span{color:#305b86}.feed-line small{color:#6b82a0}.feed-line i{color:#3179bf}.demo-progress{background:#d5e2ef}.demo-progress span{background:#367fc6}.demo-file{background:#fff;border-color:#ccdaeb;box-shadow:0 10px 25px #23476912}.demo-file span{color:#284b77}.demo-file small{color:#7890ac}.review-float{background:#eaf3fffa;border-color:#a9c3df;box-shadow:0 14px 32px #21457520}.review-float div{color:#315b85}.review-float p{color:#4c779f;border-color:#c8daec}.review-float b,.review-float em{color:#23836e}.flow-step{color:#47668d}.flow-step b{background:#e8f2ff;color:#2d70b4;border-color:#91b4db}.flow-connector{background:#a7c2df}.flow-connector i{background:#3e82c5}.flow-message{background:#e8f5f1;color:#397869;border-color:#bfdcd2}.flow-message-dot{background:#348c73}.archive-sheet{background:linear-gradient(135deg,#fff,#eaf2fd);border-color:#adc6e2;box-shadow:0 16px 35px #244e7d15}.archive-badge{border-color:#a8c4e2;color:#417eb6}.archive-sheet span{color:#597f9f}.archive-sheet strong{color:#234e79}.archive-sheet small{color:#7393af}.archive-check{color:#2b9677!important}.archive-tags span{border-color:#c6d8eb;color:#597da0}.archive-tags{color:#9bb5ce}
.overview.motion-paused .demo-stage *,.overview.demo-suspended .demo-stage *{animation-play-state:paused!important}
@media(max-width:700px){.overview-services{padding:75px 0 85px}.services-heading p{font-size:12px}.overview .motion-toggle{display:block;right:12px;bottom:12px;padding:9px 12px}}
@media(prefers-reduced-motion:reduce){.overview .motion-toggle{display:none}}

.feed-line,.demo-file{--step:0}.feed-line:nth-child(2),.demo-file:nth-child(2){--step:1}.feed-line:nth-child(3),.demo-file:nth-child(3){--step:2}.feed-line:nth-child(4){--step:3}