:root{color-scheme:dark;--safe-top:0px;--safe-bottom:0px;font-family:Tahoma,Arial,sans-serif;font-size:14px;line-height:1.6;background:#0a1020;color:#eef2ff}*{box-sizing:border-box}body{margin:0;padding-top:max(env(safe-area-inset-top),var(--safe-top));padding-bottom:max(env(safe-area-inset-bottom),var(--safe-bottom));min-height:100dvh}h1,h2,h3,h4,p,figure{margin:0}button{font:inherit;color:inherit;border:0;background:transparent;cursor:pointer}a{color:inherit;text-decoration:none}svg{display:block}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid #a8bdff;outline-offset:3px}button:disabled{cursor:default}button svg{flex-shrink:0}.demo-banner{height:48px;background:#111a30;border-bottom:1px solid #253249;display:flex;justify-content:space-between;align-items:center;padding:0 28px;font-size:12px}.demo-banner span{display:flex;align-items:center;gap:9px}.demo-banner i{width:7px;height:7px;border-radius:50%;background:#a8bdff;box-shadow:0 0 12px #a8bdff77}.demo-banner small{font-size:10px;color:#a6b4c9}.experience{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 420px;align-items:center;gap:65px;min-height:calc(100dvh - 136px);padding:35px 35px 120px}.intro{max-width:450px}.kicker{color:#91cfee;font-size:12px;margin-bottom:17px}.intro h1{font-weight:400;font-size:38px;line-height:1.6}.intro h1 b{color:#b9c9ff;font-weight:700;font-size:34px}.intro>p{color:#a8b5cb;font-size:14px;line-height:2;margin-top:20px}.intro ol{list-style:none;padding:0;margin:30px 0;display:flex;flex-direction:column;gap:20px}.intro li{display:flex;gap:15px;align-items:center}.intro li>span{font-size:16px;width:40px;height:40px;display:grid;place-items:center;border:1px solid #364368;color:#a8bdff;border-radius:12px;background:#16223b}.intro li strong{font-size:13px;display:block}.intro li small{font-size:11px;color:#879ab7;display:block;margin-top:3px}.intro .intro-note{font-size:11px;padding:13px 16px;border-right:2px solid #53678e;background:#121c30;border-radius:10px}.demo-stage{max-width:420px;width:100%}.preview-heading,.preview-tabs,.play-animation,.preview-note{display:none!important}.phone-frame[data-v-c177fddc]{max-width:390px;border-color:#34445f;box-shadow:0 22px 80px #02050e88}.phone-content[data-v-c177fddc]{height:500px}.phone-nav button[data-v-c177fddc]:not(:disabled){opacity:1}.phone-screen [dir=ltr]{font-family:Arial,sans-serif}.phone-screen .demo-sheet p{font-family:Tahoma,Arial,sans-serif}.phone-content .provider-logo{background:#ffffff08;padding:15px;border-radius:14px}.purchase-bar{position:fixed;z-index:3;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:45px;background:#101b30ee;backdrop-filter:blur(15px);border-top:1px solid #2b3953;padding:17px 24px calc(17px + max(env(safe-area-inset-bottom),var(--safe-bottom)))}.purchase-bar strong{display:block;font-size:13px}.purchase-bar small{display:block;font-size:10px;color:#97a9c4;margin-top:2px}.purchase-bar a{background:#a8bdff;color:#0e1c36;border:1px solid #c5d3ff;border-radius:13px;padding:12px 24px;display:flex;align-items:center;gap:18px;font-weight:700;font-size:13px;box-shadow:0 3px 15px #91aaff15}.purchase-bar a:hover{background:#c1ceff}.loading{padding:60px;text-align:center;color:#a8b5cb}@media(max-width:700px){.intro{display:none}.experience{display:block;padding:0;min-height:0;margin:0}.demo-stage{max-width:none}.demo-banner{height:36px;padding:0 14px;font-size:10px}.demo-banner small{font-size:9px}.phone-frame[data-v-c177fddc]{max-width:none;border:0;padding:0;border-radius:0;box-shadow:none;background:transparent}.phone-screen[data-v-c177fddc]{border-radius:0}.phone-status,.home-indicator{display:none!important}.phone-header[data-v-c177fddc]{height:52px;padding-inline:12px}.phone-content[data-v-c177fddc]{height:calc(100dvh - 36px - 52px - 66px - 77px - max(env(safe-area-inset-top),var(--safe-top)) - max(env(safe-area-inset-bottom),var(--safe-bottom)));min-height:250px}.phone-nav[data-v-c177fddc]{height:66px;padding:4px 8px;background:#101b31}.phone-nav button[data-v-c177fddc]{font-size:10px;gap:5px}.demo-home[data-v-c177fddc]{justify-content:flex-start;padding-top:12px}.connection-glow[data-v-c177fddc]{margin-bottom:6px}.demo-home h3[data-v-c177fddc]{font-size:24px}.purchase-bar{justify-content:space-between;gap:12px;padding:11px 14px calc(11px + max(env(safe-area-inset-bottom),var(--safe-bottom)));height:calc(77px + max(env(safe-area-inset-bottom),var(--safe-bottom)))}.purchase-bar strong{font-size:11px}.purchase-bar small{font-size:9px}.purchase-bar a{padding:11px 14px;font-size:11px;gap:10px;border-radius:11px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.purchase-bar{backdrop-filter:none}}

.demo-menu>a,.demo-menu .menu-card>a{display:flex;align-items:center;gap:12px;width:100%;padding:15px 12px;border-bottom:1px solid #c4e8f419;font-size:12px;text-align:right}.demo-menu .menu-card>a span{flex:1}.demo-menu a:focus-visible{outline:2px solid #a8bdff;outline-offset:-3px}

.demo-menu .menu-card>a>svg:first-child{color:var(--preview-accent)}