:root{color:#10253f;background:#f3f7fb;font-family:Inter,ui-sans-serif,system-ui,sans-serif}body{margin:0;overflow:auto!important}.landing-shell{box-sizing:border-box;flex-direction:column;align-items:center;gap:36px;min-height:100vh;padding:48px 24px;display:flex}.landing-hero{text-align:center;justify-items:center;gap:8px;display:grid}.landing-brand{color:#4566e8;letter-spacing:-.04em;margin:0;font-size:24px;font-weight:800}.landing-tagline{color:#5d6b7b;max-width:420px;margin:0;font-size:16px;line-height:1.5}.landing-card{background:#fff;border-radius:20px;width:min(100%,480px);padding:42px;box-shadow:0 20px 60px #10253f1a}@scope(.landing-shell) to (.browser-frame-content){h1{letter-spacing:-.03em;margin:0;font-size:30px;line-height:1.15}h1+p{color:#5d6b7b;line-height:1.5}form{gap:10px;margin-top:28px;display:grid}label{font-size:14px;font-weight:650}input{min-width:0;font:inherit;border:0;outline:0;flex:1;padding:13px}button{color:#fff;cursor:pointer;font:inherit;background:#4566e8;border:0;border-radius:9px;margin-top:8px;padding:13px 16px;font-weight:700}button:disabled{cursor:wait;opacity:.65}}.landing-slug-input{background:#fff;border:1px solid #c8d2df;border-radius:9px;align-items:center;display:flex;overflow:hidden}.landing-slug-input span{color:#5d6b7b;padding-right:13px}.landing-error{color:#b42318;margin:0;font-size:14px}.landing-loading{color:#5d6b7b;margin:0}.landing-open-button{color:#fff;cursor:pointer;font:inherit;box-sizing:border-box;background:#4566e8;border:0;border-radius:9px;margin-top:28px;padding:13px 16px;font-weight:700;text-decoration:none;display:inline-flex}.landing-demo-section{text-align:center;flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}.landing-demo-section>p{color:#5d6b7b;max-width:640px;margin:0;font-size:14px;line-height:1.5}.landing-demo-button{color:#10253f;background:#eef2fb;margin-top:0}.landing-demo-hint{font-size:13px}.landing-demo-preview{width:min(100%,1600px);min-width:900px;height:min(70vh,720px);min-height:600px;margin-top:12px}.landing-demo-embed{box-sizing:border-box;flex-direction:column;height:100%;display:flex}.landing-demo-embed .app-shell{flex:1;height:100%;min-height:0}.landing-demo-loading{text-align:center;color:#5d6b7b;margin:0;padding:24px}.browser-frame{background:#fff;border:1px solid #d7dfea;border-radius:12px;flex-direction:column;height:100%;display:flex;overflow:hidden;box-shadow:0 20px 60px #10253f1a}.browser-frame-bar{background:#e7ecf3;border-bottom:1px solid #d7dfea;flex:none;align-items:center;gap:16px;height:36px;padding:0 14px;display:flex}.browser-frame-dots{flex:none}.browser-frame-address{color:#5d6b7b;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:#fff;border:0;border-radius:9px;flex:1;min-width:0;height:22px;margin-top:0;padding:0 10px;font-size:12px;font-weight:400;line-height:22px;overflow:hidden}button.browser-frame-address{cursor:pointer}button.browser-frame-address:hover{background:#f3f6fb}.browser-frame-open-button{color:#4566e8;white-space:nowrap;cursor:pointer;background:#fff;border:0;border-radius:9px;flex:none;align-items:center;gap:6px;height:26px;margin-top:0;padding:0 12px;font-size:12px;font-weight:600;line-height:1;display:flex}.browser-frame-open-button:hover{background:#f3f6fb}.browser-frame-content{contain:layout;min-height:0;text-align:initial;overscroll-behavior:contain;flex:1;container-type:inline-size}.browser-frame-content .app-shell{height:100%}