:root{--demo7-sepia:#8b5a2b;--demo7-sepia-soft:#f2e8d5;--demo7-sepia-softer:#f5ede0}.demo7-hero{border-bottom:1px solid var(--line);padding:56px 0 96px}.demo7-meta{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:12px;margin-bottom:28px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.demo7-meta-dot{background:var(--demo7-sepia);width:6px;height:6px;box-shadow:0 0 8px color-mix(in srgb, var(--demo7-sepia) 60%, transparent);border-radius:50%}.demo7-title{letter-spacing:-.04em;text-wrap:balance;max-width:980px;margin:0 0 24px;font-family:Inter Tight,sans-serif;font-size:clamp(48px,7vw,96px);font-weight:500;line-height:.96}.demo7-em{color:var(--demo7-sepia);font-family:Inter Tight,Times New Roman,serif;font-style:italic;font-weight:400}.demo7-sub{color:var(--ink-dim);letter-spacing:.01em;max-width:640px;margin:0 0 56px;font-family:JetBrains Mono,monospace;font-size:14px}.demo7-divider{background:var(--line);height:1px;margin:64px 0 32px}.demo7-stats{grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:40px;font-family:JetBrains Mono,monospace;display:grid}.demo7-stat-label{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:11px}.demo7-stat-value{color:var(--ink);font-size:14px}.demo7-cta-row{gap:12px;display:flex}.demo7-back{color:var(--ink-faint);max-width:1280px;margin:0 auto;padding:24px 32px;font-family:JetBrains Mono,monospace;font-size:12px}.demo7-back a:hover{color:var(--ink)}.demo7-flow{border:1px solid var(--line-2);background:var(--bg);flex-direction:column;align-items:stretch;gap:0;max-width:1100px;margin:0 auto;display:flex}.demo7-band{border-bottom:1px solid var(--line);padding:36px 40px 40px;position:relative}.demo7-band:last-child{border-bottom:none}.demo7-band-human{background:var(--bg)}.demo7-band-auto{background:var(--demo7-sepia-softer);border-top:1px solid color-mix(in srgb, var(--demo7-sepia) 28%, transparent);border-bottom:1px solid color-mix(in srgb, var(--demo7-sepia) 28%, transparent)}.demo7-band-thin{padding-top:24px;padding-bottom:24px}.demo7-band-tag{text-transform:uppercase;letter-spacing:.14em;font-family:JetBrains Mono,monospace;font-size:10px;position:absolute;top:14px;left:16px}.demo7-band-tag-human{color:var(--ink-faint)}.demo7-band-tag-auto{color:var(--demo7-sepia)}.demo7-band-tag:before{content:"";vertical-align:1px;opacity:.7;background:currentColor;width:6px;height:6px;margin-right:8px;display:inline-block}.demo7-band-inner{flex-direction:column;align-items:center;gap:20px;padding-top:18px;display:flex}.demo7-band-inner-thin{gap:10px;padding-top:8px}.demo7-approval-row{justify-content:center;align-items:center;width:100%;display:flex;position:relative}.demo7-approval-callout{color:var(--demo7-sepia);letter-spacing:.01em;white-space:nowrap;font-family:Inter Tight,Times New Roman,serif;font-size:13px;font-style:italic;position:absolute;top:50%;left:calc(50% + 200px);transform:translateY(-50%)}@media (max-width:980px){.demo7-approval-row{flex-wrap:wrap;gap:8px}.demo7-approval-callout{text-align:center;width:100%;position:static;transform:none}}.demo7-sub-tag{color:var(--demo7-sepia);text-transform:uppercase;letter-spacing:.16em;margin-bottom:4px;font-family:JetBrains Mono,monospace;font-size:10px}.demo7-row{justify-content:center;align-items:stretch;gap:8px;width:100%;display:flex}.demo7-row-1{justify-content:center;max-width:480px}.demo7-row-2{max-width:760px}.demo7-row-4{grid-template-columns:repeat(4,1fr);gap:12px;max-width:880px;display:grid}.demo7-stack{flex-direction:column;align-items:center;gap:0;width:100%;display:flex}.demo7-bridge{justify-content:center;align-items:center;height:28px;display:flex}.demo7-bridge-cs{background:linear-gradient(to bottom, var(--bg) 0%, var(--bg) 50%, var(--demo7-sepia-softer) 50%, var(--demo7-sepia-softer) 100%)}.demo7-bridge-sc{background:linear-gradient(to bottom, var(--demo7-sepia-softer) 0%, var(--demo7-sepia-softer) 50%, var(--bg) 50%, var(--bg) 100%)}.demo7-box{background:var(--bg-elev);border:1px solid var(--ink);width:280px;box-shadow:2px 2px 0 0 color-mix(in srgb, var(--ink) 8%, transparent);flex-direction:column;gap:6px;padding:14px 16px 16px;transition:background .16s,box-shadow .16s,transform .16s;display:flex;position:relative}.demo7-box-wide{width:360px}.demo7-box:hover{background:var(--bg-elev-2);box-shadow:3px 3px 0 0 color-mix(in srgb, var(--ink) 12%, transparent);transform:translateY(-1px)}.demo7-box.is-active{outline:2px solid var(--accent);outline-offset:2px;background:color-mix(in srgb, var(--accent) 5%, var(--bg-elev));animation:.6s ease-out demo7-pulse-ring}@keyframes demo7-pulse-ring{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 50%, transparent), 2px 2px 0 0 color-mix(in srgb, var(--ink) 8%, transparent)}to{box-shadow:0 0 0 10px color-mix(in srgb, var(--accent) 0%, transparent), 2px 2px 0 0 color-mix(in srgb, var(--ink) 8%, transparent)}}.demo7-box-title{letter-spacing:-.01em;color:var(--ink);margin-top:4px;font-family:Inter Tight,sans-serif;font-size:14px;font-weight:600}.demo7-box-desc{color:var(--ink-dim);text-wrap:pretty;font-family:Inter,sans-serif;font-size:12px;line-height:1.45}.demo7-badge{color:#fff;border:1px solid var(--ink);z-index:2;border-radius:50%;place-items:center;width:22px;height:22px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;display:grid;position:absolute;top:-11px;left:-11px}.demo7-badge-auto{background:var(--demo7-sepia)}.demo7-badge-human{background:var(--ink-faint)}.demo7-seller{background:var(--bg-elev);border:1px solid var(--ink);box-shadow:2px 2px 0 0 color-mix(in srgb, var(--ink) 8%, transparent);flex-direction:column;gap:4px;padding:10px 12px;transition:background .16s,transform .16s;display:flex}.demo7-seller:hover{background:var(--bg-elev-2);transform:translateY(-1px)}.demo7-seller.is-active{outline:2px solid var(--accent);outline-offset:2px;background:color-mix(in srgb, var(--accent) 5%, var(--bg-elev));animation:.6s ease-out demo7-pulse-ring}.demo7-seller-name{color:var(--ink);letter-spacing:-.01em;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600}.demo7-seller-meta{color:var(--ink-dim);font-family:JetBrains Mono,monospace;font-size:10px}.demo7-seller-fail .demo7-seller-name,.demo7-seller-fail .demo7-seller-meta{color:var(--ink-faint)}.demo7-arrow-h{height:12px;color:var(--ink);flex:0 0 80px;justify-content:center;align-self:center;align-items:center;display:flex;position:relative}.demo7-arrow-h svg{width:100%;height:100%;display:block}.demo7-arrow-v{width:12px;height:36px;color:var(--ink);justify-content:center;align-items:center;margin:4px 0;display:flex;position:relative}.demo7-arrow-v.is-long{height:28px}.demo7-arrow-v svg{width:100%;height:100%;display:block}.demo7-arrow-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 8px color-mix(in srgb, var(--accent) 80%, transparent);opacity:0;pointer-events:none;border-radius:50%;position:absolute}.demo7-arrow-h .demo7-arrow-dot{top:50%;left:0;transform:translate(-3px,-50%)}.demo7-arrow-h.is-active .demo7-arrow-dot{opacity:1;animation:.9s ease-out forwards demo7-travel-h}@keyframes demo7-travel-h{0%{opacity:0;left:0%}10%{opacity:1}90%{opacity:1}to{opacity:0;left:100%}}.demo7-arrow-v .demo7-arrow-dot{top:0;left:50%;transform:translate(-50%,-3px)}.demo7-arrow-v.is-active .demo7-arrow-dot{opacity:1;animation:.9s ease-out forwards demo7-travel-v}@keyframes demo7-travel-v{0%{opacity:0;top:0%}10%{opacity:1}90%{opacity:1}to{opacity:0;top:100%}}.demo7-converge{width:100%;max-width:880px;height:64px;color:var(--ink);margin:4px 0 6px;position:relative}.demo7-converge svg{width:100%;height:100%;display:block}.demo7-converge.is-active:after{content:"";background:var(--accent);width:6px;height:6px;box-shadow:0 0 10px color-mix(in srgb, var(--accent) 80%, transparent);border-radius:50%;animation:.7s ease-out demo7-pulse-dot;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}@keyframes demo7-pulse-dot{0%{opacity:0;transform:translate(-50%)scale(.6)}40%{opacity:1;transform:translate(-50%)scale(1.2)}to{opacity:0;transform:translate(-50%)scale(1)}}@media (prefers-reduced-motion:reduce){.demo7-box.is-active,.demo7-seller.is-active,.demo7-arrow-h.is-active .demo7-arrow-dot,.demo7-arrow-v.is-active .demo7-arrow-dot,.demo7-converge.is-active:after,.demo7-meta-dot{animation:none}.demo7-arrow-h .demo7-arrow-dot,.demo7-arrow-v .demo7-arrow-dot{display:none}}@media (max-width:1080px){.demo7-box{width:240px}.demo7-box-wide{width:320px}.demo7-row-4{max-width:720px}}@media (max-width:760px){.demo7-band{padding:36px 20px 32px}.demo7-row-2{flex-direction:column;align-items:center;gap:6px;max-width:320px}.demo7-row-4{grid-template-columns:repeat(2,1fr);max-width:100%}.demo7-arrow-h{flex:0 0 36px;width:12px;height:36px;transform:rotate(90deg)}.demo7-box,.demo7-box-wide{width:100%;max-width:320px}.demo7-stats{grid-template-columns:1fr;gap:16px}.demo7-converge{height:40px}}