*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:#171713;background:#f3f1eb;font-family:Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh;padding:24px}.topbar{justify-content:space-between;align-items:center;max-width:1180px;margin:0 auto 56px;display:flex}.brand{letter-spacing:.12em;cursor:pointer;background:0 0;border:0;font-size:22px;font-weight:900}.alpha{border:1px solid #ccc8bd;border-radius:999px;padding:7px 10px;font-size:12px}.hero{grid-template-columns:1.35fr .65fr;align-items:center;gap:64px;max-width:1180px;min-height:70vh;margin:0 auto;display:grid}.eyebrow{letter-spacing:.16em;color:#6d6a62;margin:0 0 14px;font-size:12px;font-weight:900}h1{letter-spacing:-.065em;max-width:900px;margin:0;font-size:clamp(52px,7vw,94px);line-height:.93}h2{letter-spacing:-.05em;margin:0;font-size:clamp(36px,5vw,64px)}h3{margin:42px 0 8px;font-size:28px}.lead{color:#57544e;max-width:720px;margin:28px 0;font-size:21px;line-height:1.55}.actions,.footer-actions{flex-wrap:wrap;gap:12px;display:flex}.primary,.secondary{cursor:pointer;border-radius:999px;padding:14px 22px;font-weight:800}.primary{color:#fff;background:#171713;border:1px solid #171713}.secondary{color:#171713;background:0 0;border:1px solid #aaa69c}.demo-card,.panel{background:#fff;border:1px solid #dedbd2;border-radius:28px}.demo-card{padding:32px}.demo-card>span{letter-spacing:.14em;font-size:11px;font-weight:900}.demo-card strong{margin:70px 0 14px;font-size:34px;line-height:1.05;display:block}.demo-card p{color:#666158;line-height:1.5}.pill-row{gap:8px;margin-top:36px;display:flex}.pill-row b{background:#f0eee8;border-radius:999px;padding:8px 10px;font-size:11px}.panel{max-width:820px;margin:0 auto;padding:40px}.panel.wide{max-width:1180px}.section-head{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:34px;display:flex}.section-head>span{color:#777168}.form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-grid label{gap:8px;font-size:13px;font-weight:800;display:grid}.form-grid .full{grid-column:1/-1}input,select,textarea{color:#171713;background:#faf9f6;border:1px solid #d3d0c7;border-radius:14px;width:100%;padding:13px}input[type=range]{padding:8px 0}textarea{resize:vertical;min-height:100px}.footer-actions{border-top:1px solid #ebe8e0;justify-content:space-between;margin-top:34px;padding-top:24px}.summary{grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0;display:grid}.summary div,.status-grid div{background:#f6f4ef;border-radius:16px;padding:18px}.summary span,.status-grid span{color:#777168;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:11px;display:block}.summary b,.status-grid b{font-size:18px}.payment{color:#fff;background:#171713;border-radius:20px;justify-content:space-between;align-items:end;gap:32px;padding:26px;display:flex}.payment small{color:#aaa69c;font-weight:800;display:block}.payment strong{margin-top:6px;font-size:42px;display:block}.payment p{color:#d2cec4;max-width:420px;margin:0;line-height:1.5}.status-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:28px;display:grid}.muted-line{color:#6c685f;max-width:760px;line-height:1.55}.qr-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px;display:grid}.qr-card{background:#faf9f6;border:1px solid #e3e0d8;border-radius:18px;align-items:center;gap:16px;padding:16px;display:flex}.qr-card strong,.qr-card small,.qr-card span{display:block}.qr-card small{color:#777168;margin:7px 0;font-family:monospace}.qr-card span{color:#777168;font-size:12px}.participant-shell{background:#171713;place-items:center;min-height:100vh;padding:20px;display:grid}.participant-card{background:#f7f5ef;border-radius:30px;width:min(620px,100%);min-height:720px;padding:28px}.participant-top{justify-content:space-between;align-items:center;gap:16px;display:flex}.participant-top small{color:#777168;font-family:monospace}.participant-title{margin-top:70px;font-size:clamp(48px,10vw,76px)}.participant-lead{color:#625e55;margin:28px 0;font-size:19px;line-height:1.55}.rules{background:#ece9e1;border-radius:18px;gap:10px;padding:20px;display:grid}.rules b{margin-bottom:5px}.rules span{font-size:14px}.participant-button{width:100%;margin-top:28px}.live-head{grid-template-columns:1fr 1fr;gap:10px;margin:34px 0 20px;display:grid}.live-head div{background:#ece9e1;border-radius:16px;padding:16px}.live-head span{letter-spacing:.12em;color:#777168;font-size:10px;font-weight:900;display:block}.live-head strong{margin-top:5px;font-size:26px;display:block}.task-stack{gap:12px;display:grid}.live-task{background:#fff;border:1px solid #dedbd2;border-radius:20px;padding:20px}.live-task.done{opacity:.55}.task-meta{flex-wrap:wrap;gap:8px;display:flex}.task-meta>*{background:#ece9e1;border-radius:999px;padding:6px 8px;font-size:10px}.live-task p{margin:20px 0;font-size:19px;line-height:1.45}.task-action{cursor:pointer;background:0 0;border:0;padding:0;font-weight:900}.next-task{border:1px dashed #bbb6aa;border-radius:18px;justify-content:space-between;gap:20px;margin-top:12px;padding:18px;display:flex}.next-task span{color:#777168}.alpha-controls{border-top:1px solid #ddd9cf;justify-content:space-between;align-items:center;margin-top:24px;padding-top:18px;display:flex}.alpha-controls span{letter-spacing:.1em;font-size:10px;font-weight:900}.alpha-controls button{cursor:pointer;background:0 0;border:1px solid #aaa69c;border-radius:999px;padding:9px 13px;font-weight:800}@media (max-width:900px){.hero{grid-template-columns:1fr}.demo-card{display:none}.qr-grid,.status-grid{grid-template-columns:1fr 1fr}}@media (max-width:620px){.app-shell{padding:16px}.topbar{margin-bottom:32px}.panel{padding:24px}.form-grid,.summary,.qr-grid,.status-grid{grid-template-columns:1fr}.section-head,.payment{display:block}.payment p{margin-top:20px}.qr-card{justify-content:flex-start}h1{font-size:50px}.participant-shell{padding:0}.participant-card{border-radius:0;min-height:100vh;padding:22px}.participant-title{font-size:52px}.next-task{display:grid}}