.cx-surfaces{background:var(--ap-bg)}.cx-surfaces__grid{margin-top:36px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:24px;gap:24px}@media(max-width:960px){.cx-surfaces__grid{grid-template-columns:1fr}}.cx-surfaces__card{position:relative;padding:28px;background:#fff;border:1px solid var(--ap-line);border-radius:var(--ap-radius);box-shadow:0 6px 20px -10px rgba(15,23,42,.08);overflow:hidden}.cx-surfaces__card--panel:before{content:"";position:absolute;inset:0;background:radial-gradient(100% 60% at 100% 0,rgba(59,130,246,.08),transparent 70%);pointer-events:none}.cx-surfaces__card--scope:before{content:"";position:absolute;inset:0;background:radial-gradient(100% 60% at 0 0,rgba(16,185,129,.08),transparent 70%);pointer-events:none}.cx-surfaces__card-head{position:relative;display:flex;align-items:flex-start;gap:14px;margin-bottom:14px}.cx-surfaces__card-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:11px;flex-shrink:0}.cx-surfaces__card-icon--panel{background:linear-gradient(135deg,rgba(59,130,246,.14),rgba(99,102,241,.14));color:#3b82f6}.cx-surfaces__card-icon--scope{background:linear-gradient(135deg,rgba(16,185,129,.14),rgba(20,184,166,.14));color:#059669}.cx-surfaces__card-tag{display:inline-block;padding:3px 10px;border-radius:999px;font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px}.cx-surfaces__card-tag--panel{background:rgba(59,130,246,.1);color:#1d4ed8}.cx-surfaces__card-tag--scope{background:rgba(16,185,129,.1);color:#047857}.cx-surfaces__card-title{font-family:var(--ap-font-display);font-weight:800;font-size:20px;color:var(--ap-ink);letter-spacing:-.015em;line-height:1.25;margin:0}.cx-surfaces__card-body{position:relative;font-size:14.5px;line-height:1.6;color:var(--ap-ink-soft);margin:0 0 20px}.cx-surfaces__panel-mock{position:relative;padding:14px;background:var(--ap-bg-alt);border:1px solid var(--ap-line);border-radius:12px}.cx-surfaces__panel-mock-head{padding-bottom:10px;border-bottom:1px dashed var(--ap-line);margin-bottom:10px}.cx-surfaces__panel-mock-title{display:block;font-family:var(--ap-font-display);font-size:13.5px;font-weight:800;letter-spacing:-.01em;color:var(--ap-ink)}.cx-surfaces__panel-mock-sub{display:block;margin-top:2px;font-size:11.5px;color:var(--ap-muted)}.cx-surfaces__panel-mock-rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.cx-surfaces__panel-mock-rows li{padding:10px 12px;background:#fff;border:1px solid var(--ap-line);border-radius:8px}.cx-surfaces__panel-mock-row-title{font-size:13px;font-weight:700;color:var(--ap-ink);line-height:1.3}.cx-surfaces__panel-mock-row-body{font-size:11.5px;color:var(--ap-muted);margin-top:2px;line-height:1.4}.cx-surfaces__note{margin:28px auto 0;max-width:720px;text-align:center;font-size:13.5px;color:var(--ap-muted);line-height:1.6}.cx-surfaces__note strong{color:var(--ap-ink);font-weight:700}