:root{color-scheme:dark;--bg:#14171a;--panel:#1d2428;--text:#f4efe2;--dim:#bfc5c8;--gold:#ebcc78;--border:#465158}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 system-ui,sans-serif}a{color:inherit}h1,h2,h3,p{margin:0}button{font:inherit}.wrap{width:min(1100px,calc(100% - 40px));margin-inline:auto}.skip{position:absolute;left:16px;top:-70px;background:var(--gold);color:#14171a;padding:8px;z-index:4}.skip:focus{top:8px}:focus-visible{outline:3px solid #fff;outline-offset:4px}.top,.footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-block:20px;border-bottom:1px solid var(--border)}.brand{display:flex;gap:8px;align-items:center;text-decoration:none;font-weight:750}.brand img{border-radius:9px}.top-link,.footer a{font-weight:650;text-underline-offset:4px}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;padding-block:70px 56px}.eyebrow,.preview-top,.preview-board>span,.preview-list>span,.feature-id{color:var(--gold);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;font-weight:780}h1{font-size:clamp(2.8rem,6.5vw,5.6rem);line-height:.99;letter-spacing:-.06em;margin-block:14px 20px}h2{font-size:clamp(1.5rem,3vw,2.35rem);letter-spacing:-.035em;line-height:1.18}h3{font-size:1.03rem}.lede{color:var(--dim);font-size:1.1rem;max-width:48ch}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-block:24px 10px}.button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;border:1px solid transparent;border-radius:8px;padding:8px 14px;cursor:pointer;font-weight:700;text-decoration:none}.primary{background:var(--gold);color:#171911}.secondary{background:#242e34;color:var(--text);border-color:var(--border)}.button:hover{filter:brightness(1.12)}.small{font-size:.84rem}.muted,.features p,.platforms p{color:var(--dim)}.preview{background:#20272b;border:1px solid #7e7148;padding:18px;border-radius:16px;box-shadow:0 14px 28px #0003}.preview-top{display:flex;justify-content:space-between;gap:8px}.live{color:#afe0c1}.live span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#8ed3a6}.preview-board{display:grid;gap:5px;margin-block:14px 20px;padding:12px;background:#121719;border-radius:8px}.preview-board strong{font-size:clamp(1rem,2.5vw,1.55rem)}.preview-board em{color:var(--dim);font-size:.8rem;margin-inline:5px}.preview-list div{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid var(--border);padding-block:5px}.features,.platforms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.features article,.panel,.platforms article{padding:17px;border:1px solid var(--border);background:var(--panel);border-radius:12px}.features h2{font-size:1.16rem;margin:5px 0}.section{margin-top:66px;scroll-margin-top:20px}.section h2{margin-block:5px 8px}.demo-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:14px;margin-top:17px}.demo-match{display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding-block:8px;border-bottom:1px solid var(--border)}.demo-match span{font-size:.82rem;color:var(--dim)}.demo-match button{background:#26353c;color:var(--text);border:1px solid #66737a;border-radius:6px;min-height:38px;padding:5px 8px;cursor:pointer}.demo-match button[aria-pressed=true]{background:var(--gold);color:#181911;border-color:var(--gold)}#demo-status{min-height:1.6em;margin:8px 0;color:var(--gold)}table{width:100%;border-collapse:collapse;margin-top:8px;text-align:left}td,th{padding:8px 4px;border-bottom:1px solid var(--border)}td:not(:first-child),th:not(:first-child){text-align:right}.platforms{margin-block:14px 18px}.platforms p{margin-top:4px}.footer{margin-top:54px;color:var(--dim);font-size:.85rem;border-bottom:0;border-top:1px solid var(--border)}
@media(max-width:760px){.hero,.demo-grid{grid-template-columns:1fr}.hero{gap:24px;padding-block:42px 30px}.features,.platforms{grid-template-columns:1fr}.section{margin-top:48px}.top-link{font-size:.85rem}.preview{max-width:500px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}