.a207-demo-intro,.a207-demo-cosmos{--demo-cyan:#20d4df;--demo-blue:#2874f0;width:min(1180px,calc(100% - 2rem));margin-inline:auto}
.a207-demo-intro{padding:clamp(3rem,7vw,6.5rem) 0 clamp(2.8rem,6vw,5rem)}
.a207-demo-intro__eyebrow,.a207-demo-cosmos__eyebrow{margin:0 0 .75rem;color:var(--demo-cyan);font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.a207-demo-intro h1,.a207-demo-cosmos h2{margin:0;color:var(--text);font-size:clamp(2.6rem,6vw,5.8rem);line-height:.94;letter-spacing:-.055em}
.a207-demo-intro__lead{max-width:850px;margin:1.35rem 0 0;color:var(--muted);font-size:clamp(1.08rem,2vw,1.35rem);line-height:1.65}
.a207-demo-intro__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}
.a207-demo-intro__card{padding:1.35rem;border:1px solid color-mix(in srgb,var(--demo-cyan) 28%,var(--line));border-radius:1.2rem;background:color-mix(in srgb,var(--panel) 88%,transparent);box-shadow:0 18px 46px var(--shadow)}
.a207-demo-intro__card h2{font-size:1.12rem;line-height:1.2;letter-spacing:-.02em}.a207-demo-intro__card p{margin:.7rem 0 0;color:var(--muted);line-height:1.62}
.a207-demo-intro__note{display:inline-flex;margin:1.25rem 0 0;padding:.65rem .9rem;border-radius:999px;background:color-mix(in srgb,var(--demo-blue) 12%,var(--panel));color:var(--text);font-weight:750}
.a207-demo-cosmos{padding:clamp(.5rem,1vw,.75rem) 0 clamp(3.5rem,7vw,7rem)}.a207-demo-cosmos__head{max-width:850px}.a207-demo-cosmos__head h2{font-size:clamp(2.2rem,4.5vw,4.4rem)}
.a207-demo-cosmos__intro{margin:1rem 0 0;color:var(--muted);font-size:1.08rem;line-height:1.65}
.a207-demo-cosmos__stage{position:relative;min-height:780px;margin-top:1.35rem;border:1px solid color-mix(in srgb,var(--demo-cyan) 24%,var(--line));border-radius:2rem;overflow:hidden;background:radial-gradient(circle at 50% 48%,#1a79a326 0 12%,transparent 38%),linear-gradient(145deg,color-mix(in srgb,var(--panel) 92%,#071421),color-mix(in srgb,var(--panel) 82%,#06111b));box-shadow:inset 0 0 90px #20d4df0a,0 28px 80px var(--shadow)}
.a207-demo-cosmos__connections{position:absolute;inset:5%;width:90%;height:90%;overflow:visible;fill:none;pointer-events:none}
.a207-demo-cosmos__link{stroke:color-mix(in srgb,var(--demo-cyan) 46%,transparent);stroke-width:1.15;stroke-dasharray:3 5;vector-effect:non-scaling-stroke}
.a207-demo-cosmos__signal{fill:var(--demo-cyan);stroke:none;filter:drop-shadow(0 0 4px var(--demo-cyan)) drop-shadow(0 0 8px var(--demo-blue))}
.a207-demo-cosmos__core{position:absolute;left:50%;top:49%;z-index:2;display:grid;width:178px;height:178px;place-items:center;padding:1rem;transform:translate(-50%,-50%);border:1px solid #20d4df88;border-radius:1.35rem;background:linear-gradient(155deg,#123551,#071827);box-shadow:inset 0 1px #ffffff12,0 0 0 10px #20d4df08,0 0 58px #20d4df42;text-align:center}
.a207-demo-cosmos__core:after{content:"";position:absolute;right:26px;bottom:-1px;left:26px;height:2px;border-radius:2px;background:var(--demo-cyan);box-shadow:0 0 10px var(--demo-cyan)}.a207-demo-cosmos__core img{width:92px;height:92px;object-fit:contain;border-radius:50%}.a207-demo-cosmos__core strong{display:block;color:#eaffff;font-size:1.1rem}
.a207-demo-module{position:absolute;left:var(--x);top:var(--y);z-index:3;display:grid;width:174px;min-height:142px;padding:1rem;transform:translate(-50%,-50%);justify-items:center;border:1px solid color-mix(in srgb,var(--demo-blue) 58%,var(--line));border-radius:1.2rem;background:linear-gradient(155deg,#102a42f2,#071827f2);color:#bdf9fb;box-shadow:inset 0 1px #ffffff0d,0 15px 35px #0006;cursor:pointer;text-align:center}
.a207-demo-module:after{content:"";position:absolute;right:24px;bottom:-1px;left:24px;height:2px;background:var(--demo-cyan);box-shadow:0 0 10px var(--demo-cyan)}
.a207-demo-module:hover,.a207-demo-module:focus-visible,.a207-demo-module[aria-pressed=true]{border-color:var(--demo-cyan);outline:none;box-shadow:inset 0 1px #ffffff18,0 0 0 3px #20d4df1e,0 18px 42px #0007}
.a207-demo-module svg{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.a207-demo-module strong{font-size:.95rem}.a207-demo-module small{color:#90bfca;line-height:1.25}
.a207-demo-module__counter{position:absolute;top:.6rem;right:.65rem;min-width:1.7rem;padding:.18rem .38rem;border:1px solid #20d4df64;border-radius:999px;background:#092438;color:#dfffff;font-size:.7rem;font-weight:850}
.a207-demo-cosmos__live{margin:.85rem 0 0;color:var(--text);font-weight:750;line-height:1.5}
html[data-theme=light] .a207-demo-module{background:linear-gradient(155deg,#f8fdff,#dceff5);color:#087f98;box-shadow:0 15px 35px #356a7d24}html[data-theme=light] .a207-demo-cosmos__core{background:linear-gradient(155deg,#f9feff,#d6eff4);border-color:#159fb7;color:#173f5f}html[data-theme=light] .a207-demo-cosmos__core strong{color:#173f5f}html[data-theme=light] .a207-demo-module small{color:#496f82}html[data-theme=light] .a207-demo-cosmos__live{color:#315f73}
@media(max-width:1000px){.a207-demo-intro__cards{grid-template-columns:1fr}.a207-demo-cosmos__stage{min-height:720px}.a207-demo-cosmos__core{width:150px;height:150px}.a207-demo-module{width:148px;min-height:120px;padding:.8rem}.a207-demo-module svg{width:34px;height:34px}.a207-demo-module small{font-size:.7rem}}
@media(max-width:600px){.a207-demo-intro,.a207-demo-cosmos{width:min(100% - 1.2rem,1180px)}.a207-demo-intro{padding-top:2.5rem}.a207-demo-intro h1{font-size:clamp(2.6rem,16vw,4rem)}.a207-demo-intro__card{padding:1.1rem}.a207-demo-intro__note{border-radius:1rem;line-height:1.4}.a207-demo-cosmos{padding-top:.75rem}.a207-demo-cosmos__stage{min-height:770px;border-radius:1.25rem}.a207-demo-cosmos__core{top:49%;width:126px;height:126px;padding:.65rem;border-radius:1rem}.a207-demo-cosmos__core img{width:68px;height:68px}.a207-demo-module{width:112px;min-height:96px;padding:.65rem .45rem;border-radius:1rem}.a207-demo-module svg{width:28px;height:28px}.a207-demo-module strong{font-size:.76rem}.a207-demo-module small{display:none}.a207-demo-module__counter{top:.35rem;right:.38rem;min-width:1.3rem;padding:.1rem .25rem;font-size:.58rem}.a207-demo-module[data-demo-module="contacts"]{--x:18%!important;--y:14%!important}.a207-demo-module[data-demo-module="inventory"]{--x:50%!important;--y:8%!important}.a207-demo-module[data-demo-module="tasks"]{--x:82%!important;--y:14%!important}.a207-demo-module[data-demo-module="calendar"]{--x:82%!important;--y:37%!important}.a207-demo-module[data-demo-module="finance"]{--x:82%!important;--y:68%!important}.a207-demo-module[data-demo-module="documents"]{--x:50%!important;--y:82%!important}.a207-demo-module[data-demo-module="communication"]{--x:18%!important;--y:68%!important}.a207-demo-module[data-demo-module="settings"]{--x:18%!important;--y:37%!important}.a207-demo-cosmos__live{font-size:.84rem}}