.sphereone-demo .demo-facts{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.sphereone-demo .demo-facts li{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 15px 0 12px;border-radius:999px;border:1px solid rgb(255 255 255/.14);background:rgb(255 255 255/.04);font-size:13.5px;color:var(--fg-2)}.sphereone-demo .demo-facts svg{width:15px;height:15px;color:var(--ink-accent)}.sphereone-demo .demo-sec{padding-bottom:112px}.sphereone-demo .demo-layout{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.6fr);gap:56px;align-items:start;margin-top:48px}.sphereone-demo .demo-agenda{position:sticky;top:calc(var(--nav-h) + 32px);display:grid;gap:18px}.sphereone-demo .demo-agenda__title{margin:0;font-size:clamp(28px,3vw,40px);line-height:1.05;letter-spacing:-.045em;font-weight:500;color:var(--fg)}.sphereone-demo .demo-agenda__note{display:flex;align-items:flex-start;gap:10px;margin:8px 0 0;font-size:14px;line-height:1.5;color:var(--fg-3)}.sphereone-demo .demo-agenda__note svg{flex:none;margin-top:2px;color:var(--accent)}.sphereone-demo .demo-agenda__note a{color:var(--fg);border-bottom:1px solid var(--border-strong,var(--border));transition:color .2s ease,border-color .2s ease}.sphereone-demo .demo-agenda__note a:hover{color:var(--accent);border-color:var(--accent)}.sphereone-demo .demo-panel{position:relative;padding:28px;border-radius:24px;border:1px solid var(--border);background:radial-gradient(90% 90% at 100% 0,color-mix(in srgb,var(--accent) 16%,transparent),transparent 60%),radial-gradient(80% 80% at 0 100%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 60%),color-mix(in srgb,var(--accent) 4%,var(--bg));overflow:hidden}.sphereone-demo .demo-panel:before{content:"";position:absolute;inset:0;background-image:radial-gradient(color-mix(in srgb,var(--fg) 12%,transparent) 1px,transparent 1px);background-size:18px 18px;mask-image:linear-gradient(135deg,black,transparent 65%);-webkit-mask-image:linear-gradient(135deg,black,transparent 65%);pointer-events:none}.sphereone-demo .demo-cal{width:100%;min-height:640px;overflow:hidden}.sphereone-demo .demo-cal,.sphereone-demo .demo-fallback{position:relative;border-radius:14px;border:1px solid var(--border);background:var(--surface);box-shadow:0 40px 80px -40px rgb(20 16 51/.4)}.sphereone-demo .demo-fallback{display:grid;justify-items:center;gap:18px;padding:72px 32px;text-align:center}.sphereone-demo .demo-fallback__icon{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;border:1px solid var(--border);background:var(--bg);color:var(--accent)}.sphereone-demo .demo-fallback p{margin:0;max-width:44ch;font-size:17px;line-height:1.55;color:var(--fg);text-wrap:balance}.sphereone-demo .demo-fallback__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px}.sphereone-demo .demo-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:50px;padding:0 22px;border-radius:12px;border:1px solid var(--border-strong,var(--border));background:var(--bg);font-size:15px;font-weight:500;color:var(--fg);cursor:pointer;white-space:nowrap;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.sphereone-demo .demo-btn:hover{border-color:var(--fg-3);background:var(--hover)}.sphereone-demo .demo-btn--primary{border-color:transparent;background:var(--accent-fill);color:var(--accent-fg);box-shadow:0 1px 0 rgb(255 255 255/.18) inset,0 14px 30px -14px color-mix(in srgb,var(--accent) 80%,transparent)}.sphereone-demo .demo-btn--primary:hover{border-color:transparent;background:color-mix(in srgb,var(--accent-fill) 88%,black)}.sphereone-demo .demo-btn svg{transition:transform .2s ease}.sphereone-demo .demo-btn:hover svg{transform:translateX(3px)}@media (max-width:940px){.sphereone-demo .demo-sec{padding-bottom:88px}.sphereone-demo .demo-layout{grid-template-columns:minmax(0,1fr);gap:40px}.sphereone-demo .demo-agenda{position:static}}@media (max-width:620px){.sphereone-home.sphereone-demo .home-container{padding-inline:18px}.sphereone-demo .demo-panel{padding:0;border:0;background:none}.sphereone-demo .demo-panel:before{display:none}.sphereone-demo .demo-cal{margin-inline:-18px;width:auto;min-height:560px;border-radius:0;border-inline:0;box-shadow:none}.sphereone-demo .demo-fallback{padding:44px 20px}.sphereone-demo .demo-btn{flex:1 1 100%}}