@font-face{font-family:Roboto;src:url("af-roboto-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Roboto;src:url("af-roboto-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Roboto;src:url("af-roboto-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Roboto;src:url("af-roboto-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Roboto;src:url("af-roboto-800.woff2") format("woff2");font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:Roboto;src:url("af-roboto-900.woff2") format("woff2");font-weight:900;font-style:normal;font-display:swap}
/* The demo owns its typography; the Brandbox frame and conversion footer do not. */
body.bbm-af-demo .af-site #demo-main *,body.bbm-af-demo .af-header *,body.bbm-af-demo .af-footer *,body.bbm-af-demo .af-check *{font-family:Roboto,Arial,sans-serif!important}
body.bbm-af-demo .af-site #demo-main .elementor .elementor-element .elementor-heading-title{font-family:Roboto,Arial,sans-serif!important;letter-spacing:-.035em!important}
/* Keep gradient lettering visible before Elementor's lazy background observer runs. */
body.bbm-af-demo #demo-main :is(h2,h3,h4,.elementor-heading-title),body.bbm-af-demo #demo-main :is(h2,h3,h4,.elementor-heading-title) em{background-image:linear-gradient(110deg,#e4eaff 0%,#c8b4ff 52%,#efb0e6 100%)!important;background-clip:text!important;-webkit-background-clip:text!important;color:#d8cefa!important;-webkit-text-fill-color:transparent!important}
body.bbm-af-demo #demo-main .af-hero-title em{background-image:linear-gradient(100deg,#809aff,#b373ff 48%,#ed74d4)!important}
body.bbm-af-demo .af-site #demo-main .af-hero-title .elementor-heading-title{font-weight:800!important;line-height:1.07;letter-spacing:-.04em!important}
body.bbm-af-demo #demo-main .af-mountain{background-image:linear-gradient(90deg,#050610 0%,#050610c9 30%,#05061022 64%,transparent),url('astra-mountain-v25.webp')!important}
body.bbm-af-demo #demo-main .af-grand-finale{background-image:linear-gradient(90deg,#050610 2%,#090724d9 45%,#05061344 80%),url('astra-portrait.webp')!important}
/* Contact follows the supplied portrait / conversation / form composition. */
body[data-af-view="kontakt"] #demo-main .af-hero-copy{max-width:65%;gap:26px}
body[data-af-view="kontakt"] #demo-main .af-hero-title .elementor-heading-title{font-size:clamp(38px,4.1vw,72px);white-space:normal}
body[data-af-view="kontakt"] #demo-main .af-hero-art img{object-position:70% center}
body[data-af-view="kontakt"] #demo-main .af-hero-art:after{background:linear-gradient(90deg,#050610 0%,#050610e8 18%,#05061050 51%,transparent 76%)!important}
body[data-af-view="kontakt"] #demo-main .af-hero .af-lead{max-width:430px;font-size:16px}
.af-contact-invitation{display:inline-flex;align-items:center;gap:12px;margin-top:16px;color:#e0d6fc;font-size:12px;letter-spacing:.06em}
.af-contact-invitation i{width:7px;height:7px;border-radius:50%;background:#b78aff;box-shadow:0 0 14px #b78aff;animation:af-signal 3s ease-in-out infinite}
body[data-af-view="kontakt"] #demo-main .af-contact{grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr);gap:7%;padding-top:86px;padding-bottom:86px;align-items:stretch}
body[data-af-view="kontakt"] #demo-main .af-contact-copy{justify-content:space-between;gap:65px;padding:20px 0;position:relative;isolation:isolate}
body[data-af-view="kontakt"] #demo-main .af-contact-point{padding:24px 22px!important;gap:20px;min-height:125px;border-radius:9px;background:linear-gradient(105deg,#14142be8,#090b1bd9)!important;position:relative;z-index:1}
body[data-af-view="kontakt"] #demo-main .af-contact-point>.elementor-widget-html{flex:0 0 49px;width:49px}
body[data-af-view="kontakt"] #demo-main .af-contact-point .elementor-heading-title{font-size:16px!important;line-height:1.3;text-transform:uppercase!important;letter-spacing:.025em!important}
body[data-af-view="kontakt"] #demo-main .af-contact-point .af-text{font-size:13px;line-height:1.65}
body[data-af-view="kontakt"] #demo-main .af-contact-point svg{height:48px;width:48px;border:1px solid #a275ff44;padding:9px;border-radius:10px;color:#b68bff;background:#562f942b}
.af-contact-flow{position:absolute!important;inset:0;z-index:0;pointer-events:none}
.af-contact-flow svg{width:100%;height:100%;overflow:visible}
.af-contact-flow path{fill:none;stroke:#715fe4;stroke-width:1.1;opacity:.6;filter:drop-shadow(0 0 7px #726aff)}
.af-contact-flow .af-contact-pulse{stroke:#d3adff;stroke-width:2;stroke-dasharray:5 95;opacity:1;animation:af-flow-travel 9s linear infinite}
body[data-af-view="kontakt"] #demo-main .af-contact-form{padding:32px;border-radius:10px;height:100%;border-color:#a48ae559!important;background:linear-gradient(140deg,#161529ed,#090b19e8)!important;box-shadow:inset 0 1px #ded4ff16,0 20px 70px #0003}
body[data-af-view="kontakt"] #demo-main .af-contact-form h3{font-size:26px;margin:9px 0 8px;line-height:1.2}
.af-form-intro{font-size:13px;color:#bfc2db;margin:0 0 25px!important;line-height:1.6}
body[data-af-view="kontakt"] #demo-main .af-contact-form label{font-size:12px;margin-bottom:17px}
body[data-af-view="kontakt"] #demo-main .af-contact-form :is(input:not([type=checkbox]),select,textarea){font-size:13px;padding:12px;min-height:44px;background:#080b18cc!important;border-color:#aaa0d33d;border-radius:5px;transition:border-color .2s}
body[data-af-view="kontakt"] #demo-main .af-contact-form :is(input,select,textarea):focus{border-color:#aa86ef;outline:2px solid #9874e955;outline-offset:2px}
body[data-af-view="kontakt"] #demo-main .af-contact-form textarea{min-height:116px;resize:vertical}
body[data-af-view="kontakt"] #demo-main .af-contact-form .af-consent{font-size:11px;line-height:1.65;margin-bottom:20px}
body[data-af-view="kontakt"] #demo-main .af-contact-form .af-native-btn{min-height:48px;font-size:12px;letter-spacing:.04em}
body[data-af-view="kontakt"] #demo-main .af-meeting{padding-top:45px;padding-bottom:45px;border-top:1px solid #9e83d83b;border-bottom:1px solid #9e83d83b;grid-template-columns:1.25fr 1fr;gap:7%;background:linear-gradient(100deg,#3e236324,transparent)!important}
body[data-af-view="kontakt"] #demo-main .af-meeting .elementor-heading-title{font-size:clamp(22px,2vw,30px);line-height:1.16}
body[data-af-view="kontakt"] #demo-main .af-meeting .af-text{font-size:13px;max-width:500px}
body[data-af-view="kontakt"] #demo-main .af-meeting-facts{display:grid;gap:22px;padding:22px 0 22px 28px;border-left:1px solid #a68bdd3d}
.af-meeting-facts span{display:flex;gap:13px;align-items:center;color:#b58ae9;font-size:22px}.af-meeting-facts b{font-size:13px;font-weight:400;color:#d4cde7}
body[data-af-view="kontakt"] #demo-main .af-remote{padding-top:72px;padding-bottom:62px;grid-template-columns:1.15fr 1fr;gap:4%;overflow:hidden}
body[data-af-view="kontakt"] #demo-main .af-remote .elementor-heading-title{font-size:32px}
body[data-af-view="kontakt"] #demo-main .af-remote .af-text{font-size:14px;max-width:470px}
body[data-af-view="kontakt"] #demo-main .af-demo-contact{display:grid;gap:18px;margin-top:8px;font-size:10px;letter-spacing:.09em}
body[data-af-view="kontakt"] #demo-main .af-demo-contact span{padding-left:19px;border-left:1px solid #b177ed77}
body[data-af-view="kontakt"] #demo-main .af-demo-contact b{display:inline-block;font-size:14px;line-height:1.7;margin-top:4px;letter-spacing:0}
body[data-af-view="kontakt"] #demo-main .af-remote-globe{height:350px;width:100%;object-fit:cover;object-position:72% center;mask-image:radial-gradient(ellipse at 62% 50%,#000 10%,#000b 45%,transparent 74%)}
@media(min-width:768px) and (max-width:1100px){body[data-af-view="kontakt"] #demo-main .af-contact{gap:28px;padding-inline:5%}body[data-af-view="kontakt"] #demo-main .af-contact-copy{gap:40px}body[data-af-view="kontakt"] #demo-main .af-contact-point{padding:22px 16px!important;gap:13px}body[data-af-view="kontakt"] #demo-main .af-contact-form{padding:24px}body[data-af-view="kontakt"] #demo-main .af-contact-point .elementor-heading-title{font-size:14px!important}}
@media(max-width:767px){body[data-af-view="kontakt"] #demo-main .af-hero-copy{max-width:100%;gap:20px}body[data-af-view="kontakt"] #demo-main .af-hero-title .elementor-heading-title{font-size:clamp(27px,7.3vw,48px);white-space:nowrap}body[data-af-view="kontakt"] #demo-main .af-hero .af-lead{font-size:13px;max-width:100%}body[data-af-view="kontakt"] #demo-main .af-hero{min-height:760px;padding-bottom:320px}body[data-af-view="kontakt"] #demo-main .af-hero-art{top:290px}body[data-af-view="kontakt"] #demo-main .af-hero-art:after{background:linear-gradient(#050610,transparent 40%,transparent 80%,#050610)!important}.af-contact-invitation{font-size:10px;margin-top:4px}body[data-af-view="kontakt"] #demo-main .af-contact{grid-template-columns:1fr;padding-block:54px;gap:36px}body[data-af-view="kontakt"] #demo-main .af-contact-copy{gap:25px;padding:0}body[data-af-view="kontakt"] #demo-main .af-contact-point{min-height:110px;padding:20px 18px!important}body[data-af-view="kontakt"] #demo-main .af-contact-form{padding:25px 20px}body[data-af-view="kontakt"] #demo-main .af-contact-form h3{font-size:24px}body[data-af-view="kontakt"] #demo-main .af-fields{grid-template-columns:1fr;gap:0}body[data-af-view="kontakt"] #demo-main .af-contact-form :is(input:not([type=checkbox]),select,textarea){font-size:16px}body[data-af-view="kontakt"] #demo-main .af-meeting,body[data-af-view="kontakt"] #demo-main .af-remote{grid-template-columns:1fr;padding-block:50px;gap:25px}body[data-af-view="kontakt"] #demo-main .af-meeting-facts{padding:15px 0 0;border-left:0;border-top:1px solid #a68bdd3d;gap:15px}body[data-af-view="kontakt"] #demo-main .af-remote-globe{height:240px}body[data-af-view="kontakt"] #demo-main .af-remote .elementor-heading-title{font-size:27px}}
@media(prefers-reduced-motion:reduce){.af-contact-flow .af-contact-pulse,.af-contact-invitation i{animation:none}}
