:root{--navy:#0a1b2e;--teal:#00d1c1;--blue:#1177ff;--light:#f2f4f7;--graphite:#6b7280;--white:#fff;font-family:Inter,Arial,sans-serif;color:var(--navy);background:linear-gradient(145deg,#fff 0,#f5f9fd 58%,#e8f2fb 100%)}*{box-sizing:border-box}body{margin:0;min-height:100vh}.demo-shell{width:min(1180px,calc(100% - 32px));margin:auto;padding:26px 0 34px}.demo-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce5ee;padding-bottom:20px}.demo-header img{width:240px;max-width:55vw;height:55px;object-fit:contain;object-position:left}.demo-header a{color:var(--navy);font-weight:700;text-decoration:none}.demo-hero{display:grid;grid-template-columns:1fr 300px;gap:42px;align-items:end;padding:58px 0 34px}.eyebrow{display:block;color:#008f88;font-size:.78rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.demo-hero h1{font-size:clamp(2.3rem,5vw,4.7rem);line-height:1.02;margin:12px 0 18px;max-width:800px}.demo-hero p{font-size:1.08rem;line-height:1.65;color:#536174;max-width:700px}.pool-status{background:var(--navy);color:#fff;border-radius:22px;padding:24px;box-shadow:0 18px 44px #0a1b2e24}.pool-status span,.pool-status small{display:block;color:#a9bbce}.pool-status strong{display:block;color:var(--teal);font-size:2rem;margin:8px 0 12px}.pool-status small{line-height:1.45}.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.role-grid button{appearance:none;border:1px solid #dbe5ee;border-radius:18px;background:#fff;text-align:left;padding:24px;min-height:190px;cursor:pointer;box-shadow:0 8px 25px #0a1b2e0d;transition:.18s ease;color:var(--navy)}.role-grid button:hover,.role-grid button:focus-visible{transform:translateY(-3px);border-color:var(--teal);box-shadow:0 16px 34px #008f8820;outline:none}.role-grid button:disabled{opacity:.62;cursor:wait}.role-grid button.loading{border-color:var(--teal);background:#f0fffd}.role-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,var(--navy),#0b4e8d);color:var(--teal);font-weight:900;margin-bottom:20px}.role-grid strong,.role-grid small{display:block}.role-grid strong{font-size:1.25rem;margin-bottom:9px}.role-grid small{line-height:1.5;color:#627084}.status{min-height:28px;margin:20px 0 4px;padding:0 4px;font-weight:700}.status.error{color:#a3102a}.status.info{color:#007e78}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #dce5ee;margin-top:32px;padding-top:20px;color:#6b7280;font-size:.9rem}@media(max-width:800px){.demo-hero{grid-template-columns:1fr;padding-top:38px}.role-grid{grid-template-columns:1fr 1fr}.pool-status{order:2}}@media(max-width:520px){.demo-shell{width:min(100% - 20px,1180px)}.demo-header{align-items:flex-start}.demo-header a{font-size:.82rem}.role-grid{grid-template-columns:1fr}.role-grid button{min-height:0}.demo-hero{gap:20px}.demo-hero h1{font-size:2.45rem}footer{flex-direction:column}}