/* Recken visual system. Keep this last in every page head. */
:root{--bg:#0d0d15;--surface:#131421;--line:#323049;--text:#f1ecfb;--muted:#b3aac6;--recken-ice:#ac91e5;--recken-gold:#a689e3;--recken-violet:#a78edd;color-scheme:dark}
body{background:#0d0d15;color:var(--text)}
.flow-backdrop{background:radial-gradient(ellipse 64% 74% at 98% 14%,#533b85a3,transparent 69%),radial-gradient(ellipse 58% 52% at 3% 95%,#5d34b44d,transparent 72%),linear-gradient(135deg,#10101c 10%,#0d0d17 53%,#141424 100%)}
.flow-backdrop::before{content:'';position:absolute;inset:-20%;pointer-events:none;background:conic-gradient(from 150deg at 65% 45%,transparent 0%,#563c8e26 12%,transparent 27%,#8b66db21 43%,transparent 58%,#7254b327 77%,transparent 100%);filter:blur(36px);animation:recken-ambient 32s ease-in-out infinite alternate}
.flow-backdrop::after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.12;background:repeating-linear-gradient(0deg,transparent 0 79px,#947dc6 80px),repeating-linear-gradient(90deg,transparent 0 79px,#947dc6 80px);mask-image:linear-gradient(120deg,transparent 7%,black 60%,transparent 100%)}
.flow-vignette{background:radial-gradient(ellipse at 48% 37%,transparent 16%,#0d0d1566 95%)}
@keyframes recken-ambient{from{transform:translate3d(-4%,-3%,0) rotate(-5deg)}to{transform:translate3d(5%,4%,0) rotate(6deg)}}
.flow-halo{background:radial-gradient(ellipse,#7053ad5a 0%,#3b37682d 33%,transparent 69%)}.halo-two{background:radial-gradient(ellipse,#704dbb3d 0%,transparent 69%)}
::selection{background:#c7b5ee;color:#11111f}
:where(a,button,input,select,textarea):focus-visible{outline:2px solid var(--recken-ice);outline-offset:3px}
.header{background:linear-gradient(100deg,#0e0e1af5,#16172af0);border-bottom:1px solid #39365ab0;box-shadow:0 10px 40px #03070958;backdrop-filter:blur(18px)}
.brand{letter-spacing:.13em}.brand img{filter:drop-shadow(0 1px 12px #c5b2ed52)}
.cursor-ring{border-color:#ac91e4c9}.cursor-core{background:#c5b2ed;box-shadow:0 0 13px #9b7ae09c}.cursor-trail{background:#9b80d5b8;box-shadow:0 0 12px #9b7be070}.cursor-follower.is-hovering .cursor-ring{border-color:#cab9ee;background:#997dd518}
.header nav a,.nav-login{transition:color .2s,border-color .2s,background .2s}.header nav a:hover,.header nav a[aria-current=page]{color:var(--recken-ice)}
.nav-invite,.nav-actions .nav-invite{border-color:#7d69a87d;background:linear-gradient(115deg,#333055,#433e77);color:#f1ecfb;box-shadow:inset 0 1px #c7b5ee3a,0 8px 30px #0c0c1688}
.nav-invite:hover,.nav-actions .nav-invite:hover{border-color:#c0aceb;background:#654f94;color:white}
.nav-login{border-color:#3b385a;background:#161728;color:#c4b4e6}.nav-login:hover{border-color:#aa8ee5;color:#fff}
.nav-mobile-toggle{display:none;border:1px solid #605081;background:#333059;color:#e5ddf7;padding:8px 12px;font-size:12px;font-weight:700;letter-spacing:.06em}
.header .nav-menu summary:hover{color:var(--recken-ice)}.header .nav-menu-panel{background:#191a29;border:1px solid #584b75;box-shadow:0 20px 50px #02080cc9}
.eyebrow,.plan-kicker,.pilot-eyebrow{color:var(--recken-gold);letter-spacing:.18em}.tiny-line{background:var(--recken-gold)}
.hero-copy{position:relative}.hero-copy:before{content:'RECKEN  /  SYSTEM';position:absolute;top:-44px;left:0;font-size:9px;letter-spacing:.24em;color:#a189d5}
.hero h1,.section-heading h2,.command-copy h2,.pricing-copy h2{color:#f4f1f9;text-shadow:0 3px 24px #060d17}
.hero h1 .outline{-webkit-text-stroke-color:#a486e3;color:transparent}
.hero-description,.section-heading p,.command-copy p,.pricing-copy p{color:#bbaed6}
.hero .free-promo{border-color:#644e92;background:linear-gradient(105deg,#162431,#353260,#172833);color:#d4c5f2;box-shadow:0 0 26px #8057d73b}.hero .free-promo i{background:#bba4ea;color:#192029}
.hero-visual{background:radial-gradient(ellipse at 50% 33%,#322f5a88,transparent 55%),linear-gradient(145deg,#141526,#0e0e19);border-color:#584977;box-shadow:0 26px 90px #02080bb3,inset 0 1px #b197e736}
.visual-label,.visual-bottom{border-color:#4a4770;color:#b39de1}.hero-module-tabs button.active{background:#c9b7ee;color:#131421}
.hero-actions .primary,.button.primary,.pricing-card .button{background:#d5c8f2;color:#141526;border-color:#bca6ea;box-shadow:0 7px 30px #a385e232}
.hero-actions .primary:hover,.button.primary:hover{background:white;box-shadow:0 12px 44px #9979df59}
.button:not(.primary),.small-button,.text-link{border-color:#4a4770;color:#c9b8ee}
.metric-card,.feature-lead,.feature-row,.pricing-card,.steps article,.module-card,.editor-card,.preview-card,.dashboard-sidebar,.connection-bar,.service-card,.platform-card,.pilot-card,.live-staff-panel,.ai-overview{background:linear-gradient(150deg,#202132cc,#151521cc 70%);border-color:#3f3d5c;box-shadow:0 16px 48px #02070b48,inset 0 1px #c7b4ee0d}
.metric-card:hover,.feature-row:hover,.module-card:hover{border-color:#7094a5}
.feature-number,.step-number,.feature-tag,.coming-badge{color:var(--recken-gold)}
.feature-lead{background:radial-gradient(ellipse at 85% 16%,#5d449255,transparent 55%),linear-gradient(145deg,#202138,#131421)}
.ticket-flow span{border-color:#75629e;background:#2a2747;color:#cab9ee}.lead-bottom{border-color:#625087;color:#cfc0f0}
.module-strip,.public-stats,.pricing,.footer{border-color:#363453}
.studio-heading h1,.platform-heading h1,.service-heading h1,.plan-intro h1{color:#f4f2f8}
.studio-heading h1>span{color:#ad93e5}
.dashboard-sidebar nav button.active{background:linear-gradient(105deg,#c4b0ed,#ab91e3);color:#131423}
.dashboard-sidebar nav button:hover:not(.active),.dashboard-sidebar nav a:hover{background:#38346580;color:#fff}
.module-card{background:#1b1c30}.save-bar,.custom-row,.pilot-card,.connection-bar{background:#18192a;border-color:#444163}
.license-badge,.pilot-status{border-color:#7b68a2;color:#cdbdef;background:#2a2749}
.platform-main button,.service-main button,.service-main .button,.pilot-card button{background:#2c2a47;border-color:#6c5b91;color:#d8ccf3}
.platform-main button:hover,.service-main button:hover,.pilot-card button:hover{background:#3c386b;border-color:#ac92e5}
.platform-main input,.platform-main select,.platform-main textarea,.service-main input,.service-main select,.service-main textarea,.pilot-card input,.pilot-card select,.studio input,.studio select,.studio textarea{background:#10101b;border-color:#464368;color:#f3f5f3}
.platform-card,.service-card{background:linear-gradient(150deg,#191a29bf,#101920ef)}
.data-row,.metric,.ticket-row,.message,.review-facts>div{background:#212239;border-color:#474371}.ticket-row.active{border-color:#ab90e5!important;background:#373364!important}.message.staff{border-left-color:#a183e2}
.live-thread-head,.live-staff-queue{border-color:#615182}.live-workspace-switcher button.active{background:#c5b2ed;color:#161729}
.footer{color:#b4a5d4}.footer a:hover{color:#b7a0e9}
/* The eight-piece R is cut from a transparent mark, with no black disk. */
.recken-stage{background:radial-gradient(ellipse 33% 66% at 50% 42%,#59428b80,transparent 84%),radial-gradient(ellipse 65% 100% at 50% 100%,#3a366a72,transparent 85%),linear-gradient(130deg,#16172a,#10111e 55%,#17182a);border-color:#726098;box-shadow:0 34px 95px #030a11a8,inset 0 1px #c4b1ed34}
.recken-stage::before{background:repeating-linear-gradient(0deg,transparent 0 43px,#a68ed80b 44px),linear-gradient(90deg,#0e0e19b0,transparent 29%,transparent 71%,#0e0e19b0)}
.recken-stage .stage-blade{filter:drop-shadow(0 0 26px #ab90e566);mix-blend-mode:normal}
.recken-stage .stage-orbit{border-color:#ae93e652;box-shadow:0 0 43px #a588e330,inset 0 0 42px #a588e315}
.recken-stage .stage-signal{border-color:#7e6ba53b;color:#d4c5f2}.recken-stage .stage-signal-index{color:#c1acec}.recken-stage .stage-signal i{background:#baa3ea;box-shadow:0 0 14px #9f80e1}
.recken-stage .stage-foot{border-color:#7f6ca85e}.recken-stage .stage-foot em{-webkit-text-stroke-color:#b9a3e9}.recken-stage .stage-head span:last-child{color:#b6a2df}
/* Four individual plan identities, carried by surfaces rather than bright page backgrounds. */
.plan-wrap{color:var(--text)}.plan-intro{border-color:#5b5072;min-height:260px;position:relative;background:radial-gradient(ellipse 46% 80% at 88% 40%,#6b539d36,transparent 76%)}.plan-intro>div{position:relative;z-index:1}.plan-intro:before{content:'';position:absolute;inset:0 -14px auto;pointer-events:none;height:1px;background:linear-gradient(90deg,#ad92e6,transparent 66%)}
.plan-intro h1 em{-webkit-text-stroke:1px #b39be5}.plan-intro p{color:#b7a9d4}.plan-caption{display:flex;gap:26px;flex-wrap:wrap;margin:18px 0 0;font-size:10px;letter-spacing:.16em;color:#9c8bc0}
.plan-emblem{width:208px;height:208px;background:radial-gradient(circle,#373363,#141424 72%);border-color:#7864a3}.plan-emblem img{width:116px;height:116px}.plan-emblem span{color:#b8a3e4}
.plan-toolbar{align-items:center}.plan-toolbar p{color:#ada0c9}.plan-duration{border:1px solid #45416d;background:#1c1d34;padding:12px 17px!important;font-size:11px!important;letter-spacing:.07em;color:#cdbdef!important}.plan-duration b{color:#b9a3e9;padding:0 5px}
.plan-card{min-height:545px;background:#151627;--accent:#cfc2ea;--glow:#a28ad421;--edge:#77669c;padding:25px 22px;box-shadow:0 12px 50px #02060b88}
.plan-card:after{background:radial-gradient(ellipse at 82% -10%,var(--glow),transparent 57%),linear-gradient(150deg,#212239,#131421 70%)}
.plan-card[data-plan=pro]{--accent:#aa8ee5;--glow:#906cdd35;--edge:#6f4db8}
.plan-card[data-plan=platinum]{--accent:#bca7e8;--glow:#7f5dc835;--edge:#6e589d}
.plan-card[data-plan=diamond]{--accent:#b299e7;--glow:#845cd94c;--edge:#7d55d1}
.plan-card:hover{transform:translateY(-6px);box-shadow:0 26px 70px var(--glow),0 20px 60px #02070bd9}
.plan-card-title{align-items:center}.plan-card h2{font-family:var(--display);font-size:clamp(42px,3.4vw,58px);letter-spacing:.015em;text-transform:uppercase}.plan-card>p{color:#b9add4;min-height:64px}.plan-stat{border-color:#ffffff2e}.plan-stat span{color:#cebef0}.plan-card li{color:#d4c7ef}.plan-action{margin-top:auto;min-height:54px;font-weight:700;letter-spacing:.015em}
.plan-compare{padding:70px 0 22px}.plan-compare-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;border-top:1px solid #625187;padding-top:27px}.plan-compare-heading h2{font-family:var(--display);text-transform:uppercase;font-size:clamp(35px,4vw,57px);margin:4px 0 0;line-height:1}.plan-compare-heading>p{max-width:340px;color:#b2a6cc;font-size:13px}
.plan-compare-scroll{overflow-x:auto;margin-top:24px;border:1px solid #38515d;background:#151627}.plan-compare table{width:100%;border-collapse:collapse;min-width:660px;text-align:center;font-size:13px}.plan-compare th,.plan-compare td{padding:17px 18px;border-bottom:1px solid #3f3d5c}.plan-compare th:first-child{text-align:left}.plan-compare thead{background:#252342;color:#f0eef4}.plan-compare tbody th{font-weight:500;color:#cec0eb}.plan-compare tbody td:nth-child(3){color:#aa8ee5}.plan-compare tbody td:nth-child(4){color:#bca7e8}.plan-compare tbody td:nth-child(5){color:#b299e7}.plan-compare tr:last-child>*{border-bottom:0}
.plan-footer{border-color:#474370}.plan-footer p{color:#b3a6ce}
@media(max-width:900px){.plan-emblem{display:none}.plan-compare-heading{align-items:start;flex-direction:column}.plan-compare-heading>p{max-width:none}}
@media(max-width:760px){.header{gap:10px}.nav-mobile-toggle{display:inline-flex;align-items:center;justify-content:center}.header nav{display:flex;position:absolute;top:100%;left:0;right:0;max-height:calc(100dvh - 76px);overflow:auto;flex-direction:column;align-items:stretch;gap:0;padding:8px 20px 22px;background:#161628;border-bottom:1px solid #605083;box-shadow:0 20px 45px #02070bc9;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);transition:opacity .18s,transform .18s,visibility .18s}.header.mobile-nav-open nav{opacity:1;visibility:visible;pointer-events:auto;transform:none}.header nav>a,.header nav .nav-menu>summary{display:block;padding:12px 4px;border-bottom:1px solid #373457}.header nav .nav-menu-panel{position:static;box-shadow:none;margin:5px 0 9px;padding:5px}.nav-actions{margin-left:auto;min-width:0}.nav-login{overflow:hidden;text-overflow:ellipsis;max-width:170px}}
@media(max-width:600px){.plan-wrap{padding-inline:20px}.plan-duration{font-size:10px!important}.plan-card{min-height:auto}.plan-intro h1{font-size:clamp(58px,12vw,80px)}.plan-caption{gap:12px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.plan-card:hover{transform:none}.flow-backdrop::before{animation:none}}

/* Premium, expansion-ready plan gallery: three cards per row with balanced overflow rows. */
.plan-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:22px;perspective:1400px}
.plan-card{flex:0 1 calc((100% - 44px)/3);min-width:0;min-height:590px;padding:28px 26px;border-color:color-mix(in srgb,var(--edge),#fff 14%);box-shadow:0 22px 70px #08020885,inset 0 1px #ffffff16;transform:translateZ(0)}
.plan-card:before{inset:-1px;opacity:.9;filter:saturate(1.15)}
.plan-card:after{inset:1px;background:radial-gradient(circle at 86% 2%,color-mix(in srgb,var(--accent),transparent 70%),transparent 30%),radial-gradient(circle at 12% 108%,var(--glow),transparent 44%),linear-gradient(145deg,#282644 0%,#17182b 44%,#10101c 100%)}
.plan-card:hover{transform:translateY(-10px) rotateX(1deg);box-shadow:0 30px 90px var(--glow),0 25px 80px #050206c7,inset 0 1px #ffffff24}
.plan-number{padding-bottom:18px;border-bottom:1px solid color-mix(in srgb,var(--accent),transparent 74%)}
.plan-card-title{margin-top:24px}.plan-card-title strong{font-size:58px;color:color-mix(in srgb,var(--accent),transparent 78%)}
.plan-card>p{min-height:50px;margin:12px 0 6px;font-size:14px}
.plan-stat{position:relative;margin:16px 0 10px;padding:20px 16px;border:1px solid color-mix(in srgb,var(--accent),transparent 72%);background:linear-gradient(105deg,color-mix(in srgb,var(--accent),transparent 91%),transparent)}
.plan-stat:after{content:'';position:absolute;top:-1px;right:18px;width:48px;height:1px;background:var(--accent);box-shadow:0 0 14px var(--accent)}
.plan-card li{padding:10px 0;border-bottom:1px solid #ffffff09}.plan-card li:last-child{border-bottom:0}
.plan-action{position:relative;overflow:hidden;padding:16px 17px;background:linear-gradient(110deg,color-mix(in srgb,var(--accent),transparent 88%),#ffffff03)}
.plan-action:before{content:'';position:absolute;inset:0;transform:translateX(-110%);background:linear-gradient(100deg,transparent,#ffffff16,transparent);transition:transform .55s ease}.plan-action:hover:before{transform:translateX(110%)}
.plan-card[data-plan=diamond]{box-shadow:0 24px 84px #7245d326,0 22px 70px #08020885,inset 0 1px #ffffff1c}
.plan-compare{padding-top:90px}.plan-compare-heading{padding:32px 4px 0}.plan-compare-scroll{position:relative;overflow:auto;border-color:#77649f;box-shadow:0 24px 80px #07020775,inset 0 1px #ffffff10}.plan-compare thead{position:sticky;top:0;z-index:2;background:linear-gradient(90deg,#2e2b51,#22233c)}.plan-compare thead th{color:#fff}.plan-compare tbody tr{transition:background .2s ease}.plan-compare tbody tr:hover{background:#ffffff08}.plan-compare tbody th{position:sticky;left:0;z-index:1;background:#17182a}.plan-compare tbody td{font-variant-numeric:tabular-nums}
@media(max-width:1180px){.plan-card{flex-basis:calc((100% - 22px)/2);min-height:560px}}
@media(max-width:700px){.plan-grid{gap:16px}.plan-card{flex-basis:100%;min-height:auto;padding:24px 21px}.plan-card:hover{transform:translateY(-5px)}.plan-compare{padding-top:62px}}

/* Warm aurora identity across public, dashboard, and support views. */
html{background:#170914}
body{background:radial-gradient(ellipse 65% 35% at 12% 2%,#39356666,transparent 80%),radial-gradient(ellipse 57% 33% at 95% 46%,#6b4daa44,transparent 78%),radial-gradient(ellipse 76% 40% at 32% 98%,#52349252,transparent 80%),#170914;color:#f1ecfb}
.flow-backdrop{background:radial-gradient(ellipse 65% 55% at 2% 2%,#6446a577,transparent 70%),radial-gradient(ellipse 56% 45% at 95% 55%,#7049c470,transparent 73%),radial-gradient(ellipse 78% 46% at 45% 100%,#53388b66,transparent 75%),linear-gradient(135deg,#190a17,#141526 48%,#151627)}
.flow-backdrop::before{background:conic-gradient(from 152deg at 57% 50%,transparent 0%,#9370de38 18%,transparent 36%,#7d56cf3d 58%,transparent 75%,#7a56c742 89%,transparent 100%);filter:blur(58px)}
.flow-halo{background:radial-gradient(ellipse,#9f80e159 0%,#694baa40 38%,transparent 69%)}
.halo-two{background:radial-gradient(ellipse,#a88be457 0%,transparent 69%)}
.flow-vignette{background:radial-gradient(ellipse at 48% 38%,transparent 23%,#0c0c164d 100%)}
.header{background:linear-gradient(100deg,#111220ef,#1c1d34ef);border-color:#7d68a988}
.hero-visual,.feature-lead,.metric-card,.feature-row,.pricing-card,.steps article,.module-card,.editor-card,.preview-card,.dashboard-sidebar,.connection-bar,.service-card,.platform-card,.pilot-card,.live-staff-panel,.ai-overview{background:radial-gradient(ellipse at 95% 0%,#59438747,transparent 62%),linear-gradient(145deg,#1e1f35cc,#161726e8);border-color:#6e5c9480}
.hero-visual{background:radial-gradient(ellipse at 50% 20%,#765cad61,transparent 59%),linear-gradient(145deg,#20213c,#131424)}
.recken-stage{background:radial-gradient(ellipse 37% 60% at 50% 40%,#6f53a957,transparent 78%),radial-gradient(ellipse 70% 70% at 52% 100%,#6e49bc60,transparent 80%),linear-gradient(130deg,#1a1a2f,#21223d 48%,#141525);border-color:#997ed199;box-shadow:0 34px 100px #0a0a1299,inset 0 1px #c8b6ee55}
.recken-stage::before{background:repeating-linear-gradient(0deg,transparent 0 43px,#b49be830 44px),linear-gradient(90deg,#151526b3,transparent 30%,transparent 70%,#151526b3)}
.recken-stage .stage-blade{filter:drop-shadow(0 0 28px #c1adec99);mix-blend-mode:normal}
.recken-stage .stage-orbit{border-color:#b7a0e980;box-shadow:0 0 44px #a98ee466,inset 0 0 40px #9876df40}
.recken-stage .stage-signal{border-color:#a591d066;color:#eee9fa}.recken-stage .stage-signal-index{color:#af95e6}.recken-stage .stage-signal i{background:#bda8ea;box-shadow:0 0 18px #b198e7}
.plan-intro{background:radial-gradient(ellipse 47% 84% at 89% 43%,#7e60be5b,transparent 76%)}
.plan-card{background:#171829}.plan-card:after{background:radial-gradient(ellipse at 82% -10%,var(--glow),transparent 57%),linear-gradient(150deg,#272541,#131424 70%)}
.plan-card[data-plan=diamond]{--accent:#b299e7;--glow:#855dd957;--edge:#8963da}
.plan-compare-scroll{background:#151627;border-color:#6c5a92}.plan-compare thead{background:#2c2950}
@media(max-width:760px){.header nav{background:#1a1b31;border-color:#7b67a6}}
/* Give each setup card a real interior and enough room for wrapped copy. */
.steps{align-items:stretch}
.steps article{min-height:280px;padding:25px 27px 30px;border:1px solid #7c67a980;background:radial-gradient(circle at 100% 0%,#826bb338,transparent 70%),linear-gradient(145deg,#272542,#191a2b);display:flex;flex-direction:column}
.steps article .step-number{width:100%}
.steps article h3{margin:29px 0 12px}
.steps article p{color:#cfc4e6;line-height:1.65}
.pricing-card .button.secondary{background:#cab9ef;border:1px solid #c5b2ed;color:#18192d;box-shadow:0 8px 30px #a081e252}
.pricing-card .button.secondary span{color:#18192d}
.pricing-card .button.secondary:hover{background:#e0d6f5;color:#121322;border-color:#e0d6f5}
@media(max-width:760px){.steps article{min-height:0;padding:24px 25px 29px}}

/* The same peach selection language is used in every navigation menu. */
:root{--nav-active-bg:#b69ee8;--nav-active-text:#161729}
.header .nav-menu-panel{background:linear-gradient(150deg,#1c1d34,#151526);border-color:#725e9d;box-shadow:0 20px 55px #07080ebf}
.header .nav-menu-panel a:hover,.header .nav-menu-panel a[aria-current=page]{background:var(--nav-active-bg);color:var(--nav-active-text)}
.header .nav-menu.contains-current>summary{color:#c2aeec}
.header nav>a[aria-current=page]{color:#c2aeec}

/* Custom server picker avoids the operating system's blue selection menu. */
.server-picker-label{display:block;color:#c0b5d8!important}
.server-picker{position:relative;display:block;margin-top:8px}
.server-picker>select{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.server-picker-button{width:100%;min-height:51px;padding:0 16px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:15px;background:linear-gradient(135deg,#20213b,#151628)!important;border:1px solid #876fba!important;border-radius:0!important;color:#f1ecfb!important;font-size:15px!important;text-align:left;box-shadow:inset 0 1px #bfaaeb24,0 8px 25px #08091052}
.server-picker-button>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.server-picker-button>i{width:8px;height:8px;flex:none;border-right:2px solid #b9a3e9;border-bottom:2px solid #b9a3e9;rotate:45deg;translate:0 -2px;transition:rotate .2s,translate .2s}
.server-picker.open .server-picker-button>i{rotate:225deg;translate:0 -1px}
.server-picker-button:disabled{opacity:.55;cursor:not-allowed}
.server-picker-menu{position:absolute;z-index:30;top:calc(100% + 7px);left:0;right:0;padding:7px;background:#131423;border:1px solid #7862a6;box-shadow:0 22px 50px #06070cc9;max-height:280px;overflow:auto}
.server-picker-menu[hidden]{display:none}
.server-picker-option{display:block!important;width:100%;padding:12px 13px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#cec2e7!important;text-align:left;font-size:14px!important}
.server-picker-option:hover,.server-picker-option:focus-visible{background:#2b284a!important;color:#fff!important;outline:1px solid #886fbd;outline-offset:-1px}
.server-picker-option[aria-selected=true]{background:linear-gradient(90deg,#7d5fbd,#59408e)!important;color:#f5f2fc!important}

/* Cards navigate; only their dedicated switch changes module state. */
.module-card{position:relative;align-items:center;min-height:128px;padding:22px 22px 20px;cursor:pointer;border-color:#615085;background:radial-gradient(circle at 100% 0%,#684f9c38,transparent 67%),linear-gradient(140deg,#1d1e35,#141525);transition:transform .2s,border-color .2s,background .2s,box-shadow .2s}
.module-card:hover,.module-card:focus-visible{transform:translateY(-2px);border-color:#9d7fdd;box-shadow:0 16px 40px #0809107a,inset 0 1px #c9b8ee2b;outline:0}
.module-card:has(input:checked){border-color:#9779d7;background:radial-gradient(circle at 100% 0%,#8b6ad044,transparent 67%),linear-gradient(140deg,#282547,#17182b)}
.module-card-copy{flex:1;min-width:0}.module-card-copy p{margin:7px 0 13px;color:#b8adcf}.module-card-hint{font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:#a386e2}
.module-switch{position:relative!important;display:block!important;flex:0 0 auto!important;width:48px!important;height:27px!important;margin:0!important;cursor:pointer!important}
.module-switch input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.module-switch-track{position:absolute;inset:0;border:1px solid #716095;border-radius:999px;background:#0e0e19;transition:background .2s,border-color .2s,box-shadow .2s}
.module-switch-track::after{content:'';position:absolute;width:19px;height:19px;left:3px;top:3px;border-radius:50%;background:#988dae;box-shadow:0 2px 7px #050509;transition:translate .2s,background .2s}
.module-switch input:checked+.module-switch-track{background:linear-gradient(90deg,#7758b8,#8e6adc);border-color:#a183e2;box-shadow:0 0 19px #9674df4f}
.module-switch input:checked+.module-switch-track::after{translate:21px 0;background:#f2edfb}
.module-switch input:focus-visible+.module-switch-track{outline:2px solid #b9a3e9;outline-offset:3px}
.module-switch input:disabled+.module-switch-track{opacity:.38;cursor:not-allowed}
.module-card.plan-locked{opacity:.66}

/* Preserve the sidebar layout, but move it inward and make each destination a card. */
.dashboard-layout{grid-template-columns:280px minmax(0,1fr);gap:36px;padding-inline:18px;align-items:start}
.dashboard-sidebar{position:sticky;top:115px;width:100%;max-width:none;padding:0;display:block;overflow:visible;background:transparent;border:0;box-shadow:none}
.dashboard-sidebar .server-picker-label{width:100%;min-width:0;margin:0 0 13px;padding:16px;background:linear-gradient(145deg,#1d1e35,#141525);border:1px solid #605081}
.dashboard-sidebar nav{display:grid!important;grid-template-columns:1fr;gap:8px;margin:0}
.dashboard-sidebar nav button,.dashboard-sidebar nav a{min-height:48px;padding:12px 14px!important;border:1px solid #434069!important;background:linear-gradient(135deg,#17182c,#131424)!important;color:#bdb3d2!important;box-shadow:inset 0 1px #c1adec0b;transition:background .2s,border-color .2s,color .2s,transform .2s}
.dashboard-sidebar nav button:hover:not(.active),.dashboard-sidebar nav a:hover{background:#252341!important;border-color:#7963a9!important;color:#efeafa!important;transform:translateX(3px)}
.dashboard-sidebar nav button.active:not([data-health]){background:var(--nav-active-bg)!important;border-color:#cdbdef!important;color:var(--nav-active-text)!important}
.dashboard-sidebar nav button.active span{color:#3f3b6c}
.dashboard-sidebar>p{display:block!important;margin:13px 0 0;padding:15px;border:1px solid #3c395d;background:#141526;color:#958ca9;font-size:11px;line-height:1.55}
.dashboard-main{min-width:0;background:transparent;overflow:visible}
.server-summary{max-width:100%;min-width:0}.server-summary>div{min-width:0}.server-summary h2{max-width:100%}
@media(max-width:1100px){.dashboard-layout{grid-template-columns:245px minmax(0,1fr);gap:24px;padding-inline:10px}}
@media(max-width:820px){.dashboard-layout{grid-template-columns:1fr;padding-inline:0}.dashboard-sidebar{position:static}.dashboard-sidebar nav{grid-template-columns:1fr 1fr}.dashboard-sidebar>p{display:none!important}}
@media(max-width:600px){.module-card{min-height:115px}.server-picker-menu{position:static;margin-top:7px}.dashboard-sidebar nav{grid-template-columns:1fr}}

/* Plans / capacity interface — intentionally editorial, kinetic, and product-specific. */
.plan-intro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);align-items:center;gap:60px;overflow:hidden}
.plan-system{position:relative;width:min(100%,480px);aspect-ratio:1;margin-inline:auto;opacity:0;transform:translateY(24px) scale(.96);transition:opacity .8s ease,transform 1s cubic-bezier(.2,.8,.2,1)}
.plan-system.is-visible{opacity:1;transform:none}
.plan-system:before{content:'';position:absolute;inset:13%;border-radius:50%;background:radial-gradient(circle,#b9a3e924 0 12%,#734ec338 33%,transparent 67%);filter:blur(8px);animation:capacity-breathe 5s ease-in-out infinite}
.plan-system:after{content:'';position:absolute;inset:4%;background:repeating-conic-gradient(from 0deg,transparent 0 17deg,#c2afec28 18deg,transparent 19deg 35deg);mask:radial-gradient(circle,transparent 0 70%,#000000 70.5% 71%,transparent 71.5%);animation:capacity-spin 38s linear infinite}
.plan-system-orbit{position:absolute;inset:13%;border:1px solid #a488e170;border-radius:50%;box-shadow:inset 0 0 50px #6f47c420,0 0 55px #9370dd16}
.orbit-a{animation:capacity-spin 18s linear infinite}.orbit-b{inset:24%;border-color:#baa3ea66;animation:capacity-spin-reverse 13s linear infinite}.orbit-c{inset:35%;border-style:dashed;border-color:#d1c2f155;animation:capacity-spin 9s linear infinite}
.plan-system-core{position:absolute;inset:38%;display:grid;place-items:center;align-content:center;border:1px solid #c1adec9c;background:radial-gradient(circle at 50% 25%,#423d77,#161628 68%);box-shadow:0 0 0 10px #b8a1e90a,0 0 70px #8d68dc51,inset 0 1px #cfbff078;clip-path:polygon(50% 0,88% 20%,100% 60%,72% 100%,28% 100%,0 60%,12% 20%)}
.plan-system-core span,.plan-system-core small{font-size:7px;letter-spacing:.22em;color:#b7a5dc}.plan-system-core b{margin:5px 0;font:500 clamp(19px,2.2vw,32px)/1 var(--display);letter-spacing:.08em;color:#f1ecfb;text-shadow:0 0 26px #b49be8}
.plan-node{position:absolute;width:9px;height:9px;border:1px solid #ccbbef;border-radius:50%;background:#ae94e6;box-shadow:0 0 0 5px #ab8fe520,0 0 22px #ae94e6}.node-1{left:18%;top:27%;animation:node-pulse 2.4s ease-in-out infinite}.node-2{right:9%;top:49%;animation:node-pulse 2.4s .6s ease-in-out infinite}.node-3{left:31%;bottom:9%;animation:node-pulse 2.4s 1.2s ease-in-out infinite}.node-4{right:27%;top:12%;animation:node-pulse 2.4s 1.8s ease-in-out infinite}
.plan-system-label{position:absolute;padding:7px 10px;border:1px solid #6e599c;background:#131322cc;color:#baaadc;font-size:7px;letter-spacing:.18em;backdrop-filter:blur(10px)}.label-a{left:0;top:53%}.label-b{right:0;bottom:22%}
@keyframes capacity-spin{to{rotate:360deg}}@keyframes capacity-spin-reverse{to{rotate:-360deg}}@keyframes capacity-breathe{50%{scale:1.08;opacity:.72}}@keyframes node-pulse{50%{scale:1.65;filter:brightness(1.25)}}
.plan-grid{gap:24px}.plan-grid:has(.plan-card:hover) .plan-card:not(:hover){opacity:.68;filter:saturate(.72) brightness(.78);transform:scale(.985)}
.plan-card{--mx:80%;--my:0%;--rx:0deg;--ry:0deg;opacity:0;transform:translateY(34px) rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:opacity .65s ease calc(var(--card-index,0)*80ms),transform .65s cubic-bezier(.2,.8,.2,1) calc(var(--card-index,0)*80ms),filter .3s ease,box-shadow .3s ease,border-color .3s ease}
.plan-card.is-visible{opacity:1;transform:translateY(0) rotateX(var(--rx)) rotateY(var(--ry))}
.plan-card:hover{transform:translateY(-12px) rotateX(var(--rx)) rotateY(var(--ry));z-index:3}
.plan-card:after{background:radial-gradient(circle at var(--mx) var(--my),color-mix(in srgb,var(--accent),transparent 68%),transparent 26%),radial-gradient(ellipse at 82% -10%,var(--glow),transparent 57%),linear-gradient(150deg,#272541,#131424 70%)}
.plan-card:before{animation-duration:8s}.plan-number,.plan-card-title,.plan-card>p,.plan-stat,.plan-card ul,.plan-action{transform:translateZ(18px)}
.plan-card-title strong{animation:plan-number-float 4s ease-in-out infinite}@keyframes plan-number-float{50%{translate:0 -5px;opacity:.7}}
.plan-compare{opacity:0;translate:0 30px;transition:opacity .8s ease,translate .8s cubic-bezier(.2,.8,.2,1)}.plan-compare.is-visible{opacity:1;translate:0}
.plan-compare-scroll:before{content:'';position:absolute;z-index:3;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#bca6ea,#8864d6,#bca6ea,transparent);background-size:40% 100%;animation:compare-scan 5s linear infinite}@keyframes compare-scan{to{background-position:250% 0}}
@media(max-width:980px){.plan-intro{grid-template-columns:1fr}.plan-system{display:none}}
@media(prefers-reduced-motion:reduce){.plan-system,.plan-card,.plan-compare{opacity:1;transform:none;translate:0}.plan-system:before,.plan-system:after,.plan-system-orbit,.plan-node,.plan-card-title strong,.plan-compare-scroll:before{animation:none}.plan-grid:has(.plan-card:hover) .plan-card:not(:hover){opacity:1;filter:none;transform:none}}

/* Instant card response after the entrance sequence. */
.plan-card{opacity:1;transition:transform .16s cubic-bezier(.2,.75,.25,1) .035s,filter .12s linear,box-shadow .12s linear,border-color .12s linear}
.plan-card:not(.is-visible){opacity:0}
.plan-card.is-visible{animation:plan-card-enter .5s cubic-bezier(.16,.8,.2,1) calc(var(--card-index,0)*65ms) backwards}
@keyframes plan-card-enter{from{opacity:0;transform:translateY(28px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}

/* One light completes the entire capacity-box perimeter. */
.plan-stat{overflow:visible;isolation:isolate}
.plan-stat:after{content:'';position:absolute;inset:-1px;width:auto;height:auto;pointer-events:none;padding:1px;background:conic-gradient(from var(--rail-angle),transparent 0 82%,color-mix(in srgb,var(--accent),transparent 72%) 88%,var(--accent) 94%,#f2edfb 97%,transparent 100%);-webkit-mask:linear-gradient(#000000 0 0) content-box,linear-gradient(#000000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;filter:drop-shadow(0 0 5px var(--accent)) drop-shadow(0 0 11px var(--accent));animation:plan-stat-orbit 2.6s linear infinite}
@property --rail-angle{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes plan-stat-orbit{to{--rail-angle:360deg}}

/* Live key activation preview. */
.plan-intro{min-height:440px;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);gap:72px}
.plan-system{width:min(100%,520px);aspect-ratio:auto;min-height:390px;margin:0;padding:24px;border:1px solid #7c65ad;background:linear-gradient(145deg,#1c1d33e8,#180d16f2);box-shadow:0 28px 90px #08010780,inset 0 1px #d5c7f21c;overflow:hidden}
.plan-system:before{inset:auto -20% -65% 20%;width:440px;height:440px;background:radial-gradient(circle,#9c7ce028,transparent 66%);filter:blur(16px);animation:capacity-breathe 5s ease-in-out infinite}
.plan-system:after{inset:0;background:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:42px 42px;mask:none;animation:network-grid 12s linear infinite;opacity:.55}
.activation-head,.activation-foot,.activation-key,.unlock-row,.module-preview{position:relative;z-index:2}
.activation-head,.activation-foot{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.2em;color:#b6a5d9}
.activation-head i{font-style:normal;color:#c4b1ed}.activation-head i:before{content:'';display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:#ae94e6;box-shadow:0 0 13px #ae94e6;animation:node-pulse 2s ease-in-out infinite}
.activation-key{display:grid;grid-template-columns:1fr auto;gap:10px;margin:25px 0 12px}.activation-key>span{grid-column:1/-1;font-size:7px;letter-spacing:.2em;color:#9a8bb9}.activation-key>div{height:49px;padding:0 14px;border:1px solid #66538d;background:#0b0b14;display:flex;align-items:center;overflow:hidden}.activation-key code{display:block;width:0;white-space:nowrap;overflow:hidden;font:600 13px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.13em;color:#ebe5f9;animation:key-type 8s steps(14,end) infinite}.activation-key>div i{width:1px;height:18px;background:#c0aceb;box-shadow:0 0 9px #b097e6;animation:key-caret .65s steps(1) infinite}.activation-key>b{min-width:92px;display:grid;place-items:center;border:1px solid #856fb5;background:#282548;color:#d7caf2;font-size:8px;letter-spacing:.15em;animation:key-button 8s ease infinite}
.activation-progress{position:relative;z-index:2;height:2px;margin-bottom:13px;background:#ffffff0b;overflow:hidden}.activation-progress i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#ab8fe5,#9471de,#b9a3e9);box-shadow:0 0 13px #a88ce4;transform-origin:left;animation:key-progress 8s ease infinite}
.unlock-row{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:10px;min-height:38px;border-bottom:1px solid #ffffff0d;color:#897ea1;font-size:8px;letter-spacing:.16em;animation:unlock-row 8s ease infinite}.unlock-row i{width:7px;height:7px;border:1px solid #615085;border-radius:50%;animation:unlock-dot 8s ease infinite}.unlock-row b{font-size:8px;color:#605676}.unlock-workspace,.unlock-workspace i{animation-delay:.45s}.unlock-dashboard,.unlock-dashboard i{animation-delay:.9s}
.module-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:16px}.module-preview span{padding:10px 5px;border:1px solid #434066;background:#10101c;color:#6c6380;text-align:center;font-size:7px;letter-spacing:.1em;animation:module-unlock 8s ease infinite}.module-preview span:nth-child(2){animation-delay:.15s}.module-preview span:nth-child(3){animation-delay:.3s}.module-preview span:nth-child(4){animation-delay:.45s}
.activation-foot{margin-top:18px;color:#887d9e}.activation-foot span:first-child{animation:access-ready 8s ease infinite}
@keyframes network-grid{to{background-position:42px 42px}}
@keyframes key-type{0%,10%{width:0}31%,78%{width:15ch}88%,100%{width:0}}
@keyframes key-caret{50%{opacity:0}}
@keyframes key-button{0%,31%{filter:none}36%,45%{background:#69529b;color:#fff;box-shadow:0 0 24px #9e7fe180}55%,78%{background:#245b43;border-color:#66d99b;color:#caffdd}88%,100%{filter:none}}
@keyframes key-progress{0%,34%{transform:scaleX(0)}55%,78%{transform:scaleX(1)}88%,100%{transform:scaleX(0)}}
@keyframes unlock-row{0%,40%{color:#897ea1}52%,78%{color:#e5dcf7}88%,100%{color:#897ea1}}
@keyframes unlock-dot{0%,40%{background:transparent;box-shadow:none}52%,78%{border-color:#72e6a4;background:#72e6a4;box-shadow:0 0 12px #72e6a4}88%,100%{background:transparent;box-shadow:none}}
@keyframes module-unlock{0%,51%{border-color:#434066;background:#10101c;color:#6c6380}62%,78%{border-color:#836bb6;background:#252343;color:#e2d8f6;box-shadow:inset 0 0 18px #a486e320,0 0 12px #a386e218}88%,100%{border-color:#434066;background:#10101c;color:#6c6380}}
@keyframes access-ready{0%,57%{color:#887d9e}66%,78%{color:#8affb6;text-shadow:0 0 12px #6cff9a}88%,100%{color:#887d9e}}
@media(max-width:980px){.plan-intro{grid-template-columns:1fr;min-height:auto}.plan-system{display:none}}
@media(prefers-reduced-motion:reduce){.plan-card.is-visible{animation:none}.plan-stat:after{animation:none;background:var(--accent);filter:none}.plan-system:after,.activation-key code,.activation-key>div i,.activation-key>b,.activation-progress i,.unlock-row,.unlock-row i,.module-preview span,.activation-foot span{animation:none}.activation-key code{width:15ch}.activation-progress i{transform:none}}

/* All capacity runners share one clock. */
.plan-stat:after{animation:plan-stat-orbit 2.6s linear infinite}

/* Real Recken-style key-to-dashboard product preview. */
.plan-system,.plan-system.is-visible{opacity:1!important;transform:none!important;transition:none!important;min-height:370px;padding:0;background:#0c0c15;border-color:#6b5698}
.plan-system:before{z-index:0}.plan-system:after{z-index:0;opacity:.35}
.demo-browser,.demo-lock,.demo-granted{position:absolute;z-index:2}
.demo-browser{inset:16px;border:1px solid #444070;background:#090910;overflow:hidden;filter:blur(2px) brightness(.42);transform:scale(.985);animation:demo-dashboard-reveal 10s cubic-bezier(.2,.8,.2,1) infinite}
.demo-browser-bar{height:37px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 12px;border-bottom:1px solid #363359;background:#131424;color:#d8cbf3}.demo-browser-bar>span{display:flex;gap:5px}.demo-browser-bar>span i{width:5px;height:5px;border-radius:50%;background:#6a539a}.demo-browser-bar b{font:600 9px/1 var(--display);letter-spacing:.18em}.demo-browser-bar small{text-align:right;font-size:6px;color:#75698f}
.demo-dashboard{height:calc(100% - 37px);display:grid;grid-template-columns:93px 1fr}.demo-dashboard aside{padding:15px 9px;border-right:1px solid #2a2847;background:#0d0d18;display:flex;flex-direction:column;gap:6px}.demo-dashboard aside strong{margin-bottom:6px;font-size:6px;letter-spacing:.18em;color:#9f87d1}.demo-dashboard aside span{padding:8px 7px;border:1px solid transparent;color:#635a76;font-size:6px;letter-spacing:.08em}.demo-dashboard aside span.active{border-color:#66538d;background:#1e1f38;color:#e1d7f6}
.demo-main{padding:17px}.demo-title span{display:block;font-size:6px;letter-spacing:.2em;color:#8874b1}.demo-title b{display:block;margin-top:6px;font:500 20px/1 var(--display);color:#efeafa}.demo-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:17px 0 12px}.demo-metrics span{padding:10px;border:1px solid #353258;background:#0f101c}.demo-metrics small{display:block;font-size:5px;letter-spacing:.12em;color:#716589}.demo-metrics b{display:block;margin-top:5px;font:500 13px/1 var(--display);color:#d8ccf3}.demo-modules{display:grid;grid-template-columns:1fr 1fr;gap:7px}.demo-modules span{display:flex;justify-content:space-between;padding:10px;border:1px solid #3a3762;background:#131423;color:#c0b0e1;font-size:6px;letter-spacing:.09em}.demo-modules i{font-style:normal;color:#68e99b}
.demo-lock{inset:49px 42px auto;min-height:244px;padding:23px;border:1px solid #765ea8;background:#131424eb;box-shadow:0 25px 80px #020305cc,0 0 42px #8f6cd828;backdrop-filter:blur(10px);animation:demo-lock-cycle 10s cubic-bezier(.2,.75,.2,1) infinite}.demo-lock-head{display:flex;justify-content:space-between;margin-bottom:30px;font-size:7px;letter-spacing:.15em;color:#cebef0}.demo-lock-head i{font-style:normal;color:#9485b5}.demo-lock label{display:block;margin-bottom:8px;font-size:6px;letter-spacing:.18em;color:#8a7ba9}.demo-key-row{display:grid;grid-template-columns:1fr 76px;gap:8px}.demo-key-row>div{height:42px;padding:0 11px;display:flex;align-items:center;overflow:hidden;border:1px solid #423e6f;background:#08080f}.demo-key-row code{width:0;overflow:hidden;white-space:nowrap;font:600 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em;color:#ebe5f9;animation:demo-key-type 10s steps(14,end) infinite}.demo-key-row>div i{width:1px;height:15px;background:#c2afec;box-shadow:0 0 8px #af95e6;animation:key-caret .65s steps(1) infinite}.demo-key-row>b{display:grid;place-items:center;border:1px solid #745ca8;background:#262445;color:#ccbbef;font-size:6px;letter-spacing:.12em;animation:demo-activate 10s ease infinite}
.demo-checks{display:flex;justify-content:space-between;gap:8px;margin-top:21px}.demo-checks span{position:relative;padding-left:10px;font-size:5px;letter-spacing:.1em;color:#5e5474;animation:demo-check 10s ease infinite}.demo-checks span:before{content:'';position:absolute;left:0;top:1px;width:5px;height:5px;border-radius:50%;background:#434064;animation:demo-check-dot 10s ease infinite}.demo-checks span:nth-child(2),.demo-checks span:nth-child(2):before{animation-delay:.35s}.demo-checks span:nth-child(3),.demo-checks span:nth-child(3):before{animation-delay:.7s}
.demo-progress{height:2px;margin-top:18px;background:#ffffff0b;overflow:hidden}.demo-progress i{display:block;width:100%;height:100%;transform-origin:left;background:linear-gradient(90deg,#ab8fe5,#9370dd,#b9a2e9);box-shadow:0 0 12px #a68ae3;animation:demo-progress 10s ease infinite}
.demo-granted{left:50%;bottom:25px;translate:-50% 8px;display:flex;gap:14px;align-items:center;padding:9px 13px;border:1px solid #56c98670;background:#10241bd9;color:#91f9b8;font-size:6px;letter-spacing:.15em;opacity:0;animation:demo-granted 10s ease infinite}.demo-granted span{color:#d4f8df}
@keyframes demo-key-type{0%,10%{width:0}34%,84%{width:15ch}94%,100%{width:0}}
@keyframes demo-activate{0%,34%{background:#262445}40%,47%{background:#6d52a5;color:#fff;box-shadow:0 0 22px #9370de}52%,84%{background:#275a43;border-color:#62d99a;color:#c9ffdc}94%,100%{background:#262445}}
@keyframes demo-progress{0%,36%{transform:scaleX(0)}56%,84%{transform:scaleX(1)}94%,100%{transform:scaleX(0)}}
@keyframes demo-check{0%,40%{color:#5e5474}53%,84%{color:#e2d9f6}94%,100%{color:#5e5474}}
@keyframes demo-check-dot{0%,40%{background:#434064;box-shadow:none}53%,84%{background:#69e99d;box-shadow:0 0 9px #69e99d}94%,100%{background:#434064;box-shadow:none}}
@keyframes demo-lock-cycle{0%,50%{opacity:1;transform:none}60%,84%{opacity:0;transform:translateY(-12px) scale(.97);pointer-events:none}94%,100%{opacity:1;transform:none}}
@keyframes demo-dashboard-reveal{0%,50%{filter:blur(2px) brightness(.42);transform:scale(.985)}60%,84%{filter:none;transform:scale(1)}94%,100%{filter:blur(2px) brightness(.42);transform:scale(.985)}}
@keyframes demo-granted{0%,57%{opacity:0;translate:-50% 8px}64%,82%{opacity:1;translate:-50% 0}91%,100%{opacity:0;translate:-50% 8px}}
@media(prefers-reduced-motion:reduce){.demo-browser{filter:none;transform:none}.demo-lock{display:none}.demo-granted{opacity:1;translate:-50% 0}.demo-browser,.demo-lock,.demo-key-row code,.demo-key-row>div i,.demo-key-row>b,.demo-checks span,.demo-checks span:before,.demo-progress i,.demo-granted{animation:none}}

/* Global themed selects: hide the native control and render one clean menu. */
.themed-select{position:relative;display:block;width:100%;min-width:0}
.themed-select>select{position:absolute!important;left:0!important;top:0!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important}
.themed-select-button{width:100%;min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 14px!important;border:1px solid #454170!important;border-radius:8px!important;background:#0e0f1b!important;color:#e7dff8!important;font:inherit!important;text-align:left!important;box-shadow:inset 0 1px #ffffff0b!important;cursor:pointer;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease}
.themed-select-button:hover,.themed-select.open>.themed-select-button{border-color:#9076c6!important;background:#131424!important;box-shadow:0 0 0 1px #a386e222,inset 0 1px #ffffff10!important}
.themed-select-button:focus-visible{outline:2px solid #a386e2!important;outline-offset:2px!important}
.themed-select-button:disabled{opacity:.48;cursor:not-allowed}
.themed-select-button>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.themed-select-button>i{flex:0 0 7px;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;rotate:45deg;translate:0 -2px;transition:rotate .16s ease,translate .16s ease}
.themed-select.open>.themed-select-button>i{rotate:225deg;translate:0 2px}
.themed-select-menu{position:absolute;z-index:10000;left:0;right:0;top:calc(100% + 6px);display:block;max-height:min(310px,45vh);overflow-y:auto;padding:6px;border:1px solid #5b4981;border-radius:8px;background:#0b0c15;box-shadow:0 20px 55px #020204d9,0 0 0 1px #ffffff08;scrollbar-width:thin;scrollbar-color:#695692 #0e0e1a}
.themed-select-menu[hidden]{display:none!important}
.themed-select-option{display:block!important;width:100%!important;min-height:39px!important;padding:10px 11px!important;border:0!important;border-radius:5px!important;background:transparent!important;color:#beb2d9!important;font:inherit!important;text-align:left!important;cursor:pointer!important}
.themed-select-option:hover,.themed-select-option:focus-visible{background:#1f2039!important;color:#f2edfb!important;outline:1px solid #735ca3!important;outline-offset:-1px!important}
.themed-select-option[aria-selected="true"]{background:linear-gradient(90deg,#6c50a9,#413c75)!important;color:#f5f1fc!important}
.themed-select-option:disabled{opacity:.42;cursor:not-allowed!important}

/* Plans stay fixed in place; hover only changes light and border treatment. */
.plan-card.is-visible{--rx:0deg!important;--ry:0deg!important}
.plan-card.is-visible:hover{transform:none!important}
.plan-grid:has(.plan-card:hover) .plan-card.is-visible:not(:hover){opacity:1;filter:none;transform:none!important}
/* Keep the animated rail on the actual 1px border. The old full-size
   gradient sheet could bleed past the inset inner panel on the right edge,
   which made the Pro and Diamond cards appear to shrink inward. */
.plan-card:before{
  inset:0;
  padding:1px;
  background:conic-gradient(from var(--spin,0deg),transparent 0deg,var(--accent) 70deg,transparent 120deg,transparent 210deg,var(--accent) 300deg,transparent 360deg);
  -webkit-mask:linear-gradient(#000000 0 0) content-box,linear-gradient(#000000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
}

/* Plan cards v2: stable premium panels with no cursor tilt, scaling or
   neighboring-card dimming. Only light, border and button treatments react. */
.plan-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
  perspective:none;
}
.plan-card,
.plan-card.is-visible,
.plan-card.is-visible:hover,
.plan-grid:has(.plan-card:hover) .plan-card.is-visible:not(:hover){
  min-width:0;
  min-height:560px;
  opacity:1;
  filter:none;
  transform:none!important;
  transform-style:flat;
}
.plan-card{
  position:relative;
  overflow:hidden;
  padding:30px;
  border:1px solid color-mix(in srgb,var(--edge),#fff 18%);
  background:linear-gradient(145deg,#1b1c32 0%,#121221 58%,#0d0d17 100%);
  box-shadow:0 22px 65px #08020870,inset 0 1px #ffffff18,inset 0 0 0 1px #ffffff05;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.plan-card:before{
  content:'';
  position:absolute;
  z-index:2;
  inset:0 0 auto;
  width:auto;
  height:2px;
  padding:0;
  opacity:.9;
  background:linear-gradient(90deg,transparent 0%,var(--accent) 26%,#ebe5f9 50%,var(--accent) 74%,transparent 100%);
  background-size:220% 100%;
  -webkit-mask:none;
  mask:none;
  filter:drop-shadow(0 0 8px var(--accent));
  animation:plan-premium-rail 5.5s linear infinite;
}
.plan-card:after{
  inset:0;
  background:radial-gradient(circle at 88% 4%,color-mix(in srgb,var(--accent),transparent 77%),transparent 30%),radial-gradient(circle at 4% 108%,var(--glow),transparent 42%),linear-gradient(145deg,#20213a 0%,#141526 50%,#0d0d17 100%);
  transition:filter .18s ease,opacity .18s ease;
}
.plan-card:hover{
  border-color:color-mix(in srgb,var(--accent),#fff 24%);
  box-shadow:0 28px 78px #08020892,0 0 38px var(--glow),inset 0 1px #ffffff22,inset 0 0 0 1px color-mix(in srgb,var(--accent),transparent 88%);
}
.plan-card:hover:after{filter:brightness(1.08) saturate(1.08)}
.plan-number{padding-bottom:19px;border-bottom:1px solid color-mix(in srgb,var(--accent),transparent 68%)}
.plan-card-title{margin-top:27px}.plan-card-title strong{animation:none;opacity:.55}
.plan-stat{border-color:color-mix(in srgb,var(--accent),transparent 66%);background:linear-gradient(105deg,color-mix(in srgb,var(--accent),transparent 88%),#ffffff02)}
.plan-action{border-color:color-mix(in srgb,var(--accent),transparent 50%);transition:border-color .18s ease,background .18s ease,color .18s ease}
.plan-action:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent),transparent 82%)}
@keyframes plan-premium-rail{to{background-position:-220% 0}}
@media(max-width:820px){.plan-grid{grid-template-columns:1fr}.plan-card,.plan-card.is-visible{min-height:auto}}
@media(prefers-reduced-motion:reduce){.plan-card:before{animation:none;background-position:50% 0}}

/* Payment Methods dashboard studio. */
.payment-copy-fields{margin-bottom:22px}
.payment-method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.payment-method{position:relative;padding:20px;border:1px solid #454170;background:linear-gradient(145deg,#141424e8,#0c0d17);box-shadow:inset 0 1px #ffffff0b}
.payment-method>div{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.payment-method strong{font:500 20px/1 var(--display);color:#f0ebfa}
.payment-method>label{display:block;margin-top:13px;color:#aa9dc6;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.payment-method input:not([type=checkbox]),.payment-method textarea{width:100%;margin-top:8px}
.payment-method textarea{resize:vertical}
.payment-save-bar{margin-top:22px}
@media(max-width:760px){.payment-method-grid{grid-template-columns:1fr}}

.feature-health-badge{--health:#59e391;display:inline-flex;align-items:center;width:max-content;margin-top:13px;padding:5px 8px;border:1px solid color-mix(in srgb,var(--health),transparent 54%);background:color-mix(in srgb,var(--health),transparent 91%);color:var(--health);font-size:9px;font-weight:700;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.feature-health-badge:hover{border-color:var(--health);filter:brightness(1.15)}.feature-health-badge[data-state=degraded]{--health:#ffc76c}.feature-health-badge[data-state=partial]{--health:#ff9a62}.feature-health-badge[data-state=maintenance]{--health:#91a8ff}.feature-health-badge[data-state=outage]{--health:#ff6673}
/* Scam/Spam Protection dashboard studio. */
.honeypot-studio{position:relative}.honeypot-studio code{color:#cab9ee}.honeypot-arm-row{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:22px 0;padding:21px;border:1px solid #625087;background:radial-gradient(circle at 100% 0%,#6e4bb930,transparent 55%),linear-gradient(135deg,#1a1b31,#0e0f1b)}.honeypot-arm-row strong{display:block;color:#efeafa;font:500 22px/1.1 var(--display)}.honeypot-arm-row p{margin:7px 0 0;color:#ada1c5;font-size:12px}.honeypot-grid{margin-bottom:20px}.honeypot-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0}.honeypot-options label{display:flex;align-items:flex-start;gap:10px;padding:15px;border:1px solid #434066;background:#121221;color:#c5badc;font-size:12px;line-height:1.45}.honeypot-options input{margin-top:2px;accent-color:#a385e2}.honeypot-exemptions{display:grid;grid-template-columns:1.3fr .7fr;gap:18px;margin-top:22px}.honeypot-exemptions>div,.honeypot-exemptions>label{padding:20px;border:1px solid #454170;background:linear-gradient(145deg,#151627,#0c0d17)}.honeypot-exemptions p{margin:8px 0 15px;color:#a599bd;font-size:12px}.honeypot-role-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:230px;overflow:auto}.honeypot-role-list label{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid #363356;background:#0e0e1a;color:#c5badc;font-size:12px}.honeypot-role-list input{accent-color:#a385e2}.honeypot-warning{display:flex;align-items:center;gap:18px;margin-top:20px;padding:15px 17px;border-left:3px solid #9e7ee1;background:#1e1f3978}.honeypot-warning strong{white-space:nowrap;color:#c0aceb}.honeypot-warning span{color:#baafd2;font-size:12px;line-height:1.5}.honeypot-save-bar{margin-top:20px}.honeypot-incidents{margin-top:34px;padding-top:28px;border-top:1px solid #454170}.honeypot-incident-list{display:grid;gap:9px}.honeypot-incident{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:15px 17px;border:1px solid #434066;background:#11111f}.honeypot-incident.success{border-left:3px solid #61d794}.honeypot-incident.failed{border-left:3px solid #a487e3}.honeypot-incident strong{color:#efeafa}.honeypot-incident p{margin:5px 0 0;color:#a599bd;font-size:11px}.honeypot-incident time{flex:none;color:#8f83a7;font-size:10px}.honeypot-studio [hidden]{display:none!important}
.honeypot-warning-studio{margin-top:34px;padding-top:28px;border-top:1px solid #454170}.honeypot-warning-studio .card-heading{align-items:flex-start}.honeypot-warning-studio .section-help{margin:7px 0 0}.honeypot-warning-wide{grid-column:1/-1}.honeypot-warning-studio input[type=color]{width:100%;height:46px;padding:5px;background:#0e0e1a;border:1px solid #454170}.honeypot-warning-studio.is-message .honeypot-warning-embed{display:none}
@media(max-width:850px){.honeypot-options{grid-template-columns:1fr}.honeypot-exemptions{grid-template-columns:1fr}}
@media(max-width:560px){.honeypot-arm-row,.honeypot-warning,.honeypot-incident{align-items:flex-start;flex-direction:column}.honeypot-role-list{grid-template-columns:1fr}}
.feature-health-badge[data-state=working]{--health:#59e391}.feature-health-badge[data-state=partial]{--health:#ffb45f}.feature-health-badge[data-state=updating]{--health:#58b9ff}.feature-health-badge[data-state=maintenance]{--health:#ae8cff}.feature-health-badge[data-state=down]{--health:#ff6673}
.module-card>.feature-health-badge{position:absolute;top:20px;right:20px;z-index:1;display:inline-flex;margin:0;padding:4px 7px;font-size:8px;line-height:1;white-space:nowrap}
.dashboard-sidebar nav button .feature-health-badge{display:inline-flex;margin:0 8px 0 auto;padding:4px 6px;flex:none;font-size:8px;line-height:1;letter-spacing:.05em}.dashboard-sidebar nav button.active .feature-health-badge{background:#15162818;color:#2d2a51;border-color:#423e6f}.dashboard-sidebar nav button>.feature-health-badge+span{margin-left:0}

/* Match only Security and Verification to the existing adjacent cards. */
.module-card:has([data-module="security"]) .module-card-copy,
.module-card:has([data-module="verification"]) .module-card-copy{align-self:stretch;display:flex;flex-direction:column}
.module-card:has([data-module="security"]) .module-card-copy strong,
.module-card:has([data-module="verification"]) .module-card-copy strong{min-height:48px;line-height:24px}
.module-card:has([data-module="security"]) .module-card-hint,
.module-card:has([data-module="verification"]) .module-card-hint{margin-top:auto}
.dashboard-sidebar nav button[data-health]{--tab-health:#59e391}
.dashboard-sidebar nav button[data-health=degraded]{--tab-health:#ffc76c}
.dashboard-sidebar nav button[data-health=partial]{--tab-health:#ffb45f}
.dashboard-sidebar nav button[data-health=updating]{--tab-health:#58b9ff}
.dashboard-sidebar nav button[data-health=maintenance]{--tab-health:#ae8cff}
.dashboard-sidebar nav button[data-health=down],.dashboard-sidebar nav button[data-health=outage]{--tab-health:#ff6673}
.dashboard-sidebar nav button.active[data-health]{background:color-mix(in srgb,var(--tab-health),#131421 82%);border-color:var(--tab-health);color:var(--tab-health);box-shadow:inset 3px 0 var(--tab-health)}
.dashboard-sidebar nav button.active .feature-health-badge{color:var(--health);border-color:color-mix(in srgb,var(--health),transparent 54%);background:color-mix(in srgb,var(--health),transparent 91%)}
.unlink-row{padding:18px 0;border-bottom:1px solid #454170;overflow-wrap:anywhere}.unlink-row p{white-space:pre-wrap}.unlink-row form{display:grid;gap:10px}.unlink-actions{display:flex;gap:12px;flex-wrap:wrap}.unlink-area{margin-top:28px;padding-top:24px;border-top:1px solid #454170}

/* Fill the selected navigation box with its feature status. */
.dashboard-sidebar nav button.active[data-health]{background:var(--tab-health);border-color:var(--tab-health);color:#11151b;box-shadow:0 4px 20px color-mix(in srgb,var(--tab-health),transparent 85%)}
.dashboard-sidebar nav button.active[data-health]>span{color:#11151b}
.dashboard-sidebar nav button.active[data-health] .feature-health-badge{color:#11151b;background:#ffffff26;border-color:#11151b66}
.unlink-studio{padding:32px!important;border-radius:16px}
.unlink-studio h2{font:500 clamp(28px,3vw,40px)/1.2 var(--display);margin:10px 0 16px}
.unlink-studio>p:not(.eyebrow){color:#baafd2;line-height:1.65;max-width:720px}
#unlink-form{margin-top:28px;display:grid;gap:22px}#unlink-form label{margin:0;gap:10px}#unlink-form textarea{min-height:140px}#unlink-submit{justify-self:start;padding:14px 22px;min-height:48px;font:600 14px var(--font);cursor:pointer}#unlink-submit:disabled{opacity:.45;cursor:not-allowed}
#unlink-status{margin:18px 0}#unlink-history .unlink-row{padding:22px;border:1px solid #454170;margin-top:14px;background:#121320cc;border-radius:12px}
.unlink-area{margin-top:30px;padding-top:30px}.unlink-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:24px 0}.unlink-view-tabs{display:flex;gap:8px;flex-wrap:wrap}.service-main .unlink-view-tabs button[aria-pressed=true]{background:#b9a2e9;color:#111220;border-color:#b9a2e9}
#unlink-filter-label{max-width:240px}#unlink-review-list{display:grid;gap:16px;margin:20px 0}.unlink-request-card{padding:22px;border:1px solid #454170;border-radius:12px;background:linear-gradient(135deg,#1c1d31,#131421);overflow-wrap:anywhere}
.unlink-card-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.unlink-card-heading>strong{font-size:17px;line-height:1.5}.unlink-state{font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:6px 9px;white-space:nowrap;background:#a78ae420;color:#a78ae4;border:1px solid #a78ae466;border-radius:5px}.unlink-state[data-state=approved]{color:#71e7a3;background:#71e7a318;border-color:#71e7a355}.unlink-state[data-state=denied]{color:#b7a0e9;background:#b7a0e918;border-color:#b7a0e955}
.unlink-request-card .unlink-meta{font-size:12px;color:#9f93ba;margin:8px 0 18px}.unlink-request-card .unlink-reason{white-space:pre-wrap;line-height:1.65;margin:0 0 18px}.unlink-request-card details{font-size:12px;color:#aba1bf;margin:18px 0}.unlink-request-card details p{white-space:pre-line;line-height:1.8}.unlink-request-card summary{cursor:pointer;color:#baa3ea}.unlink-request-card form{border-top:1px solid #454170;padding-top:22px;margin-top:22px}.unlink-request-card form label{margin-bottom:18px}.unlink-actions{gap:12px}.unlink-decision{padding:16px 18px;background:#0d0d1666;border-left:3px solid #9480bd;margin-top:18px}.unlink-decision>strong{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#b3a2d8}.unlink-decision p{white-space:pre-wrap;margin:8px 0 0;line-height:1.6}.unlink-pagination{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:22px;font-size:12px;color:#b4a8cd}.service-main .unlink-approve{background:#72d89a;color:#11231a;border-color:#72d89a}.service-main .unlink-deny{color:#c5b2ed;border-color:#735ca3}
@media(max-width:600px){.unlink-studio{padding:22px!important}.unlink-toolbar,.unlink-card-heading{align-items:flex-start;flex-direction:column}.unlink-request-card{padding:18px}.unlink-pagination{flex-wrap:wrap}}

/* Account requests do not use selected-server diagnostics or configuration. */
.dashboard-main.unlink-selected>.live-stats-heading,.dashboard-main.unlink-selected>#live-metrics,.dashboard-main.unlink-selected>.server-summary,.dashboard-main.unlink-selected>#dashboard-status,.dashboard-main.unlink-selected>#advanced-status{display:none!important}

/* Selected status fill must override the sidebar base card's important styles. */
.dashboard-sidebar nav button.active[data-health]{background:var(--tab-health,#59e391)!important;background-image:none!important;border-color:var(--tab-health,#59e391)!important;color:#11151b!important}
.dashboard-sidebar nav button.active[data-health] span{color:#11151b!important}
.dashboard-sidebar nav button.active[data-health] .feature-health-badge{background:#ffffff30!important;border-color:#11151b66!important;color:#11151b!important}

/* Unified midnight/violet palette for every page. */
:root{--bg:#090a0f;--surface:#12141f;--line:#ffffff14;--text:#f5f5fa;--muted:#9499ae;--recken-ice:#b6a3ff;--recken-gold:#b6a3ff;--recken-violet:#aa91e6;--nav-active-bg:#b6a3ff;--nav-active-text:#171024;color-scheme:dark}
body{background:#090a0f!important;color:#f5f5fa}.flow-backdrop{background:radial-gradient(ellipse at 75% 10%,#41255816,transparent 60%),#090a0f!important}.flow-backdrop:before{background:conic-gradient(from 150deg at 65% 45%,transparent,#8d6ccf08,transparent,#a79ad00a,transparent)!important;opacity:.35}.flow-backdrop:after{background-image:linear-gradient(#a998d506 1px,transparent 1px),linear-gradient(90deg,#a998d506 1px,transparent 1px)!important;background-size:80px 80px!important;opacity:.35}.flow-vignette{background:radial-gradient(ellipse at 48% 37%,transparent 16%,#090a0f66 95%)!important}.flow-halo{background:radial-gradient(ellipse,#ad91e416,transparent 69%)!important}.halo-two{background:radial-gradient(ellipse,#8a91ca0d,transparent 69%)!important}
.header{background:#0d0f19ed!important;border-bottom:1px solid #ffffff10!important;box-shadow:0 10px 35px #0002!important}.brand img{filter:drop-shadow(0 1px 10px #b6a3ff15)!important}.cursor-ring{border-color:#b6a3ff99!important}.cursor-core{background:#c8b8f4!important;box-shadow:0 0 12px #a38bd43d!important}.cursor-trail{background:#b6a3ff88!important;box-shadow:0 0 10px #a38bd425!important}.cursor-follower.is-hovering .cursor-ring{background:#b6a3ff10!important;border-color:#d2c2ff!important}
.metric-card,.feature-lead,.feature-row,.pricing-card,.steps article,.module-card,.editor-card,.preview-card,.connection-bar,.service-card,.platform-card,.pilot-card,.live-staff-panel,.ai-overview,.plan-card,.ai-card{background:linear-gradient(140deg,#171724,#10121c)!important;border-color:#ffffff13!important;box-shadow:inset 0 1px #ffffff04!important}.hero-visual{background:radial-gradient(ellipse at 70% 20%,#6f509322,transparent 65%),linear-gradient(140deg,#191827,#0f111b)!important;border-color:#b6a3ff30!important}.hero-module-tabs button.active{background:#b6a3ff!important;color:#171024!important}.floating-panel{background:#11131fee!important;border-color:#b6a3ff25!important}.hero h1 .outline{-webkit-text-stroke-color:#b6a3ff!important}.hero-description,.section-heading p,.command-copy p,.pricing-copy p{color:#a1a4b8!important}.eyebrow{color:#b6a3ff!important}.hero-actions .primary,.button.primary,.pricing-card .button{background:#b6a3ff!important;border-color:#b6a3ff!important;color:#171024!important;box-shadow:0 7px 30px #a38bd418!important}.hero-actions .primary:hover,.button.primary:hover{background:#c9b9ff!important}.module-strip,.public-stats,.pricing,.footer{border-color:#ffffff12!important}.hero-copy:before{color:#9c8ebc!important}.nav-invite,.nav-actions .nav-invite{background:#b6a3ff12!important;border-color:#b6a3ff3d!important;color:#d2c1fa!important}.header .nav-menu-panel,.header .account-menu-panel{background:#151724!important;border-color:#b6a3ff2a!important}.header .nav-menu-panel a:hover,.header .nav-menu-panel a[aria-current=page]{background:#b6a3ff22!important;color:#e1d5fa!important}
input,textarea,select{background:#0c0e18;color:#e8e2f3;border-color:#ffffff1c}input:focus,textarea:focus,select:focus{border-color:#b6a3ff77!important}.themed-select-button{background:#10121c!important;border-color:#ffffff1c!important;color:#e8e2f3!important}.themed-select-menu{background:#171926!important;border-color:#b6a3ff30!important}.themed-select-option:hover,.themed-select-option[aria-selected=true]{background:#b6a3ff22!important;color:#e1d5fa!important}.service-main button,.platform-main button,.pilot-card button{background:#242034!important;border-color:#b6a3ff33!important;color:#dcccf7!important}.service-main .unlink-approve{background:#72d89a!important;color:#11231a!important;border-color:#72d89a!important}.service-main .unlink-deny{color:#ff9da8!important;border-color:#a35c68!important}.service-main .unlink-view-tabs button[aria-pressed=true]{background:#b6a3ff!important;color:#171024!important}.service-main .ticket-row.active{border-color:#b6a3ff88!important;background:#b6a3ff12!important}.service-main .message,.service-main .ticket-row{background:#151722;border-color:#ffffff14}.feature-health-badge[data-state=working]{--health:#59e391}.feature-health-badge[data-state=partial]{--health:#ffb45f}.feature-health-badge[data-state=updating]{--health:#58b9ff}.feature-health-badge[data-state=maintenance]{--health:#ae8cff}.feature-health-badge[data-state=down]{--health:#ff6673}.error{color:#ff98a8!important}