/* Approved visual proposal — scoped exclusively to Astraflow's inner demo. */
body.bbm-af-demo #demo-main{--af33-line:#777fe045;--af33-muted:#b5bdd4;--af33-surface:#0b1020;--af33-accent:#b690ff}
body.bbm-af-demo .af-site #demo-main :is(h2,h3,h4,.elementor-heading-title){background:none!important;color:#f6f7ff!important;-webkit-text-fill-color:#f6f7ff!important;background-clip:initial!important;-webkit-background-clip:initial!important}
body.bbm-af-demo .af-site #demo-main :is(h2,h3,h4,.elementor-heading-title) em{font-style:normal;background:linear-gradient(100deg,#8dbbff 0%,#ad8bff 43%,#ed87df 100%)!important;background-clip:text!important;-webkit-background-clip:text!important;color:#c5a0ff!important;-webkit-text-fill-color:transparent!important}
body.bbm-af-demo .af-site #demo-main .af-section{padding-block:clamp(60px,5vw,88px);gap:25px}
body.bbm-af-demo #demo-main .af33-widget{width:100%;max-width:100%}
body.bbm-af-demo #demo-main .af33-widget :is(h2,h3,p,ul,ol){margin:0}
body.bbm-af-demo #demo-main .af33-widget h2{font:800 clamp(28px,2.6vw,42px)/1.12 Roboto,Arial,sans-serif;letter-spacing:-.035em}
body.bbm-af-demo #demo-main .af33-widget h3{font:600 clamp(19px,1.45vw,24px)/1.3 Roboto,Arial,sans-serif;letter-spacing:-.02em}
body.bbm-af-demo #demo-main .af33-widget p{color:var(--af33-muted);font:400 15px/1.75 Roboto,Arial,sans-serif}
body.bbm-af-demo #demo-main .af33-widget [hidden]{display:none!important}
body.bbm-af-demo #demo-main .af33-kicker{display:block;font:500 10px/1.6 Roboto,Arial,sans-serif;letter-spacing:.12em;color:#9faecc;text-transform:uppercase;margin-bottom:12px}
body.bbm-af-demo #demo-main .af33-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:47px;padding:14px 25px;border:1px solid #c6b3ff;border-radius:30px;background:linear-gradient(105deg,#4539fa,#a23ded 65%,#d168e6);color:white;font:600 11px/1.35 Roboto,Arial,sans-serif;letter-spacing:.025em;text-decoration:none;box-shadow:0 0 20px #814fe74a;transition:box-shadow .25s,transform .25s;cursor:pointer;position:relative;overflow:hidden}
body.bbm-af-demo #demo-main .af33-button:after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,#ffffff40 50%,transparent 70%);transform:translateX(-110%);transition:transform .6s;pointer-events:none}
body.bbm-af-demo #demo-main .af33-button:hover:after{transform:translateX(110%)}
body.bbm-af-demo #demo-main .af33-button:hover{box-shadow:0 0 30px #a971ee70;transform:translateY(-1px)}
body.bbm-af-demo #demo-main .af33-more{display:inline-flex;align-items:center;gap:16px;color:#ddc4ff;font:600 11px/1.5 Roboto,Arial,sans-serif;letter-spacing:.035em;text-decoration:none;padding-block:5px}
body.bbm-af-demo #demo-main .af33-more:hover{color:#fff;text-decoration:underline;text-underline-offset:5px}
body.bbm-af-demo #demo-main :is(.af33-button,.af33-more,.af33-tabs button,.af33-service-trigger,.af33-text-button):focus-visible{outline:2px solid #bfa5ff!important;outline-offset:5px}
body.bbm-af-demo #demo-main .af33-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px}
body.bbm-af-demo #demo-main .af33-tags span{border:1px solid #8497d13d;border-radius:20px;padding:4px 8px;font:400 10px/1.2 Roboto;color:#b9c8ec;background:#18203c65}
body.bbm-af-demo #demo-main .af-pillar{padding:23px!important;gap:17px!important;min-height:0!important;border-radius:12px!important;background:linear-gradient(145deg,#10182bdb,#060b17ed)!important}
body.bbm-af-demo #demo-main .af-pillar>.af33-widget:last-child{margin-top:auto}
body.bbm-af-demo #demo-main .af-pillar .af-title .elementor-heading-title{font-size:25px;line-height:1.2;text-transform:none!important}
body.bbm-af-demo #demo-main .af-pillar .af-text{font-size:15px;line-height:1.65;color:#b8c3db}
body.bbm-af-demo #demo-main :is(.af-pillar,.af-service-card) .af-master-net,body.bbm-af-demo #demo-main .af-pillar:after{display:none}
body.bbm-af-demo #demo-main .af33-preview{height:208px;overflow:hidden;border:1px solid #7e94da45;border-radius:9px;padding:17px;background:radial-gradient(ellipse at 80% 5%,#40349a33,transparent 68%),#070d1d;box-shadow:inset 0 1px #bdcaff0f;position:relative;color:#dae4ff}
body.bbm-af-demo #demo-main .af33-window-top{display:flex;align-items:center;gap:4px;border-bottom:1px solid #9ca9de1f;padding-bottom:11px;margin-bottom:12px}
body.bbm-af-demo #demo-main .af33-window-top>span{width:4px;height:4px;background:#8e9de4;border-radius:50%;opacity:.65}
body.bbm-af-demo #demo-main .af33-window-top b{font:500 10px Roboto;margin-left:8px;letter-spacing:.02em}
body.bbm-af-demo #demo-main .af33-preview small{display:block;color:#7f91b7;font:400 8px/1.5 Roboto;margin-top:10px}
body.bbm-af-demo #demo-main .af33-priority{display:flex;align-items:center;gap:8px;padding:6px 8px;border-bottom:1px solid #a4b4ff10;background:linear-gradient(90deg,#1e2c544a,transparent);font:400 10px Roboto}
body.bbm-af-demo #demo-main .af33-priority i{width:5px;height:5px;background:#ac85ff;box-shadow:0 0 7px #8365dd;border-radius:50%}
body.bbm-af-demo #demo-main .af33-priority:nth-child(3) i{background:#65beed}
body.bbm-af-demo #demo-main .af33-priority:nth-child(4) i{background:#eaa5ef}
body.bbm-af-demo #demo-main .af33-priority b{margin-left:auto;color:#7790be;font-size:8px}
body.bbm-af-demo #demo-main .af33-system-map{position:relative;height:120px}
body.bbm-af-demo #demo-main .af33-system-map svg{position:absolute;inset:0;width:100%!important;height:100%!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;filter:none!important;transform:none!important}
body.bbm-af-demo #demo-main .af33-system-map path{fill:none;stroke:#7979e5;stroke-width:1;filter:drop-shadow(0 0 4px #7d75ed);animation:af33-breathe 4s ease-in-out infinite alternate}
body.bbm-af-demo #demo-main .af33-map-node{position:absolute;width:34px;height:34px;display:grid;place-items:center;border:1px solid #9dacf455;border-radius:8px;background:#101a35;font:500 8px Roboto}
body.bbm-af-demo #demo-main .n1{top:6%;left:6%}body.bbm-af-demo #demo-main .n2{top:6%;right:6%}body.bbm-af-demo #demo-main .n3{bottom:6%;left:6%}body.bbm-af-demo #demo-main .n4{bottom:6%;right:6%}
body.bbm-af-demo #demo-main .af33-map-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:43px;height:43px;border:1px solid #bec6ff;border-radius:50%;background:linear-gradient(140deg,#3372e0,#a335d8);font:700 15px Roboto;box-shadow:0 0 20px #636cec65}
body.bbm-af-demo #demo-main .af33-learning>div:not(:first-child){display:flex;align-items:center;gap:10px;justify-content:space-between;margin-bottom:14px;font:400 10px Roboto}
body.bbm-af-demo #demo-main .af33-learning i{width:42%;height:5px;border-radius:4px;background:#252745;overflow:hidden}
body.bbm-af-demo #demo-main .af33-learning i:before{content:'';display:block;width:var(--progress);height:100%;background:linear-gradient(90deg,#658fff,#bf6fea);border-radius:4px}
body.bbm-af-demo #demo-main .af33-preview:hover{border-color:#aa92f8}
body.bbm-af-demo #demo-main .af33-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;margin-bottom:30px}
body.bbm-af-demo #demo-main .af33-section-head>div{flex:1.2}
body.bbm-af-demo #demo-main .af33-section-head>p{flex:1;max-width:480px;font-size:14px}
body.bbm-af-demo #demo-main .af33-tabs{display:flex;gap:10px;margin-bottom:18px}
body.bbm-af-demo #demo-main .af33-tabs button{flex:1;border:1px solid #879de24f;border-radius:25px;background:linear-gradient(180deg,#142139aa,#080d1d);min-height:43px;padding:10px 17px;color:#d3ddf8;font:500 12px/1.3 Roboto;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:border-color .2s,box-shadow .2s,background .2s}
body.bbm-af-demo #demo-main .af33-tabs button[aria-selected=true]{border-color:#d0b0ff;background:linear-gradient(110deg,#533cff,#bb53e4);color:#fff;box-shadow:0 0 16px #784ddd50}
body.bbm-af-demo #demo-main .af33-tabs button:hover{border-color:#c5a3ff;box-shadow:0 0 16px #746ddd30}
body.bbm-af-demo #demo-main .af33-stage-tabs b{font-size:10px;display:grid;place-items:center;width:23px;height:23px;border:1px solid #a6abdf;border-radius:50%;font-weight:400}
body.bbm-af-demo #demo-main .af33-stage-panel{display:grid;grid-template-columns:1.1fr 1fr;border:1px solid var(--af33-line);background:linear-gradient(120deg,#101b31b0,#080c1beb);border-radius:13px;overflow:hidden;box-shadow:0 15px 40px #0002}
body.bbm-af-demo #demo-main .af33-stage-panel>div,body.bbm-af-demo #demo-main .af33-stage-panel>aside{padding:36px}
body.bbm-af-demo #demo-main .af33-stage-panel>aside{border-left:1px solid var(--af33-line);background:radial-gradient(ellipse at 90% 0,#6731ac26,transparent 80%)}
body.bbm-af-demo #demo-main .af33-stage-panel h3{margin-bottom:17px}
body.bbm-af-demo #demo-main .af33-stage-panel ul{list-style:none;padding:0;display:grid;gap:15px;color:#c3cee7;font:400 14px/1.65 Roboto}
body.bbm-af-demo #demo-main .af33-stage-panel li{position:relative;padding-left:23px}
body.bbm-af-demo #demo-main .af33-stage-panel li:before{content:'✓';position:absolute;left:0;color:#a797ff}
body.bbm-af-demo #demo-main .af33-stage-panel .af33-more{margin-top:17px}
body.bbm-af-demo #demo-main .af33-result-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid #a796fb;border-radius:50%;color:#ccb4ff;box-shadow:0 0 18px #8365e02a;margin-bottom:18px}
body.bbm-af-demo #demo-main .af33-workflow{display:grid;grid-template-columns:.75fr 1.3fr;gap:5%;align-items:center}
body.bbm-af-demo #demo-main .af33-workflow-intro{display:grid;gap:20px}
body.bbm-af-demo #demo-main .af33-workflow-intro .af33-kicker{margin:0}
body.bbm-af-demo #demo-main .af33-workflow-app{min-width:0}
body.bbm-af-demo #demo-main .af33-flow-panel{border:1px solid #929bef69;border-radius:13px;padding:30px;background:radial-gradient(ellipse at 90% 0,#3b268c35,transparent 70%),#08101fea;box-shadow:inset 0 1px #abc7ff18,0 12px 45px #0003}
body.bbm-af-demo #demo-main .af33-flow-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}
body.bbm-af-demo #demo-main .af33-flow-title .af33-kicker{margin:0;font-size:9px}
body.bbm-af-demo #demo-main .af33-demo-tag{font:500 8px Roboto;letter-spacing:.05em;border:1px solid #8983dc59;border-radius:20px;padding:5px 8px;color:#b8b0e5;white-space:nowrap}
body.bbm-af-demo #demo-main .af33-flow-panel h3{font-size:23px;margin-bottom:12px}
body.bbm-af-demo #demo-main .af33-flow-panel>p{font-size:14px}
body.bbm-af-demo #demo-main .af33-flow-track{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;list-style:none;padding:0;margin:35px 0 22px}
body.bbm-af-demo #demo-main .af33-flow-track li{text-align:center;position:relative;display:flex;flex-direction:column;align-items:center;gap:11px;color:#adbada}
body.bbm-af-demo #demo-main .af33-flow-track li:not(:last-child):after{content:'';position:absolute;top:25px;left:calc(50% + 29px);width:calc(100% - 46px);height:1px;background:#7181cb65;box-shadow:0 0 6px #5569d1;transition:background .4s,box-shadow .4s}
body.bbm-af-demo #demo-main .af33-flow-orb{width:51px;height:51px;display:grid;place-items:center;border:1px solid #8697e6;border-radius:13px;color:#bbc4ff;background:#111c35;font-size:23px;transition:background .3s,box-shadow .3s,transform .3s}
body.bbm-af-demo #demo-main .af33-flow-track b{font:500 11px/1.4 Roboto;max-width:105px}
body.bbm-af-demo #demo-main .af33-flow-track small{font:400 9px Roboto;color:#64769c}
body.bbm-af-demo #demo-main .af33-flow-track .is-active .af33-flow-orb{background:linear-gradient(140deg,#4e55d2,#9031b6);box-shadow:0 0 26px #9562ff77;color:#fff;transform:translateY(-3px);border-color:#d1b7ff}
body.bbm-af-demo #demo-main .af33-flow-track .is-done .af33-flow-orb{border-color:#90caff;color:#bddbff;background:#16314b}
body.bbm-af-demo #demo-main .af33-flow-track .is-done:after{background:#a1c8ff;box-shadow:0 0 9px #ae6efa}
body.bbm-af-demo #demo-main .af33-flow-status{min-height:72px;border-top:1px solid #748ad132;padding-top:16px;color:#bfcbe3;font:400 13px/1.6 Roboto}
body.bbm-af-demo #demo-main .af33-flow-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:17px}
body.bbm-af-demo #demo-main .af33-text-button{border:0;background:none;color:#cbb4ff;font:500 10px/1.5 Roboto;padding:8px 0;cursor:pointer}
body.bbm-af-demo #demo-main .af33-disclaimer{display:block;color:#8d9bb8;font:400 10px/1.5 Roboto;margin-top:20px}
body.bbm-af-demo #demo-main .af-service-card{min-height:270px!important;padding:23px!important;gap:16px!important;background:linear-gradient(145deg,#0f192bdc,#080b19ed)!important;position:relative}
body.bbm-af-demo #demo-main .af-service-card .elementor-heading-title{font-size:19px!important;line-height:1.3}
body.bbm-af-demo #demo-main .af-service-card .af-text{font-size:13px;line-height:1.6;max-width:95%}
body.bbm-af-demo #demo-main .af-service-card>.elementor-widget-html:has(.af33-service-trigger){margin-top:auto}
body.bbm-af-demo #demo-main .af-service-card .af33-widget{position:absolute!important;top:32px;right:20px;width:40%!important;height:40px;opacity:.65;pointer-events:none}
body.bbm-af-demo #demo-main .af33-service-mini{height:100%;display:flex;align-items:center;justify-content:flex-end;gap:5px;position:relative;overflow:hidden}
body.bbm-af-demo #demo-main .af33-service-mini i{display:block;width:8px;height:25%;border-radius:3px;background:linear-gradient(#677edd,#b260dd);box-shadow:0 0 6px #8c72f626}
body.bbm-af-demo #demo-main .af33-service-mini i:nth-child(2){height:45%}body.bbm-af-demo #demo-main .af33-service-mini i:nth-child(3){height:68%}body.bbm-af-demo #demo-main .af33-service-mini i:nth-child(4){height:92%}
body.bbm-af-demo #demo-main :is(.af33-mini-1,.af33-mini-5){justify-content:space-between;gap:2px}
body.bbm-af-demo #demo-main :is(.af33-mini-1,.af33-mini-5):before{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background:#807ddf}
body.bbm-af-demo #demo-main :is(.af33-mini-1,.af33-mini-5) i{width:17px;height:17px;border:1px solid #9b8eee;background:#202044;border-radius:5px;z-index:1}
body.bbm-af-demo #demo-main :is(.af33-mini-0,.af33-mini-4){flex-direction:column;align-items:flex-end;gap:4px}
body.bbm-af-demo #demo-main :is(.af33-mini-0,.af33-mini-4) i{height:5px;width:80%}
body.bbm-af-demo #demo-main :is(.af33-mini-0,.af33-mini-4) i:nth-child(2){width:58%}body.bbm-af-demo #demo-main :is(.af33-mini-0,.af33-mini-4) i:nth-child(3){width:70%}
body.bbm-af-demo #demo-main :is(.af33-mini-6,.af33-mini-7) i{border-radius:50%;height:13px;width:13px;background:#594988}
body.bbm-af-demo #demo-main .af33-service-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:11px 0 0;border:0;border-top:1px solid #8891cd2a;background:none;color:#cfacff;font:600 10px/1.4 Roboto;letter-spacing:.025em;cursor:pointer}
body.bbm-af-demo #demo-main .af33-service-trigger:hover{color:#fff}
body.bbm-af-demo #demo-main .af33-service-trigger span{font-size:18px}
body.bbm-af-demo #demo-main .af33-selected{border-color:#bf95ff!important;box-shadow:inset 0 0 25px #7455cc17,0 0 24px #8b55ef2b!important}
body.bbm-af-demo #demo-main .af33-service-explorer{scroll-margin-top:110px;border:1px solid #8a8be085;border-radius:13px;padding:35px;background:linear-gradient(115deg,#12244280,#0b1022f0);outline:none}
body.bbm-af-demo #demo-main .af33-service-explorer:focus-visible{outline:2px solid #c2a4ff;outline-offset:4px}
body.bbm-af-demo #demo-main .af33-service-overview{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;margin-bottom:32px}
body.bbm-af-demo #demo-main .af33-service-overview h3{margin-bottom:12px}
body.bbm-af-demo #demo-main .af33-service-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;align-items:start;padding:15px;border:1px solid #817fe238;border-radius:10px;background:#070c1f88}
body.bbm-af-demo #demo-main .af33-service-flow span{display:grid;justify-items:center;gap:12px;text-align:center;font:400 10px/1.4 Roboto;color:#c3cce6;position:relative}
body.bbm-af-demo #demo-main .af33-service-flow span:not(:last-child):after{content:'→';position:absolute;left:95%;top:10px;color:#8876d5}
body.bbm-af-demo #demo-main .af33-service-flow i{display:grid;place-items:center;width:35px;height:35px;border:1px solid #9c85e365;border-radius:50%;color:#b8a3ff;background:#192443;font-style:normal;font-size:20px;box-shadow:0 0 10px #7a4bdd2e}
body.bbm-af-demo #demo-main .af33-service-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid #9aa1e930;padding-top:25px;margin-bottom:24px}
body.bbm-af-demo #demo-main .af33-service-columns>div{padding-left:16px;border-left:1px solid #957de567}
body.bbm-af-demo #demo-main .af33-service-columns p{font-size:14px}
body.bbm-af-demo #demo-main .af-mountain{min-height:520px!important;background-size:100% 100%,auto 100%!important;background-position:center,right center!important;background-repeat:no-repeat!important;overflow:hidden}
body.bbm-af-demo #demo-main .af-mountain:after{display:none}
body.bbm-af-demo #demo-main .af-mountain>div{max-width:47%;position:relative;z-index:2}
body.bbm-af-demo #demo-main .af-mountain .af-text{font-size:15px;line-height:1.7}
body.bbm-af-demo #demo-main .af-grand-finale .elementor-heading-title{max-width:750px}
body[data-af-view=kontakt] #demo-main .af-hero-art img{object-position:right center;filter:brightness(1.05) saturate(1.12)}
body[data-af-view=kontakt] #demo-main .af-hero-art:after{background:linear-gradient(90deg,#050610 0%,#050610ed 20%,#05061070 42%,transparent 67%)!important}
body[data-af-view=kontakt] #demo-main .af-hero-copy{max-width:54%}
body[data-af-view=kontakt] #demo-main .af-contact-copy{gap:18px;align-self:center;background:none}
body[data-af-view=kontakt] #demo-main .af33-contact-intro{margin-bottom:22px}
body[data-af-view=kontakt] #demo-main .af33-contact-intro h2{margin-bottom:18px}
body[data-af-view=kontakt] #demo-main .af-contact-point{border-left:1px solid #7f78d742!important;background:none!important;border-radius:0!important;gap:20px;padding:17px 0 17px 20px!important;min-height:0}
body[data-af-view=kontakt] #demo-main .af-contact-form{background:linear-gradient(145deg,#111a2fdc,#090b1cea)!important;border-radius:12px;padding:35px}
body[data-af-view=kontakt] #demo-main .af-contact-form h3{font-size:28px}
@keyframes af33-breathe{from{opacity:.45}to{opacity:1}}
@media(min-width:1600px){body.bbm-af-demo #demo-main .af33-preview{height:230px;padding:20px}.af33-priority{min-height:30px}body.bbm-af-demo #demo-main .af33-system-map{height:140px}}
@media(max-width:1200px){body.bbm-af-demo #demo-main .af33-workflow{grid-template-columns:1fr;gap:30px}body.bbm-af-demo #demo-main .af33-workflow-intro{max-width:630px}body.bbm-af-demo #demo-main .af33-workflow-intro h2 br{display:none}body.bbm-af-demo #demo-main .af33-section-head{gap:25px}body.bbm-af-demo #demo-main .af33-stage-panel>div,body.bbm-af-demo #demo-main .af33-stage-panel>aside{padding:26px}body.bbm-af-demo #demo-main .af33-service-overview{grid-template-columns:1fr}body.bbm-af-demo #demo-main .af33-preview{padding:13px;height:204px}body.bbm-af-demo #demo-main .af33-priority{font-size:9px}body.bbm-af-demo #demo-main .af33-preview small{font-size:7px}body.bbm-af-demo #demo-main .af33-learning>div:not(:first-child){font-size:9px}body.bbm-af-demo #demo-main .af-mountain{min-height:560px!important}body.bbm-af-demo #demo-main .af-mountain>div{max-width:55%}}
@media(max-width:900px){body.bbm-af-demo #demo-main .af-pillars-grid{grid-template-columns:1fr!important}body.bbm-af-demo #demo-main .af-pillar{display:grid;grid-template-columns:1fr 1fr;column-gap:25px!important;padding:25px!important}body.bbm-af-demo #demo-main .af-pillar>.af33-widget:first-child{grid-row:1 / span 3;align-self:stretch}body.bbm-af-demo #demo-main .af33-preview{height:100%;min-height:215px}body.bbm-af-demo #demo-main .af33-stage-tabs{flex-wrap:wrap}body.bbm-af-demo #demo-main .af33-stage-tabs button{flex-basis:42%}body.bbm-af-demo #demo-main .af33-service-columns{gap:18px}body.bbm-af-demo #demo-main .af33-section-head{display:grid;gap:20px}}
@media(max-width:767px){body.bbm-af-demo #demo-main .af33-widget h2{font-size:28px}body.bbm-af-demo #demo-main .af33-widget h3{font-size:21px}body.bbm-af-demo #demo-main .af33-widget p{font-size:14px}body.bbm-af-demo #demo-main .af-pillar{display:flex;padding:23px!important}body.bbm-af-demo #demo-main .af33-preview{height:218px;min-height:0;padding:18px}body.bbm-af-demo #demo-main .af33-preview small{font-size:8px}body.bbm-af-demo #demo-main .af33-priority{font-size:11px;padding-block:7px}body.bbm-af-demo #demo-main .af33-learning>div:not(:first-child){font-size:10px}body.bbm-af-demo #demo-main .af33-stage-panel{grid-template-columns:1fr}body.bbm-af-demo #demo-main .af33-stage-panel>aside{border-left:0;border-top:1px solid var(--af33-line)}body.bbm-af-demo #demo-main .af33-stage-panel>div,body.bbm-af-demo #demo-main .af33-stage-panel>aside{padding:24px}body.bbm-af-demo #demo-main .af33-tabs{gap:7px}body.bbm-af-demo #demo-main .af33-tabs button{font-size:10px;padding:9px 10px;gap:7px}body.bbm-af-demo #demo-main .af33-flow-panel{padding:22px 17px}body.bbm-af-demo #demo-main .af33-flow-title{flex-wrap:wrap;gap:9px}body.bbm-af-demo #demo-main .af33-flow-track{gap:7px}body.bbm-af-demo #demo-main .af33-flow-orb{width:41px;height:41px;font-size:20px}body.bbm-af-demo #demo-main .af33-flow-track li:not(:last-child):after{top:20px;left:calc(50% + 23px);width:calc(100% - 39px)}body.bbm-af-demo #demo-main .af33-flow-track b{font-size:10px}body.bbm-af-demo #demo-main .af33-flow-controls{flex-wrap:wrap;gap:12px}body.bbm-af-demo #demo-main .af33-flow-controls .af33-button{padding:13px 18px;font-size:10px}body.bbm-af-demo #demo-main .af33-service-explorer{padding:24px 20px}body.bbm-af-demo #demo-main .af33-service-columns{grid-template-columns:1fr;gap:22px}body.bbm-af-demo #demo-main .af-services-grid{grid-template-columns:1fr!important}body.bbm-af-demo #demo-main .af-service-card{min-height:240px!important;padding:25px!important}body.bbm-af-demo #demo-main .af-mountain{background-size:100% 100%,auto 340px!important;background-position:center,right bottom!important;min-height:790px!important;padding-top:45px!important;padding-bottom:330px!important}body.bbm-af-demo #demo-main .af-mountain>div{max-width:100%}body[data-af-view=kontakt] #demo-main .af-hero-copy{max-width:100%}body[data-af-view=kontakt] #demo-main .af-hero-art{top:320px;bottom:0}body[data-af-view=kontakt] #demo-main .af-hero-art img{object-position:78% center}body[data-af-view=kontakt] #demo-main .af-hero-art:after{background:linear-gradient(#050610,transparent 40%,transparent 80%,#050610)!important}body[data-af-view=kontakt] #demo-main .af-hero{min-height:850px!important;padding-bottom:330px!important}body[data-af-view=kontakt] #demo-main .af-contact-form{padding:25px 20px}body[data-af-view=kontakt] #demo-main .af-contact-point{padding:16px 0 16px 13px!important}body[data-af-view=kontakt] #demo-main .af-contact{gap:35px}body.bbm-af-demo #demo-main .af33-service-flow{padding:14px 8px}body.bbm-af-demo #demo-main .af33-service-flow span{font-size:9px}}
@media(prefers-reduced-motion:reduce){body.bbm-af-demo #demo-main .af33-system-map path{animation:none}body.bbm-af-demo #demo-main .af33-button:after{transition:none;display:none}}

/* Final spacing refinement */
body.bbm-af-demo .af-site #demo-main .af33-flow-panel > .af33-flow-track{padding-top:30px!important}
@media(min-width:768px){body.bbm-af-demo .af-site #demo-main .af-mountain{background-image:linear-gradient(90deg,#04050d99 0%,#04050d75 35%,transparent 72%),url("astra-mountain-v25.webp")!important;background-size:100% 100%,cover!important;background-position:center,center top!important}}

body.bbm-af-demo .af-site #demo-main #af33-stage-panel-3 aside p{max-width:52ch}