:root{color:#16202a;background:#eef3f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input{font:inherit}.demo-shell{min-height:100vh;padding:18px clamp(18px,3vw,42px) 24px}.topbar{border-bottom:1px solid #16202a1f;grid-template-columns:minmax(0,1fr);align-items:end;gap:10px;padding-bottom:12px;display:grid}.eyebrow,.project-card__tag{color:#526476;letter-spacing:0;text-transform:uppercase;font-size:13px;font-weight:850}.topbar h1{letter-spacing:0;margin:5px 0 6px;font-size:clamp(34px,4vw,52px);line-height:1}.topbar p{color:#4e5d68;max-width:780px;margin:0;font-size:18px;line-height:1.35}.status-line{color:#43515e;background:#fff;border:1px solid #16202a1a;border-radius:8px;align-items:center;gap:9px;min-height:38px;margin:10px 0 14px;padding:10px 12px;font-weight:700;display:flex}.demo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.demo-card{border:1px solid #16202a1f;border-top:6px solid var(--accent,#17202b);background:#fff;border-radius:8px;flex-direction:column;min-height:0;display:flex;overflow:hidden;box-shadow:0 14px 32px #222f3e12}.demo-card__header{padding:16px 18px 8px}.demo-card h2{letter-spacing:0;margin:6px 0 8px;font-size:26px;line-height:1.08}.project-card__tagline{color:#26323d;margin:0;font-weight:850;line-height:1.28}.project-card__story{color:#5b6873;margin:8px 0 0;line-height:1.35}.demo-card__body{grid-template-columns:minmax(0,1fr) minmax(150px,.9fr);align-items:stretch;gap:10px;padding:0 18px 10px;display:grid}.qr-panel{background:#f7fafc;border:1px solid #16202a1a;border-radius:8px;justify-items:center;gap:12px;padding:10px;display:grid}.qr-panel img{aspect-ratio:1;border:8px solid #fff;border-radius:8px;width:min(100%,168px);box-shadow:0 8px 22px #222f3e1f}.qr-panel div{text-align:center;gap:4px;width:100%;display:grid}.qr-panel strong{font-size:16px}.qr-panel span{color:#5c6a76;overflow-wrap:anywhere;font-size:12px}.demo-steps{color:#46535e;margin:0;padding:9px 0 0 20px;font-size:14px;line-height:1.45}.primary-links,.preset-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 18px 10px;display:grid}.primary-links a,.preset-actions button{color:#16202a;background:#fff;border:1px solid #16202a24;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:10px 12px;font-weight:850;text-decoration:none;display:inline-flex}.primary-links a:first-child{color:#fff;background:#17202b}.preset-actions{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:auto}.preset-actions button{cursor:pointer}@media (width<=1180px){.demo-grid{grid-template-columns:1fr}.demo-card{min-height:0}.demo-card__body{grid-template-columns:1fr}.qr-panel img{width:min(100%,220px)}}@media (width>=1181px) and (height<=760px){.demo-shell{padding-top:10px;padding-bottom:12px}.topbar{padding-bottom:8px}.topbar h1{font-size:42px}.topbar p{font-size:16px}.status-line{min-height:34px;margin:8px 0 10px;padding:7px 10px}.demo-grid{gap:12px}.demo-card__header{padding:12px 16px 6px}.demo-card h2{margin:4px 0 6px;font-size:24px}.project-card__tagline{font-size:14px}.project-card__story{display:none}.demo-card__body{grid-template-columns:minmax(0,.92fr) minmax(142px,1fr);padding:0 16px 8px}.qr-panel{gap:8px;padding:8px}.qr-panel img{border-width:6px;width:min(100%,150px)}.qr-panel span{display:none}.demo-steps{padding-top:4px;font-size:13px;line-height:1.38}.primary-links,.preset-actions{gap:8px;padding:0 16px 8px}.primary-links a,.preset-actions button{min-height:36px;padding:7px 9px;font-size:14px}}@media (width<=720px){.topbar,.primary-links,.preset-actions{grid-template-columns:1fr}.demo-shell{padding:20px 14px 28px}.topbar p{font-size:17px}}