.demo-page{background:var(--near)}.demo-intro{padding-block:46px 30px}.demo-intro h1{max-width:1000px;margin:18px 0;font-size:clamp(40px,5vw,68px);line-height:1.08}.demo-intro>p:last-child{max-width:760px;font-size:21px}.demo-nav{flex-wrap:wrap;gap:8px;padding-block:0 28px;display:flex}.demo-nav a{border:1px solid var(--rule);background:#fff;padding:12px 15px;font:500 13px/1.4 Josefin Sans,sans-serif;text-decoration:none}.demo-nav a[aria-current]{background:var(--navy);color:#fff;border-color:var(--navy)}.demo-body{padding-bottom:30px}.demo-window{border:1px solid var(--rule);box-shadow:7px 7px 0 var(--pale);background:#fff}.demo-toolbar{border-bottom:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:22px 26px;display:flex}.demo-toolbar h2{font-size:23px}.demo-toolbar p{margin-top:5px;font-size:15px}.demo-controls{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.demo-btn{background:var(--navy);color:#fff;border:1px solid var(--navy);min-height:42px;padding:12px 17px;font:500 14px/1.35 Josefin Sans,sans-serif;transition:background .2s}.demo-btn:hover{background:var(--teal)}.demo-btn.secondary{color:var(--teal);border-color:var(--rule);background:#fff}.demo-btn:disabled{opacity:.5;cursor:not-allowed}.demo-content{padding:26px}.demo-split{grid-template-columns:1.15fr 1fr;gap:28px;display:grid}.demo-split>*{min-width:0}.demo-panel{background:var(--near);border:1px solid var(--rule);padding:25px}.demo-panel h2{margin:9px 0 13px;font-size:28px}.demo-panel h3{margin:8px 0 12px;font-size:23px}.demo-panel p+p{margin-top:12px}.demo-panel p,.demo-panel li{font-size:18px}.demo-stats{border-bottom:1px solid var(--rule);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.demo-stat{min-width:0;padding:21px 26px}.demo-stat+.demo-stat{border-left:1px solid var(--rule)}.demo-stat>span{font-size:15px}.demo-stat strong{color:var(--navy);margin-top:9px;font:600 40px/1.2 Josefin Sans,sans-serif;display:block}.demo-stat small{font-size:13px}.progress-track{background:var(--rule);height:7px;overflow:hidden}.progress-track>div{background:var(--blue);height:100%}.demo-tabs{flex-wrap:wrap;gap:8px;margin-bottom:22px;display:flex}.demo-tabs button{border:1px solid var(--rule);color:var(--teal);background:#fff;padding:11px 16px;font:500 14px/1.4 Josefin Sans,sans-serif}.demo-tabs button[aria-pressed=true]{background:var(--pale);border-color:var(--blue);color:var(--navy)}.demo-note{color:var(--muted);margin:18px 0 0;font-size:15px}.proof-note{border-left:3px solid var(--blue);max-width:960px;margin-top:28px;padding:7px 19px;font-size:16px}.demo-cta{border-top:1px solid var(--rule);justify-content:space-between;align-items:center;gap:30px;margin-top:45px;padding:54px 0 24px;display:flex}.demo-cta h2{margin:14px 0;font-size:32px}.demo-cta .button{flex-shrink:0}.demo-footer{justify-content:space-between;gap:25px;padding-block:25px;font-size:15px;display:flex}.status-pill{border:1px solid var(--rule);background:var(--near);text-transform:uppercase;letter-spacing:.035em;color:var(--teal);padding:4px 9px;font:500 11px/1.5 Josefin Sans,sans-serif;display:inline-block}.status-pill.attention{background:var(--navy);border-color:var(--navy);color:#fff}.event-log{margin:0;padding:0;list-style:none}.event-log li{border-bottom:1px solid var(--rule);gap:13px;padding:11px 0;font-size:16px;display:flex}.event-log li>span{color:var(--blue);padding-top:3px;font:500 12px/1.7 Josefin Sans,sans-serif}.demo-field{flex-direction:column;gap:8px;margin-bottom:18px;font-size:16px;display:flex}.demo-page select,.demo-page input,.demo-page textarea{width:100%;max-width:100%;color:var(--navy);border:1px solid var(--rule);background:#fff;border-radius:0;padding:11px 12px;font:17px/1.4 Cardo,Georgia,serif}.demo-page input[type=checkbox]{width:19px;height:19px;accent-color:var(--teal);flex-shrink:0}.demo-page :is(select,input,textarea):focus-visible{outline:2px solid var(--blue);outline-offset:3px}.demo-page textarea{resize:vertical;min-height:100px}.board-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.board-column{background:var(--near);min-width:0;padding:16px}.board-column>h3{justify-content:space-between;margin-bottom:15px;font-size:19px;display:flex}.task-card{border:1px solid var(--rule);background:#fff;margin-bottom:11px;padding:16px}.task-card h4{color:var(--navy);margin:11px 0;font:500 18px/1.3 Josefin Sans,sans-serif}.task-card p{margin:8px 0;font-size:14px}.task-card select{margin-top:8px;padding:7px;font-size:14px}.task-card details{margin-top:11px;font-size:14px}.task-card details p{font-size:15px}.demo-table-wrap{overflow-x:auto}.demo-table{border-collapse:collapse;width:100%;font-size:16px}.demo-table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--rule);padding:14px 12px;font:500 12px/1.4 Josefin Sans,sans-serif}.demo-table td{border-bottom:1px solid var(--rule);vertical-align:top;padding:15px 12px}.demo-table td small{color:var(--muted);margin-top:5px;display:block}.demo-table .selected-row{background:var(--pale)}.demo-table button.text-action{text-align:left;color:var(--teal);font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.bars{flex-direction:column;gap:17px;margin:20px 0;display:flex}.bar-row{grid-template-columns:115px 1fr 28px;align-items:center;gap:13px;font-size:15px;display:grid}.bar-track{background:var(--rule);height:20px}.bar-fill{background:var(--blue);height:100%}.demo-empty{background:var(--near);color:var(--muted);padding:24px;font-style:italic}.check-step{border-bottom:1px solid var(--rule);align-items:flex-start;gap:14px;padding:19px 0;display:flex}.check-step input{margin-top:4px}.check-step h3{margin:0 0 5px;font-size:21px}.check-step p{font-size:16px}.check-step.locked{opacity:.5}.run-result{background:var(--pale);margin-top:20px;padding:21px}.run-result h3{margin:0 0 10px}.flow-stages{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:24px 0;display:grid}.flow-stages button{border:1px solid var(--rule);text-align:left;background:#fff;padding:18px 12px;font:500 15px/1.5 Josefin Sans,sans-serif}.flow-stages button span{color:var(--blue);margin-bottom:12px;font-size:12px;display:block}.flow-stages button[aria-pressed=true]{background:var(--navy);color:#fff}.flow-stages button[aria-pressed=true] span{color:var(--pale)}.proof-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px;display:grid}.proof-card{border-top:1px solid var(--rule);padding-top:20px}.proof-card h3{margin:12px 0;font-size:24px}.proof-card p{margin-bottom:18px;font-size:17px}.capture{margin-top:30px}.capture img{border:1px solid var(--rule);background:var(--near);width:100%}.capture figcaption{margin-top:12px;font-size:14px}.detail-lines{margin:20px 0}.detail-lines>div{border-bottom:1px solid var(--rule);grid-template-columns:95px 1fr;gap:12px;padding:12px 0;font-size:16px;display:grid}.detail-lines dt{color:var(--muted)}.detail-lines dd{color:var(--navy);margin:0}@media (max-width:850px){.demo-split{grid-template-columns:1fr}.board-grid{grid-template-columns:1fr 1fr}.demo-cta{flex-direction:column;align-items:flex-start}.demo-stats{grid-template-columns:1fr 1fr}.demo-stat:nth-child(3){border-left:0}.demo-stat:nth-child(n+3){border-top:1px solid var(--rule)}.proof-links{grid-template-columns:1fr}.demo-intro>p:last-child{font-size:19px}.demo-content,.demo-toolbar{padding:20px}.demo-stat{padding:18px 20px}.demo-nav a{padding:10px 12px;font-size:12px}}@media (max-width:540px){.demo-intro{padding-block:30px 23px}.demo-intro h1{font-size:42px}.demo-nav{gap:6px}.demo-nav a{text-align:center;flex:1 0 30%}.demo-toolbar h2{font-size:22px}.demo-panel{padding:19px}.demo-content,.demo-stat{padding:16px}.demo-stat strong{font-size:33px}.demo-stat>span{font-size:14px}.board-grid{grid-template-columns:1fr}.flow-stages{grid-template-columns:1fr 1fr}.demo-footer{flex-direction:column;font-size:14px}.demo-table{min-width:570px}.demo-window{box-shadow:4px 4px 0 var(--pale)}.demo-cta h2{font-size:29px}.demo-btn{padding:11px 13px;font-size:13px}.bar-row{grid-template-columns:90px 1fr 24px}}.demo-embedded .site-header,.demo-embedded .demo-footer,.demo-embedded>.skip-link{display:none}.demo-embedded .shell{padding-inline:clamp(16px,3vw,48px)}