.stage{background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--stage-ink) 60%, transparent), transparent 70%), var(--stage);isolation:isolate;place-items:center;height:240px;display:grid;position:relative;overflow:hidden}.stage-large{height:100%;min-height:460px}.frame-square{place-items:center;display:grid}.frame-square.auto{transform:scale(1.5)}.stage-large .frame-square.auto{transform:scale(2.6)}.frame-wide{place-items:center;width:82%;display:grid}.frame-wide>.ngl{width:100%}.frame-card{width:min(88%,380px);height:78%;display:grid;position:relative}.stage-large .frame-card{width:min(80%,520px);height:60%}.frame-card>.ngl{width:100%;height:100%}.frame-viewport{aspect-ratio:16/10;background:var(--stage);border:1px solid var(--stage-ink);border-radius:10px;flex-direction:column;width:90%;max-height:92%;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px -20px #0008}.stage-large .frame-viewport{width:86%;max-height:88%}.fv-bar{background:var(--stage-ink);flex:none;align-items:center;gap:5px;padding:6px 8px;display:flex}.fv-bar i{background:color-mix(in srgb, var(--muted) 50%, transparent);border-radius:50%;width:7px;height:7px}.fv-bar span{color:var(--muted);background:var(--stage);border-radius:5px;flex:1;margin-left:8px;padding:2px 8px;font-size:9px}.fv-body{contain:size;flex:1;position:relative;overflow:hidden}.fake-page{flex-direction:column;gap:9%;padding:7%;display:flex;position:absolute;inset:0}.fake-page b,.fake-page i,.fake-page u,.fake-page span{background:var(--stage-ink);border-radius:4px;display:block}.fk-nav{align-items:center;gap:6%;display:flex}.fk-nav b{background:color-mix(in srgb, var(--brand) 55%, var(--stage-ink));width:14%;height:8px}.fk-nav i{width:9%;height:5px}.fk-nav i:first-of-type{margin-left:auto}.fk-hero{flex:1;gap:6%;display:flex}.fk-hero>div{flex-direction:column;flex:1;justify-content:center;gap:9%;display:flex}.fk-hero b{width:90%;height:12%}.fk-hero i{width:75%;height:6%}.fk-hero u{background:color-mix(in srgb, var(--brand-2) 45%, var(--stage-ink));width:35%;height:12%}.fk-hero>span{background:linear-gradient(135deg, color-mix(in srgb, var(--brand) 30%, var(--stage-ink)), var(--stage-ink));border-radius:8px;flex:1}.fk-cards{gap:5%;height:22%;display:flex}.fk-cards span{border-radius:6px;flex:1}.frame-phone{aspect-ratio:9/18.5;background:#050507;border-radius:22px;height:92%;padding:6px;position:relative;box-shadow:0 0 0 1.5px #2c2c3a,0 24px 60px -24px #000c}.stage-large .frame-phone{border-radius:34px;height:88%;padding:9px}.fp-notch{z-index:2;background:#050507;border-radius:99px;width:30%;height:11px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.fp-body{contain:size;background:var(--stage);border-radius:17px;height:100%;display:grid;position:relative;overflow:hidden}.stage-large .fp-body{border-radius:26px}.fp-body>.ngl{width:100%;height:100%}