.demo-access{background:#f8fafc;padding:80px 0;scroll-margin-top:80px}.demo-access__grid{gap:40px;display:grid}@media (min-width:1024px){.demo-access__grid{grid-template-columns:7fr 5fr;gap:48px}}.demo-access__eyebrow{color:#104aaf;background:#dae6ff;border-radius:999px;padding:6px 16px;font-size:14px;font-weight:600;display:inline-block}.demo-access__title{color:#0f172a;margin:16px 0 0;font-size:clamp(1.75rem,1.4rem + 1.5vw,2.25rem);font-weight:800;line-height:1.2}.demo-access__lead{color:#475569;max-width:42rem;margin:16px 0 0;font-size:18px;line-height:1.6}.demo-access__steps{gap:24px;margin:40px 0 0;padding:0;list-style:none;display:grid}.demo-access__steps li{gap:16px;display:flex}.demo-access__steps h3{color:#0f172a;margin:0;font-size:16px;font-weight:600}.demo-access__steps p{color:#475569;margin:4px 0 0;font-size:14px;line-height:1.6}.demo-access__step-no{color:#fff;background:#1170ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.demo-access__card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-self:start;padding:24px;box-shadow:0 1px 3px #0000000f}@media (min-width:640px){.demo-access__card{padding:32px}}.demo-access__card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.demo-access__card-head h3{color:#0f172a;margin:0;font-size:18px;font-weight:700}.demo-access__status{color:#065f46;background:#ecfdf5;border-radius:999px;align-items:center;gap:8px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.demo-access__status span{background:#10b981;border-radius:50%;width:8px;height:8px}.demo-access__fields{margin-top:16px}.demo-access__field{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.demo-access__field:last-child{border-bottom:0}.demo-access__field dl{min-width:0;margin:0}.demo-access__field dt{letter-spacing:.05em;text-transform:uppercase;color:#64748b;font-size:12px;font-weight:500}.demo-access__field dd{font-family:var(--font-roboto-mono),monospace;color:#0f172a;word-break:break-all;margin:2px 0 0;font-size:14px;font-weight:600}.demo-access__copy{color:#334155;min-width:44px;min-height:44px;font:inherit;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;flex-shrink:0;padding:0 12px;font-size:14px;font-weight:600}.demo-access__copy:hover{background:#f8fafc}.demo-access__copy:focus-visible{outline-offset:2px;outline:2px solid #1170ff}.demo-access__cta{color:#fff;background:#1170ff;border-radius:12px;justify-content:center;align-items:center;min-height:44px;margin-top:24px;padding:14px 24px;font-size:16px;font-weight:600;display:flex;box-shadow:0 10px 15px -3px #1170ff40}.demo-access__cta:hover{background:#0d5cd9}.demo-access__cta:focus-visible{outline-offset:2px;outline:2px solid #1170ff}.demo-access__notice{color:#78350f;background:#fffbeb;border:1px solid #fde68a;border-radius:12px;margin:24px 0 0;padding:16px;font-size:14px;line-height:1.6}.demo-access__footnote{color:#64748b;margin:16px 0 0;font-size:12px;line-height:1.6}