.arbe-demo-page{--arbe-surface:#f8fafc;--arbe-border:#e2e8f0;--arbe-text:#0f172a;--arbe-muted:#475569;--arbe-primary:#0f172a;--arbe-info-bg:#e0f2fe;--arbe-info-text:#075985;--arbe-warn-bg:#fef3c7;--arbe-warn-text:#92400e;--arbe-danger-bg:#ffe4e6;--arbe-danger-text:#be123c;max-width:1200px;margin:0 auto;color:var(--arbe-text);font-size:16px;line-height:1.65}.arbe-demo-page *{box-sizing:border-box}.arbe-section{padding:4rem 0;border-bottom:1px solid var(--arbe-border)}.arbe-grid{display:grid;gap:1.5rem}.arbe-grid-hero,.arbe-grid-two,.arbe-grid-demo{grid-template-columns:repeat(2,minmax(0,1fr))}.arbe-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.arbe-grid-four{grid-template-columns:repeat(4,minmax(0,1fr))}.arbe-grid-demo{grid-template-columns:1.1fr 0.9fr 0.9fr;align-items:start}.arbe-grid-snap{grid-template-columns:repeat(3,minmax(0,1fr))}.arbe-copy h1,.arbe-section h2{margin:0 0 .8rem;font-size:clamp(2rem,4vw,3.2rem);line-height:1.08;letter-spacing:-.02em}.arbe-subheadline{font-size:1.12rem;color:var(--arbe-muted);max-width:58ch}.arbe-kicker,.arbe-section-label,.arbe-mini-label{margin:0 0 .8rem;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:700;color:#64748b}.arbe-card,.arbe-input-card{background:var(--arbe-surface);border:1px solid var(--arbe-border);border-radius:22px;padding:1.25rem;box-shadow:0 8px 30px rgba(15,23,42,.04)}.arbe-button-row{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.2rem}.arbe-button{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 1.2rem;border-radius:999px;text-decoration:none;font-weight:600;border:1px solid var(--arbe-border);transition:.2s ease}.arbe-button:hover{transform:translateY(-1px)}.arbe-button-primary{background:var(--arbe-primary);color:#fff;border-color:var(--arbe-primary)}.arbe-button-secondary{background:#fff;color:var(--arbe-text)}.arbe-reference-line,.arbe-reference-note,.arbe-transition,.arbe-bottom-statement,.arbe-muted{color:var(--arbe-muted)}.arbe-reference-line{margin-top:1rem;font-weight:600}.arbe-input-card{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;cursor:pointer;text-align:left;background:#fff;transition:.2s ease}.arbe-input-card:hover,.arbe-input-card.is-active{border-color:#0f172a;box-shadow:0 10px 26px rgba(15,23,42,.08)}.arbe-swatch{display:block;width:100%;height:48px;border-radius:12px;border:1px solid rgba(15,23,42,.08)}.arbe-input-value{color:var(--arbe-muted);font-size:.95rem}.arbe-profile-list{margin:0;padding-left:1rem}.arbe-candidate-list{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.arbe-relation-item{border:1px solid var(--arbe-border);border-radius:16px;background:#fff;padding:.85rem;cursor:pointer;transition:.2s ease}.arbe-relation-item:hover,.arbe-relation-item.is-active{border-color:#0f172a;box-shadow:0 10px 26px rgba(15,23,42,.08)}.arbe-badge-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.45rem}.arbe-badge{display:inline-flex;padding:.32rem .7rem;border-radius:999px;font-size:.72rem;font-weight:700;background:#eef2ff;color:#4338ca}.arbe-status-stable{background:var(--arbe-info-bg);color:var(--arbe-info-text)}.arbe-status-watch{background:var(--arbe-warn-bg);color:var(--arbe-warn-text)}.arbe-status-review{background:#fde68a;color:#92400e}.arbe-status-block{background:var(--arbe-danger-bg);color:var(--arbe-danger-text)}.arbe-chip-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.8rem}.arbe-chip{display:inline-flex;padding:.35rem .65rem;border-radius:999px;border:1px solid var(--arbe-border);background:#fff;font-size:.8rem}.arbe-chip.is-active{border-color:#0f172a;background:#eef2ff}.arbe-demo-disabled{padding:1rem;border:1px solid var(--arbe-border);background:var(--arbe-surface);border-radius:14px}.arbe-visual img{display:block;width:100%;border-radius:22px;border:1px solid var(--arbe-border)}@media (max-width:960px){.arbe-grid-hero,.arbe-grid-two,.arbe-grid-three,.arbe-grid-four,.arbe-grid-demo,.arbe-grid-snap{grid-template-columns:1fr}.arbe-section{padding:3rem 0}}.arbe-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.arbe-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.arbe-garment-grid{align-items:start}.arbe-garment-card h3{margin:0;font-size:1.7rem}.arbe-garment-description{margin-top:.8rem}.arbe-garment-scene{margin:1rem 0 1.15rem;padding:.95rem;background:#fff;border:1px solid var(--arbe-border);border-radius:18px}.arbe-garment{position:relative;width:100%;max-width:280px;height:240px;margin:0 auto;background:#fff}.arbe-garment-neck{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:66px;height:28px;border:12px solid #fff;border-bottom:none;border-radius:999px 999px 0 0;z-index:3;box-shadow:0 0 0 1px rgba(15,23,42,.12)}.arbe-garment-shoulder{position:absolute;top:36px;width:76px;height:64px;background:#eef2f7;box-shadow:0 0 0 1px rgba(15,23,42,.12)}.arbe-garment-left{left:0;clip-path:polygon(0 10%,100% 0,100% 100%,28% 100%)}.arbe-garment-right{right:0;clip-path:polygon(0 0,100% 10%,72% 100%,0 100%)}.arbe-garment-body{position:absolute;top:28px;left:42px;right:42px;bottom:10px;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));overflow:hidden;border-radius:24px 24px 18px 18px;box-shadow:0 0 0 1px rgba(15,23,42,.12)}.arbe-garment-strip{display:block;min-height:100%}.arbe-garment-summary{margin-bottom:.6rem}.arbe-garment-legend{display:grid;gap:.8rem}.arbe-garment-legend-item{display:grid;grid-template-columns:20px 1fr;gap:.8rem;align-items:start}.arbe-garment-swatch{display:block;width:20px;height:20px;border-radius:6px;border:1px solid rgba(15,23,42,.12);margin-top:2px}.arbe-ref{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92rem;font-weight:700}.arbe-meta{font-size:.78rem;color:var(--arbe-muted);margin-top:.15rem}