.compliance-demo{padding-top:66px;padding-bottom:64px}.compliance-demo h1{max-width:830px;font-size:clamp(38px,5.4vw,72px);line-height:1.04;letter-spacing:-.055em;font-weight:450;margin:16px 0 24px}.compliance-lead{max-width:730px;font-size:18px;line-height:1.6;color:var(--muted,#536b72)}.demo-label{display:inline-flex;border:1px solid #88bdb3;border-radius:30px;padding:7px 12px;color:var(--accent,#007b80);font-size:12px;font-weight:550;letter-spacing:.03em}.scenario-nav{display:flex;gap:8px;flex-wrap:wrap;margin:35px 0 25px}.scenario-nav button{flex:1;min-width:155px;background:var(--surface,#fff);border:1px solid var(--line,#cfdfdc);border-radius:7px;text-align:left;padding:15px;color:inherit;font:inherit;font-size:14px;cursor:pointer}.scenario-nav button span{display:block;color:var(--muted,#536b72);font-size:11px;margin-bottom:8px}.scenario-nav button[aria-pressed=true]{background:#0c696b;color:#fff;border-color:#0c696b}.scenario-nav button[aria-pressed=true] span{color:#b7ece3}.scenario-heading{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:28px}.scenario-heading h2{font-size:clamp(26px,3vw,39px);letter-spacing:-.04em;line-height:1.13;max-width:700px;margin:12px 0}.scenario-heading p{max-width:720px;color:var(--muted,#536b72);line-height:1.55}.scenario-heading label{min-width:230px;font-size:12px}.scenario-heading select{display:block;width:100%;margin-top:8px;padding:13px;border:1px solid var(--line,#cfdfdc);border-radius:6px;background:var(--surface,#fff);color:inherit;font:inherit;font-size:14px}.scenario-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}.scenario-main,.scenario-aside{border:1px solid var(--line,#cfdfdc);border-radius:12px;background:var(--surface,#fff);padding:30px;min-width:0}.journey{padding:0;margin:0 0 32px;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.journey li{border-top:2px solid #c6dcd7;padding-top:15px;font-size:13px;display:flex;gap:10px}.journey li.current,.journey li.complete{border-color:#0a9285}.journey li>span{color:#087c77;font-size:11px}.journey small,.trail small{display:block;margin-top:6px;font-size:11px;color:var(--muted,#536b72);line-height:1.5}.scenario-main h3{font-size:30px;line-height:1.15;letter-spacing:-.035em;margin:12px 0 16px}.scenario-main p{line-height:1.6;color:var(--muted,#536b72);max-width:690px}.scenario-signal{background:#e9f5f1;border-left:3px solid #0c817a;border-radius:0 6px 6px 0;padding:18px;margin:24px 0;color:#19343e}.scenario-signal p{font-size:14px;color:#426361;margin:7px 0 0}.scenario-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:28px}.scenario-actions small{font-size:11px;color:var(--muted,#536b72);width:100%}.scenario-aside h3{font-size:16px;margin:0 0 22px}.scenario-aside table{width:100%;font-size:11px;border-collapse:collapse}.scenario-aside caption{text-align:left;line-height:1.5;margin-bottom:15px;color:var(--muted,#536b72)}.scenario-aside td{padding:12px 5px;border-top:1px solid var(--line,#d0e2dc)}.trail{list-style:none;padding:0;margin:28px 0 0}.trail li{display:flex;gap:12px;padding:12px 0;font-size:12px;border-top:1px solid var(--line,#cfdfdc)}.trail li>span{color:#087e76}.demo-disclosure{font-size:12px!important;line-height:1.6;margin-top:25px;padding-top:20px;border-top:1px solid var(--line,#cfdfdc)}.compliance-resources{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:32px}.compliance-resources a{border:1px solid var(--line,#cfdfdc);padding:25px;border-radius:9px;text-decoration:none;color:inherit}.compliance-resources h3{font-size:23px;margin:12px 0}.compliance-resources p{font-size:14px;color:var(--muted,#536b72);line-height:1.5}.compliance-resources span{font-size:12px;color:var(--accent,#087e76)}button:focus-visible,select:focus-visible{outline:3px solid #56b9ac;outline-offset:3px}[hidden]{display:none!important}@media(max-width:760px){.compliance-demo{padding-top:36px}.scenario-heading{display:block}.scenario-heading label{display:block;margin-top:20px}.scenario-layout{grid-template-columns:1fr}.scenario-main,.scenario-aside{padding:22px}.journey{grid-template-columns:1fr;gap:10px;margin-bottom:25px}.journey li{padding-top:10px}.journey small{margin-top:3px}.scenario-main h3{font-size:27px}.scenario-nav button{min-width:140px}.compliance-resources{grid-template-columns:1fr}}

.compliance-demo .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

[data-theme=dark] .journey li>span,[data-theme=dark] .trail li>span{color:var(--accent)}
