.pa-container{max-width:1200px;margin:0 auto;padding:0 24px}.h2{letter-spacing:-.03em;max-width:720px;margin-top:22px;font-size:clamp(28px,4vw,40px);font-weight:600;line-height:1.15}.sub{color:var(--text-secondary);max-width:720px;margin-top:18px;font-size:15px;line-height:1.6}.contrast-strip{background:var(--border-hairline);border:1px solid var(--border-hairline);border-radius:12px;grid-template-columns:1fr;gap:1px;margin-top:36px;display:grid;overflow:hidden}@media (min-width:760px){.contrast-strip{grid-template-columns:1fr 1fr}}.contrast-col{background:var(--bg-card);padding:18px 20px}.contrast-col.is-pairoa{background:linear-gradient(#6b7bff12,#0000)}.contrast-tag{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted);font-size:10px}.contrast-col.is-pairoa .contrast-tag{color:var(--accent)}.contrast-line{color:var(--text-tertiary);margin-top:9px;font-size:13px;line-height:1.55}.contrast-col.is-pairoa .contrast-line{color:var(--text-secondary)}.contrast-line .arrow{color:var(--text-muted);margin:0 3px}.contrast-col.is-pairoa .contrast-line .arrow{color:var(--accent)}.demo-shell{border:1px solid var(--border-hairline);background:var(--bg-elevated);border-radius:16px;overflow:hidden}.demo-rail{border-bottom:1px solid var(--border-hairline);grid-template-columns:repeat(4,1fr);display:grid}@media (max-width:720px){.demo-rail{grid-template-columns:repeat(2,1fr)}}.demo-tab{text-align:left;border-right:1px solid var(--border-hairline);background:var(--bg-sunken);padding:14px 16px;transition:background .15s}.demo-tab:last-child{border-right:none}.demo-tab.active{background:var(--bg-card)}.demo-tab:not(.active):hover{background:#0f0f14b3}.demo-tab .kicker{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);font-size:10px}.demo-tab.active .kicker{color:var(--accent)}.demo-tab .label{color:var(--text-tertiary);margin-top:4px;font-size:12px;line-height:1.4}.demo-tab.active .label{color:var(--text-primary)}.demo-body{grid-template-columns:1fr;display:grid}@media (min-width:900px){.demo-body{grid-template-columns:3fr 2fr}}.demo-scene{background:radial-gradient(800px 400px at 50% -10%, #6b7bff1f, transparent 60%), var(--bg-elevated);min-height:480px;padding:32px;position:relative}.demo-scene .grid-overlay{opacity:.25;pointer-events:none;position:absolute;inset:0}.demo-scene-inner{flex-direction:column;gap:12px;height:100%;display:flex;position:relative}.demo-caption{background:var(--bg-card);border-top:1px solid var(--border-hairline);flex-direction:column;padding:32px;display:flex}@media (min-width:900px){.demo-caption{border-top:none;border-left:1px solid var(--border-hairline)}}.demo-kicker{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.2em;color:var(--accent);font-size:11px}.demo-h2{letter-spacing:-.02em;margin-top:12px;font-size:22px;font-weight:600;line-height:1.3}.demo-text{color:var(--text-secondary);margin-top:16px;font-size:13px;line-height:1.6}.demo-controls{justify-content:space-between;align-items:center;margin-top:auto;padding-top:32px;display:flex}.demo-controls button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:13px;transition:color .15s}.demo-controls button:hover{color:var(--text-primary)}.demo-controls button.next{color:var(--accent)}.demo-controls button.next:hover{color:var(--accent-strong)}.demo-controls button:disabled{opacity:.4;cursor:not-allowed}.demo-progress{font-family:var(--font-mono);color:var(--text-tertiary);font-size:11px}.scene-match-wide .match-cells{grid-template-columns:repeat(10,1fr)}.scene-match-wide .mini-row{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px;display:grid}.mini{border:1px solid var(--border-hairline);background:var(--bg-card);border-radius:8px;padding:10px 12px}.mini-l{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--text-tertiary);font-size:10px}.mini-v{font-family:var(--font-mono);color:var(--text-primary);margin-top:4px;font-size:13px}.bubble{max-width:88%;animation:.5s ease-out both fade-up}.bubble.user{align-self:flex-end}.bubble.assistant{align-self:flex-start}.bubble-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin-bottom:4px;font-size:10px}.bubble.user .bubble-label{text-align:right}.bubble-body{border:1px solid;border-radius:16px;padding:12px 16px;font-size:13px;line-height:1.55}.bubble.user .bubble-body{color:var(--text-primary);background:#6b7bff1a;border-color:#6b7bff66;border-top-right-radius:6px}.bubble.assistant .bubble-body{background:var(--bg-elevated);border-color:var(--border-hairline);color:var(--text-secondary);border-top-left-radius:6px}.badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;border:1px solid;border-radius:6px;align-items:center;gap:6px;padding:2px 8px;font-size:11px;display:inline-flex}.badge.success{color:var(--success);background:#5eead41a;border-color:#5eead466}.badge.success .ping{background:var(--success);border-radius:50%;width:6px;height:6px}.match-area{border:1px solid var(--border-hairline);background:var(--bg-sunken);border-radius:12px;flex:1;min-height:240px;position:relative;overflow:hidden}.match-cells{grid-template-columns:repeat(6,1fr);gap:6px;display:grid;position:absolute;inset:16px}.cell{background:#4a4a5526;border-radius:2px}.cell.candidate{background:#6b7bff66;border:1px solid #6b7bffb3;animation:1.8s ease-in-out infinite pulse}.scan{background:linear-gradient(#0000,#6b7bff59,#0000);height:48px;animation:2.4s ease-in-out infinite scan;position:absolute;left:0;right:0}.match-meta{font-family:var(--font-mono);color:var(--text-tertiary);justify-content:space-between;font-size:11px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.match-meta .v{color:var(--text-secondary)}.match-meta .accent{color:var(--accent)}.reveal{background:var(--bg-card);border:1px solid #5eead466;border-radius:12px;flex:1;position:relative;overflow:hidden}.reveal:before{content:"";pointer-events:none;background:radial-gradient(420px 200px at 50% 0,#5eead41a,#0000 60%);position:absolute;inset:0}.reveal-inner{padding:16px 20px;position:relative}.reveal-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.reveal-text{color:var(--text-primary);font-size:13px;line-height:1.55}.reveal-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);font-size:10px}.reveal-why{color:var(--text-secondary);font-size:12px;line-height:1.55}.reveal-why .acc{color:var(--accent);font-family:var(--font-mono)}.reveal-row{border-top:1px solid var(--border-hairline);justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;display:flex}.reveal-contact{font-family:var(--font-mono);color:var(--text-primary);font-size:13px}.dark-feed{border:1px solid var(--border-hairline);background:var(--bg-sunken);border-radius:12px;padding:16px;position:relative}.dark-feed .df-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin-bottom:12px;font-size:10px}.df-search{border:1px dashed var(--border-strong);color:var(--text-muted);opacity:.6;border-radius:8px;align-items:center;gap:8px;padding:9px 12px;font-size:12px;display:flex}.df-search svg{flex:none;width:14px;height:14px}.df-search .strike{text-decoration:line-through}.df-rows{gap:8px;margin-top:12px;display:grid;position:relative}.df-row{opacity:.55;background:#ffffff09;border-radius:6px;height:30px;position:relative;overflow:hidden}.df-row:after{content:"";background:var(--text-muted);opacity:.45;height:1px;position:absolute;top:50%;left:12px;right:12px}.df-stamp{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.df-stamp span{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.18em;color:var(--danger);border:1px solid var(--danger);background:#08080bb8;border-radius:6px;padding:6px 14px;font-size:12px;transform:rotate(-3deg)}.sealed-card{border:1px solid var(--border-accent);background:linear-gradient(#6b7bff17,#0000);border-radius:12px;margin-top:14px;padding:16px 18px;animation:.5s .15s both fade-up;position:relative;box-shadow:0 10px 44px #6b7bff14}.sealed-card .sc-top{align-items:center;gap:8px;display:flex}.sealed-card .sc-top svg{width:15px;height:15px;color:var(--accent);flex:none}.sealed-card .sc-title{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--accent);font-size:11px}.sealed-card .sc-need{color:var(--text-primary);margin-top:11px;font-size:14px;line-height:1.5}.sealed-card .sc-foot{font-family:var(--font-mono);color:var(--text-tertiary);align-items:center;gap:8px;margin-top:13px;font-size:11px;display:flex}.sealed-card .sc-foot .ping{background:var(--success);border-radius:50%;flex:none;width:6px;height:6px;animation:1.6s ease-in-out infinite pulse}.under-hood{border:1px solid var(--border-hairline);background:var(--bg-card);border-radius:12px;margin-top:28px;overflow:hidden}.under-hood>summary{cursor:pointer;color:var(--text-secondary);align-items:center;gap:10px;padding:15px 18px;font-size:13px;list-style:none;transition:color .15s;display:flex}.under-hood>summary::-webkit-details-marker{display:none}.under-hood>summary:hover{color:var(--text-primary)}.under-hood .uh-chev{color:var(--accent);font-size:11px;transition:transform .2s;display:inline-block}.under-hood[open] .uh-chev{transform:rotate(90deg)}.uh-body{border-top:1px solid var(--border-hairline);gap:13px;padding:6px 18px 18px;display:grid}.uh-item{grid-template-columns:58px 1fr;align-items:start;gap:14px;display:grid}@media (max-width:560px){.uh-item{grid-template-columns:1fr;gap:4px}}.uh-step{font-family:var(--font-mono);color:var(--accent);padding-top:1px;font-size:11px}.uh-text{color:var(--text-tertiary);font-size:12px;line-height:1.65}.uh-text code{font-family:var(--font-mono);color:var(--text-secondary);background:var(--bg-sunken);border:1px solid var(--border-hairline);border-radius:4px;padding:1px 5px;font-size:11px}@keyframes pulse{0%,to{opacity:.35;transform:scale(1)}50%{opacity:1;transform:scale(1.25)}}@keyframes scan{0%{opacity:0;transform:translateY(-100%)}50%{opacity:.6}to{opacity:0;transform:translateY(800%)}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.bubble,.cell.candidate,.scan,.sealed-card,.sealed-card .sc-foot .ping{animation:none!important}}
