/* Deep-space imagery and a shared, continuously animated control treatment. */
@property --control-orbit{syntax:'<angle>';initial-value:0deg;inherits:false}
:root{--signal-bg:#050509;--signal-text:#f5f3ff;--copper:#bcb0ff;--line:#ffffff17}
body.signal-home{background:#050509;color:#f5f3ff}.future-hero{min-height:1030px;background:#050509}.galaxy-depth{position:absolute;inset:-50px -6% 0;z-index:-2;pointer-events:none;overflow:hidden;transform:translate3d(var(--pointer-x,0px),var(--scroll-shift,0px),0);transition:transform 1.2s ease-out}.galaxy-depth:before{content:'';position:absolute;inset:0;background:url('/assets/galaxy-detail.webp') center 55%/cover no-repeat;animation:galaxy-drift 36s ease-in-out infinite alternate;will-change:transform;opacity:.9}.future-hero .signal-field{z-index:-1}.hero-vignette{z-index:0;background:linear-gradient(#05050910 0%,#05050920 32%,transparent 65%,#050509 100%),radial-gradient(ellipse at 50% 28%,#05050960,transparent 55%);pointer-events:none}.future-copy{z-index:2;transform:none!important}.future-copy h1{font-weight:500;letter-spacing:-.06em;text-shadow:0 3px 40px #0008}.future-copy h1>span{background-image:linear-gradient(110deg,#f8f5ff 10%,#d3c4ff 40%,#8e9cdb 65%,#f8f5ff 90%)}.future-copy p{color:#b7b6c9;text-shadow:0 2px 10px #000}.future-copy .trial-note{color:#9995af;text-shadow:0 1px 10px #000}.future-badge{background:#111020c9;border-color:#aea0ff28;color:#c3bed4;backdrop-filter:blur(15px)}.future-badge>span{color:#d9d0ff;background:#b4a5ff12;border-color:#b4a5ff35}.future-badge b{color:#d9d0ff}.hero-topline .eyebrow{color:#a39db4}.eyebrow i{background:#c4b6ff;box-shadow:0 0 14px #b5a4ff}.site-header,.site-header.header-scrolled{background:#090912df;border-color:#c7b5ff1e;box-shadow:0 14px 40px #0003}.brand-symbol,.brand-dot{color:#d5caff}.site-header nav a:hover,.nav-actions>a:first-child:hover{color:#e4ddff}.motion-control{background:#0c0a16b3;color:#b2aaca;border-color:#c4b1ff22;backdrop-filter:blur(15px)}.hero-console{margin-top:240px;background:#0a0915bd;border-color:#bca8ff35;box-shadow:0 25px 70px #0008;backdrop-filter:blur(24px)}.hero-console:before{background:linear-gradient(90deg,transparent,#d4c0ff,transparent)}.status-dot{background:#c4afff;box-shadow:0 0 12px #ad8dff}.console-title{color:#ae9dcd}.console-caption{color:#80738f}.hero-console code{color:#c7c1d7}.hero-console code>em{color:#b9abff}.hero-console>a{color:#b9adc9}.hero-baseline{color:#91819e}.hero-baseline>a{color:#d7c2ff}.signal-marquee{background:#09080f;border-color:#ffffff0e}.signal-marquee>div{color:#7d708d}.signal-marquee b{color:#b6a0d2}.section-heading>.eyebrow{color:#ad9bc8}.section-heading h2 span{color:#897d9d}.section-heading>p{color:#a298ad}.feature,.plan{background:radial-gradient(ellipse at var(--light-x,50%) var(--light-y,0%),#a884e90b,transparent 75%),#0d0b15;border-color:#ffffff15!important}.feature:hover,.plan:hover{background:radial-gradient(ellipse at var(--light-x,50%) var(--light-y,0%),#b299f022,transparent 70%),#100d1b;border-color:#bba0ea66!important}.feature-index{color:#9a80b7}.feature p{color:#a297b2}.feature>a{color:#ccbbef}.plan.featured{background:radial-gradient(ellipse at 50% 0,#9f72ea20,transparent 70%),#110d1d;border-color:#b395e855!important}.plan-top>span{background:#b594ff12;color:#d6c3ff;border-color:#b594ff40}.price small,.plan-note,.plan dl>div{color:#a498b4}.plan dd{color:#ded5ed}.key-visual{border-color:#bda1ff27;background:#bda1ff08}.key-glyph,.key-visual i,.key-visual div>span,.feature>a{color:#c8b4ef}.window-bars i{background:linear-gradient(#cdb5ff,#665287)}.code-visual{background:#08060f}.code-visual em{color:#c3a3f0}.enterprise-row p,.enterprise-row .eyebrow{color:#a898b8}.final-cta{background:radial-gradient(ellipse at 95% 130%,#9262d12a,transparent 60%),#0c0914;border-color:#ba97ff30}.final-cta h2 span{color:#d3bafa}.final-cta:before{border-color:#c4a5ff30;box-shadow:0 0 0 25px #b795ff05,0 0 0 55px #b795ff05,0 0 0 90px #b795ff05}.final-cta>.eyebrow{color:#a88dbb}.site-footer nav,.site-footer p,.site-footer>span{color:#9a89ac}
/* Every actionable button has visible motion at rest, plus immediate hover feedback. */
.signal-home .action,:is(.user-workspace,.admin-workspace) .btn{isolation:isolate;position:relative;overflow:hidden;border:1px solid #ae96da52;border-radius:9px;background:#13101e;color:#e9dff9;box-shadow:0 4px 20px #0004;animation:control-breathe 4s ease-in-out infinite;transition:transform .25s,background .25s,box-shadow .25s,border-color .25s}
.signal-home .action.primary,:is(.user-workspace,.admin-workspace) .btn.primary{background:linear-gradient(135deg,#35244f,#1a132d);border-color:#d2b8ff70;color:#fff;box-shadow:inset 0 1px 0 #e9daff18,0 0 24px #a16af728;animation:control-breathe 3s ease-in-out infinite}
.signal-home .action:before,:is(.user-workspace,.admin-workspace) .btn:before{content:'';position:absolute;inset:0;padding:1px;border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--control-orbit),transparent 0deg,transparent 225deg,#b88fff55 280deg,#efe2ff 330deg,transparent 360deg);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;animation:control-orbit 3s linear infinite;z-index:2}
.signal-home .action:after,:is(.user-workspace,.admin-workspace) .btn:after{content:'';position:absolute;inset:-40% -25%;pointer-events:none;background:linear-gradient(110deg,transparent 35%,#d8c4ff1c 48%,#fff3 50%,#d8c4ff14 53%,transparent 65%);transform:translateX(-120%);animation:control-sweep 3.8s ease-in-out infinite;z-index:1}
.signal-home .action:hover,:is(.user-workspace,.admin-workspace) .btn:hover{transform:translateY(-3px);background:#2a1e3c;border-color:#dcc7ff;box-shadow:0 0 30px #a16af747,0 8px 25px #0005}
.signal-home .action.primary:hover,:is(.user-workspace,.admin-workspace) .btn.primary:hover{background:linear-gradient(135deg,#503471,#2c2042);box-shadow:0 0 38px #a16af74d}
.signal-home .action>span{display:inline-block;transition:transform .3s cubic-bezier(.16,1,.3,1);animation:arrow-drift 3s ease-in-out infinite}.signal-home .action:hover>span{animation:none;transform:translate(3px,-2px)}
.signal-home .action:active,:is(.user-workspace,.admin-workspace) .btn:active{transform:translateY(0) scale(.97)}
:is(.user-workspace,.admin-workspace) .btn:disabled{animation:none;transform:none}:is(.user-workspace,.admin-workspace) .btn:disabled:before,:is(.user-workspace,.admin-workspace) .btn:disabled:after{display:none}
:is(.user-workspace,.admin-workspace) .layout{background:#08070e}:is(.user-workspace,.admin-workspace) .sidebar{background:#0b0911}:is(.user-workspace,.admin-workspace) .topbar{background:#0b0911ed}:is(.user-workspace,.admin-workspace) .card{background:#110e1aee;border-color:#32283f}:is(.user-workspace,.admin-workspace) .dashboard-sky{background:url('/assets/galaxy-detail.webp') center/cover no-repeat;opacity:.35}
@keyframes galaxy-drift{from{transform:scale(1.05) rotate(-2deg) translateX(-1%)}to{transform:scale(1.16) rotate(2deg) translateX(1%)}}
@keyframes control-orbit{to{--control-orbit:360deg}}
@keyframes control-sweep{0%{transform:translateX(-120%)}65%,100%{transform:translateX(120%)}}
@keyframes control-breathe{50%{box-shadow:0 0 20px #aa79ef35,inset 0 1px 0 #dbc6ff15}}
@keyframes arrow-drift{50%{transform:translate(2px,-1px)}}
html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after,html[data-page-hidden=true] *,html[data-page-hidden=true] *:before,html[data-page-hidden=true] *:after{animation-play-state:paused!important}
html[data-motion=off] .galaxy-depth{transform:none!important}
@media(min-width:1600px){.hero-console{margin-top:270px}.future-hero{min-height:1060px}}
@media(max-width:1000px){.hero-console{margin-top:240px}}
@media(max-width:760px){.future-hero{min-height:960px}.galaxy-depth{inset:-20px -60% 0}.galaxy-depth:before{background-position:49% 50%;opacity:.9}.hero-console{margin-top:270px}.site-header #small-nav{background:#100c1b;border-color:#634b7a}.future-copy p{color:#b6aac7}.future-copy .trial-note{color:#9d8eaf}.menu-toggle{background:#1a1128;border-color:#ffffff25;color:#e0caff}.future-copy .action{font-size:11px}.hero-topline .eyebrow{color:#b0a0c1}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.galaxy-depth{transform:none!important}}
/* Final tonal refinement: neutral obsidian surfaces with controlled amethyst light. */
body.signal-home{background:#030305;color:#f2f1f7}.future-hero{background:#030305}.galaxy-depth:before{opacity:.82;animation-name:galaxy-detail-drift;animation-duration:48s;background-position:center 57%;filter:saturate(.8)}.hero-vignette{background:linear-gradient(#03030510 0%,#03030522 32%,transparent 70%,#030305 100%)}.future-copy h1>span{background-image:linear-gradient(110deg,#f4f0ff 10%,#d1c8e9 42%,#9eabc9 70%,#f4f0ff 90%);background-size:180% auto}.future-copy p{color:#b7b7c4}.future-copy .trial-note{color:#a09aad}.site-header,.site-header.header-scrolled{background:#08080de8;border-color:#ffffff17;box-shadow:0 12px 45px #0004}.brand-symbol,.brand-dot{color:#c5bcd9}.site-header nav a,.nav-actions>a:first-child{color:#aaa8b7}.site-header nav a:hover,.nav-actions>a:first-child:hover{color:#ece6fa}.future-badge{background:#0c0b13d9;border-color:#d4c9ed22;color:#b6b0c4}.future-badge>span{background:#b9a4df0a;border-color:#baa7df2b;color:#c4b8dc}.hero-topline .eyebrow{color:#9b95aa}.eyebrow i{background:#c0b1d9;box-shadow:0 0 12px #b4a1d688}.hero-console{background:#08070fbf;border-color:#aa98cc35;box-shadow:0 20px 65px #0008}.console-title{color:#b2a8c2}.console-caption{color:#92849f}.hero-console code>em{color:#bdafd9}.hero-console:before{background:linear-gradient(90deg,transparent,#d6cbe7b0,transparent)}.signal-marquee{background:#08070c}.section-heading h2{color:#edeaf3}.section-heading h2 span{color:#9a8eac}.section-heading>p{color:#aaa1b5}.feature,.plan{background:radial-gradient(ellipse at var(--light-x,50%) var(--light-y,0%),#c9aefc09,transparent 65%),#0b0a10;border-color:#ffffff16!important;box-shadow:inset 0 1px #ffffff03}.feature:hover,.plan:hover{background:radial-gradient(ellipse at var(--light-x,50%) var(--light-y,0%),#c9aefc12,transparent 65%),#0e0b15;border-color:#a995c94d!important;box-shadow:0 14px 40px #0005}.feature h3{color:#e9e4f0}.feature p{color:#ada3ba}.feature>a{color:#c6b6dd}.plan.featured{background:linear-gradient(150deg,#b196d70c,transparent),#100c18;border-color:#b9a4d34d!important}.plan h3{color:#e9e4f0}.price{color:#f4f1f9}.price small,.plan-note,.plan dl>div{color:#aea3ba}.plan dd{color:#e0d8eb}.plan-top>span{background:#c3abeb0b;border-color:#c3abeb35;color:#ccb8e4}.final-cta{background:radial-gradient(ellipse at 90% 120%,#9c72ca15,transparent 60%),#0b0811;border-color:#a88dc32e}.final-cta h2 span{color:#c9b5de}.site-footer nav,.site-footer p,.site-footer>span{color:#a99bb9}
.signal-home .action,:is(.user-workspace,.admin-workspace) .btn{--control-orbit:0deg;min-height:46px;background:radial-gradient(ellipse at var(--light-x,50%) var(--light-y,0%),#c5b2ef0b,transparent 75%),linear-gradient(#14111b,#0e0c13);color:#d9d3e5;border-color:#a296b336;border-radius:8px;font-weight:500;letter-spacing:.005em;box-shadow:inset 0 1px #ffffff05,0 3px 10px #0004;animation:none;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s,background .3s}
.signal-home .action.primary,:is(.user-workspace,.admin-workspace) .btn.primary{background:radial-gradient(ellipse at var(--light-x,30%) var(--light-y,0%),#e6d7ff21,transparent 65%),linear-gradient(135deg,#5b4d78,#332943 75%);border-color:#d3c1ef66;color:#faf7ff;box-shadow:inset 0 1px #eee3ff33,0 2px 3px #0004,0 7px 25px #8b65be16;animation:primary-light 6s ease-in-out infinite}
.signal-home .action:before,:is(.user-workspace,.admin-workspace) .btn:before{background:conic-gradient(from var(--control-orbit),transparent 0deg,transparent 280deg,#9d8bbb22 303deg,#e2d8f4a8 334deg,transparent 360deg);animation-duration:6s;opacity:.6}
.signal-home .action.primary:before,:is(.user-workspace,.admin-workspace) .btn.primary:before{opacity:1;background:conic-gradient(from var(--control-orbit),transparent 0deg,transparent 260deg,#c4b0ec3d 306deg,#f2e7ff 336deg,transparent 360deg);animation-duration:4.5s}
.signal-home .action:after,:is(.user-workspace,.admin-workspace) .btn:after{inset:-60% -30%;background:linear-gradient(110deg,transparent 35%,#d8c4ff08 46%,#eee4ff18 50%,#d8c4ff08 54%,transparent 65%);animation:control-sweep 7s cubic-bezier(.4,0,.2,1) infinite;opacity:.65}
.signal-home .action.primary:after,:is(.user-workspace,.admin-workspace) .btn.primary:after{opacity:1;animation-duration:5s;background:linear-gradient(110deg,transparent 36%,#e1cfff12 46%,#fff3 50%,#e1cfff12 54%,transparent 64%)}
.signal-home .action:hover,:is(.user-workspace,.admin-workspace) .btn:hover{background:radial-gradient(ellipse at var(--light-x,50%) var(--light-y,0%),#d8c5f826,transparent 75%),#211a2c;border-color:#bda6d88c;transform:translateY(-2px);box-shadow:0 6px 24px #0006,0 0 0 3px #c4a9e407;animation:none}
.signal-home .action.primary:hover,:is(.user-workspace,.admin-workspace) .btn.primary:hover{background:radial-gradient(ellipse at var(--light-x,50%) var(--light-y,0%),#e7d8ff2e,transparent 65%),linear-gradient(135deg,#72608e,#4e3e64);border-color:#ecddffb3;box-shadow:inset 0 1px #fff4,0 8px 28px #8b65be24,0 0 0 3px #c4a9e40a}
.signal-home .action:hover:before,:is(.user-workspace,.admin-workspace) .btn:hover:before{opacity:1;animation-duration:2.5s}.signal-home .action>span{animation:arrow-drift 5s ease-in-out infinite;opacity:.8;font-size:18px}.signal-home .action:hover>span{opacity:1;transform:translate(3px,-2px)}
.signal-home .action:focus-visible,:is(.user-workspace,.admin-workspace) .btn:focus-visible{outline:2px solid #d7c5f2;outline-offset:4px;box-shadow:0 0 0 6px #9b7bc118}.signal-home .action:active,:is(.user-workspace,.admin-workspace) .btn:active{transform:translateY(0) scale(.98);box-shadow:inset 0 2px 8px #0003}
:is(.user-workspace,.admin-workspace) .btn:disabled{opacity:.45;animation:none;background:#15121b;border-color:#665b7830;box-shadow:none;transform:none}
body.user-workspace,body.admin-workspace{--accent:#c5b4dd;--accent-soft:#c5b4dd0c;--bg:#08070c;--panel:#100e16;--border:#302a39;--muted:#a59bae}
:is(.user-workspace,.admin-workspace) .layout{background:#08070c}:is(.user-workspace,.admin-workspace) .card{background:#100e16f5;border-color:#302a39}:is(.user-workspace,.admin-workspace) .nav-link.active{color:#d4c3ec;background:#c2a3ee0b;border-color:#c2a3ee19}:is(.user-workspace,.admin-workspace) .nav-link.active:before{background:#b7a0d1}:is(.user-workspace,.admin-workspace) .brand:before{color:#c5b4dd}:is(.user-workspace,.admin-workspace) .launch-link{background:#141019;border-color:#33293e}:is(.user-workspace,.admin-workspace) .launch-link>.icon:first-child,:is(.user-workspace,.admin-workspace) .metric-label .icon{color:#c5b4dd}:is(.user-workspace,.admin-workspace) .avatar{background:#c5b4dd0e;border-color:#c5b4dd26;color:#d8c8eb}:is(.user-workspace,.admin-workspace) .quota-track>i,:is(.user-workspace,.admin-workspace) .bar-fill{background:linear-gradient(90deg,#78618d,#c8b8dc)}
@keyframes primary-light{50%{box-shadow:inset 0 1px #eee3ff30,0 2px 3px #0004,0 7px 27px #8b65be2b}}
@keyframes galaxy-detail-drift{from{transform:scale(1.01) rotate(-.6deg)}to{transform:scale(1.055) rotate(.6deg)}}
@media(max-width:760px){.galaxy-depth{inset:-20px -40% 0}.galaxy-depth:before{opacity:.84;background-position:center 58%;filter:saturate(.8)}.future-copy .action{min-height:48px;padding:12px 14px}.future-copy .trial-note{font-size:10px}.motion-control{min-height:30px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}