.questlab-demo{color:#142f52;background:radial-gradient(at 85% 35%,#d8e9e1 0,#0000 55%),#f7f4ec;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,6vw,100px);min-height:100svh;padding:48px max(24px,50vw - 570px);display:grid}.demo-wordmark{letter-spacing:-1px;align-items:center;gap:9px;font-size:28px;font-weight:850;display:inline-flex}.demo-eyebrow{letter-spacing:2px;margin:64px 0 20px;font-size:11px;font-weight:800}.demo-presentation h1{letter-spacing:-3px;font-size:clamp(42px,5vw,70px);font-weight:850;line-height:1.04}.demo-presentation h1 span{color:#be642a}.demo-description{max-width:420px;margin-top:24px;font-size:18px;line-height:1.7}.demo-tip{background:#ffffff80;border:1px solid #142f521a;border-radius:18px;gap:14px;margin-top:28px;padding:20px;font-size:14px;line-height:1.6;display:flex}.demo-tip svg{color:#be642a;flex-shrink:0;width:21px;margin-top:3px}.demo-open{text-underline-offset:5px;align-items:center;gap:12px;min-height:48px;margin-top:24px;font-weight:750;text-decoration:underline;display:inline-flex}.demo-note{color:#526176;margin-top:24px;font-size:12px;line-height:1.7}.demo-device-area{text-align:center;min-width:0}.demo-season-picker{background:#ffffffb3;border:1px solid #142f521a;border-radius:18px;max-width:430px;margin:0 auto 22px;padding:14px}.demo-season-picker legend{padding:0 6px;font-size:14px;font-weight:750}.demo-season-picker>div{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.demo-season-picker button{cursor:pointer;background:#fff;border:1px solid #142f5226;border-radius:12px;min-height:44px;padding:8px 12px;font-size:12px;font-weight:700}.demo-season-picker button[aria-pressed=true]{color:#fff;background:#142f52}.demo-season-picker button:focus-visible{outline-offset:2px;outline:3px solid #be642a}.demo-season-picker p{color:#526176;margin-top:10px;font-size:11px;line-height:1.5}.demo-device-caption{letter-spacing:1.8px;margin-bottom:18px;font-size:10px;font-weight:800}.demo-device-caption>span{background:#40775e;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.demo-phone{background:#090b0e;border:3px solid #898985;border-radius:52px;width:100%;max-width:380px;margin:auto;padding:7px;position:relative;box-shadow:0 0 0 1px #292c30,0 35px 65px -20px #142f5240,inset 0 0 0 1px #d4d3cb80}.demo-phone-display{aspect-ratio:9/19.5;isolation:isolate;background:#fff8ed;border-radius:42px;position:relative;overflow:hidden}.demo-phone-status{z-index:2;color:#18202b;pointer-events:none;justify-content:space-between;align-items:center;font:600 12px/1 system-ui,sans-serif;display:flex;position:absolute;top:16px;left:26px;right:22px}.demo-phone-status>div{align-items:center;gap:4px;display:flex}.demo-phone-status svg{stroke-width:2.5px;width:14px;height:14px}.demo-phone-status svg:last-child{width:20px}.demo-phone-island{z-index:3;pointer-events:none;background:#030405;border-radius:20px;width:98px;height:28px;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #ffffff0a}.demo-phone-island span{background:radial-gradient(circle at 35% 35%,#2d425b,#101823 45%,#040608 70%);border-radius:50%;width:10px;height:10px;position:absolute;top:9px;right:10px}.demo-phone-keys i{background:linear-gradient(90deg,#515453,#b0b0aa,#626461);border-radius:3px 0 0 3px;width:4px;height:44px;position:absolute;left:-6px}.demo-phone-keys i:first-child{height:23px;top:95px}.demo-phone-keys i:nth-child(2){top:141px}.demo-phone-keys i:nth-child(3){top:198px}.demo-phone-keys i:nth-child(4){border-radius:0 3px 3px 0;height:69px;top:165px;left:auto;right:-6px}.demo-phone-screen{background:#fff8ed;border:0;width:100%;height:calc(100% - 56px);display:block;position:absolute;top:56px;left:0}.demo-phone-bottom{z-index:2;pointer-events:none;place-items:center;display:grid;position:absolute;bottom:8px;left:0;right:0}.demo-phone-bottom span{background:#17202b;border-radius:8px;width:108px;height:4px;box-shadow:0 0 1px #fff8}.demo-device-note{color:#526176;margin-top:18px;font-size:11px}.questlab-demo a:focus-visible{outline-offset:5px;border-radius:4px;outline:3px solid #be642a}@media (width<=760px){.questlab-demo{grid-template-columns:minmax(0,1fr);gap:28px;padding:24px 16px 36px}.demo-eyebrow{margin-top:28px;font-size:9px}.demo-presentation h1{letter-spacing:-2px;font-size:43px}.demo-description{margin-top:16px;font-size:16px}.demo-tip{margin-top:16px}.demo-note{margin-top:12px}}