/* One visual system for the independent Astraflow interior. */
body.bbm-af-demo .af-site{--af-space:#050610;--af-spectrum:linear-gradient(110deg,#8faaff 0%,#b491ff 42%,#eb91e0 88%);background:var(--af-space);isolation:isolate}
.af-atmosphere{position:fixed;top:0;height:100vh;z-index:0;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 100% 25%,#4b187435,transparent 52%),radial-gradient(ellipse at 0 85%,#203aa835,transparent 48%),#050610}
.af-atmosphere canvas{display:block;width:100%;height:100%}
.af-site #demo-main,.af-site>footer{position:relative;z-index:1;background:transparent}
body.bbm-af-demo .af-site .af-section.e-con:not(.af-mountain):not(.af-grand-finale):not(.af-hero){background:transparent!important;border-bottom:0;overflow:visible}
body.bbm-af-demo .af-site #demo-main>.elementor,body.bbm-af-demo .af-site .af-contact-copy{background:transparent!important}
body.bbm-af-demo .af-site .af-header{background:#050610ed;backdrop-filter:blur(18px);border-bottom:1px solid #a8a3f025}
body.bbm-af-demo .af-site #demo-main :is(h1,h2,h3,h4,.elementor-heading-title){font-family:'Roboto',sans-serif!important;font-weight:700!important;letter-spacing:-.025em!important;background-image:var(--af-spectrum)!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;text-shadow:none!important}
body.bbm-af-demo .af-site #demo-main :is(h1,h2,h3,h4,.elementor-heading-title) em{font:inherit!important;background:inherit!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
body.bbm-af-demo .af-site .af-text,body.bbm-af-demo .af-site .af-use-panel p{color:#cacde1!important;line-height:1.8}
body.bbm-af-demo .af-site .af-eye{color:#b8a4ee!important}
body.bbm-af-demo .af-site .af-hero.e-con{background:transparent!important;border:0}
.af-hero-art{mask-image:linear-gradient(#000 0 75%,transparent 100%)}
.af-hero-art:after{background:linear-gradient(90deg,#050610 0%,#050610ef 16%,#05061077 42%,transparent 72%)!important}
/* Small, clear signal points. No boxes or lines behind text. */
.af-site .af-hero-meta{display:flex;gap:30px;flex-wrap:wrap;align-items:flex-start}
.af-site .af-hero-meta:before,.af-site .af-hero-meta:after{display:none!important}
.af-site .af-hero-meta span{display:grid;grid-template-columns:8px auto;gap:7px 11px;min-width:0;border:0;background:none!important;padding:0}
.af-site .af-hero-meta i{grid-column:1;grid-row:1;align-self:center;display:block;width:6px;height:6px;padding:0;border:0;border-radius:50%;font-size:0!important;background:#b9a3ff!important;color:transparent!important;box-shadow:0 0 9px #9578ff;animation:af-signal 3.5s ease-in-out infinite;filter:none}
.af-site .af-hero-meta span:nth-child(2) i{background:#80baff!important;animation-delay:-1s}.af-site .af-hero-meta span:nth-child(3) i{background:#e99af4!important;animation-delay:-2s}
.af-site .af-hero-meta strong{grid-column:2;grid-row:1;font:700 12px/1.4 'Roboto';letter-spacing:.12em;color:#d2c1fa;background:none!important}
.af-site .af-hero-meta b{grid-column:2;grid-row:2;font:400 11px/1.5 'Roboto';color:#b8bdd5;background:none!important}
/* Translucent surfaces use the same palette and spacing throughout. */
body.bbm-af-demo .af-site :is(.af-pillar.e-con,.af-service-card.e-con,.af-contact-point.e-con,.af-contact-form,.af-usecases){background:linear-gradient(145deg,#111327e8,#090c1cdd)!important;border:1px solid #9d98e43d!important;box-shadow:inset 0 1px 0 #d2c8ff10,0 16px 50px #0002;border-radius:14px;backdrop-filter:blur(10px)}
body.bbm-af-demo .af-site :is(.af-pillar.e-con,.af-service-card.e-con):hover{border-color:#b192ec99!important;box-shadow:0 8px 40px #7753ef20,inset 0 1px 0 #dacaff35}
.af-site .af-pillar:after{display:none}.af-site .af-module-art{opacity:.22}.af-site .af-contact-copy:after{display:none}
.af-site .af-pillar svg,.af-site .af-service-card svg{filter:drop-shadow(0 0 7px #945dff88);stroke-width:1.3}
.af-site .af-pillar .af-card-arrow{right:8px;bottom:4px}
.af-site .af-usecases{padding:24px;overflow:hidden}
.af-site .af-use-tabs{padding:0 0 22px!important;margin:0 0 24px!important;gap:10px;border-bottom:1px solid #aaa2ed29;flex-wrap:wrap}
.af-site .af-use-tabs button{margin:0!important;min-height:43px;padding:11px 25px;font:700 12px 'Roboto';border:1px solid #b3a5ef45!important;background:#0a0d20!important;color:#d8d8ed!important}
.af-site .af-use-tabs button[aria-selected=true]{background:linear-gradient(110deg,#5045da,#9256d7)!important;box-shadow:0 0 14px #7452ff30!important;border-color:#b8a0ff99!important;color:white!important}
.af-site .af-use-panel{padding:0!important;gap:28px;border:0!important;background:none!important;min-height:330px}
.af-site .af-use-panel>div:first-child{padding:20px 16px!important}
.af-site .af-case-visual{border-radius:10px;overflow:hidden;align-self:stretch}
.af-site .af-use-panel h3{font-family:'Roboto',sans-serif!important}
.af-site .af-step-orb{background:#090b20d9}.af-site .af-process-grid:before{display:none}
body.bbm-af-demo .af-site .af-mountain.e-con{background-color:transparent!important;mask-image:linear-gradient(transparent,#000 9%,#000 91%,transparent)}
body.bbm-af-demo .af-site .af-grand-finale.e-con{background-color:transparent!important;mask-image:linear-gradient(transparent,#000 7%,#000 93%,transparent);border:0}
.af-site .af-footer{background:transparent;border-color:#9f94dc33}
.af-atmosphere-toggle{background:transparent!important;border:1px solid #aa9ddc50!important;border-radius:20px;color:#bab5d5!important;font:400 10px 'Roboto';padding:9px 13px;cursor:pointer;white-space:nowrap}
.af-atmosphere-toggle:hover{border-color:#b296f5!important;color:white!important}.af-atmosphere-toggle:focus-visible{outline:2px solid #ac8eff;outline-offset:4px}
.af-site.af-still *{animation-play-state:paused!important}
@keyframes af-signal{0%,100%{opacity:.55;box-shadow:0 0 5px #9b7cff}50%{opacity:1;box-shadow:0 0 12px 2px #9b7cff66}}
@media(max-width:1100px){.af-site .af-hero-meta{gap:18px}.af-site .af-hero-meta strong{font-size:10px}.af-site .af-hero-meta b{font-size:9px}}
@media(max-width:767px){.af-site .af-hero-meta{gap:15px;margin-top:240px;flex-wrap:nowrap;width:100%;justify-content:space-between}.af-site .af-hero-meta span{grid-template-columns:5px auto;gap:6px}.af-site .af-hero-meta i{width:5px;height:5px}.af-site .af-hero-meta strong{font-size:8px;letter-spacing:.04em}.af-site .af-hero-meta b{font-size:8px;max-width:82px}.af-hero-art:after{background:linear-gradient(#050610,transparent 40%,transparent 80%,#050610)!important}.af-site .af-usecases{padding:18px}.af-site .af-use-tabs{gap:7px;padding-bottom:18px!important;margin-bottom:18px!important}.af-site .af-use-tabs button{font-size:11px;padding:10px 16px;min-height:40px}.af-site .af-use-panel{gap:24px}.af-site .af-use-panel>div:first-child{padding:8px 2px!important}.af-site .af-case-visual{min-height:240px}.af-site .af-footer{gap:22px}.af-site .af-use-panel h3{font-size:26px}}
@media(prefers-reduced-motion:reduce){.af-site .af-hero-meta i{animation:none}}

/* Elementor native priority is scoped to this demo interior only. */
body.bbm-af-demo .af-site #demo-main .elementor .elementor-element .elementor-heading-title{font-family:"Roboto",sans-serif!important}

@media(max-width:767px){.af-site .af-hero-art{mask-image:linear-gradient(transparent 0%,#000 19%,#000 78%,transparent 100%)}.af-atmosphere canvas{opacity:.7}}