:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#102540;background:#f5f7fb;font-size:16px;line-height:1.6}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.65}:focus-visible{outline:3px solid #0962d7;outline-offset:4px}.demo-shell{max-width:1200px;margin:auto;padding:0 28px}header,footer,.wallet-heading,.demo-bottom,.next{display:flex;align-items:center;justify-content:space-between;gap:24px}header{padding:22px 0;border-bottom:1px solid #dbe2ec}header img{object-fit:contain;max-width:100%;height:auto}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;background:#ff963c;color:#17283f;padding:13px 21px;border-radius:12px;font-weight:700;min-height:48px}.secondary{background:white;border-color:#ccd6e5}.intro{display:grid;grid-template-columns:1.5fr 1fr;gap:48px;align-items:center;margin:52px 0 36px}.eyebrow{font-size:.875rem;font-weight:750;letter-spacing:1.4px;text-transform:uppercase;color:#0657bb}h1{font-size:clamp(2.25rem,4.5vw,3.7rem);line-height:1.08;letter-spacing:-2px;margin:12px 0 22px}h1 span{color:#aa4a00}p{margin:12px 0}.intro aside{padding:24px;border-left:3px solid #ff963c;background:#fff5eb;border-radius:0 16px 16px 0}.intro aside p,.detail-note,.next p{color:#51627a}.demo-wallet{background:white;border:1px solid #dbe2ec;border-radius:24px;padding:30px;box-shadow:0 18px 45px #17315408}h2{font-size:1.7rem;margin:4px 0}h2 span{font-size:.875rem;font-weight:500;color:#52657d;margin-left:10px}#demo-status{color:#52657d;min-height:26px;margin:16px 0 24px}.demo-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:24px;align-items:start}.demo-items{display:grid;gap:14px}.sample-item{text-align:left;border:2px solid transparent;border-radius:16px;padding:20px;background:#edf3fc;color:#153658;display:grid;gap:10px;width:100%;min-width:0}.sample-item span{font-size:.875rem}.sample-item strong{font-size:1.2rem}.sample-item[aria-pressed=true]{border-color:#0755c9;box-shadow:0 0 0 3px #0755c915}.sample-ticket{background:#fff5e9}.sample-invitation{background:#f1edfa}.demo-detail{background:#112b50;color:white;border-radius:18px;padding:30px;min-height:340px}.demo-detail .eyebrow{color:#ffbc82}.demo-detail h3{font-size:1.6rem;margin:16px 0}.demo-detail dl{border-block:1px solid #ffffff30;padding:18px 0}.demo-detail dt{font-size:.875rem;color:#c9d7eb}.demo-detail dd{margin:8px 0 0;overflow-wrap:anywhere;font-weight:650}.demo-detail .detail-note{color:#c9d7eb;font-size:.875rem;margin-top:24px}.demo-bottom{margin-top:25px;font-size:.875rem;color:#52657d}.text-button{background:none;border:0;color:#0755c9;min-height:44px;padding:10px}.next{margin:36px 0 50px;padding:28px 0}.next>div{max-width:700px}.next .button{flex-shrink:0}footer{border-top:1px solid #dbe2ec;padding:25px 0 35px;font-size:.875rem;color:#52657d}footer nav{display:flex;flex-wrap:wrap;gap:22px}.skip{position:absolute;left:15px;top:-100px;background:white;padding:12px;z-index:2}.skip:focus{top:15px}.notice{padding:20px;background:#fff5eb}@media(max-width:720px){.demo-shell{padding:0 18px}header{gap:14px}header img{width:112px}header .button{font-size:.875rem;padding:10px 14px}.intro,.demo-grid{grid-template-columns:1fr;gap:24px}.intro{margin-top:30px}.wallet-heading,.next,.demo-bottom,footer{align-items:flex-start;flex-direction:column;gap:12px}.demo-wallet{padding:20px;border-radius:18px}.demo-detail{padding:22px}.wallet-heading .button,.next .button{width:100%}.next{margin-bottom:20px}h1{letter-spacing:-1px}.demo-bottom{align-items:stretch}}
