/* VEXORA AI — unified design system. Generated by tools/build-design.js — edit design-archive/layers/, then rebuild. */
:root{
 --vx-bg:#0A0A12;--vx-surface:#100F1A;--vx-surface-2:#16151F;--vx-surface-3:#201E2E;
 --vx-text:#EEF2F8;--vx-soft:#C9CFE0;--vx-muted:#A3ADC2;--vx-faint:#6E7891;
 --vx-line:rgba(190,198,230,.15);
 --vx-accent:#8B7CFF;--vx-accent-2:#9A8CFF;--vx-accent-strong:#6A5CF0;--vx-cyan:#6FD0F0;--vx-mint:#4FF0C8;
 --vx-grad:linear-gradient(135deg,#9A8CFF 0%,#6FD0F0 55%,#4FF0C8 100%);
 --vx-r-sm:10px;--vx-r-md:14px;--vx-r-lg:20px;--vx-r-xl:26px;--vx-r-pill:999px;--vx-ctl-h:48px;
 --vx-line-strong:rgba(190,198,230,.28);--vx-primary-grad:linear-gradient(135deg,#A855F7 0%,#7B3AF2 100%);
 --vx-radius:var(--vx-r-lg);--vx-radius-lg:var(--vx-r-xl);--vx-shadow:0 24px 70px rgba(0,0,0,.32);--vx-glow:0 0 60px rgba(139,124,255,.2);
 --vx-font:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;--vx-ease:cubic-bezier(.2,.8,.2,1);
 /* legacy aliases — older selectors keep working */
 --vx-navy:var(--vx-bg);--vx-blue:var(--vx-surface-2);--vx-petrol:var(--vx-surface-3);--vx-pale:var(--vx-soft);--vx-white:var(--vx-text);--vx-border:var(--vx-soft);
 --vx-violet:var(--vx-accent);--vx-violet-strong:var(--vx-accent-strong);--vx-v:var(--vx-accent);--vx-v2:var(--vx-accent-2);--vx-t:var(--vx-mint);--vx-c:var(--vx-cyan);
 --xp-bg:var(--vx-bg);--xp-panel:var(--vx-surface);--xp-line:var(--vx-line);--xp-text:var(--vx-text);--xp-mute:var(--vx-muted);--xp-acc:var(--vx-cyan);--xp-acc2:var(--vx-accent-strong);
 --navy:var(--vx-bg);--navy-dark:var(--vx-bg);--white:var(--vx-text);
}
.sv{--bg:var(--vx-bg);--bg2:var(--vx-surface);--line:var(--vx-line);--tx:var(--vx-text);--mu:var(--vx-muted);--ac:var(--vx-cyan);--ac2:var(--vx-accent-strong)}

/* ── fonts ── */
/* Self-hosted so that no visitor IP reaches a font CDN before consent. Licences: assets/fonts/LICENSE-*.txt */
@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url(fonts/inter-latin-ext-wght-normal.woff2) format("woff2");unicode-range:}
@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url(fonts/inter-latin-wght-normal.woff2) format("woff2");unicode-range:}

/* ── smart ── */

.vx-widget,.vx-widget *{box-sizing:border-box}.vx-widget{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--vx-bg)}.vx-launcher{position:fixed;z-index:9997;right:22px;bottom:22px;display:flex;align-items:center;gap:10px;padding:13px 17px;border:1px solid rgba(255,255,255,.18);border-radius:var(--vx-r-pill);background:linear-gradient(135deg,var(--vx-surface-2),var(--vx-bg));color:var(--vx-text);box-shadow:0 12px 34px rgba(11,23,32,.3);font-size:13px;font-weight:800;cursor:pointer;transition:transform .2s,box-shadow .2s}.vx-launcher:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(11,23,32,.38)}.vx-launcher-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--vx-surface-3);color:white;font-size:15px}.vx-panel{position:fixed;z-index:9998;right:22px;bottom:86px;width:min(430px,calc(100vw - 28px));height:min(690px,calc(100dvh - 112px));display:none;flex-direction:column;overflow:hidden;border:1px solid rgba(185,203,211,.8);border-radius:var(--vx-r-xl);background:var(--vx-text);box-shadow:var(--vx-shadow)}.vx-panel.vx-open{display:flex;animation:vx-slide .18s ease-out}@keyframes vx-slide{from{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.vx-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 18px;background:var(--vx-bg);color:var(--vx-text)}.vx-brand{display:flex;align-items:center;gap:10px}.vx-brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:var(--vx-r-md);background:var(--vx-surface-3);color:#fff;font-size:17px}.vx-brand strong{display:block;font-size:14px;letter-spacing:.01em}.vx-brand small{display:block;margin-top:2px;color:var(--vx-soft);font-size:11px}.vx-close{width:34px;height:34px;border:1px solid #36515d;border-radius:var(--vx-r-sm);background:transparent;color:#fff;font-size:20px;cursor:pointer}.vx-tabs{display:grid;grid-template-columns:1fr 1fr;padding:9px;gap:7px;background:#E4ECEF;border-bottom:1px solid var(--vx-soft)}.vx-tab{padding:10px 8px;border:1px solid transparent;border-radius:var(--vx-r-sm);background:transparent;color:var(--vx-faint);font-size:12px;font-weight:800;cursor:pointer}.vx-tab[aria-selected=true]{border-color:var(--vx-soft);background:#fff;color:var(--vx-bg);box-shadow:0 2px 7px rgba(11,23,32,.06)}.vx-view{display:none;min-height:0;flex:1;overflow:auto;padding:18px}.vx-view.vx-active{display:block}.vx-intro{margin:0 0 15px;color:var(--vx-faint);font-size:12px;line-height:1.7}.vx-field{display:grid;gap:6px;margin:0 0 13px}.vx-field label{font-size:12px;font-weight:800;color:#19313d}.vx-field select,.vx-field input,.vx-field textarea{width:100%;min-height:42px;padding:10px 11px;border:1px solid var(--vx-soft);border-radius:var(--vx-r-sm);background:white;color:var(--vx-bg);font:inherit;font-size:12px;outline:none}.vx-field select:focus,.vx-field input:focus,.vx-field textarea:focus{border-color:var(--vx-surface-3);box-shadow:0 0 0 3px rgba(36,75,91,.12)}.vx-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 14px;border:1px solid var(--vx-surface-2);border-radius:var(--vx-r-sm);background:var(--vx-surface-2);color:#fff;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.vx-btn:hover{background:var(--vx-surface-3)}.vx-btn:disabled{opacity:.55;cursor:wait}.vx-btn-secondary{background:white;color:var(--vx-surface-2)}.vx-result{display:none;margin-top:15px;padding:14px;border:1px solid var(--vx-soft);border-radius:var(--vx-r-md);background:white}.vx-result.vx-show{display:block}.vx-result h3{margin:0 0 7px;font-size:14px;color:var(--vx-surface-2)}.vx-result p,.vx-result li{font-size:12px;line-height:1.65;color:var(--vx-faint)}.vx-result ul{padding-left:18px;margin:7px 0}.vx-result-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.vx-result-actions .vx-btn{padding:10px 8px;font-size:11px}.vx-chatlog{display:flex;flex-direction:column;gap:10px;min-height:180px;padding-bottom:12px}.vx-msg{max-width:92%;padding:11px 12px;border-radius:var(--vx-r-md);font-size:12px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.vx-msg-assistant{align-self:flex-start;border:1px solid #D3DEE2;background:#fff;color:#253e49;border-bottom-left-radius:4px}.vx-msg-user{align-self:flex-end;background:var(--vx-surface-2);color:#fff;border-bottom-right-radius:4px}.vx-chat-form{display:flex;align-items:flex-end;gap:8px;position:sticky;bottom:0;padding-top:10px;background:var(--vx-text)}.vx-chat-form textarea{flex:1;min-width:0;min-height:43px;max-height:110px;resize:vertical;padding:11px;border:1px solid var(--vx-soft);border-radius:var(--vx-r-md);background:white;font:inherit;font-size:12px}.vx-send{flex:0 0 45px;width:45px;height:43px;border:0;border-radius:var(--vx-r-md);background:var(--vx-surface-2);color:white;font-size:17px;cursor:pointer}.vx-status{margin:8px 0 0;color:#637984;font-size:10px;line-height:1.5}.vx-consent{display:flex;align-items:flex-start;gap:8px;margin:11px 0;color:var(--vx-faint);font-size:10px;line-height:1.5}.vx-consent input{margin-top:3px;accent-color:var(--vx-surface-3)}.vx-notice{margin:10px 0;padding:10px 11px;border-radius:var(--vx-r-sm);background:#e4ecef;color:var(--vx-faint);font-size:10px;line-height:1.6}.vx-smart-intro{padding:76px 0;background:linear-gradient(135deg,var(--vx-bg),var(--vx-surface-2));color:var(--vx-text)}.vx-smart-wrap{width:min(1120px,calc(100% - 40px));margin:0 auto}.vx-smart-eyebrow{display:inline-block;margin-bottom:12px;color:var(--vx-soft);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.vx-smart-title{max-width:800px;margin:0 0 15px;font-size:clamp(30px,4.5vw,48px);line-height:1.13;letter-spacing:-.04em}.vx-smart-copy{max-width:720px;margin:0;color:var(--vx-soft);font-size:14px;line-height:1.9}.vx-smart-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:28px 0}.vx-smart-card{padding:20px;border:1px solid rgba(185,203,211,.25);border-radius:var(--vx-r-lg);background:rgba(255,255,255,.045)}.vx-smart-card span{display:grid;place-items:center;width:40px;height:40px;margin-bottom:13px;border-radius:var(--vx-r-md);background:var(--vx-surface-3);color:white;font-size:17px}.vx-smart-card h3{margin:0 0 7px;color:#fff;font-size:15px}.vx-smart-card p{margin:0;color:var(--vx-soft);font-size:12px;line-height:1.8}.vx-smart-actions{display:flex;flex-wrap:wrap;gap:10px}.vx-smart-cta{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border:1px solid var(--vx-soft);border-radius:var(--vx-r-sm);background:var(--vx-soft);color:var(--vx-bg);font-size:12px;font-weight:800;cursor:pointer}.vx-smart-cta.alt{background:transparent;color:var(--vx-text);border-color:#58717c}.vx-live-badge{display:inline-flex;align-items:center;gap:6px;color:var(--vx-soft);font-size:10px}.vx-live-badge i{width:6px;height:6px;border-radius:50%;background:#83C6A2}.vx-hidden{display:none!important}
@media(max-width:640px){.vx-launcher{right:12px;bottom:12px;padding:11px 13px}.vx-panel{right:8px;bottom:72px;width:calc(100vw - 16px);height:min(720px,calc(100dvh - 84px));border-radius:var(--vx-r-lg)}.vx-smart-intro{padding:54px 0}.vx-smart-wrap{width:calc(100% - 32px)}.vx-smart-cards{grid-template-columns:1fr;gap:10px}.vx-smart-card{padding:16px}.vx-result-actions{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.vx-panel.vx-open{animation:none}.vx-launcher,.vx-smart-cta{transition:none}}

/* ── modern ── */
/* VEXORA AI — Modern Motion System v2 */
:root{--navy-mid:var(--vx-surface-2);--accent:var(--vx-violet);--accent-dark:var(--vx-violet-strong);--accent-soft:rgba(116,201,220,.14);--burnt-blue:var(--vx-violet);--ink:var(--vx-text);--muted:var(--vx-muted);--blue:var(--vx-violet);--cyan:var(--vx-mint);--navy2:var(--vx-bg);--radius:22px;--max:1200px;color-scheme:dark}
html{scroll-behavior:smooth;scroll-padding-top:90px;background:var(--vx-bg)}
body{background:var(--vx-bg)!important;color:var(--vx-text)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;line-height:1.72;letter-spacing:-.01em}
::selection{background:rgba(116,201,220,.35);color:#fff}
a{transition:color .2s ease,border-color .2s ease,background .2s ease}
header{background:rgba(8,10,18,.78)!important;border-bottom:1px solid var(--vx-line)!important;backdrop-filter:blur(22px) saturate(150%)!important;-webkit-backdrop-filter:blur(22px) saturate(150%)!important}
.navbar,.nav{min-height:78px!important}
.brand,.brand b,.brand span span{color:var(--vx-text)!important;letter-spacing:-.055em!important}
.brand-icon{background:linear-gradient(135deg,var(--vx-violet),var(--vx-mint))!important;color:var(--vx-bg)!important;box-shadow:0 0 28px rgba(116,201,220,.24)}
.nav-links a,.navlinks a{color:#C4CAD9!important;font-size:13px!important;font-weight:600!important}
.nav-links a:hover,.navlinks a:hover{color:var(--vx-mint)!important}
.nav-cta,.navcta,.services-trigger{background:rgba(116,201,220,.13)!important;color:#F7F5FF!important;border:1px solid rgba(116,201,220,.3)!important;border-radius:var(--vx-r-md)!important}
.services-trigger{padding:10px 12px!important;font-weight:700!important}
.mega-menu{background:rgba(15,20,34,.98)!important;border:1px solid var(--vx-line)!important;border-radius:var(--vx-r-lg)!important;box-shadow:var(--vx-shadow)!important;color:var(--vx-text)!important}
.mega-heading strong,.mega-group-title,.mega-subitems a{color:var(--vx-text)!important}.mega-heading span,.mega-subitems a{color:var(--vx-muted)!important}.mega-group{border-color:var(--vx-line)!important}
.hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 78% 48%,rgba(63,140,166,.17),transparent 34%),radial-gradient(ellipse at 8% 95%,rgba(116,201,220,.08),transparent 32%),linear-gradient(135deg,var(--vx-bg) 0%,#0D1020 54%,#11172A 100%)!important;color:var(--vx-text)!important;padding:clamp(72px,9vw,124px) 0 clamp(64px,8vw,100px)!important;border-bottom:1px solid rgba(185,203,211,.08)}
.hero:before{content:"";position:absolute;width:600px;height:600px;right:-240px;top:-280px;border:1px solid rgba(116,201,220,.16);border-radius:50%;box-shadow:0 0 0 42px rgba(116,201,220,.025),0 0 0 95px rgba(116,201,220,.018);pointer-events:none;animation:vx-orbit 28s linear infinite}
.hero:after{content:"";position:absolute;width:420px;height:420px;right:-150px;top:-190px;border:1px solid rgba(116,201,220,.12);border-radius:50%;pointer-events:none;animation:vx-orbit 22s linear infinite reverse}
.vx-hero-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.03fr) minmax(350px,.97fr);align-items:center;gap:clamp(28px,5vw,76px)}
.hero-inner{max-width:none!important;position:relative;z-index:2}
.eyebrow,.section-label,.label,.vx-kicker{color:var(--vx-mint)!important;font-size:11px!important;font-weight:800!important;letter-spacing:.16em!important;text-transform:uppercase}
.eyebrow{width:fit-content;display:inline-flex;align-items:center;gap:9px;padding:9px 13px!important;border:1px solid rgba(116,201,220,.22)!important;border-radius:var(--vx-r-pill)!important;background:rgba(116,201,220,.06)!important;color:#A8FFF0!important;margin-bottom:24px!important}
.hero h1{font-size:clamp(42px,5.8vw,76px)!important;line-height:1.02!important;letter-spacing:-.075em!important;font-weight:700!important;max-width:760px!important;margin:0 0 24px!important;color:#F8F8FF!important}
.hero h1 span{background:linear-gradient(100deg,#B9E3EE 0%,var(--vx-cyan) 40%,var(--vx-cyan) 100%);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.hero-copy,.detail-copy{max-width:670px!important;color:#B6BED0!important;font-size:clamp(15px,1.25vw,17px)!important;line-height:1.9!important}
.actions,.btnrow{gap:12px!important;margin-top:30px!important}
.btn,.nav-cta,.navcta{border-radius:var(--vx-r-md)!important;font-size:13px!important;font-weight:700!important;transition:transform .25s ease,box-shadow .25s ease,background .25s ease!important}
.btn-primary,.btn:not(.secondary),.btnrow .btn:not(.secondary){background:linear-gradient(110deg,var(--vx-violet-strong),#5FB0C8 55%,var(--vx-cyan))!important;color:#090B14!important;border:0!important;box-shadow:0 10px 32px rgba(63,140,166,.19)!important}
.btn-primary:hover,.btn:not(.secondary):hover,.btnrow .btn:not(.secondary):hover{transform:translateY(-3px)!important;box-shadow:0 15px 38px rgba(63,140,166,.28)!important}
.btn-outline,.btn.secondary{background:rgba(255,255,255,.035)!important;border:1px solid rgba(218,224,246,.2)!important;color:var(--vx-text)!important}
.btn-outline:hover,.btn.secondary:hover{background:rgba(116,201,220,.1)!important;border-color:rgba(116,201,220,.45)!important}
.stats{border-top-color:var(--vx-line)!important;gap:clamp(18px,3vw,40px)!important}.stat strong{color:var(--vx-mint)!important;font-size:clamp(22px,2.5vw,30px)!important}.stat span{color:#9EA8BD!important}
section:not(.hero){color:var(--vx-text)}
.section,.section.soft,.vx-expansion,.vx-process,.vx-delivery,.vx-faq,.vx-smart-intro,.cta{background:var(--vx-bg)!important;color:var(--vx-text)!important}
.section.soft,.vx-process,.vx-smart-intro{background:linear-gradient(180deg,#0C101C,#0A0D17)!important}
.section-title,.section h2,.vx-expansion h2,.vx-process h2,.vx-delivery h2,.vx-faq h2,.vx-smart-intro h2,.section-head h2{color:#F4F5FF!important;letter-spacing:-.055em!important;line-height:1.12!important}
.section-desc,.section p,.vx-expansion p,.vx-process p,.vx-delivery p,.vx-faq p,.muted{color:var(--vx-muted)!important}
.service-card,.automation-card,.process-card,.card,.vx-mini,.vx-step,.benefit,.vx-smart-card,.workflow,.advantage,.faq-item{background:linear-gradient(145deg,rgba(21,28,43,.92),rgba(14,19,31,.96))!important;border:1px solid var(--vx-line)!important;border-radius:var(--vx-r-lg)!important;color:var(--vx-text)!important;box-shadow:0 10px 35px rgba(0,0,0,.08)!important;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease!important}
.service-card:hover,.automation-card:hover,.process-card:hover,.card:hover,.vx-mini:hover,.vx-step:hover,.benefit:hover,.vx-smart-card:hover{transform:translateY(-6px)!important;border-color:rgba(116,201,220,.42)!important;box-shadow:0 22px 60px rgba(0,0,0,.25),0 0 35px rgba(63,140,166,.08)!important}
.service-card h3,.automation-card h3,.process-card h3,.card h3,.vx-mini h3,.vx-step h3,.benefit h3{color:var(--vx-text)!important}
.service-card p,.automation-card p,.process-card p,.card p,.vx-mini p,.vx-step p,.benefit p{color:#A4AEC2!important}
.service-card.featured{background:linear-gradient(145deg,#1D2140,#11182A)!important;border-color:rgba(116,201,220,.4)!important}
.iconbox,.process-icon,.mega-icon{background:linear-gradient(135deg,rgba(116,201,220,.22),rgba(116,201,220,.12))!important;color:var(--vx-mint)!important;border:1px solid rgba(116,201,220,.18)!important;border-radius:var(--vx-r-md)!important}
.tag,.chip,.vx-pill{background:rgba(116,201,220,.08)!important;border-color:rgba(116,201,220,.22)!important;color:#DAD6FF!important}
.vx-art{position:relative;border:1px solid rgba(116,201,220,.18);border-radius:var(--vx-r-xl);overflow:hidden;box-shadow:var(--vx-shadow),var(--vx-glow);transform:translateZ(0);animation:vx-float 7s ease-in-out infinite}
.vx-art:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 15%,rgba(255,255,255,.08) 42%,transparent 58%);transform:translateX(-120%);animation:vx-sheen 7s ease-in-out infinite}
.vx-art svg{display:block;width:100%;height:auto;filter:saturate(1.15)}
.vx-mini-grid{gap:16px!important}.vx-mini-num,.number{color:var(--vx-violet)!important}.vx-check,.check{color:var(--vx-mint)!important}
.vx-faq details,.vx-faq details summary{border-color:var(--vx-line)!important;color:var(--vx-text)!important}
footer,.footer{background:#070910!important;color:var(--vx-muted)!important;border-top:1px solid var(--vx-line)!important}
/* Motion illustration */
.vx-ai-visual{position:relative;isolation:isolate;width:100%;max-width:570px;aspect-ratio:1/1;justify-self:center;display:grid;place-items:center;perspective:1000px;filter:drop-shadow(0 35px 80px rgba(0,0,0,.32));}
.vx-ai-visual:before{content:"";position:absolute;inset:13%;border-radius:50%;background:radial-gradient(circle,rgba(63,140,166,.22),rgba(116,201,220,.07) 45%,transparent 72%);filter:blur(18px);animation:vx-breathe 5s ease-in-out infinite}
.vx-ai-visual .vx-visual-svg{position:relative;z-index:1;width:100%;height:auto;overflow:visible;animation:vx-float 8s ease-in-out infinite;transform-origin:center}
.vx-orbit{fill:none;stroke:rgba(116,201,220,.35);stroke-width:1.2;stroke-dasharray:4 8;transform-origin:300px 300px;animation:vx-orbit 30s linear infinite}
.vx-orbit.vx-orbit-mint{stroke:rgba(116,201,220,.4);stroke-dasharray:2 9;animation-duration:22s;animation-direction:reverse}
.vx-node{transform-box:fill-box;transform-origin:center;animation:vx-node-pulse 3.6s ease-in-out infinite}
.vx-node:nth-of-type(2n){animation-delay:-1.7s}.vx-core-glow{animation:vx-core-pulse 4s ease-in-out infinite;transform-origin:center;transform-box:fill-box}
.vx-float-card{animation:vx-card-float 6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.vx-float-card.card-two{animation-delay:-2.4s}.vx-float-card.card-three{animation-delay:-4.1s}
.vx-live-dot{animation:vx-live 1.8s ease-out infinite;transform-box:fill-box;transform-origin:center}
.vx-visual-caption{position:absolute;z-index:2;left:4%;bottom:10%;padding:11px 14px;border:1px solid rgba(116,201,220,.2);border-radius:var(--vx-r-md);background:rgba(13,17,30,.82);backdrop-filter:blur(15px);box-shadow:0 12px 32px rgba(0,0,0,.22);font-size:11px;color:#DDE5F8;letter-spacing:.02em;animation:vx-card-float 7s ease-in-out infinite}
.vx-visual-caption strong{display:block;color:var(--vx-mint);font-size:12px;margin-bottom:2px}
.hero>.vx-ai-visual{position:absolute;right:max(3%,calc((100vw - 1200px)/2));top:50%;width:min(42vw,500px);transform:translateY(-50%);opacity:.88;pointer-events:none}
.hero:has(.detail){overflow:hidden}.hero .detail{position:relative;z-index:2;max-width:min(67%,780px)!important}
.vx-detail-visual{position:absolute!important;right:max(2%,calc((100vw - 1200px)/2));top:50%!important;width:min(36vw,430px)!important;transform:translateY(-50%);opacity:.58;pointer-events:none}
/* Chat and solution explorer widget */
.vx-widget{color:var(--vx-text)!important}.vx-launcher{background:linear-gradient(120deg,var(--vx-accent-strong),var(--vx-cyan) 52%,var(--vx-cyan))!important;color:var(--vx-bg)!important;border:1px solid rgba(255,255,255,.25)!important;box-shadow:0 14px 45px rgba(63,140,166,.28)!important}.vx-launcher-icon{background:rgba(8,10,18,.16)!important;color:var(--vx-bg)!important}
.vx-panel{background:#0D1220!important;border:1px solid rgba(116,201,220,.28)!important;border-radius:var(--vx-r-xl)!important;box-shadow:0 30px 100px rgba(0,0,0,.55),0 0 50px rgba(63,140,166,.12)!important}
.vx-head{background:linear-gradient(130deg,#171A32,#0E1924)!important;border-bottom:1px solid var(--vx-line)!important}.vx-brand-mark{background:linear-gradient(135deg,var(--vx-cyan),var(--vx-cyan))!important;color:var(--vx-bg)!important}.vx-brand small{color:#A8B3CB!important}
.vx-tabs{background:#101727!important;border-bottom-color:var(--vx-line)!important}.vx-tab{color:var(--vx-muted)!important}.vx-tab[aria-selected=true]{background:rgba(116,201,220,.14)!important;border-color:rgba(116,201,220,.35)!important;color:var(--vx-text)!important;box-shadow:none!important}
.vx-view{color:#E8EBF8!important}.vx-intro{color:#A9B3C8!important}.vx-field label{color:#DCE2F3!important}.vx-field select,.vx-field input,.vx-field textarea{background:#141B2A!important;border-color:rgba(185,203,211,.2)!important;color:var(--vx-text)!important}.vx-field select:focus,.vx-field input:focus,.vx-field textarea:focus{border-color:var(--vx-violet)!important;box-shadow:0 0 0 3px rgba(116,201,220,.14)!important}
.vx-btn{background:linear-gradient(110deg,var(--vx-accent-strong),var(--vx-cyan) 58%,var(--vx-cyan))!important;border:0!important;color:var(--vx-bg)!important;border-radius:var(--vx-r-md)!important}.vx-btn-secondary{background:rgba(255,255,255,.04)!important;color:var(--vx-text)!important;border:1px solid var(--vx-line)!important}.vx-result{background:var(--vx-surface-2)!important;border-color:var(--vx-line)!important;color:var(--vx-text)!important}.vx-result p,.vx-result li{color:#AEB8CB!important}.vx-message{border-radius:var(--vx-r-lg)!important}.vx-message-assistant{background:#171E2D!important;color:#EEF1FC!important;border:1px solid var(--vx-line)!important}.vx-message-user{background:linear-gradient(110deg,var(--vx-accent-strong),var(--vx-cyan))!important;color:var(--vx-bg)!important}
/* reveal and focus */
.reveal,.service-card,.automation-card,.process-card,.vx-step,.vx-mini,.vx-smart-card{will-change:transform,opacity}
.vx-motion-ready .vx-reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.vx-motion-ready .vx-reveal.vx-in-view{opacity:1;transform:translateY(0)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--vx-mint)!important;outline-offset:4px!important}
@keyframes vx-float{0%,100%{transform:translateY(0) rotateX(0deg)}50%{transform:translateY(-10px) rotateX(1deg)}}
@keyframes vx-card-float{0%,100%{translate:0 0}50%{translate:0 -9px}}
@keyframes vx-breathe{0%,100%{opacity:.55;scale:.94}50%{opacity:1;scale:1.05}}
@keyframes vx-orbit{to{transform:rotate(360deg)}}
@keyframes vx-node-pulse{0%,100%{scale:.86;opacity:.6}50%{scale:1.15;opacity:1}}
@keyframes vx-core-pulse{0%,100%{scale:.96;filter:drop-shadow(0 0 8px rgba(116,201,220,.22))}50%{scale:1.04;filter:drop-shadow(0 0 24px rgba(116,201,220,.42))}}
@keyframes vx-live{0%{scale:.7;opacity:1}100%{scale:2.4;opacity:0}}
@keyframes vx-sheen{0%,42%{transform:translateX(-120%)}70%,100%{transform:translateX(120%)}}
@media(max-width:900px){.vx-hero-layout{grid-template-columns:minmax(0,1fr) minmax(270px,.78fr);gap:22px}.hero .detail{max-width:72%!important}.hero>.vx-ai-visual{width:38vw;right:0;opacity:.52}.vx-detail-visual{width:32vw!important;opacity:.28}.nav-links,.navlinks{gap:10px!important}.nav-links a,.navlinks a{font-size:11px!important}}
@media(max-width:700px){.vx-hero-layout{grid-template-columns:1fr;gap:10px}.hero{padding:68px 0 60px!important}.vx-hero-layout .hero-inner{max-width:100%!important}.vx-hero-layout .vx-ai-visual{width:min(100%,390px);margin:-4px auto -20px;opacity:.98}.hero .detail{max-width:100%!important}.hero>.vx-ai-visual{position:relative;top:auto;right:auto;transform:none;width:min(85vw,340px);margin:-10px auto -20px;opacity:.8}.vx-detail-visual{display:none!important}.hero h1{font-size:clamp(39px,11vw,57px)!important}.stats{gap:18px!important}.stat{min-width:90px}.service-grid,.automation-grid,.advantages,.vx-mini-grid,.vx-step-grid{grid-template-columns:1fr!important}.section{padding:62px 0!important}.nav-links{gap:8px!important}.navbar{gap:10px!important}.brand{font-size:21px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.vx-motion-ready .vx-reveal{opacity:1;transform:none}}

/* VEXORA AI — quality layer: accessibility, focus, reduced motion */
.skip-link{position:absolute;left:12px;top:-60px;z-index:10000;padding:10px 16px;border-radius:var(--vx-r-sm);background:var(--vx-text);color:var(--vx-bg);font-weight:700;font-size:14px;transition:top .15s}
.skip-link:focus{top:12px}
:focus-visible{outline:2px solid var(--vx-cyan);outline-offset:3px;border-radius:4px}
main:focus{outline:none}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.reveal{opacity:1!important;transform:none!important}}
@media (max-width:760px){.hero:has(.vx-visual-stage) .hero-inner,.hero:has(.vx-visual-stage) .detail{max-width:100%}}
.hero{overflow-x:clip}
@media (max-width:760px){.vx-visual-stage{opacity:.28;right:-40px;width:min(260px,70vw)}}
/* long German compounds must wrap instead of clipping */
h1,h2,h3,h4,.vx-mini *{overflow-wrap:anywhere;hyphens:auto;-webkit-hyphens:auto}
.vx-mini{min-width:0}
main,.cta{overflow-x:clip}
@media (max-width:560px){h1{font-size:clamp(28px,9vw,40px)!important}}

/* ── visuals ── */
/* VEXORA AI — context-aware animated visual system */
.vx-visual-stage{position:absolute;z-index:0;right:clamp(18px,5vw,90px);top:50%;transform:translateY(-50%);width:clamp(220px,29vw,390px);aspect-ratio:1;pointer-events:none;opacity:.94;isolation:isolate}
.vx-visual-stage svg{display:block;width:100%;height:100%;overflow:visible}
.vx-visual-stage .vx-orbit{transform-origin:50% 50%;animation:vxOrbit 24s linear infinite}
.vx-visual-stage .vx-orbit-reverse{transform-origin:50% 50%;animation:vxOrbit 31s linear infinite reverse}
.vx-visual-stage .vx-pulse{transform-origin:50% 50%;animation:vxPulse 3.8s ease-in-out infinite}
.vx-visual-stage .vx-float{animation:vxFloat 5.2s ease-in-out infinite}
.vx-visual-stage .vx-float-delay{animation:vxFloat 5.2s ease-in-out -2.3s infinite}
.vx-visual-stage .vx-spark{transform-origin:center;animation:vxSpark 2.8s ease-in-out infinite}
.vx-visual-stage .vx-scan{animation:vxScan 5s ease-in-out infinite}
.vx-visual-stage .vx-core-glow{filter:drop-shadow(0 0 20px rgba(116,201,220,.35))}
.hero .wrap,.hero .hero-inner,.hero .detail{position:relative;z-index:1}
.hero .vx-visual-stage{z-index:0}
.hero:has(.vx-visual-stage) .hero-inner,.hero:has(.vx-visual-stage) .detail{max-width:min(760px,68%)}
.vx-visual-inline{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;width:38px;height:38px;margin:0 0 10px;border:1px solid rgba(36,75,91,.17);border-radius:var(--vx-r-md);background:linear-gradient(145deg,rgba(217,227,232,.9),rgba(241,245,246,.72));color:var(--vx-surface-3);box-shadow:0 7px 20px rgba(11,23,32,.06);overflow:hidden}
.vx-visual-inline svg{width:34px;height:34px;overflow:visible}
.vx-visual-inline .vx-pulse{transform-origin:center;animation:vxPulse 3s ease-in-out infinite}
.vx-visual-inline .vx-orbit{transform-origin:center;animation:vxOrbit 14s linear infinite}
.vx-visual-inline .vx-spark{transform-origin:center;animation:vxSpark 2.4s ease-in-out infinite}
.service-card .vx-visual-inline,.automation-card .vx-visual-inline,.process-card .vx-visual-inline{width:45px;height:45px;border-radius:var(--vx-r-md);margin-bottom:15px}
.service-card .iconbox,.automation-card .iconbox,.process-card .process-icon{display:none}
.vx-section-visual{position:absolute;right:0;top:0;width:54px;height:54px;opacity:.8;pointer-events:none}
.section-head{position:relative}
.vx-visual-stage .vx-label{font:700 9px Inter,system-ui,sans-serif;letter-spacing:1.5px;fill:rgba(226,244,249,.72)}
@keyframes vxOrbit{to{transform:rotate(360deg)}}
@keyframes vxPulse{0%,100%{transform:scale(.94);opacity:.75}50%{transform:scale(1.07);opacity:1}}
@keyframes vxFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes vxSpark{0%,100%{opacity:.45;transform:scale(.78) rotate(0)}50%{opacity:1;transform:scale(1.15) rotate(18deg)}}
@keyframes vxScan{0%,100%{transform:translateY(-13px);opacity:.2}50%{transform:translateY(13px);opacity:.85}}
@media(max-width:800px){.vx-visual-stage{right:-25px;top:auto;bottom:-28px;transform:none;width:clamp(170px,44vw,260px);opacity:.38}.hero:has(.vx-visual-stage) .hero-inner,.hero:has(.vx-visual-stage) .detail{max-width:100%;padding-right:0}.vx-section-visual{width:38px;height:38px;opacity:.45}}
@media(max-width:520px){.vx-visual-stage{right:-35px;bottom:-24px;width:190px;opacity:.28}.vx-visual-inline{width:34px;height:34px}.service-card .vx-visual-inline,.automation-card .vx-visual-inline,.process-card .vx-visual-inline{width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){.vx-visual-stage *, .vx-visual-inline *{animation:none!important;transition:none!important}.vx-visual-stage{opacity:.65}}

/* ── experience ── */
/* VEXORA AI — experience layer: progress, search palette, related services, polish */

.xp-progress{position:fixed;left:0;top:0;height:2px;width:100%;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,var(--xp-acc2),var(--xp-acc));z-index:10001;pointer-events:none}
header{transition:transform .3s ease,box-shadow .3s ease}
header.xp-hide{transform:translateY(-100%)}
header.xp-solid{box-shadow:0 10px 30px rgba(0,0,0,.28)}
.xp-search-btn{display:inline-flex;align-items:center;gap:10px;margin-left:auto;margin-right:14px;padding:8px 12px;border:1px solid var(--xp-line);border-radius:var(--vx-r-md);background:rgba(255,255,255,.04);color:var(--xp-mute);font:inherit;font-size:13px;cursor:pointer;transition:border-color .2s,color .2s,background .2s}
.xp-search-btn:hover{border-color:var(--xp-acc);color:var(--xp-text);background:rgba(116,201,220,.08)}
.xp-search-btn kbd{padding:1px 6px;border:1px solid var(--xp-line);border-radius:6px;font:600 11px/1.6 inherit;color:var(--xp-mute)}
@media (max-width:900px){.xp-search-btn span,.xp-search-btn kbd{display:none}.xp-search-btn{padding:10px;margin-right:8px}}
.xp-ov{position:fixed;inset:0;z-index:10002;display:none;align-items:flex-start;justify-content:center;padding:12vh 16px 16px;background:rgba(5,12,18,.72);backdrop-filter:blur(6px)}
.xp-ov.open{display:flex;animation:xpIn .16s ease-out}
@keyframes xpIn{from{opacity:0}to{opacity:1}}
.xp-box{width:min(640px,100%);max-height:72vh;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--xp-line);border-radius:var(--vx-r-lg);background:var(--xp-panel);box-shadow:0 30px 80px rgba(0,0,0,.5);color:var(--xp-text);font-family:Inter,system-ui,sans-serif}
.xp-box input{width:100%;padding:18px 20px;border:0;border-bottom:1px solid var(--xp-line);background:transparent;color:var(--xp-text);font:inherit;font-size:16px;outline:none}
.xp-box input::placeholder{color:var(--xp-mute)}
.xp-list{margin:0;padding:8px;list-style:none;overflow:auto}
.xp-list a{display:block;padding:11px 14px;border-radius:var(--vx-r-md);color:inherit;text-decoration:none}
.xp-list a strong{display:block;font-size:14px}.xp-list a span{display:block;margin-top:2px;color:var(--xp-mute);font-size:12px;line-height:1.5}
.xp-list a small{float:right;margin-left:12px;color:var(--xp-acc);font-size:11px;font-weight:700}
.xp-list a[aria-selected="true"],.xp-list a:hover{background:rgba(116,201,220,.12)}
.xp-empty{padding:22px;color:var(--xp-mute);font-size:14px}
.xp-foot{display:flex;gap:16px;padding:10px 16px;border-top:1px solid var(--xp-line);color:var(--xp-mute);font-size:11px}
.vx-related{padding:56px 0;background:var(--vx-bg);border-top:1px solid var(--xp-line)}
.vx-rel-wrap{width:min(1160px,calc(100% - 36px));margin:auto}
.vx-rel-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:22px}
.vx-rel-head h2{margin:0;color:var(--xp-text);font-size:clamp(22px,3vw,28px);letter-spacing:-.02em}
.vx-rel-cta{color:var(--xp-acc);font-weight:700;font-size:14px}
.vx-rel-cta:hover{text-decoration:underline}
.vx-rel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.vx-rel-card{position:relative;display:flex;flex-direction:column;gap:6px;padding:22px 22px 26px;border:1px solid var(--xp-line);border-radius:var(--vx-r-lg);background:linear-gradient(160deg,var(--vx-surface),var(--vx-bg));color:var(--xp-text);transition:transform .25s,border-color .25s,box-shadow .25s}
.vx-rel-card:hover{transform:translateY(-3px);border-color:rgba(116,201,220,.5);box-shadow:0 18px 40px rgba(0,0,0,.3)}
.vx-rel-card small{color:var(--xp-acc);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.vx-rel-card strong{font-size:17px;line-height:1.35}
.vx-rel-card span{color:var(--xp-mute);font-size:13px;line-height:1.6}
.vx-rel-card i{position:absolute;right:20px;bottom:16px;font-style:normal;color:var(--xp-acc);transition:transform .25s}
.vx-rel-card:hover i{transform:translateX(4px)}
@media (max-width:860px){.vx-rel-grid{grid-template-columns:1fr}}
/* polish: sharper cards, calmer rhythm */
.service-card,.automation-card,.vx-smart-card,.vx-mini{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
.service-card:hover,.automation-card:hover,.vx-smart-card:hover{transform:translateY(-4px)}
.btn,.vx-btn{transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}
.btn:hover,.vx-btn:hover{transform:translateY(-2px);filter:brightness(1.06)}
.btn:active,.vx-btn:active{transform:translateY(0)}
@media (prefers-reduced-motion:reduce){header{transition:none}.xp-progress{display:none}}
/* hero: confident, readable headline that keeps the CTAs above the fold */
.hero h1{font-size:clamp(34px,4.3vw,58px)!important;line-height:1.08!important;letter-spacing:-.03em!important;max-width:16em}
.hero{padding-top:clamp(48px,7vh,84px)!important;padding-bottom:clamp(40px,6vh,72px)!important}
.hero .hero-copy{max-width:34em;font-size:clamp(16px,1.25vw,18px)}
@media (max-width:560px){.hero h1{font-size:clamp(30px,8.4vw,38px)!important}}

/* ── v4 ── */
/* VEXORA AI v4 — homepage: interactive planner, bento services, flow, marquee */
.v4-wrap{width:min(1200px,calc(100% - 36px));margin:auto}
.v4-sec{padding:clamp(64px,9vw,112px) 0;background:var(--vx-bg);color:var(--vx-text);position:relative}
.v4-head{max-width:760px;margin:0 0 44px}
.v4-kick{display:inline-block;margin-bottom:14px;color:var(--vx-cyan);font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.v4-head h2{margin:0 0 16px;font-size:clamp(30px,4.6vw,54px);line-height:1.06;letter-spacing:-.035em;color:var(--vx-text)}
.v4-head h2 em{font-style:normal;color:var(--vx-cyan)}
.v4-head p{margin:0;color:var(--vx-muted);font-size:clamp(16px,1.3vw,18px);line-height:1.7}
/* hero layout + planner */
.vx-hero-layout{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px,4vw,64px);align-items:center}
.v4-plan{padding:26px;border:1px solid rgba(185,203,211,.2);border-radius:var(--vx-r-xl);background:linear-gradient(160deg,rgba(18,44,58,.92),rgba(11,23,32,.92));box-shadow:0 30px 80px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(14px);position:relative;z-index:2}
.v4-plan-top{display:flex;align-items:center;gap:10px;margin-bottom:18px;font-size:13px;font-weight:800;color:var(--vx-text);letter-spacing:.04em}
.v4-plan-top small{margin-left:auto;color:var(--vx-muted);font-weight:500;letter-spacing:0}
.v4-dot{width:9px;height:9px;border-radius:50%;background:var(--vx-cyan);box-shadow:0 0 0 0 rgba(116,201,220,.6);animation:v4p 2s infinite}
@keyframes v4p{70%{box-shadow:0 0 0 10px rgba(116,201,220,0)}100%{box-shadow:0 0 0 0 rgba(116,201,220,0)}}
.v4-plan label{display:block;margin-bottom:8px;color:var(--vx-text);font-weight:700;font-size:15px}
.v4-input{position:relative}
.v4-input input{width:100%;padding:15px 46px 15px 16px;border:1px solid rgba(185,203,211,.25);border-radius:var(--vx-r-md);background:rgba(5,12,18,.55);color:var(--vx-text);font:inherit;font-size:15px;outline:none;transition:border-color .2s,box-shadow .2s}
.v4-input input:focus{border-color:var(--vx-cyan);box-shadow:0 0 0 4px rgba(116,201,220,.15)}
.v4-input i{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--vx-cyan)}
.v4-goals{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 4px}
.v4-goals button{padding:8px 13px;border:1px solid rgba(185,203,211,.22);border-radius:var(--vx-r-pill);background:rgba(255,255,255,.04);color:var(--vx-soft);font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}
.v4-goals button:hover,.v4-goals button[aria-pressed="true"]{border-color:var(--vx-cyan);background:rgba(116,201,220,.14);color:#fff}
.v4-out{margin-top:16px;min-height:150px}
.v4-hint{margin:0;color:var(--vx-muted);font-size:14px;line-height:1.65}
.v4-res-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--vx-cyan)}
.v4-steps{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.v4-steps li{opacity:0;transform:translateY(8px);animation:v4in .4s ease forwards}
.v4-steps li:nth-child(2){animation-delay:.1s}.v4-steps li:nth-child(3){animation-delay:.2s}
@keyframes v4in{to{opacity:1;transform:none}}
.v4-steps a{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:12px;padding:12px 14px;border:1px solid rgba(185,203,211,.16);border-radius:var(--vx-r-md);background:rgba(255,255,255,.035);color:inherit;transition:border-color .2s,background .2s,transform .2s}
.v4-steps a:hover{border-color:rgba(116,201,220,.6);background:rgba(116,201,220,.09);transform:translateX(3px)}
.v4-steps b{display:grid;place-items:center;width:30px;height:30px;border-radius:var(--vx-r-sm);background:var(--vx-cyan);color:var(--vx-bg);font-size:13px}
.v4-steps strong{display:block;font-size:14px;color:var(--vx-text)}.v4-steps span{display:block;font-size:12px;color:var(--vx-muted);line-height:1.5}
.v4-steps em{font-style:normal;color:var(--vx-cyan);font-size:11px;font-weight:700}
.v4-cta{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:12px 18px;border-radius:var(--vx-r-md);background:var(--vx-cyan);color:var(--vx-bg);font-weight:800;font-size:14px;transition:transform .2s,filter .2s}
.v4-cta:hover{transform:translateY(-2px);filter:brightness(1.07)}
/* marquee */
.v4-marq{overflow:hidden;border-block:1px solid rgba(185,203,211,.14);background:var(--vx-bg);padding:18px 0}
.v4-track{display:flex;width:max-content;animation:v4m 48s linear infinite}
.v4-marq:hover .v4-track{animation-play-state:paused}
.v4-track>div{display:flex;gap:12px;padding-right:12px}
.v4-track span{padding:8px 16px;border:1px solid rgba(185,203,211,.16);border-radius:var(--vx-r-pill);color:var(--vx-muted);font-size:13px;font-weight:600;white-space:nowrap}
@keyframes v4m{to{transform:translateX(-50%)}}
/* bento */
.v4-services{background:var(--vx-bg);background-image:linear-gradient(rgba(185,203,211,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(185,203,211,.05) 1px,transparent 1px);background-size:56px 56px}
.v4-bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}
.v4-card{display:flex;flex-direction:column;justify-content:space-between;gap:18px;padding:26px;border:1px solid rgba(185,203,211,.16);border-radius:var(--vx-r-xl);background:linear-gradient(160deg,var(--vx-surface),var(--vx-bg));transition:transform .3s,border-color .3s,box-shadow .3s;position:relative;overflow:hidden}
.v4-card:before{content:"";position:absolute;inset:auto -30% -60% auto;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(116,201,220,.16),transparent 65%);opacity:0;transition:opacity .4s}
.v4-card:hover{transform:translateY(-5px);border-color:rgba(116,201,220,.55);box-shadow:0 24px 60px rgba(0,0,0,.4)}
.v4-card:hover:before{opacity:1}
.v4-xl{grid-column:span 7}.v4-l{grid-column:span 5}.v4-m{grid-column:span 4}
.v4-card:nth-child(6){grid-column:span 7}.v4-card:nth-child(7){grid-column:span 5}
.v4-ico{display:grid;place-items:center;width:46px;height:46px;border-radius:var(--vx-r-md);background:rgba(116,201,220,.14);color:var(--vx-cyan);font-size:19px;margin-bottom:16px}
.v4-card h3{margin:0 0 8px;font-size:clamp(20px,2vw,26px);letter-spacing:-.02em;color:var(--vx-text)}
.v4-card p{margin:0;color:var(--vx-muted);font-size:14.5px;line-height:1.65}
.v4-more{display:inline-flex;gap:8px;align-items:center;margin-top:16px;color:var(--vx-cyan);font-weight:700;font-size:13px}
.v4-card-main{display:block;color:inherit}
.v4-chips{display:flex;flex-wrap:wrap;gap:7px;position:relative;z-index:1}
.v4-chips a{padding:6px 11px;border:1px solid rgba(185,203,211,.18);border-radius:var(--vx-r-pill);color:var(--vx-soft);font-size:12px;font-weight:600;transition:all .2s}
.v4-chips a:hover{border-color:var(--vx-cyan);color:#fff;background:rgba(116,201,220,.12)}
/* flow */
.v4-flow{background:var(--vx-surface)}
.v4-pipe{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;position:relative;z-index:1}
.v4-pipe li{padding:22px 16px;border:1px solid rgba(185,203,211,.16);border-radius:var(--vx-r-lg);background:var(--vx-bg);text-align:center}
.v4-node{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 14px;border-radius:var(--vx-r-lg);background:rgba(116,201,220,.14);color:var(--vx-cyan);font-size:21px}
.v4-pipe strong{display:block;margin-bottom:6px;font-size:15px;color:var(--vx-text)}.v4-pipe small{color:var(--vx-muted);font-size:12.5px;line-height:1.5}
.v4-line{position:relative;height:3px;margin:-92px 6% 89px;background:repeating-linear-gradient(90deg,rgba(116,201,220,.35) 0 8px,transparent 8px 16px);border-radius:3px;z-index:0}
.v4-line i{position:absolute;top:-3px;width:9px;height:9px;border-radius:50%;background:var(--vx-cyan);box-shadow:0 0 14px var(--vx-cyan);animation:v4run 4.5s linear infinite}
.v4-line i:nth-child(2){animation-delay:1.5s}.v4-line i:nth-child(3){animation-delay:3s}
@keyframes v4run{from{left:0;opacity:0}10%{opacity:1}90%{opacity:1}to{left:100%;opacity:0}}
@media (max-width:980px){.vx-hero-layout{grid-template-columns:1fr}.v4-xl,.v4-l,.v4-card:nth-child(6),.v4-card:nth-child(7){grid-column:span 12}.v4-m{grid-column:span 6}.v4-pipe{grid-template-columns:1fr 1fr}.v4-line{display:none}}
@media (max-width:620px){.v4-m{grid-column:span 12}.v4-pipe{grid-template-columns:1fr}.v4-plan{padding:20px}}
@media (prefers-reduced-motion:reduce){.v4-track{animation:none;flex-wrap:wrap;width:auto}.v4-track>div[aria-hidden]{display:none}.v4-line i,.v4-dot{animation:none}.v4-steps li{animation:none;opacity:1;transform:none}}
.hero .vx-visual-stage,.hero .vx-ai-visual{display:none!important}
.v4-line{display:none!important}
.v4-pipe li{position:relative}
.v4-pipe li:not(:last-child):after{content:"";position:absolute;right:-14px;top:50%;width:14px;height:2px;background:var(--vx-cyan);box-shadow:0 0 10px var(--vx-cyan);animation:v4arrow 1.8s ease-in-out infinite}
.v4-pipe li:nth-child(2):after{animation-delay:.3s}.v4-pipe li:nth-child(3):after{animation-delay:.6s}.v4-pipe li:nth-child(4):after{animation-delay:.9s}
@keyframes v4arrow{0%,100%{opacity:.25}50%{opacity:1}}
@media (max-width:980px){.v4-pipe li:after{display:none}}
@media (prefers-reduced-motion:reduce){.v4-pipe li:after{animation:none;opacity:.8}}
#automatisierung,.vx-smart-intro,.vx-process,.vx-expansion{background-color:var(--vx-bg)}

/* ── service ── */
/* VEXORA AI — service page system (sv-*) */

.sv *{box-sizing:border-box}
.sv-wrap{width:min(1180px,calc(100% - 36px));margin:auto}
.sv h1,.sv h2,.sv h3{color:var(--tx);letter-spacing:-.025em;margin:0}
.sv a{color:inherit}
.sv-hero{position:relative;padding:clamp(40px,7vw,88px) 0 clamp(36px,5vw,64px);background:radial-gradient(900px 420px at 85% -10%,rgba(116,201,220,.16),transparent 60%),linear-gradient(180deg,var(--vx-bg),var(--vx-bg));overflow:hidden}
.sv-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(185,203,211,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(185,203,211,.045) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(180deg,#000,transparent 85%);pointer-events:none}
.sv-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(24px,4vw,56px);align-items:center}
.sv-crumb{margin-bottom:18px;font-size:13px;color:var(--mu)}.sv-crumb a{color:var(--mu);text-decoration:none}.sv-crumb a:hover{color:var(--ac)}
.sv-eyebrow,.sv-kick{display:inline-block;margin-bottom:14px;color:var(--ac);font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.sv-hero h1{font-size:clamp(36px,5.4vw,68px);line-height:1.04;font-weight:800;overflow-wrap:anywhere;hyphens:auto}
.sv-lead{margin:20px 0 0;max-width:36em;color:#C3D0D6;font-size:clamp(16px,1.4vw,19px);line-height:1.7}
.sv-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.sv-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 22px;border:1px solid transparent;border-radius:var(--vx-r-md);background:linear-gradient(135deg,var(--ac2),var(--ac));color:var(--vx-bg)!important;font:inherit;font-weight:800;font-size:15px;text-decoration:none;cursor:pointer;transition:transform .2s,filter .2s,box-shadow .2s;box-shadow:0 10px 30px rgba(63,140,166,.3)}
.sv-btn:hover{transform:translateY(-2px);filter:brightness(1.07)}
.sv-btn.ghost{background:transparent;border-color:var(--line);color:var(--tx)!important;box-shadow:none}.sv-btn.ghost:hover{border-color:var(--ac)}
.sv-glance{padding:26px;border:1px solid var(--line);border-radius:var(--vx-r-xl);background:linear-gradient(160deg,rgba(18,44,58,.85),rgba(11,23,32,.85));box-shadow:0 30px 70px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.06)}
.sv-glance h2{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--ac);margin-bottom:16px}
.sv-glance-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.sv-glance-list li{display:flex;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:var(--vx-r-md);background:rgba(255,255,255,.03)}
.sv-glance-list b{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:var(--vx-r-sm);background:rgba(116,201,220,.15);color:var(--ac);font-size:12px}
.sv-glance-list span{font-size:14px;font-weight:700}
.sv-glance-foot{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.sv-glance-foot small{display:block;margin-bottom:8px;color:var(--mu);font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700}
.sv-glance-foot div{display:flex;flex-wrap:wrap;gap:6px}
.sv-glance-foot span{padding:5px 10px;border-radius:var(--vx-r-pill);background:rgba(116,201,220,.1);color:#C9E8F0;font-size:12px;font-weight:600}
.sv-nav{position:sticky;top:var(--sv-top,0px);z-index:40;border-block:1px solid var(--line);background:rgba(11,23,32,.88);backdrop-filter:blur(12px);transition:top .3s ease}
.sv-nav .sv-wrap{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding:6px 0}
.sv-nav a{flex:0 0 auto;padding:9px 14px;border-radius:var(--vx-r-sm);color:var(--mu);font-size:13px;font-weight:700;text-decoration:none;transition:all .2s}
.sv-nav a:hover{color:var(--tx)}.sv-nav a.on{background:rgba(116,201,220,.14);color:#fff}
.sv-sec{padding:clamp(56px,8vw,96px) 0;scroll-margin-top:120px;background:var(--bg)}.sv-sec.alt{background:var(--bg2)}
.sv-two{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,5vw,64px);align-items:start}
.sv-sec h2{font-size:clamp(26px,3.6vw,42px);line-height:1.1;margin-bottom:18px}
.sv-sec p{color:var(--mu);font-size:16px;line-height:1.75;margin:0 0 14px}.sv-sec p strong{color:var(--tx)}
.sv-head{max-width:720px;margin-bottom:36px}
.sv-checks,.sv-deliver{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.sv-checks li,.sv-deliver li{position:relative;padding:18px 20px 18px 56px;border:1px solid var(--line);border-radius:var(--vx-r-lg);background:linear-gradient(160deg,var(--vx-surface),var(--vx-bg));font-weight:700;font-size:15px;line-height:1.5}
.sv-checks li:before,.sv-deliver li:before{content:"✓";position:absolute;left:18px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:26px;height:26px;border-radius:var(--vx-r-sm);background:var(--ac);color:var(--vx-bg);font-weight:900;font-size:13px}
.sv-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.sv-card{padding:26px 22px;border:1px solid var(--line);border-radius:var(--vx-r-lg);background:linear-gradient(160deg,var(--vx-surface),var(--vx-bg));transition:transform .3s,border-color .3s,box-shadow .3s}
.sv-card:hover{transform:translateY(-5px);border-color:rgba(116,201,220,.55);box-shadow:0 22px 50px rgba(0,0,0,.35)}
.sv-num{display:block;margin-bottom:16px;color:var(--ac);font-size:13px;font-weight:800;letter-spacing:.12em}
.sv-card h3{font-size:18px;margin-bottom:10px;line-height:1.3}.sv-card p{margin:0;font-size:14px}
.sv-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;position:relative}
.sv-steps:before{content:"";position:absolute;left:0;right:0;top:24px;height:2px;background:var(--line)}
.sv-steps:after{content:"";position:absolute;left:0;top:24px;height:2px;width:var(--sv-prog,12.5%);background:linear-gradient(90deg,var(--ac2),var(--ac));box-shadow:0 0 12px var(--ac);transition:width .5s ease}
.sv-step{position:relative;padding-right:14px}
.sv-step button{display:flex;flex-direction:column;align-items:flex-start;gap:14px;width:100%;padding:0;border:0;background:none;color:var(--mu);font:inherit;text-align:left;cursor:pointer}
.sv-step button i{position:relative;z-index:1;display:grid;place-items:center;width:48px;height:48px;border:2px solid var(--line);border-radius:50%;background:var(--bg);font-style:normal;font-weight:800;color:var(--mu);transition:all .3s}
.sv-step.on button i,.sv-step.done button i{border-color:var(--ac);background:var(--ac);color:var(--vx-bg);box-shadow:0 0 0 6px rgba(116,201,220,.15)}
.sv-step button span{font-weight:800;font-size:16px;color:var(--tx);line-height:1.3}
.sv-step p{margin:10px 0 0;font-size:14px;opacity:.55;transition:opacity .3s}.sv-step.on p{opacity:1}
.sv-step button:focus-visible{outline:2px solid var(--ac);outline-offset:6px;border-radius:var(--vx-r-md)}
.sv-feats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:40px}
.sv-feats div{padding:20px;border-top:2px solid var(--ac2);background:rgba(255,255,255,.025);border-radius:0 0 14px 14px}.sv-feats strong{display:block;margin-bottom:6px;font-size:15px}.sv-feats p{margin:0;font-size:13.5px}
.sv-kids{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sv-kid{display:flex;flex-direction:column;gap:10px;padding:24px;border:1px solid var(--line);border-radius:var(--vx-r-lg);background:linear-gradient(160deg,var(--vx-surface),var(--vx-bg));text-decoration:none;transition:transform .3s,border-color .3s}
.sv-kid:hover{transform:translateY(-4px);border-color:rgba(116,201,220,.55)}.sv-kid h3{font-size:19px}.sv-kid p{margin:0;font-size:14px}.sv-kid span{margin-top:auto;color:var(--ac);font-weight:700;font-size:13px}
.sv-faq details{border-bottom:1px solid var(--line);padding:18px 0}
.sv-faq summary{display:flex;justify-content:space-between;gap:16px;cursor:pointer;list-style:none;font-weight:800;font-size:16px}
.sv-faq summary::-webkit-details-marker{display:none}.sv-faq summary:after{content:"+";color:var(--ac);font-size:22px;line-height:1;transition:transform .25s}
.sv-faq details[open] summary:after{transform:rotate(45deg)}.sv-faq p{margin:12px 0 0}
.sv-faq summary:focus-visible{outline:2px solid var(--ac);outline-offset:4px;border-radius:6px}
.sv-back{display:inline-block;margin-top:10px;color:var(--ac)!important;font-weight:700;font-size:14px;text-decoration:none}
.sv-brief{display:grid;gap:14px;padding:26px;border:1px solid var(--line);border-radius:var(--vx-r-xl);background:linear-gradient(160deg,rgba(18,44,58,.9),rgba(11,23,32,.9));box-shadow:0 30px 70px rgba(0,0,0,.35)}
.sv-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.sv-brief label{display:grid;gap:7px;font-size:13px;font-weight:700;color:var(--vx-soft)}
.sv-brief input:not([type=checkbox]),.sv-brief select,.sv-brief textarea{width:100%;padding:13px 14px;border:1px solid rgba(185,203,211,.25);border-radius:var(--vx-r-md);background:rgba(5,12,18,.55);color:var(--tx);font:inherit;font-size:15px;outline:none;transition:border-color .2s,box-shadow .2s}
.sv-brief select option{background:var(--vx-surface)}
.sv-brief textarea{resize:vertical;min-height:110px}
.sv-brief input:focus,.sv-brief select:focus,.sv-brief textarea:focus{border-color:var(--ac);box-shadow:0 0 0 4px rgba(116,201,220,.15)}
.sv-brief [aria-invalid="true"]{border-color:#F29B9B!important}
.sv-consent{display:flex!important;gap:10px;align-items:flex-start;font-weight:500!important;font-size:12.5px!important;line-height:1.55;color:var(--mu)!important}
.sv-consent input{margin-top:3px;flex:0 0 auto;accent-color:var(--vx-cyan)}.sv-consent a{color:var(--ac)!important}
.sv-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.sv-status{min-height:20px;margin:0!important;font-size:14px!important}.sv-status.ok{color:#8FE3B5!important}.sv-status.err{color:#F5B1B1!important}.sv-status a{color:var(--ac)}
.sv .rv{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}.sv .rv.in{opacity:1;transform:none}
@media (max-width:980px){.sv-hero-grid,.sv-two{grid-template-columns:1fr}.sv-cards,.sv-feats{grid-template-columns:repeat(2,minmax(0,1fr))}.sv-kids{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sv-steps{grid-template-columns:1fr;gap:6px}.sv-steps:before,.sv-steps:after{display:none}.sv-step{padding:14px;border:1px solid var(--line);border-radius:var(--vx-r-lg)}.sv-step button{flex-direction:row;align-items:center}.sv-step button i{width:38px;height:38px}}
@media (max-width:620px){.sv-cards,.sv-feats,.sv-kids,.sv-row{grid-template-columns:1fr}.sv-brief{padding:20px}}
@media (prefers-reduced-motion:reduce){.sv .rv{opacity:1;transform:none;transition:none}.sv-steps:after,.sv-nav{transition:none}}

/* ── life ── */
/* VEXORA AI — life layer: ambient canvas, spotlight, tilt, scenes */
.lf-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.hero,.sv-hero{position:relative}.hero>.wrap,.sv-hero-grid{position:relative;z-index:1}
.sv-art,.lf-art svg{display:block;width:100%;height:auto}
.sv-art{margin:-6px 0 14px;padding:10px;border-radius:var(--vx-r-lg);background:radial-gradient(circle at 50% 40%,rgba(116,201,220,.14),transparent 70%);border:1px solid rgba(185,203,211,.12)}
.lf-art{position:absolute;right:14px;top:14px;width:clamp(96px,12vw,150px);opacity:.9;pointer-events:none;transition:transform .5s ease,opacity .3s}
.v4-card:hover .lf-art{transform:scale(1.08) rotate(-2deg);opacity:1}
.v4-ico{display:none!important}
.v4-card-main h3{max-width:calc(100% - clamp(90px,11vw,140px))}
/* spotlight: radial light follows the pointer */
.sv-card,.sv-kid,.v4-card,.vx-rel-card,.sv-glance{--mx:-400px;--my:-400px;background-image:radial-gradient(260px circle at var(--mx) var(--my),rgba(116,201,220,.16),transparent 70%),linear-gradient(160deg,var(--vx-surface),var(--vx-bg))!important}
.sv-card,.sv-kid,.v4-card,.vx-rel-card{will-change:transform}
.lf-tilt{transition:transform .15s ease-out,border-color .3s,box-shadow .3s!important}
.lf-mag{transition:transform .25s cubic-bezier(.2,.8,.2,1)!important}
/* rotating word */
.lf-word{display:inline-block;animation:lfWord .5s ease both}
@keyframes lfWord{from{opacity:0;transform:translateY(.5em);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
/* flow lit */
.v4-pipe li{transition:border-color .4s,transform .4s,box-shadow .4s}
.v4-pipe li.lit{border-color:var(--vx-cyan);transform:translateY(-6px);box-shadow:0 18px 40px rgba(116,201,220,.18)}
.v4-pipe li.lit .v4-node{background:var(--vx-cyan);color:var(--vx-bg)}
/* contextual dock */
.lf-dock{position:fixed;left:50%;bottom:20px;z-index:9000;display:flex;align-items:center;gap:14px;max-width:calc(100% - 120px);padding:10px 12px 10px 18px;border:1px solid rgba(116,201,220,.4);border-radius:var(--vx-r-lg);background:rgba(11,23,32,.92);backdrop-filter:blur(12px);box-shadow:0 20px 50px rgba(0,0,0,.45);color:var(--vx-text);font-size:14px;font-weight:600;transform:translate(-50%,140%);transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.lf-dock.show{transform:translate(-50%,0)}
.lf-dock a{padding:9px 16px;border-radius:var(--vx-r-sm);background:var(--vx-cyan);color:var(--vx-bg);font-weight:800;text-decoration:none;white-space:nowrap}
.lf-dock button{border:0;background:none;color:var(--vx-muted);font-size:18px;cursor:pointer;padding:4px 6px}
@media (max-width:620px){.lf-dock{left:12px;right:84px;max-width:none;transform:translateY(140%)}.lf-dock.show{transform:none}.lf-dock span{display:none}.lf-art{width:84px}}
/* scene animations */
.la-pulse,.la-pop,.la-rise,.la-spin{transform-box:fill-box;transform-origin:center}
.la-pulse{animation:laPulse 2.4s ease-in-out infinite}.la-pop{animation:laPop 3.6s ease infinite}
.la-rise{transform-origin:bottom;animation:laRise 3.2s ease-in-out infinite}.la-spin{animation:laSpin 26s linear infinite}
.la-flow{stroke-dasharray:3 7;animation:laFlow 1.6s linear infinite}.la-float{animation:laFloat 4s ease-in-out infinite}
.la-draw{stroke-dasharray:320;stroke-dashoffset:320;animation:laDraw 4.5s ease-in-out infinite}
.la-drop{animation:laDrop 3.6s ease-in infinite}.la-blink{animation:laBlink 1.4s steps(2) infinite}
.la-slide{animation:laSlide 5s ease-in-out infinite}.la-cursor{animation:laCursor 5s ease-in-out infinite}
.la-orbit{animation:laOrbit 6s ease-in-out infinite}.la-pkt{animation:laPkt 2.4s linear infinite}
@keyframes laPulse{0%,100%{transform:scale(1);opacity:.8}50%{transform:scale(1.35);opacity:1}}
@keyframes laPop{0%,55%{transform:scale(0)}65%{transform:scale(1.2)}75%,100%{transform:scale(1)}}
@keyframes laRise{0%,100%{transform:scaleY(.35)}50%{transform:scaleY(1)}}
@keyframes laSpin{to{transform:rotate(360deg)}}@keyframes laFlow{to{stroke-dashoffset:-20}}
@keyframes laFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes laDraw{0%{stroke-dashoffset:320}55%,100%{stroke-dashoffset:0}}
@keyframes laDrop{0%{transform:translateY(-70px);opacity:0}30%{opacity:1}55%,100%{transform:translateY(50px);opacity:1}}
@keyframes laBlink{50%{opacity:.2}}@keyframes laSlide{0%{opacity:0;transform:translateY(16px)}25%,85%{opacity:1;transform:none}100%{opacity:0}}
@keyframes laCursor{0%,100%{transform:translate(0,0)}35%{transform:translate(70px,34px)}70%{transform:translate(-30px,50px)}}
@keyframes laOrbit{0%,100%{transform:translate(90px,70px)}30%{transform:translate(150px,50px)}60%{transform:translate(210px,90px)}}
@keyframes laPkt{0%{transform:translateY(0);opacity:0}15%{opacity:1}100%{transform:translateY(100px);opacity:0}}
@media (prefers-reduced-motion:reduce){[class^="la-"],[class*=" la-"],.lf-word{animation:none!important}.la-draw{stroke-dashoffset:0}.lf-dock{transition:none}}
.sv-art svg{max-height:150px}
.v4-card p{padding-right:clamp(64px,9vw,120px)}
.v4-m .lf-art{width:clamp(72px,7vw,96px)}
.v4-m p{padding-right:0}.v4-m .v4-card-main h3{max-width:calc(100% - 90px)}

/* ── color ── */
/* VEXORA AI — colour accents: electric violet + tech mint on the navy base */

.lf-aurora{position:absolute;inset:-25% -10%;z-index:0;pointer-events:none;background:radial-gradient(38% 48% at 14% 24%,rgba(139,124,255,.26),transparent 70%),radial-gradient(34% 44% at 88% 8%,rgba(79,240,200,.15),transparent 70%),radial-gradient(40% 40% at 60% 100%,rgba(63,140,166,.2),transparent 70%);filter:blur(10px);animation:cxAur 20s ease-in-out infinite alternate}
@keyframes cxAur{to{transform:translate3d(3%,4%,0) scale(1.08)}}
/* gradient headline accents (with slow shimmer) */
.hero h1 span,.v4-head h2 em,.sv-sec h2 em{background:linear-gradient(90deg,var(--vx-accent-2),var(--vx-cyan),var(--vx-mint),var(--vx-accent-2));background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:cxShim 9s linear infinite}
@keyframes cxShim{to{background-position:220% 0}}
.hero h1 span .lf-word{-webkit-text-fill-color:transparent}
/* buttons */
.sv-btn:not(.ghost),.v4-cta,.hero .btn-primary,.hero .btn:not(.btn-outline),.lf-dock a{background:var(--vx-grad)!important;color:var(--vx-bg)!important;box-shadow:0 12px 34px rgba(139,124,255,.38)!important}
.sv-btn.ghost:hover,.hero .btn-outline:hover{border-color:var(--vx-v)!important;box-shadow:0 0 0 4px rgba(139,124,255,.16)!important}
/* kickers, numbers, marks */
.sv-kick,.sv-eyebrow,.v4-kick{color:var(--vx-t)!important}
.sv-num,.sv-card h3+p:before{color:var(--vx-v2)!important}
.sv-checks li:before,.sv-deliver li:before{background:var(--vx-grad)!important}
.v4-steps b,.sv-glance-list b{background:rgba(139,124,255,.2)!important;color:#C9C2FF!important}
.v4-steps b{background:var(--vx-grad)!important;color:var(--vx-bg)!important}
.sv-step.on button i,.sv-step.done button i{background:var(--vx-grad)!important;border-color:transparent!important;box-shadow:0 0 0 6px rgba(139,124,255,.22)!important}
.sv-steps:after{background:var(--vx-grad)!important;box-shadow:0 0 14px rgba(139,124,255,.7)!important}
.xp-progress{background:linear-gradient(90deg,var(--vx-accent),var(--vx-cyan),var(--vx-mint))!important}
.sv-faq summary:after,.sv-back,.sv-kid span,.v4-more,.vx-rel-cta{color:var(--vx-v2)!important}
.sv-nav a.on{background:rgba(139,124,255,.18)!important}
.sv-glance-foot span{background:rgba(139,124,255,.14)!important;color:#D3CEFF!important}
.v4-dot{background:var(--vx-t)!important}
.v4-pipe li.lit{border-color:var(--vx-v)!important;box-shadow:0 18px 44px rgba(139,124,255,.28)!important}
.v4-pipe li.lit .v4-node{background:var(--vx-grad)!important}
.v4-pipe li:not(:last-child):after{background:var(--vx-t)!important;box-shadow:0 0 12px var(--vx-t)!important}
/* cards: violet spotlight + gradient edge on hover */
.sv-card,.sv-kid,.v4-card,.vx-rel-card,.sv-glance{background-image:radial-gradient(280px circle at var(--mx) var(--my),rgba(139,124,255,.2),transparent 70%),linear-gradient(160deg,var(--vx-surface),var(--vx-bg))!important}
.sv-card:hover,.sv-kid:hover,.v4-card:hover,.vx-rel-card:hover{border-color:rgba(139,124,255,.65)!important;box-shadow:0 24px 60px rgba(60,40,160,.3)!important}
.v4-chips a:hover,.v4-goals button:hover,.v4-goals button[aria-pressed="true"]{border-color:var(--vx-v)!important;background:rgba(139,124,255,.16)!important}
.v4-steps a:hover{border-color:rgba(139,124,255,.6)!important;background:rgba(139,124,255,.1)!important}
.v4-input input:focus,.sv-brief input:focus,.sv-brief select:focus,.sv-brief textarea:focus{border-color:var(--vx-v)!important;box-shadow:0 0 0 4px rgba(139,124,255,.2)!important}
.v4-track span:nth-child(3n+1){border-color:rgba(139,124,255,.45);color:#CFCAFF}.v4-track span:nth-child(3n+2){border-color:rgba(79,240,200,.4);color:#B8F7E6}
/* section depth */
.sv-sec.alt,.v4-flow{background:linear-gradient(180deg,var(--vx-surface),#141a38)!important}
.v4-services{background-color:var(--vx-bg)}
.sv-hero{background:radial-gradient(900px 420px at 85% -10%,rgba(139,124,255,.2),transparent 60%)!important}
.lf-dock{border-color:rgba(139,124,255,.5)!important}
@media (prefers-reduced-motion:reduce){.lf-aurora,.hero h1 span,.v4-head h2 em{animation:none}}
.hero .btn-outline{background:transparent!important;border:1px solid rgba(139,124,255,.55)!important;color:var(--vx-text)!important;box-shadow:none!important}
/* brand logo */
.brand{display:flex!important;align-items:center;padding:0!important}
.brand-logo{display:block;width:auto;height:38px;max-width:100%;filter:drop-shadow(0 0 14px rgba(139,124,255,.28));transition:filter .3s,transform .3s}
.brand:hover .brand-logo{filter:drop-shadow(0 0 20px rgba(139,124,255,.55));transform:translateY(-1px)}
@media (max-width:980px){.brand-logo{height:30px}}@media (max-width:620px){.brand-logo{height:25px}}
/* === Buttons only: logo violet === */
:root{--btn-grad:linear-gradient(135deg,#A855F7 0%,#7B3AF2 55%,#5B26E0 100%);--btn-shadow:0 12px 32px rgba(123,58,242,.42)}
.btn:not(.btn-outline):not(.secondary),.btn-primary,.navcta,.nav-cta,.nav-links a.navcta,.sv-btn:not(.ghost),.v4-cta,.lf-dock a,.mega-preview .mp-go,.mega-bottom a,.vx-launcher,.vx-btn,.sv-brief button[type=submit],.vx-send,.vx-panel button[type=submit]{background:var(--btn-grad)!important;color:#fff!important;border-color:transparent!important;box-shadow:var(--btn-shadow)!important;text-shadow:none}
.btn:not(.btn-outline):not(.secondary):hover,.navcta:hover,.sv-btn:not(.ghost):hover,.v4-cta:hover,.lf-dock a:hover,.vx-launcher:hover,.vx-btn:hover{filter:brightness(1.1);box-shadow:0 16px 40px rgba(123,58,242,.58)!important}
.vx-launcher *,.vx-btn *,.navcta *,.sv-btn:not(.ghost) *{color:#fff!important}
.vx-launcher-icon{background:rgba(255,255,255,.2)!important;color:#fff!important}
.hero .btn-outline,.sv-btn.ghost{background:transparent!important;color:var(--vx-text)!important;border:1px solid rgba(168,85,247,.6)!important;box-shadow:none!important}
.hero .btn-outline:hover,.sv-btn.ghost:hover{border-color:#A855F7!important;background:rgba(123,58,242,.14)!important}

/* ── icons ── */
/* expressive icon tiles + micro-animations */
.vx-ic{position:relative;display:grid!important;place-items:center;width:64px;height:64px;margin-bottom:16px;border:1px solid rgba(139,124,255,.38);border-radius:var(--vx-r-lg);background:radial-gradient(circle at 30% 20%,rgba(154,140,255,.28),rgba(79,240,200,.06) 70%),var(--vx-surface);box-shadow:0 10px 30px rgba(90,70,220,.25),inset 0 1px 0 rgba(255,255,255,.08);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.vx-ic.sm{width:54px;height:54px;border-radius:var(--vx-r-lg);margin-bottom:14px}
.vx-ic .ic{width:68%;height:68%;overflow:visible}
.automation-card:hover .vx-ic,.sv-card:hover .vx-ic,.v4-pipe li:hover .vx-ic{transform:translateY(-3px) rotate(-5deg) scale(1.1);box-shadow:0 16px 40px rgba(139,124,255,.45)}
.v4-node.vx-ic{width:58px;height:58px;margin:0 auto 14px}
.v4-pipe li.lit .vx-ic{background:radial-gradient(circle at 30% 20%,rgba(154,140,255,.55),rgba(79,240,200,.25) 70%),var(--vx-surface)!important;color:inherit!important}
.ic *{transform-box:fill-box;transform-origin:center}
.ic-swing{transform-origin:24px 33px!important;animation:icSwing 3.6s ease-in-out infinite}
.ic-pkt{animation:icPkt 2.4s ease-in-out infinite}
.ic-pulse{animation:icPulse 2.2s ease-in-out infinite}
.ic-blink{animation:icBlink 3.4s infinite}
.ic-win{animation:icWin 3s ease-in-out infinite}
.ic-pop{animation:icPop 3.6s ease infinite}
.ic-fill{transform-origin:left center!important;animation:icFill 3.4s ease-in-out infinite}
.ic-type{transform-origin:left center!important;animation:icFill 3.6s ease-in-out infinite}
.ic-write{animation:icWrite 2.4s ease-in-out infinite}
.ic-float{animation:icFloat 3.4s ease-in-out infinite}
.ic-flame{transform-origin:top center!important;animation:icFlame .5s ease-in-out infinite alternate}
.ic-spin{animation:icSpin 12s linear infinite}
.ic-meridian{animation:icMer 4s ease-in-out infinite}
.ic-rise{transform-origin:bottom center!important;animation:icRise 2.6s ease-in-out infinite}
.ic-wobble{transform-origin:24px 24px!important;animation:icWob 4s ease-in-out infinite}
.ic-plugL{animation:icPL 2.8s ease-in-out infinite}.ic-plugR{animation:icPR 2.8s ease-in-out infinite}
.ic-lid{animation:icLid 3s ease-in-out infinite}
.ic-drop{animation:icDrop 2.8s ease-in infinite}
@keyframes icSwing{0%,100%{transform:rotate(-40deg)}50%{transform:rotate(40deg)}}
@keyframes icPkt{0%{transform:translate(0,0);opacity:0}15%{opacity:1}55%{transform:translate(8px,0)}100%{transform:translate(8px,10px);opacity:0}}
@keyframes icPulse{0%,100%{transform:scale(.8);opacity:.7}50%{transform:scale(1.35);opacity:1}}
@keyframes icBlink{0%,92%,100%{transform:scaleY(1)}96%{transform:scaleY(.1)}}
@keyframes icWin{0%,100%{opacity:.15}40%,70%{opacity:1}}
@keyframes icPop{0%,50%{transform:scale(0);opacity:0}65%{transform:scale(1.25);opacity:1}80%,100%{transform:scale(1);opacity:1}}
@keyframes icFill{0%{transform:scaleX(0)}55%,100%{transform:scaleX(1)}}
@keyframes icWrite{0%,100%{transform:translate(0,0)}50%{transform:translate(-4px,-3px)}}
@keyframes icFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes icFlame{from{transform:scaleY(.7)}to{transform:scaleY(1.2)}}
@keyframes icSpin{to{transform:rotate(360deg)}}
@keyframes icMer{0%,100%{transform:scaleX(1)}50%{transform:scaleX(.2)}}
@keyframes icRise{0%,100%{transform:scaleY(.45)}50%{transform:scaleY(1)}}
@keyframes icWob{0%,100%{transform:rotate(-25deg)}50%{transform:rotate(35deg)}}
@keyframes icPL{0%,100%{transform:translateX(-2px)}50%{transform:translateX(3px)}}@keyframes icPR{0%,100%{transform:translateX(2px)}50%{transform:translateX(-3px)}}
@keyframes icLid{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes icDrop{0%{transform:translateY(-10px);opacity:0}40%{opacity:1}70%,100%{transform:translateY(8px);opacity:1}}
@media (prefers-reduced-motion:reduce){.ic *{animation:none!important}}
.automation-card .iconbox.vx-ic{width:68px!important;height:68px!important;border-radius:var(--vx-r-lg)!important;margin-bottom:18px!important}
.vx-ic.sm{width:56px!important;height:56px!important}
.v4-node.vx-ic{width:60px!important;height:60px!important}
.vx-ic .ic{width:72%!important;height:72%!important}
.ic-swing,.ic-wobble{transform-box:view-box!important}
.ic-swing{animation-name:icSwing2!important}
@keyframes icSwing2{0%,100%{transform:rotate(-35deg)}50%{transform:rotate(35deg)}}
.section-head .vx-visual-inline{display:none!important}
/* homepage: Vorgehen */
.process-grid{position:relative}
.process-card{position:relative;padding:28px 22px!important;border:1px solid rgba(185,203,211,.16)!important;border-radius:var(--vx-r-xl)!important;background:linear-gradient(160deg,var(--vx-surface),var(--vx-bg))!important;transition:transform .35s,border-color .35s,box-shadow .35s}
.process-card:hover,.process-card.lit{transform:translateY(-6px);border-color:rgba(139,124,255,.65)!important;box-shadow:0 22px 50px rgba(80,60,200,.3)}
.process-card.lit .vx-ic{box-shadow:0 0 0 6px rgba(139,124,255,.2),0 16px 40px rgba(139,124,255,.45)}
.process-icon.vx-ic{width:68px!important;height:68px!important;border-radius:var(--vx-r-lg)!important;margin-bottom:18px!important}
.process-card h3{color:var(--vx-text)!important}.process-card p{color:var(--vx-muted)!important}
@media (min-width:900px){.process-grid:before{content:"";position:absolute;left:8%;right:8%;top:62px;height:2px;background:linear-gradient(90deg,transparent,var(--vx-accent),var(--vx-mint),var(--vx-accent),transparent);background-size:200% 100%;opacity:.55;animation:icLine 6s linear infinite;z-index:0}.process-card{z-index:1}}
@keyframes icLine{to{background-position:-200% 0}}
/* shop illustration */
.vx-art svg{display:block;width:100%;height:auto}
.sh-card{animation:shHl 5.4s ease-in-out infinite}.sh-pay{transform-box:fill-box;transform-origin:center;animation:shPay 2.4s ease-in-out infinite}
.sh-toast{animation:shToast 6s ease-in-out infinite}.sh-truck{animation:shTruck 9s linear infinite}
@keyframes shHl{0%,100%{transform:translateY(0)}8%{transform:translateY(-4px)}16%{transform:translateY(0)}}
@keyframes shPay{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
@keyframes shToast{0%,12%{transform:translateY(-44px);opacity:0}20%,60%{transform:translateY(0);opacity:1}70%,100%{transform:translateY(-44px);opacity:0}}
@keyframes shTruck{from{transform:translateX(-100px)}to{transform:translateX(470px)}}
@media (prefers-reduced-motion:reduce){.sh-card,.sh-pay,.sh-toast,.sh-truck{animation:none}}

/* ── menu ── */
/* VEXORA AI — smart mega menu (dark glass, preview pane, in-menu search) */
.mega-menu{background:rgba(10,20,30,.97)!important;backdrop-filter:blur(18px);border:1px solid rgba(139,124,255,.38)!important;border-radius:var(--vx-r-xl)!important;box-shadow:0 40px 100px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.03) inset,0 0 80px rgba(120,90,255,.12)!important;position:fixed!important;left:50%!important;right:auto!important;top:86px!important;transform:translateX(-50%)!important;width:min(1180px,calc(100vw - 32px))!important;max-height:calc(100vh - 104px);overflow:auto;padding:24px!important;color:var(--vx-text)}
.mega-menu.open{animation:mgIn .22s cubic-bezier(.2,.8,.2,1)!important}
@keyframes mgIn{from{opacity:0;transform:translateX(-50%) translateY(-8px) scale(.985)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}
.mega-heading{border-bottom:1px solid rgba(185,203,211,.14)!important;padding-bottom:16px!important;margin-bottom:16px!important}
.mega-heading strong{color:#fff!important;font-size:18px!important;letter-spacing:-.02em}
.mega-heading span{color:var(--vx-muted)!important;font-size:13px!important}
.mega-tools{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px}
.mega-search{position:relative;flex:1 1 260px;display:block}
.mega-search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--vx-muted);pointer-events:none}
.mega-search input{width:100%;padding:12px 14px 12px 40px;border:1px solid rgba(185,203,211,.22);border-radius:var(--vx-r-md);background:rgba(255,255,255,.04);color:var(--vx-text);font:inherit;font-size:14px;outline:none;transition:border-color .2s,box-shadow .2s}
.mega-search input:focus{border-color:var(--vx-accent);box-shadow:0 0 0 4px rgba(139,124,255,.2)}
.mega-search input::placeholder{color:#7F929C}
.mega-intents{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.mega-intents small{color:var(--vx-muted);font-size:12px;font-weight:700;margin-right:2px}
.mega-intents button{padding:8px 13px;border:1px solid rgba(185,203,211,.22);border-radius:var(--vx-r-pill);background:rgba(255,255,255,.04);color:#DCE6EA;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;transition:all .2s}
.mega-intents button:hover{border-color:var(--vx-mint);background:rgba(79,240,200,.1);color:#fff}
.mega-body{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:18px;align-items:start}
.mega-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
.mega-group{position:relative;padding:16px!important;border:1px solid rgba(185,203,211,.14)!important;border-radius:var(--vx-r-lg)!important;background:linear-gradient(160deg,var(--vx-surface),var(--vx-bg))!important;transition:border-color .25s,transform .25s,box-shadow .25s,opacity .25s!important}
.mega-group:hover,.mega-group.active,.mega-group:focus-within{border-color:rgba(139,124,255,.7)!important;transform:translateY(-2px)!important;box-shadow:0 16px 40px rgba(80,60,200,.28)}
.mega-group.automation{background:linear-gradient(160deg,#1a1840,var(--vx-bg))!important;border-color:rgba(139,124,255,.4)!important;grid-column:span 3!important}
.mega-group.dim{opacity:.28}
.mega-group-title{display:flex!important;align-items:center;gap:12px!important;margin-bottom:12px!important;color:#fff!important;font-size:15px!important;font-weight:800!important;line-height:1.3!important}
.mega-group-title .mega-icon{flex:0 0 44px!important;width:44px!important;height:44px!important;margin:0!important;border-radius:var(--vx-r-md)!important;background:radial-gradient(circle at 30% 20%,rgba(154,140,255,.3),rgba(79,240,200,.06) 70%),var(--vx-surface)!important;border:1px solid rgba(139,124,255,.38);box-shadow:none!important}
.mega-group-title .ic{width:72%;height:72%;overflow:visible}
.mega-subitems{gap:7px!important}
.mega-subitems a,.mega-group.automation .mega-subitems a{padding:7px 11px!important;border:1px solid rgba(185,203,211,.16);border-radius:var(--vx-r-pill)!important;background:rgba(255,255,255,.04)!important;color:var(--vx-soft)!important;font-size:12.5px!important;font-weight:600!important;transition:all .2s}
.mega-subitems a:hover,.mega-subitems a:focus-visible{background:rgba(139,124,255,.2)!important;border-color:var(--vx-accent);color:#fff!important}
.mega-subitems a.hit{background:rgba(79,240,200,.16)!important;border-color:var(--vx-mint);color:#fff!important}
.mega-preview{position:sticky;top:0;display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid rgba(139,124,255,.35);border-radius:var(--vx-r-lg);background:linear-gradient(170deg,#18183A,#0B1B26)}
.mega-preview .mp-art{border-radius:var(--vx-r-md);background:radial-gradient(circle at 50% 40%,rgba(116,201,220,.14),transparent 70%);padding:6px}
.mega-preview .mp-art svg{display:block;width:100%;height:auto;max-height:150px}
.mega-preview h3{margin:0;color:#fff;font-size:17px;letter-spacing:-.01em}
.mega-preview p{margin:0;color:#B9C8CF;font-size:13px;line-height:1.6}
.mega-preview .mp-go{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 14px;border-radius:var(--vx-r-md);background:linear-gradient(135deg,var(--vx-accent-2),var(--vx-cyan) 55%,var(--vx-mint));color:var(--vx-bg)!important;font-weight:800;font-size:13px}
.mega-preview .mp-swap{animation:mpSwap .35s ease}
@keyframes mpSwap{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.mega-empty{display:none;margin:0 0 12px;color:#F5D58C;font-size:13px}
.mega-bottom{border-top:1px solid rgba(185,203,211,.14)!important;margin-top:18px!important}
.mega-bottom p{color:var(--vx-muted)!important;font-size:13px!important}
.mega-bottom a{background:linear-gradient(135deg,var(--vx-accent-2),var(--vx-cyan) 55%,var(--vx-mint))!important;color:var(--vx-bg)!important;font-size:13px!important;border-radius:var(--vx-r-sm)!important}
.services-trigger[aria-expanded="true"]{background:rgba(139,124,255,.2)!important;border-color:var(--vx-accent)!important}
.services-trigger .chevron{transition:transform .25s}.services-trigger[aria-expanded="true"] .chevron{transform:rotate(180deg)}
@media (max-width:1100px){.mega-body{grid-template-columns:1fr}.mega-preview{display:none}.mega-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.mega-group.automation{grid-column:span 2!important}}
@media (max-width:900px){.mega-menu,.mega-menu.open{position:static!important;max-height:none;overflow:visible;width:100%!important;left:auto!important;top:auto!important;padding:14px!important;border-radius:var(--vx-r-lg)!important;animation:none!important;transform:none!important;box-shadow:none!important}.mega-grid{grid-template-columns:1fr!important}.mega-group.automation{grid-column:auto!important}.mega-intents small{display:none}}
@media (prefers-reduced-motion:reduce){.mega-menu.open,.mega-preview .mp-swap{animation:none!important}}
.mega-grid .mega-group.automation{grid-column:1/-1!important}
@media (max-width:900px){.mega-grid .mega-group.automation{grid-column:auto!important}}
@media (max-width:900px){
 .nav-links{background:var(--vx-bg)!important;border:1px solid rgba(139,124,255,.3)!important;border-radius:var(--vx-r-lg)!important;box-shadow:0 30px 80px rgba(0,0,0,.55)!important}
 .nav-links a,.nav-links .services-trigger{color:var(--vx-text)!important}
 .nav-links .services-trigger{background:rgba(255,255,255,.05)!important;border:1px solid rgba(185,203,211,.2)!important}
 .nav-links a.navcta{background:linear-gradient(135deg,var(--vx-accent-2),var(--vx-cyan) 55%,var(--vx-mint))!important;color:var(--vx-bg)!important}
 .mega-group-title{font-size:15px!important}
 .menu-toggle{color:var(--vx-text)!important;border:1px solid rgba(185,203,211,.25)!important;background:rgba(255,255,255,.05)!important}
}
@media (max-width:900px){.mega-group .mega-group-title{font-size:15px!important}}

/* ── features ── */
/* VEXORA AI — five signature features: Rechner, Reifegrad-Check, Workflow-Designer, Merkliste, Komfort-Panel */
.tl{padding:clamp(64px,9vw,110px) 0;background:linear-gradient(180deg,var(--vx-bg),var(--vx-surface));color:var(--vx-text);scroll-margin-top:90px}
.tl-wrap{width:min(1180px,calc(100% - 36px));margin:auto}
.tl-head{max-width:760px;margin-bottom:30px}.tl-head h2{margin:0 0 14px;font-size:clamp(28px,4.2vw,48px);line-height:1.08;letter-spacing:-.03em;color:#fff}.tl-head p{margin:0;color:var(--vx-muted);font-size:17px;line-height:1.7}
.tl-kick{display:inline-block;margin-bottom:12px;color:var(--vx-mint);font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.tl-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.tl-tabs button{padding:12px 18px;border:1px solid rgba(185,203,211,.2);border-radius:var(--vx-r-md);background:rgba(255,255,255,.04);color:var(--vx-soft);font:inherit;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s}
.tl-tabs button[aria-selected="true"]{border-color:var(--vx-accent);background:rgba(139,124,255,.18);color:#fff}
.tl-tabs button:hover{border-color:var(--vx-accent)}
.tl-panel{display:none;padding:clamp(18px,3vw,32px);border:1px solid rgba(185,203,211,.16);border-radius:var(--vx-r-xl);background:linear-gradient(160deg,var(--vx-surface),var(--vx-bg));box-shadow:0 30px 70px rgba(0,0,0,.35)}
.tl-panel.on{display:block;animation:tlIn .35s ease}
@keyframes tlIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.tl-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(18px,4vw,48px);align-items:start}
.tl h3{margin:0 0 6px;color:#fff;font-size:20px;letter-spacing:-.01em}.tl p.sub{margin:0 0 18px;color:var(--vx-muted);font-size:14px;line-height:1.6}
.tl-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;border:0;border-radius:var(--vx-r-md);background:var(--btn-grad,linear-gradient(135deg,#A855F7,#7B3AF2 55%,#5B26E0));color:#fff;font:inherit;font-weight:800;font-size:14px;cursor:pointer;text-decoration:none;box-shadow:0 12px 30px rgba(123,58,242,.4);transition:transform .2s,filter .2s}
.tl-btn:hover{transform:translateY(-2px);filter:brightness(1.1)}
.tl-btn.ghost{background:transparent;border:1px solid rgba(168,85,247,.6);box-shadow:none;color:var(--vx-text)}
.tl-btn:focus-visible,.tl-tabs button:focus-visible,.tl-opt:focus-visible{outline:2px solid #fff;outline-offset:3px}
/* Rechner */
.rc-row{display:grid;gap:6px;margin-bottom:18px}.rc-row label{display:flex;justify-content:space-between;gap:10px;color:var(--vx-soft);font-size:14px;font-weight:700}.rc-row label b{color:var(--vx-mint);font-variant-numeric:tabular-nums}
.rc-row input[type=range]{width:100%;accent-color:var(--vx-accent);height:6px}
.rc-row input[type=number]{width:140px;padding:11px 12px;border:1px solid rgba(185,203,211,.25);border-radius:var(--vx-r-sm);background:rgba(5,12,18,.55);color:#fff;font:inherit;outline:none}
.rc-row input[type=number]:focus{border-color:var(--vx-accent);box-shadow:0 0 0 4px rgba(139,124,255,.2)}
.rc-out{display:grid;gap:14px}
.rc-card{padding:20px;border:1px solid rgba(185,203,211,.16);border-radius:var(--vx-r-lg);background:rgba(255,255,255,.03)}
.rc-card small{display:block;color:var(--vx-muted);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}
.rc-big{font-size:clamp(30px,4vw,44px);font-weight:800;letter-spacing:-.03em;color:#fff;font-variant-numeric:tabular-nums}.rc-big span{font-size:.45em;color:var(--vx-muted);font-weight:600;margin-left:6px}
.rc-bars{display:grid;gap:10px;margin-top:6px}.rc-bar{display:grid;gap:5px;font-size:12.5px;color:var(--vx-soft)}
.rc-track{height:12px;border-radius:var(--vx-r-pill);background:rgba(255,255,255,.07);overflow:hidden}.rc-fill{height:100%;border-radius:var(--vx-r-pill);background:linear-gradient(90deg,var(--vx-accent-strong),var(--vx-cyan));transition:width .6s cubic-bezier(.2,.8,.2,1)}.rc-fill.v{background:linear-gradient(90deg,var(--vx-accent),var(--vx-mint))}
.tl-note{margin:14px 0 0;color:var(--vx-muted);font-size:12px;line-height:1.6}
/* Reifegrad */
.rf-prog{height:6px;border-radius:var(--vx-r-pill);background:rgba(255,255,255,.08);margin-bottom:22px;overflow:hidden}.rf-prog i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--vx-accent),var(--vx-mint));transition:width .4s}
.rf-dim{color:var(--vx-mint);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px}
.rf-q{font-size:clamp(19px,2.4vw,26px);line-height:1.35;color:#fff;font-weight:700;margin:0 0 22px;min-height:70px}
.rf-ans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.tl-opt{padding:16px 12px;border:1px solid rgba(185,203,211,.22);border-radius:var(--vx-r-md);background:rgba(255,255,255,.04);color:var(--vx-text);font:inherit;font-weight:700;font-size:15px;cursor:pointer;transition:all .2s}
.tl-opt:hover{border-color:var(--vx-accent);background:rgba(139,124,255,.16);transform:translateY(-2px)}
.rf-res{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:clamp(18px,4vw,44px);align-items:center}
.rf-radar svg{width:100%;height:auto;display:block}.rf-radar .poly{transform-origin:150px 150px;animation:rfGrow .9s cubic-bezier(.2,.8,.2,1) both}
@keyframes rfGrow{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}
.rf-level{display:inline-block;padding:6px 14px;border-radius:var(--vx-r-pill);background:rgba(139,124,255,.2);border:1px solid var(--vx-accent);color:#fff;font-weight:800;font-size:13px;margin-bottom:12px}
.rf-recs{display:grid;gap:10px;margin:14px 0}.rf-rec{padding:14px 16px;border:1px solid rgba(185,203,211,.16);border-radius:var(--vx-r-md);background:rgba(255,255,255,.03)}.rf-rec b{display:block;color:#fff;margin-bottom:6px;font-size:14px}.rf-rec a{display:inline-block;margin:2px 8px 2px 0;padding:5px 11px;border-radius:var(--vx-r-pill);border:1px solid rgba(139,124,255,.5);color:#D9D3FF;font-size:12.5px;font-weight:700;text-decoration:none}.rf-rec a:hover{background:rgba(139,124,255,.2)}
/* Workflow */
.wf-pick{display:grid;gap:14px}.wf-pick h4{margin:0 0 8px;color:var(--vx-soft);font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.wf-chips{display:flex;flex-wrap:wrap;gap:8px}.wf-chips button{padding:9px 13px;border:1px solid rgba(185,203,211,.22);border-radius:var(--vx-r-pill);background:rgba(255,255,255,.04);color:#DCE6EA;font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s}
.wf-chips button:hover{border-color:var(--vx-accent)}.wf-chips button[aria-pressed="true"]{border-color:var(--vx-mint);background:rgba(79,240,200,.12);color:#fff}
.wf-chips button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.wf-stage{min-height:300px;padding:18px;border:1px dashed rgba(185,203,211,.25);border-radius:var(--vx-r-lg);background:radial-gradient(circle at 20% 0,rgba(139,124,255,.1),transparent 60%)}
.wf-flow{list-style:none;margin:0;padding:0;display:grid;gap:0}
.wf-node{position:relative;display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;padding:12px 14px;border:1px solid rgba(185,203,211,.18);border-radius:var(--vx-r-lg);background:var(--vx-surface);animation:wfIn .4s cubic-bezier(.2,.8,.2,1)}
@keyframes wfIn{from{opacity:0;transform:translateX(-14px) scale(.96)}to{opacity:1;transform:none}}
.wf-node.trig{border-color:var(--vx-accent);background:linear-gradient(160deg,#1a1840,var(--vx-surface))}
.wf-node .vx-ic{width:48px!important;height:48px!important;margin:0!important;border-radius:var(--vx-r-md)!important}
.wf-node b{display:block;font-size:14px;color:#fff}.wf-node small{color:var(--vx-muted);font-size:12px}
.wf-ctl{display:flex;gap:4px}.wf-ctl button{width:30px;height:30px;border:1px solid rgba(185,203,211,.2);border-radius:var(--vx-r-sm);background:rgba(255,255,255,.04);color:var(--vx-soft);cursor:pointer;font-size:14px}.wf-ctl button:hover{border-color:var(--vx-accent);color:#fff}
.wf-link{position:relative;height:26px;margin-left:25px;width:2px;background:repeating-linear-gradient(180deg,rgba(116,201,220,.5) 0 5px,transparent 5px 9px)}
.wf-link:after{content:"";position:absolute;left:-3px;top:0;width:8px;height:8px;border-radius:50%;background:var(--vx-mint);box-shadow:0 0 12px var(--vx-mint);animation:wfPkt 1.6s linear infinite}
@keyframes wfPkt{from{top:0;opacity:0}15%{opacity:1}85%{opacity:1}to{top:18px;opacity:0}}
.wf-empty{margin:0;color:var(--vx-muted);font-size:14px;padding:30px 10px;text-align:center}
.wf-sum{margin-top:14px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.wf-rel{margin-top:12px;font-size:13px;color:var(--vx-muted)}.wf-rel a{display:inline-block;margin:3px 6px 3px 0;padding:5px 11px;border-radius:var(--vx-r-pill);border:1px solid rgba(139,124,255,.5);color:#D9D3FF;font-weight:700;text-decoration:none;font-size:12.5px}
/* Merkliste */
.xp-wish{position:relative;display:inline-grid;place-items:center;width:40px;height:40px;margin-right:10px;border:1px solid rgba(185,203,211,.2);border-radius:var(--vx-r-md);background:rgba(255,255,255,.04);color:var(--vx-soft);cursor:pointer;transition:all .2s}
.xp-wish:hover{border-color:var(--vx-accent);color:#fff}.xp-wish b{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:var(--vx-r-sm);background:var(--vx-accent);color:#fff;font-size:11px;line-height:18px;text-align:center}
.xp-wish b:empty,.xp-wish b[data-n="0"]{display:none}
.wl-ov{position:fixed;inset:0;z-index:10003;display:none;background:rgba(3,8,12,.6);backdrop-filter:blur(4px)}.wl-ov.open{display:block}
.wl{position:absolute;top:0;right:0;bottom:0;width:min(420px,100%);display:flex;flex-direction:column;background:var(--vx-bg);border-left:1px solid rgba(139,124,255,.4);box-shadow:-30px 0 80px rgba(0,0,0,.5);color:var(--vx-text);animation:wlIn .3s cubic-bezier(.2,.8,.2,1);font-family:Inter,system-ui,sans-serif}
@keyframes wlIn{from{transform:translateX(40px);opacity:0}to{transform:none;opacity:1}}
.wl header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(185,203,211,.14)}.wl header h2{margin:0;font-size:18px;color:#fff}.wl header button{border:0;background:none;color:var(--vx-soft);font-size:24px;cursor:pointer}
.wl ul{flex:1;overflow:auto;list-style:none;margin:0;padding:14px 20px}.wl li{display:flex;gap:10px;align-items:center;padding:12px 14px;margin-bottom:10px;border:1px solid rgba(185,203,211,.16);border-radius:var(--vx-r-md);background:rgba(255,255,255,.03)}
.wl li a{flex:1;color:#fff;text-decoration:none;font-weight:700;font-size:14px}.wl li a small{display:block;color:var(--vx-muted);font-weight:500;font-size:12px}.wl li button{border:0;background:none;color:var(--vx-muted);cursor:pointer;font-size:18px}
.wl-empty{padding:30px 20px;color:var(--vx-muted);font-size:14px;line-height:1.7}
.wl footer{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px 20px;border-top:1px solid rgba(185,203,211,.14)}.wl footer .tl-btn:first-child{grid-column:1/-1}
.sv-save{display:inline-flex;align-items:center;gap:8px;padding:14px 18px;border:1px solid rgba(185,203,211,.25);border-radius:var(--vx-r-md);background:transparent;color:var(--vx-text);font:inherit;font-weight:800;font-size:15px;cursor:pointer;transition:all .2s}.sv-save:hover{border-color:var(--vx-accent)}.sv-save[aria-pressed="true"]{border-color:var(--vx-mint);background:rgba(79,240,200,.1)}
.vx-print{display:none}
@media print{body>*:not(.vx-print){display:none!important}.vx-print{display:block!important;padding:30px;color:#000;font-family:Inter,Arial,sans-serif}.vx-print h1{font-size:24px}.vx-print li{margin:8px 0;font-size:14px}}
/* Komfort-Panel */
.ac-fab{position:fixed;left:16px;bottom:16px;z-index:9001;display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(139,124,255,.5);border-radius:50%;background:var(--vx-surface);color:#fff;cursor:pointer;box-shadow:0 12px 30px rgba(0,0,0,.4);transition:transform .2s}.ac-fab:hover{transform:scale(1.08)}
.ac-panel{position:fixed;left:16px;bottom:74px;z-index:9002;display:none;width:min(320px,calc(100vw - 32px));padding:18px;border:1px solid rgba(139,124,255,.45);border-radius:var(--vx-r-lg);background:var(--vx-bg);color:var(--vx-text);box-shadow:0 30px 80px rgba(0,0,0,.55);font-family:Inter,system-ui,sans-serif}.ac-panel.open{display:block;animation:tlIn .25s ease}
.ac-panel h2{margin:0 0 12px;font-size:16px;color:#fff}.ac-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-top:1px solid rgba(185,203,211,.12);font-size:14px;font-weight:600}
.ac-row button{padding:7px 12px;border:1px solid rgba(185,203,211,.25);border-radius:var(--vx-r-sm);background:rgba(255,255,255,.05);color:#fff;font:inherit;font-weight:700;cursor:pointer}.ac-row button[aria-checked="true"],.ac-row button.on{border-color:var(--vx-mint);background:rgba(79,240,200,.14)}
.ac-sz{display:flex;gap:6px}.ac-reset{margin-top:10px;width:100%}.ac-panel small{display:block;margin-top:10px;color:var(--vx-muted);font-size:11.5px;line-height:1.5}
html.vx-calm *,html.vx-calm *::before,html.vx-calm *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html.vx-calm .lf-canvas,html.vx-calm .lf-aurora,html.vx-calm .v4-track{display:none!important}
html.vx-read body{font-family:Verdana,Tahoma,Arial,sans-serif!important;letter-spacing:.02em;word-spacing:.08em}html.vx-read p,html.vx-read li{line-height:1.9!important}
html.vx-ul a{text-decoration:underline!important;text-underline-offset:3px}
html.vx-hc body{background:#000!important;color:#fff!important}html.vx-hc p,html.vx-hc li,html.vx-hc span,html.vx-hc small,html.vx-hc label,html.vx-hc summary,html.vx-hc h1,html.vx-hc h2,html.vx-hc h3{color:#fff!important}
html.vx-hc a{color:#FFE066!important}html.vx-hc *{border-color:rgba(255,255,255,.6)!important}html.vx-hc .sv-btn,html.vx-hc .tl-btn,html.vx-hc .btn{background:#fff!important;color:#000!important}
@media (max-width:900px){.tl-grid,.rf-res{grid-template-columns:1fr}.rf-ans{grid-template-columns:1fr}.xp-wish{margin-right:6px}}
@media (prefers-reduced-motion:reduce){.tl-panel.on,.wf-node,.wl,.rf-radar .poly,.wf-link:after{animation:none}.rc-fill{transition:none}}
/* header: keep one line even with the extra controls */
.xp-search-btn,.nav-links a,.navlinks a,.services-trigger,.nav-cta,.navcta{white-space:nowrap}
.xp-search-btn{margin-right:8px}
@media (max-width:1380px){.xp-search-btn span,.xp-search-btn kbd{display:none}.xp-search-btn{padding:10px}}
@media (max-width:1180px) and (min-width:901px){.nav-links a:not(.nav-cta):not(.navcta){padding-inline:8px;font-size:13px}}
/* ===== Round 2: Fragen-Finder, Vergleich, Termin, Kurzfassung/Vorlesen, Glossar ===== */
.fm{display:grid;gap:7px;margin-bottom:14px;color:var(--vx-soft);font-size:13px;font-weight:700}
.fi{width:100%;padding:12px 14px;border:1px solid rgba(185,203,211,.25);border-radius:var(--vx-r-md);background:rgba(5,12,18,.55);color:#fff;font:inherit;font-size:15px;outline:none;transition:border-color .2s,box-shadow .2s}
.fi:focus{border-color:var(--vx-accent);box-shadow:0 0 0 4px rgba(139,124,255,.2)}select.fi option{background:var(--vx-surface)}textarea.fi{resize:vertical}
.tp-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.qf-card{padding:18px;margin-bottom:12px;border:1px solid rgba(185,203,211,.16);border-radius:var(--vx-r-lg);background:rgba(255,255,255,.03);animation:tlIn .35s ease}
.qf-card h4{margin:0 0 8px;color:#fff;font-size:16px}.qf-card p{margin:0 0 10px;color:var(--vx-soft);font-size:14px;line-height:1.7}
.qf-card small{display:block;color:var(--vx-muted);font-size:12px;line-height:1.8}.qf-card small a,.xp-faq a{display:inline-block;margin:2px 6px 2px 0;padding:3px 10px;border-radius:var(--vx-r-pill);border:1px solid rgba(139,124,255,.5);color:#D9D3FF;text-decoration:none;font-weight:700}
.xp-faq{padding:12px 14px 6px;border-top:1px solid rgba(185,203,211,.14);margin-top:6px;list-style:none}.xp-faq h5{margin:0 0 8px;color:var(--vx-mint);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.xp-faq b{display:block;color:#fff;font-size:13.5px;margin-bottom:4px}.xp-faq p{margin:0 0 8px;color:var(--vx-muted);font-size:12.5px;line-height:1.6}
.cmp-sel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}
.cmp-out{overflow-x:auto}.cmp-grid{display:grid;gap:0;min-width:640px;border:1px solid rgba(185,203,211,.16);border-radius:var(--vx-r-lg);overflow:hidden}
.cmp-c{padding:14px 16px;border-top:1px solid rgba(185,203,211,.12);border-left:1px solid rgba(185,203,211,.12);font-size:13.5px;line-height:1.6;color:var(--vx-soft)}.cmp-c:first-child,.cmp-grid>.cmp-c:nth-child(var(--cols)n+1){border-left:0}
.cmp-h{background:rgba(139,124,255,.14);color:#fff;font-weight:800;font-size:15px}.cmp-l{background:rgba(255,255,255,.03);color:var(--vx-muted);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.cmp-c ul,.cmp-c ol{margin:0;padding-left:18px}.cmp-c li{margin:3px 0}.cmp-c li.sh{opacity:.45}.cmp-c li.un{color:#fff;font-weight:700}.cmp-c li.un::marker{color:var(--vx-mint)}
.cmp-c a{color:#D9D3FF;font-weight:700;text-decoration:none}
.sv-tldr{margin:0 0 26px;border:1px solid rgba(139,124,255,.4);border-radius:var(--vx-r-lg);background:rgba(139,124,255,.08)}.sv-tldr summary{padding:14px 18px;cursor:pointer;color:#fff;font-weight:800;font-size:15px;list-style:none}.sv-tldr summary::-webkit-details-marker{display:none}.sv-tldr summary:after{content:"+";float:right;color:var(--vx-mint);font-size:20px;line-height:1}.sv-tldr[open] summary:after{content:"–"}
.sv-tldr ul{margin:0;padding:0 18px 16px 36px;color:var(--vx-soft);font-size:14px;line-height:1.75}.sv-tldr li b{color:#fff}
.sv-read{display:inline-flex;align-items:center;gap:8px;padding:14px 18px;border:1px solid rgba(185,203,211,.25);border-radius:var(--vx-r-md);background:transparent;color:var(--vx-text);font:inherit;font-weight:800;font-size:15px;cursor:pointer;transition:all .2s}.sv-read:hover{border-color:var(--vx-accent)}
.sv-player{position:fixed;left:76px;bottom:18px;z-index:9003;display:none;align-items:center;gap:8px;padding:8px 10px 8px 14px;border:1px solid rgba(139,124,255,.5);border-radius:var(--vx-r-md);background:var(--vx-bg);color:var(--vx-text);font-size:13px;font-weight:700;box-shadow:0 18px 50px rgba(0,0,0,.5);max-width:calc(100vw - 150px)}.sv-player.on{display:flex}
.sv-player button,.sv-player select{padding:7px 10px;border:1px solid rgba(185,203,211,.25);border-radius:var(--vx-r-sm);background:rgba(255,255,255,.05);color:#fff;font:inherit;font-weight:700;cursor:pointer}.sv-player span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px;color:var(--vx-muted)}
.sv-sec.reading{box-shadow:inset 4px 0 0 var(--vx-accent),inset 0 0 120px rgba(139,124,255,.08)}
.gl{border-bottom:1px dotted var(--vx-mint);cursor:help;text-decoration:none}.gl:hover,.gl:focus-visible{background:rgba(79,240,200,.14);outline:none}
.gl-tip{position:absolute;z-index:10010;display:none;max-width:280px;padding:10px 13px;border:1px solid rgba(139,124,255,.55);border-radius:var(--vx-r-md);background:var(--vx-bg);color:var(--vx-text);font:600 12.5px/1.55 Inter,system-ui,sans-serif;box-shadow:0 16px 40px rgba(0,0,0,.5);pointer-events:none}.gl-tip.on{display:block}.gl-tip b{display:block;color:var(--vx-mint);margin-bottom:3px}
@media (max-width:900px){.cmp-sel,.tp-row{grid-template-columns:1fr}.sv-player{left:76px;right:90px;max-width:none}}
@media print{.sv-player,.gl-tip,.ac-fab,.ac-panel{display:none!important}}

/* ── future ── */
/* VEXORA AI — site-wide future features: adaptive site + voice/command assistant */
.vc-fab{position:fixed;left:72px;bottom:16px;z-index:9001;display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(79,240,200,.5);border-radius:50%;background:var(--vx-surface);color:var(--vx-mint);cursor:pointer;box-shadow:0 12px 30px rgba(0,0,0,.4);transition:transform .2s}
.vc-fab:hover{transform:scale(1.08)}.vc-fab.live{background:var(--vx-mint);color:var(--vx-bg);animation:vcPulse 1.4s ease-in-out infinite}
@keyframes vcPulse{0%{box-shadow:0 0 0 0 rgba(79,240,200,.6)}100%{box-shadow:0 0 0 18px rgba(79,240,200,0)}}
.vc-panel{position:fixed;left:16px;bottom:76px;z-index:9004;display:none;width:min(380px,calc(100vw - 32px));max-height:min(70vh,560px);overflow:auto;padding:18px;border:1px solid rgba(79,240,200,.4);border-radius:var(--vx-r-lg);background:var(--vx-bg);color:var(--vx-text);box-shadow:0 30px 80px rgba(0,0,0,.6);font-family:Inter,system-ui,sans-serif}
.vc-panel.open{display:block;animation:tlIn .25s ease}
.vc-panel h2{margin:0 0 4px;font-size:16px;color:#fff}.vc-panel p{margin:0 0 12px;color:var(--vx-muted);font-size:13px;line-height:1.55}
.vc-in{display:flex;gap:8px;margin-bottom:12px}.vc-in input{flex:1;min-width:0;padding:11px 13px;border:1px solid rgba(185,203,211,.25);border-radius:var(--vx-r-md);background:rgba(5,12,18,.6);color:#fff;font:inherit;font-size:14px;outline:none}.vc-in input:focus{border-color:var(--vx-mint)}
.vc-in button{padding:0 14px;border:1px solid rgba(79,240,200,.5);border-radius:var(--vx-r-md);background:rgba(79,240,200,.1);color:var(--vx-mint);font:inherit;font-weight:800;cursor:pointer}.vc-in button.live{background:var(--vx-mint);color:var(--vx-bg)}
.vc-st{min-height:22px;margin:0 0 10px;color:var(--vx-mint);font-size:13px;font-weight:700}
.vc-ex{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 6px}.vc-ex button{padding:6px 11px;border:1px solid rgba(185,203,211,.2);border-radius:var(--vx-r-pill);background:rgba(255,255,255,.04);color:var(--vx-soft);font:inherit;font-size:12px;font-weight:600;cursor:pointer}.vc-ex button:hover{border-color:var(--vx-mint);color:#fff}
.vc-res{display:grid;gap:8px;margin-top:10px}.vc-res a,.vc-res .vc-ans{display:block;padding:11px 13px;border:1px solid rgba(185,203,211,.16);border-radius:var(--vx-r-md);background:rgba(255,255,255,.03);color:#fff;font-size:13.5px;font-weight:700;text-decoration:none}.vc-res a small,.vc-ans small{display:block;margin-top:3px;color:var(--vx-muted);font-weight:500;font-size:12px;line-height:1.55}.vc-res a:hover{border-color:var(--vx-accent)}
.vc-go{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;border:1px solid var(--vx-accent);border-radius:var(--vx-r-md);background:rgba(139,124,255,.15);font-size:13.5px;font-weight:700}.vc-go button{padding:6px 11px;border:1px solid rgba(185,203,211,.3);border-radius:var(--vx-r-sm);background:transparent;color:#fff;font:inherit;cursor:pointer}
.vc-note{margin:12px 0 0;color:var(--vx-muted);font-size:11.5px;line-height:1.55}
.vc-consent{padding:14px;border:1px solid rgba(245,213,140,.5);border-radius:var(--vx-r-md);background:rgba(245,213,140,.08);font-size:12.5px;line-height:1.6;color:#F0E3BC;margin-bottom:12px}.vc-consent .tl-btn{margin:10px 8px 0 0;padding:9px 14px;font-size:13px}
/* adaptive site */
.ad-ask{position:fixed;left:50%;bottom:18px;z-index:9005;display:none;align-items:center;gap:12px;flex-wrap:wrap;max-width:min(560px,calc(100vw - 32px));padding:14px 16px;border:1px solid rgba(139,124,255,.55);border-radius:var(--vx-r-lg);background:var(--vx-bg);color:var(--vx-text);font:600 13.5px/1.5 Inter,system-ui,sans-serif;box-shadow:0 24px 60px rgba(0,0,0,.55);transform:translateX(-50%)}.ad-ask.on{display:flex;animation:tlIn .3s ease}
.ad-ask span{flex:1 1 260px}.ad-ask button{padding:9px 15px;border:1px solid rgba(185,203,211,.3);border-radius:var(--vx-r-sm);background:transparent;color:#fff;font:inherit;font-weight:800;cursor:pointer}.ad-ask button.y{border:0;background:var(--btn-grad,linear-gradient(135deg,#A855F7,#7B3AF2 55%,#5B26E0))}
.ad-strip{padding:26px 0;background:linear-gradient(90deg,rgba(139,124,255,.14),rgba(79,240,200,.06));border-block:1px solid rgba(139,124,255,.3)}
.ad-wrap{width:min(1200px,calc(100% - 36px));margin:auto;display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.ad-wrap b{color:#fff;font-size:14px;margin-right:4px}.ad-wrap small{color:var(--vx-muted);font-size:12px}
.ad-card{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid rgba(139,124,255,.5);border-radius:var(--vx-r-md);background:rgba(11,23,32,.7);color:#fff;font-size:13.5px;font-weight:700;text-decoration:none;transition:transform .2s,border-color .2s}.ad-card:hover{transform:translateY(-2px);border-color:var(--vx-mint)}.ad-card i{font-style:normal;color:var(--vx-mint);font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.ad-why{margin-left:auto;padding:8px 13px;border:1px solid rgba(185,203,211,.25);border-radius:var(--vx-r-pill);background:transparent;color:var(--vx-soft);font:inherit;font-size:12.5px;font-weight:700;cursor:pointer}.ad-why:hover{border-color:var(--vx-accent);color:#fff}
.ad-pop{position:fixed;inset:0;z-index:10005;display:none;place-items:center;background:rgba(3,8,12,.6);backdrop-filter:blur(4px)}.ad-pop.on{display:grid}
.ad-box{width:min(460px,calc(100vw - 32px));padding:22px;border:1px solid rgba(139,124,255,.5);border-radius:var(--vx-r-lg);background:var(--vx-bg);color:var(--vx-text);font-family:Inter,system-ui,sans-serif;box-shadow:0 30px 80px rgba(0,0,0,.6)}.ad-box h2{margin:0 0 8px;font-size:18px;color:#fff}.ad-box p{margin:0 0 14px;color:var(--vx-muted);font-size:13.5px;line-height:1.6}
.ad-bar{display:grid;grid-template-columns:150px 1fr;gap:10px;align-items:center;margin:6px 0;font-size:12.5px;color:var(--vx-soft)}.ad-bar i{display:block;height:9px;border-radius:var(--vx-r-sm);background:linear-gradient(90deg,var(--vx-accent),var(--vx-mint));transform-origin:left;transition:transform .6s}
.ad-box .row{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.ad-box .row button{padding:10px 14px;border:1px solid rgba(185,203,211,.3);border-radius:var(--vx-r-sm);background:transparent;color:#fff;font:inherit;font-weight:700;cursor:pointer}
.ad-badge{position:absolute;top:14px;left:14px;z-index:2;padding:4px 10px;border-radius:var(--vx-r-pill);background:linear-gradient(135deg,#A855F7,#7B3AF2);color:#fff;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.v4-card.ad-hot{border-color:rgba(139,124,255,.9)!important;box-shadow:0 0 0 1px rgba(139,124,255,.5),0 24px 60px rgba(80,60,200,.35)!important}
.mega-group.ad-hot:before{content:"Für Sie";position:absolute;top:10px;right:12px;padding:2px 9px;border-radius:var(--vx-r-pill);background:var(--vx-accent);color:#fff;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.ad-note{margin:0 0 10px;color:var(--vx-mint);font-size:12px;font-weight:700}
.sv-player{left:130px!important}
@media (max-width:900px){.vc-panel{bottom:76px}.ad-why{margin-left:0}.sv-player{left:130px!important;max-width:calc(100vw - 210px)}}
@media (prefers-reduced-motion:reduce){.vc-fab.live{animation:none}.ad-ask.on,.vc-panel.open{animation:none}}
html.vx-calm .vc-fab.live{animation:none!important}

/* ── mobile ── */
/* VEXORA AI — mobile layout of floating tools: one hub bottom-left, chat bottom-right, everything else above them */
@media (max-width:900px){
 .fx-hub{position:fixed;left:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:9006;display:flex;flex-direction:column-reverse;align-items:flex-start;gap:10px}
 .fx-toggle{display:grid;place-items:center;width:52px;height:52px;border:1px solid rgba(139,124,255,.6);border-radius:50%;background:var(--vx-surface);color:#fff;box-shadow:0 12px 30px rgba(0,0,0,.45);cursor:pointer;transition:transform .25s,background .25s}
 .fx-hub.open .fx-toggle{background:var(--btn-grad,linear-gradient(135deg,#A855F7,#7B3AF2 55%,#5B26E0));transform:rotate(45deg)}
 .fx-items{display:none;flex-direction:column;gap:8px}.fx-hub.open .fx-items{display:flex;animation:tlIn .2s ease}
 .fx-items .ac-fab,.fx-items .vc-fab{position:static!important;display:flex;align-items:center;gap:10px;width:auto;height:46px;padding:0 18px 0 13px;border-radius:var(--vx-r-xl);font:700 14px Inter,system-ui,sans-serif;white-space:nowrap}
 .fx-items .ac-fab::after{content:"Komfort"}.fx-items .vc-fab::after{content:"Assistent"}
 .fx-items .vc-fab.live{animation:none}
 /* chat: compact circle on the right */
 .vx-launcher{right:12px!important;bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;width:52px;height:52px;padding:0!important;justify-content:center;border-radius:50%!important;gap:0!important}
 .vx-launcher>span:not(.vx-launcher-icon){display:none!important}.vx-launcher-icon{width:34px;height:34px;font-size:18px}
 /* everything transient sits above the two corner controls */
 .ac-panel,.vc-panel{left:12px!important;right:12px!important;width:auto!important;bottom:calc(76px + env(safe-area-inset-bottom,0px))!important;max-height:62vh!important}
 .ac-panel{overflow:auto;padding:14px!important}.ac-panel .ac-row{padding:7px 0!important;font-size:13.5px!important}.ac-panel h2{margin-bottom:6px!important}.ac-panel small{margin-top:6px!important}
 .lf-dock{left:12px!important;right:12px!important;bottom:calc(76px + env(safe-area-inset-bottom,0px))!important;max-width:none!important;transform:translateY(170%)!important;padding:9px 10px 9px 14px}
 .lf-dock.show{transform:none!important}
 .lf-dock span{display:block!important;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .sv-player{left:12px!important;right:12px!important;bottom:calc(76px + env(safe-area-inset-bottom,0px))!important;max-width:none!important}
 .ad-ask{left:12px!important;right:12px!important;bottom:calc(76px + env(safe-area-inset-bottom,0px))!important;max-width:none!important;transform:none!important}
 body.fx-open .lf-dock,body.fx-open .sv-player,.fx-hub.open ~ .lf-dock{display:none!important}
 body:has(.fx-hub.open) .lf-dock,body:has(.fx-hub.open) .sv-player,body:has(.fx-hub.open) .ad-ask{display:none!important}
 .lf-dock{font-size:13px!important;gap:10px!important}.lf-dock a{padding:8px 12px!important;font-size:13px}
 body:has(.vx-panel.vx-open) .fx-hub,body:has(.vx-panel.vx-open) .lf-dock,body:has(.vx-panel.vx-open) .ad-ask,body:has(.vx-panel.vx-open) .sv-player{display:none!important}
 .vx-panel{bottom:calc(76px + env(safe-area-inset-bottom,0px))!important}
}

/* ── nova ── */
/* VEXORA AI Concierge — plasma orb, proactive bubble, glass panel */
.vx-widget{display:none!important}
.nv-orb{position:fixed;right:18px;bottom:14px;z-index:9997;width:98px;height:102px;padding:0;border:0;background:none;cursor:pointer;--lx:0;--ly:0;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.nv-orb:before{content:"";position:absolute;left:6px;right:6px;bottom:-4px;height:44px;border-radius:50%;background:radial-gradient(circle at 50% 60%,rgba(168,85,247,.55),transparent 68%);filter:blur(12px);animation:nvBreath 4s ease-in-out infinite}
.nv-orb:hover{transform:translateY(-3px) scale(1.06)}.nv-orb:active{transform:scale(.96)}.nv-orb:focus-visible{outline:3px solid #fff;outline-offset:4px;border-radius:var(--vx-r-xl)}
.nv-orb .dot{position:absolute;right:6px;top:10px;width:14px;height:14px;border-radius:50%;background:var(--vx-mint);border:2px solid var(--vx-bg);display:none}.nv-orb.attn .dot{display:block;animation:nvPing 1.6s infinite}
/* robot */
.bot{display:block;width:100%;height:100%;overflow:visible}
.bot .fl{animation:nvFloat 3.8s ease-in-out infinite}.bot .sh{transform-box:fill-box;transform-origin:center;animation:nvShadow 3.8s ease-in-out infinite}
.bot .head{transform-box:view-box;transform-origin:60px 80px;transform:rotate(calc(var(--lx,0)*5deg));transition:transform .2s}
.bot .eyes{transform:translate(calc(var(--lx,0)*3.6px),calc(var(--ly,0)*3px));transition:transform .18s}
.bot .eye{transform-box:fill-box;transform-origin:center;animation:nvBlink 5.2s infinite;filter:drop-shadow(0 0 4px var(--vx-mint))}
.bot .eye+.eye{animation-delay:.02s}
.bot .ant{animation:nvAnt 2.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.bot .happyeyes,.bot .mouth rect{opacity:0}
.bot .mouth rect{transform-box:fill-box;transform-origin:center bottom}
.talk .mouth rect{opacity:1;animation:nvEq .4s ease-in-out infinite alternate}.talk .mouth rect:nth-child(2){animation-delay:.12s}.talk .mouth rect:nth-child(3){animation-delay:.24s}
.think .eye{animation:nvScan .9s ease-in-out infinite alternate}.think .ant{animation-duration:.6s}
.happy .eye{opacity:0}.happy .happyeyes{opacity:1}
.attn .fl{animation:nvHop 1.1s ease-in-out infinite}
.nv-orb.open .fl{animation-duration:6s}
@keyframes nvFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes nvShadow{0%,100%{transform:scale(1);opacity:.35}50%{transform:scale(.8);opacity:.2}}
@keyframes nvBlink{0%,92%,100%{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes nvAnt{0%,100%{transform:scale(1);opacity:.85}50%{transform:scale(1.35);opacity:1}}
@keyframes nvEq{from{transform:scaleY(.3)}to{transform:scaleY(1)}}@keyframes nvScan{from{transform:translateX(-4px)}to{transform:translateX(4px)}}
@keyframes nvHop{0%,100%{transform:translateY(0) rotate(0)}30%{transform:translateY(-9px) rotate(-4deg)}60%{transform:translateY(-3px) rotate(3deg)}}
@keyframes nvSpin{to{transform:rotate(360deg)}}@keyframes nvBreath{0%,100%{transform:scale(.92);opacity:.7}50%{transform:scale(1.08);opacity:1}}@keyframes nvPing{0%{box-shadow:0 0 0 0 rgba(79,240,200,.7)}100%{box-shadow:0 0 0 12px rgba(79,240,200,0)}}
/* bubble */
.nv-bubble{position:fixed;right:26px;bottom:128px;z-index:9996;width:min(320px,calc(100vw - 44px));padding:15px 16px 14px;border:1px solid rgba(168,85,247,.55);border-radius:20px 20px 6px 20px;background:rgba(11,20,34,.92);backdrop-filter:blur(14px);box-shadow:0 24px 60px rgba(0,0,0,.5),0 0 40px rgba(123,58,242,.25);color:var(--vx-text);font:500 14px/1.55 Inter,system-ui,sans-serif;transform-origin:100% 100%;animation:nvPop .45s cubic-bezier(.2,1.2,.3,1)}
.nv-bubble[hidden]{display:none}.nv-bubble:after{content:"";position:absolute;right:30px;bottom:-8px;width:14px;height:14px;border-right:1px solid rgba(168,85,247,.55);border-bottom:1px solid rgba(168,85,247,.55);background:#0B1422;transform:rotate(45deg);border-radius:0 0 4px 0}.nv-bl{display:flex;align-items:center;gap:6px;margin:0 0 6px;color:var(--vx-mint);font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.nv-bl i{width:7px;height:7px;border-radius:50%;background:var(--vx-mint);box-shadow:0 0 8px var(--vx-mint)}
@keyframes nvPop{from{opacity:0;transform:translateY(14px) scale(.85)}to{opacity:1;transform:none}}
.nv-bubble p{margin:0 0 10px;padding-right:18px}.nv-bx{position:absolute;right:8px;top:6px;border:0;background:none;color:var(--vx-muted);font-size:20px;cursor:pointer;line-height:1}
.nv-ba{display:flex;flex-wrap:wrap;gap:7px}.nv-ba button{padding:7px 12px;border:1px solid rgba(185,203,211,.3);border-radius:var(--vx-r-pill);background:rgba(255,255,255,.05);color:#fff;font:700 12.5px Inter,system-ui,sans-serif;cursor:pointer;transition:all .2s}.nv-ba button:first-child{border:0;background:linear-gradient(135deg,#A855F7,#7B3AF2 55%,#5B26E0)}.nv-ba button:hover{filter:brightness(1.15)}
/* panel */
.nv-panel{position:fixed;right:22px;bottom:130px;z-index:9998;display:none;flex-direction:column;width:min(420px,calc(100vw - 24px));height:min(690px,calc(100dvh - 150px));border-radius:var(--vx-r-xl);background:linear-gradient(170deg,rgba(18,16,48,.96),rgba(9,16,28,.97));backdrop-filter:blur(20px);color:var(--vx-text);font-family:Inter,system-ui,sans-serif;box-shadow:0 40px 100px rgba(0,0,0,.65),0 0 90px rgba(123,58,242,.25);overflow:hidden}
.nv-panel:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--a,0deg),#A855F7,var(--vx-mint),var(--vx-cyan),#7B3AF2,#A855F7);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;animation:nvEdge 8s linear infinite}
@property --a{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes nvEdge{to{--a:360deg}}
.nv-panel.open{display:flex;animation:nvOpen .5s cubic-bezier(.2,.9,.2,1)}
@keyframes nvOpen{from{opacity:0;clip-path:circle(0% at 92% 100%)}to{opacity:1;clip-path:circle(150% at 92% 100%)}}
.nv-head{display:flex;align-items:center;gap:12px;padding:16px 16px 12px;border-bottom:1px solid rgba(185,203,211,.12)}
.nv-mini{position:relative;flex:0 0 50px;width:50px;height:52px}.nv-mini .fl{animation-duration:3s}
.nv-ht{flex:1;min-width:0}.nv-ht strong{display:block;font-size:15px;color:#fff}.nv-ht small{display:block;color:var(--vx-muted);font-size:11.5px;line-height:1.4}
.nv-head button{width:34px;height:34px;border:1px solid rgba(185,203,211,.2);border-radius:var(--vx-r-sm);background:rgba(255,255,255,.04);color:var(--vx-soft);cursor:pointer;font-size:16px}.nv-head button:hover{border-color:#A855F7;color:#fff}
.nv-log{flex:1;overflow:auto;padding:16px;scroll-behavior:smooth;display:flex;flex-direction:column;gap:12px}
.nv-m{max-width:88%;padding:11px 14px;border-radius:var(--vx-r-lg);font-size:14px;line-height:1.6;animation:nvMsg .35s ease;overflow-wrap:anywhere}
@keyframes nvMsg{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.nv-m.a{align-self:flex-start;border:1px solid rgba(185,203,211,.14);border-radius:16px 16px 16px 4px;background:rgba(255,255,255,.05)}
.nv-m.u{align-self:flex-end;border-radius:16px 16px 4px 16px;background:linear-gradient(135deg,#A855F7,#7B3AF2 55%,#5B26E0);color:#fff}
.nv-m b{color:#fff}.nv-m ul,.nv-m ol{margin:6px 0;padding-left:20px}.nv-m li{margin:3px 0}
.nv-tag{display:inline-block;margin-bottom:6px;padding:2px 9px;border-radius:var(--vx-r-pill);background:rgba(79,240,200,.14);color:var(--vx-mint);font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.nv-cards{display:grid;gap:8px;margin-top:10px}.nv-card{display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid rgba(185,203,211,.16);border-radius:var(--vx-r-md);background:rgba(255,255,255,.04);color:inherit;text-decoration:none;transition:border-color .2s,transform .2s}
.nv-card:hover{border-color:#A855F7;transform:translateX(3px)}.nv-card .vx-ic{width:40px!important;height:40px!important;margin:0!important;border-radius:var(--vx-r-md)!important}.nv-card b{display:block;font-size:13.5px}.nv-card small{display:block;color:var(--vx-muted);font-size:12px;line-height:1.45}.nv-card i{font-style:normal;color:#A78BFA;font-weight:800}
.nv-chips{display:flex;gap:7px;padding:8px 14px 0;overflow-x:auto;scrollbar-width:none}.nv-chips::-webkit-scrollbar{display:none}.nv-chips button{flex:0 0 auto;padding:8px 13px;border:1px solid rgba(185,203,211,.22);border-radius:var(--vx-r-pill);background:rgba(255,255,255,.04);color:#DCE6EA;font:700 12.5px Inter,system-ui,sans-serif;cursor:pointer;transition:all .2s;white-space:nowrap}.nv-chips button:hover{border-color:#A855F7;background:rgba(168,85,247,.16);color:#fff}
.nv-form{display:flex;align-items:flex-end;gap:8px;padding:10px 14px 8px}.nv-form textarea{flex:1;min-width:0;max-height:110px;padding:12px 14px;border:1px solid rgba(185,203,211,.22);border-radius:var(--vx-r-lg);background:rgba(5,10,20,.7);color:#fff;font:inherit;font-size:14.5px;line-height:1.4;resize:none;outline:none;transition:border-color .2s,box-shadow .2s}.nv-form textarea:focus{border-color:#A855F7;box-shadow:0 0 0 4px rgba(168,85,247,.2)}
.nv-form button{flex:0 0 44px;height:44px;border:0;border-radius:var(--vx-r-md);background:linear-gradient(135deg,#A855F7,#7B3AF2 55%,#5B26E0);color:#fff;font-size:18px;cursor:pointer;box-shadow:0 8px 20px rgba(123,58,242,.45)}.nv-form button.mic{background:rgba(255,255,255,.06);border:1px solid rgba(185,203,211,.25);box-shadow:none;color:var(--vx-mint)}.nv-form button.mic.live{background:var(--vx-mint);color:var(--vx-bg)}
.nv-foot{margin:0;padding:0 16px 12px;color:#7F929C;font-size:11px;line-height:1.5}
.nv-typing{display:inline-flex;gap:4px}.nv-typing i{width:7px;height:7px;border-radius:50%;background:#A78BFA;animation:nvDot 1s infinite}.nv-typing i:nth-child(2){animation-delay:.15s}.nv-typing i:nth-child(3){animation-delay:.3s}@keyframes nvDot{0%,80%,100%{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}
.nv-form2{display:grid;gap:8px;margin-top:10px;padding:12px;border:1px solid rgba(185,203,211,.16);border-radius:var(--vx-r-md);background:rgba(0,0,0,.2)}.nv-form2 label{display:flex;gap:8px;align-items:flex-start;font-size:12px;line-height:1.5;color:#B9C8CF}.nv-form2 textarea,.nv-form2 input[type=text],.nv-form2 input[type=email]{width:100%;padding:10px 12px;border:1px solid rgba(185,203,211,.22);border-radius:var(--vx-r-sm);background:rgba(5,10,20,.7);color:#fff;font:inherit;font-size:13.5px}.nv-form2 a{color:#C4B0FF}.nv-form2 button{padding:11px;border:0;border-radius:var(--vx-r-sm);background:linear-gradient(135deg,#A855F7,#7B3AF2 55%,#5B26E0);color:#fff;font:800 13.5px Inter,system-ui,sans-serif;cursor:pointer}.nv-form2 .err{color:#F5B1B1;font-size:12px;margin:0}
.nv-act{display:inline-block;margin-top:8px;padding:9px 14px;border:0;border-radius:var(--vx-r-sm);background:linear-gradient(135deg,#A855F7,#7B3AF2 55%,#5B26E0);color:#fff;font:800 13px Inter,system-ui,sans-serif;text-decoration:none;cursor:pointer}
@media (max-width:900px){.nv-orb{right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));width:58px;height:58px}.nv-bubble{right:12px;bottom:calc(86px + env(safe-area-inset-bottom,0px));width:min(300px,calc(100vw - 92px))}
 .nv-panel{right:8px;left:8px;width:auto;bottom:calc(82px + env(safe-area-inset-bottom,0px));height:min(calc(100dvh - 100px),720px);border-radius:var(--vx-r-xl)}
 body:has(.nv-panel.open) .fx-hub,body:has(.nv-panel.open) .lf-dock,body:has(.nv-panel.open) .ad-ask,body:has(.nv-panel.open) .sv-player,body:has(.nv-bubble:not([hidden])) .lf-dock{display:none!important}}
html.vx-calm .nv-orb *,html.vx-calm .nv-panel:before,html.vx-calm .nv-mini:after{animation:none!important}
@media (prefers-reduced-motion:reduce){.nv-orb *,.nv-panel:before,.nv-mini:after,.nv-bubble,.nv-m{animation:none!important}.nv-panel.open{animation:none}}
body:has(.nv-panel.open) .ad-ask,body:has(.nv-panel.open) .lf-dock{display:none!important}
.nv-form button.mic{display:grid;place-items:center;flex:0 0 44px}.nv-form button.mic[hidden]{display:none}

.nv-row{display:flex;align-items:flex-end;gap:8px;max-width:100%}.nv-row .nv-m{max-width:calc(100% - 40px)}
.nv-av{flex:0 0 32px;width:32px;height:33px;margin-bottom:2px}.nv-av .fl,.nv-av .sh{animation:none}
@media (max-width:900px){.nv-orb{right:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));width:68px;height:71px}
 .nv-bubble{right:12px!important;bottom:calc(86px + env(safe-area-inset-bottom,0px))!important}
 .nv-panel{bottom:calc(86px + env(safe-area-inset-bottom,0px))!important}}
html.vx-calm .bot *{animation:none!important}
@media (prefers-reduced-motion:reduce){.bot *,.nv-orb:before{animation:none!important}}
body:has(.nv-bubble:not([hidden])) .ad-ask{display:none!important}

/* ── components ── */
/* VEXORA AI — shared components. Loaded last: the one place buttons, cards and focus are defined.
   !important is needed only because earlier layers use it; new rules elsewhere should not. */

/* Buttons — primary */
:is(.btn-primary,.nav-cta,.navcta,.tl-btn:not(.ghost),.sv-btn:not(.ghost),.vx-smart-cta:not(.alt),.v4-cta,.vx-rel-cta){
 display:inline-flex!important;align-items:center;justify-content:center;gap:8px;min-height:var(--vx-ctl-h);padding:0 22px!important;
 border:1px solid transparent!important;border-radius:var(--vx-r-md)!important;
 background:var(--vx-primary-grad)!important;color:#fff!important;
 font:700 14px/1.2 var(--vx-font)!important;letter-spacing:.01em;text-decoration:none;
 box-shadow:0 10px 28px rgba(123,58,242,.28)!important;transition:transform .2s var(--vx-ease),box-shadow .2s var(--vx-ease),filter .2s}
:is(.btn-primary,.nav-cta,.navcta,.tl-btn:not(.ghost),.sv-btn:not(.ghost),.vx-smart-cta:not(.alt),.v4-cta,.vx-rel-cta):hover{
 transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 16px 36px rgba(123,58,242,.4)!important}
:is(.nav-cta,.navcta){min-height:40px;padding:0 16px!important;font-size:13px!important}

/* Buttons — secondary */
:is(.btn-outline,.sv-btn.ghost,.tl-btn.ghost,.vx-smart-cta.alt){
 display:inline-flex!important;align-items:center;justify-content:center;gap:8px;min-height:var(--vx-ctl-h);padding:0 22px!important;
 border:1px solid var(--vx-line-strong)!important;border-radius:var(--vx-r-md)!important;
 background:rgba(255,255,255,.03)!important;color:var(--vx-text)!important;
 font:700 14px/1.2 var(--vx-font)!important;text-decoration:none;box-shadow:none!important;transition:background .2s,border-color .2s,transform .2s var(--vx-ease)}
:is(.btn-outline,.sv-btn.ghost,.tl-btn.ghost,.vx-smart-cta.alt):hover{
 background:rgba(139,124,255,.12)!important;border-color:var(--vx-accent)!important;color:var(--vx-text)!important;transform:translateY(-2px)}

/* Cards */
:is(.sv-card,.vx-rel-card,.v4-card,.automation-card,.process-card,.vx-smart-card,.rc-card){
 border:1px solid var(--vx-line)!important;border-radius:var(--vx-r-lg)!important;
 background:linear-gradient(160deg,rgba(255,255,255,.045),rgba(255,255,255,.01)),var(--vx-surface)!important;
 box-shadow:0 1px 0 rgba(255,255,255,.05) inset,0 18px 40px rgba(0,0,0,.22)!important;
 transition:transform .25s var(--vx-ease),border-color .25s,box-shadow .25s}
:is(a.vx-rel-card,.v4-card,.automation-card,.sv-card):hover{
 transform:translateY(-3px);border-color:rgba(139,124,255,.45)!important;box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 24px 54px rgba(0,0,0,.3),var(--vx-glow)!important}

/* Focus — visible and identical everywhere */
:is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--vx-mint)!important;outline-offset:3px!important;border-radius:var(--vx-r-sm)}

/* Typography rhythm */
body{font-family:var(--vx-font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
:is(h1,h2,h3){text-wrap:balance}
p{text-wrap:pretty}

@media (prefers-reduced-motion:reduce){
 :is(.btn-primary,.btn-outline,.nav-cta,.navcta,.tl-btn,.sv-btn,.vx-smart-cta,.v4-cta,.vx-rel-cta,.sv-card,.vx-rel-card,.v4-card,.automation-card){transition:none!important;transform:none!important}
}

/* ── glow ── */
/* VEXORA AI — "pixel glow" look: near-black surfaces, a dotted halo fading from violet to ember,
   quiet hairline borders, flat violet buttons. Used for the inquiry form and call-to-action banners. */
:root{--gl-card:#0E0D16;--gl-field:#14131D;--gl-line:rgba(255,255,255,.1);--gl-line-hi:rgba(255,255,255,.18);
 --gl-violet:#6C5CE7;--gl-violet-hi:#7F70F0;--gl-ember:#E0662E;--gl-dots:radial-gradient(circle,#000 2px,transparent 2.4px) 0 0/6px 6px}

/* Dotted halo: a colour gradient shown only through a dot grid, faded out at the edges. */
/* The section is the stacking context, so the halo paints above its background but below the card. */
.sv-brief-sec{isolation:isolate}
form.sv-brief::before{content:"";position:absolute;inset:-90px;z-index:-1;pointer-events:none;
 background:radial-gradient(75% 70% at 90% 8%,#F0752F,rgba(224,102,46,.35) 55%,transparent 80%),radial-gradient(70% 75% at 6% 92%,#7A66FF,rgba(108,92,231,.35) 55%,transparent 80%);
 -webkit-mask:var(--gl-dots),radial-gradient(closest-side,#000 86%,transparent 100%);mask:var(--gl-dots),radial-gradient(closest-side,#000 86%,transparent 100%);
 -webkit-mask-composite:source-in;mask-composite:intersect;opacity:1}

/* Card (inquiry form) */
form.sv-brief{position:relative;padding:clamp(24px,3.4vw,40px)!important;border:1px solid var(--gl-line)!important;border-radius:26px!important;
 background:var(--gl-card)!important;box-shadow:0 40px 90px rgba(0,0,0,.55),0 1px 0 rgba(255,255,255,.04) inset,60px -50px 140px -20px rgba(224,102,46,.22),-60px 50px 140px -20px rgba(108,92,231,.26)!important}
form.sv-brief::after{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;pointer-events:none;
 background:linear-gradient(200deg,rgba(224,102,46,.55),transparent 35%,transparent 65%,rgba(108,92,231,.45));
 -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
form.sv-brief label{display:grid;gap:8px;color:#D8D6E4!important;font-size:13px!important;font-weight:600!important}
form.sv-brief :is(input:not([type=checkbox]),select,textarea){width:100%;min-height:48px;padding:12px 14px!important;border:1px solid var(--gl-line)!important;border-radius:12px!important;
 background:var(--gl-field)!important;color:var(--vx-text)!important;font:400 14px/1.5 var(--vx-font)!important;box-shadow:none!important;transition:border-color .2s,box-shadow .2s}
form.sv-brief :is(input,select,textarea)::placeholder{color:#6F6C80}
form.sv-brief :is(input:not([type=checkbox]),select,textarea):hover{border-color:var(--gl-line-hi)!important}
form.sv-brief :is(input:not([type=checkbox]),select,textarea):focus{outline:none!important;border-color:var(--gl-violet-hi)!important;box-shadow:0 0 0 3px rgba(108,92,231,.25)!important}
form.sv-brief textarea{min-height:110px;resize:vertical}
form.sv-brief .sv-consent{display:flex!important;align-items:flex-start;gap:12px;font-weight:400!important;color:var(--vx-muted)!important;font-size:12.5px!important}
form.sv-brief .sv-consent a{color:var(--gl-violet-hi)}
form.sv-brief input[type=checkbox]{flex:none;appearance:none;width:20px;height:20px;margin:1px 0 0;border:1px solid var(--gl-line-hi);border-radius:6px;background:var(--gl-field);cursor:pointer;display:grid;place-items:center}
form.sv-brief input[type=checkbox]:checked{background:var(--gl-violet);border-color:var(--gl-violet)}
form.sv-brief input[type=checkbox]:checked::after{content:"";width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:translateY(-1px) rotate(45deg)}

/* Flat violet button — inquiry submit and banner actions */
:is(form.sv-brief .sv-btn,.cta .btn-primary,.vx-rel-cta){background:var(--gl-violet)!important;border-radius:12px!important;
 box-shadow:0 10px 30px rgba(108,92,231,.45),0 1px 0 rgba(255,255,255,.18) inset!important;min-height:52px;padding:0 26px!important}
form.sv-brief .sv-btn{justify-self:start;width:auto!important}
:is(form.sv-brief .sv-btn,.cta .btn-primary,.vx-rel-cta):hover{background:var(--gl-violet-hi)!important;filter:none}

/* Banner (homepage contact CTA, "Passend dazu" head) */
:is(.cta .cta-inner,.vx-rel-head){position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--gl-line)!important;border-radius:26px!important;background:var(--gl-card)!important}
:is(.cta .cta-inner,.vx-rel-head)::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:linear-gradient(90deg,rgba(108,92,231,.9),rgba(108,92,231,.25) 45%,rgba(224,102,46,.85));
 -webkit-mask:var(--gl-dots),linear-gradient(0deg,#000,transparent 75%);mask:var(--gl-dots),linear-gradient(0deg,#000,transparent 75%);
 -webkit-mask-composite:source-in;mask-composite:intersect;opacity:.6}
:is(.cta .cta-inner,.vx-rel-head)::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;
 background:linear-gradient(90deg,rgba(108,92,231,.45),transparent 40%,rgba(224,102,46,.6));
 -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.cta{background:var(--vx-bg)!important}
.cta .cta-inner{padding:clamp(32px,5vw,64px)!important}
.vx-rel-head{display:flex!important;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:clamp(22px,3vw,34px) clamp(22px,3.5vw,44px)!important;margin-bottom:22px!important}
.vx-rel-head h2{margin:0!important}

@media (prefers-reduced-motion:reduce){form.sv-brief :is(input,select,textarea){transition:none}}

/* ── Site-wide: the same look on every surface ── */
:root{--vx-primary-grad:linear-gradient(var(--gl-violet),var(--gl-violet))}
:is(.btn-primary,.nav-cta,.navcta,.tl-btn:not(.ghost),.sv-btn:not(.ghost),.vx-smart-cta:not(.alt),.v4-cta){box-shadow:0 10px 30px rgba(108,92,231,.4),0 1px 0 rgba(255,255,255,.18) inset!important}
:is(.btn-primary,.nav-cta,.navcta,.tl-btn:not(.ghost),.sv-btn:not(.ghost),.vx-smart-cta:not(.alt),.v4-cta):hover{background:var(--gl-violet-hi)!important;filter:none}

/* Panels: planner, glance box, tool panels, concierge, search, mega menu */
:is(.v4-plan,.sv-glance,.tl-panel,.nv-panel,.xp-box,.mega-menu){border:1px solid var(--gl-line)!important;border-radius:22px!important;
 background:var(--gl-card)!important;backdrop-filter:none!important;box-shadow:0 40px 90px rgba(0,0,0,.55),0 1px 0 rgba(255,255,255,.04) inset!important}
.mega-menu{background:rgba(14,13,22,.98)!important}

/* Hero panels carry the dotted halo too */
:is(.hero,.sv-hero){isolation:isolate}
:is(.v4-plan,.sv-glance){position:relative}
:is(.v4-plan,.sv-glance)::before{content:"";position:absolute;inset:-80px;z-index:-1;pointer-events:none;
 background:radial-gradient(75% 70% at 90% 8%,#F0752F,rgba(224,102,46,.35) 55%,transparent 80%),radial-gradient(70% 75% at 6% 92%,#7A66FF,rgba(108,92,231,.35) 55%,transparent 80%);
 -webkit-mask:var(--gl-dots),radial-gradient(closest-side,#000 86%,transparent 100%);mask:var(--gl-dots),radial-gradient(closest-side,#000 86%,transparent 100%);
 -webkit-mask-composite:source-in;mask-composite:intersect;opacity:.85}

/* Fields inside panels */
:is(.v4-plan,.tl-panel,.nv-panel,.xp-box,.mega-menu,.tl) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){
 border:1px solid var(--gl-line)!important;border-radius:12px!important;background:var(--gl-field)!important;color:var(--vx-text)!important;box-shadow:none!important}
:is(.v4-plan,.tl-panel,.nv-panel,.xp-box,.mega-menu,.tl) :is(input,select,textarea):focus{outline:none!important;border-color:var(--gl-violet-hi)!important;box-shadow:0 0 0 3px rgba(108,92,231,.25)!important}

/* Cards: near-black, hairline, warm-violet edge on hover */
:is(.sv-card,.vx-rel-card,.v4-card,.automation-card,.process-card,.vx-smart-card,.rc-card){background:var(--gl-card)!important;border-color:var(--gl-line)!important;box-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 18px 40px rgba(0,0,0,.35)!important}
:is(a.vx-rel-card,.v4-card,.automation-card,.sv-card):hover{border-color:rgba(224,102,46,.45)!important;box-shadow:0 1px 0 rgba(255,255,255,.05) inset,0 24px 54px rgba(0,0,0,.45),-30px 30px 80px -30px rgba(108,92,231,.45),30px -30px 80px -30px rgba(224,102,46,.35)!important}

/* FAQ rows and chips */
:is(.vx-faq,.sv-faq) details{border-color:var(--gl-line)!important;background:transparent!important}
:is(.v4-plan,.nv-panel) button:not(.v4-cta):not([class*=btn]):not([class*=cta]){border-color:var(--gl-line)!important;background:var(--gl-field)!important;border-radius:10px!important}
:root{--btn-grad:linear-gradient(var(--gl-violet),var(--gl-violet));--btn-shadow:0 10px 30px rgba(108,92,231,.4),0 1px 0 rgba(255,255,255,.18) inset}
/* The orbit rings in the hero belong to the old constellation look */
.hero .vx-visual-stage{display:none!important}

/* ── nav ── */
/* VEXORA AI — services navigator: a rail of areas on the left, the active area's services on the right.
   Replaces the masonry of chip groups. Sub-service links stay in the DOM (crawlable, no-JS fallback). */
.mega-menu{width:min(1080px,calc(100vw - 32px))!important;max-height:min(720px,calc(100vh - 100px))!important;padding:0!important;overflow:hidden!important;
 display:none;grid-template-rows:auto auto 1fr auto;background:#0C0B14!important;border:1px solid var(--gl-line)!important;border-radius:24px!important;
 box-shadow:0 50px 120px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.02) inset,-120px 120px 160px -120px rgba(108,92,231,.5),120px -120px 160px -120px rgba(224,102,46,.35)!important}
@media (min-width:901px){.mega-menu.open{display:grid!important}}
@media (max-width:900px){.mega-menu.open{display:grid!important;position:static!important;width:100%!important;max-height:none!important}}
.mega-menu::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.5;
 background:radial-gradient(60% 40% at 100% 0,rgba(224,102,46,.55),transparent 70%),radial-gradient(50% 50% at 0 100%,rgba(108,92,231,.6),transparent 70%);
 -webkit-mask:var(--gl-dots),linear-gradient(#000,#000);-webkit-mask-composite:source-in;mask:var(--gl-dots);}
.mega-menu>*{position:relative;z-index:1}

.mega-heading{display:flex!important;align-items:baseline;justify-content:space-between;gap:16px;padding:22px 26px 0!important;margin:0!important;border:0!important}
.mega-heading strong{font-size:18px!important;letter-spacing:-.01em;color:var(--vx-text)}
.mega-heading span{font-size:12.5px!important;color:var(--vx-muted)!important}

.mega-tools{display:flex!important;flex-wrap:wrap;align-items:center;gap:10px;padding:16px 26px 18px!important;margin:0!important;border-bottom:1px solid var(--gl-line)}
.mega-search{flex:1 1 320px;display:flex!important;align-items:center;gap:10px;height:46px;padding:0 14px!important;border:1px solid var(--gl-line)!important;border-radius:12px!important;background:var(--gl-field)!important;color:var(--vx-muted);box-shadow:none!important}
.mega-search:focus-within{border-color:var(--gl-violet-hi)!important;box-shadow:0 0 0 3px rgba(108,92,231,.22)!important}
.mega-search input{flex:1;min-width:0;border:0!important;background:none!important;box-shadow:none!important;outline:none!important;color:var(--vx-text)!important;font:400 14px var(--vx-font)!important;padding:0!important}
.mega-intents{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.mega-intents small{color:var(--vx-faint);font-size:12px;font-weight:600;margin-right:2px}
.mega-intents button{height:34px;padding:0 12px!important;border:1px solid var(--gl-line)!important;border-radius:999px!important;background:transparent!important;color:var(--vx-soft)!important;font:600 12.5px var(--vx-font)!important;cursor:pointer;transition:border-color .2s,color .2s,background .2s}
.mega-intents button:hover{border-color:var(--gl-violet-hi)!important;color:#fff!important;background:rgba(108,92,231,.14)!important}
.mega-empty{width:100%;margin:0;color:var(--vx-muted);font-size:13px}

/* Body: rail | pane */
.mega-body{display:grid!important;grid-template-columns:280px 1fr;min-height:0;gap:0!important;padding:0!important}
.mega-grid{display:flex!important;flex-direction:column;gap:2px;padding:14px 12px!important;overflow:auto;border-right:1px solid var(--gl-line);grid-template-columns:none!important}
.mega-group{all:unset;display:block!important;grid-column:auto!important}
.mega-group .mega-subitems{display:none!important}
.mega-group-title{display:grid!important;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;padding:9px 12px!important;border-radius:12px!important;
 color:var(--vx-soft)!important;font:600 14px/1.25 var(--vx-font)!important;text-decoration:none;border:1px solid transparent!important;background:none!important;transition:background .18s,color .18s,border-color .18s}
.mega-icon{display:grid!important;place-items:center;width:34px!important;height:34px!important;margin:0!important;border-radius:10px!important;background:var(--gl-field)!important;border:1px solid var(--gl-line)!important;box-shadow:none!important}
.mega-icon svg{width:20px;height:20px}
.mn-count{min-width:24px;padding:2px 7px;border-radius:999px;background:rgba(255,255,255,.05);color:var(--vx-faint);font-size:11px;font-weight:700;text-align:center}
.mega-group.active .mega-group-title,.mega-group-title:hover{background:rgba(255,255,255,.04)!important;color:#fff!important}
.mega-group.active .mega-group-title{border-color:var(--gl-line)!important;box-shadow:inset 3px 0 0 var(--gl-violet)}
.mega-group.active .mn-count{background:var(--gl-violet);color:#fff}
.mega-group.automation{margin-top:8px!important;padding-top:8px!important;border-top:1px solid var(--gl-line)!important}
.mega-group.dim{opacity:.35}
.mega-group .badge,.mega-group [class*=fuer],.mega-group [class*=for-you]{display:none!important}

.mega-preview{display:block!important;position:static!important;min-height:0;overflow:auto;padding:22px 26px!important;background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important}
.mn-head{display:grid;grid-template-columns:76px 1fr auto;align-items:center;gap:18px;padding-bottom:18px;margin-bottom:16px;border-bottom:1px solid var(--gl-line)}
.mn-head-s{grid-template-columns:1fr}
.mn-art{width:76px;height:76px;padding:8px;border-radius:16px;background:var(--gl-field);border:1px solid var(--gl-line)}
.mn-art svg{width:100%;height:100%}
.mn-kick{display:block;margin-bottom:4px;color:var(--gl-ember);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.mn-head h3{margin:0 0 4px;font-size:20px;letter-spacing:-.015em;color:#fff}
.mn-head p{margin:0;max-width:52ch;color:var(--vx-muted);font-size:13.5px;line-height:1.5}
.mp-go{display:inline-flex!important;align-items:center;height:40px;padding:0 16px!important;border-radius:10px!important;background:var(--gl-violet)!important;color:#fff!important;font:700 13px var(--vx-font)!important;text-decoration:none;white-space:nowrap;box-shadow:0 8px 24px rgba(108,92,231,.4)}
.mp-go:hover{background:var(--gl-violet-hi)!important}
.mn-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.mn-card{display:grid;gap:4px;padding:14px 16px;border:1px solid transparent;border-radius:14px;color:inherit;text-decoration:none;transition:background .18s,border-color .18s}
.mn-card:hover,.mn-card:focus-visible{background:rgba(255,255,255,.035);border-color:var(--gl-line)}
.mn-card-t{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#fff;font-weight:700;font-size:14.5px}
.mn-arrow{flex:none;color:var(--vx-faint);transition:transform .2s var(--vx-ease),color .2s}
.mn-card:hover .mn-arrow{color:var(--gl-ember);transform:translate(2px,-2px)}
.mn-card small{color:var(--gl-violet-hi);font-size:11px;font-weight:700}
.mn-card-d{color:var(--vx-muted);font-size:12.5px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mp-swap{animation:mnIn .22s var(--vx-ease)}
@keyframes mnIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}

.mega-bottom{display:flex!important;align-items:center;justify-content:space-between;gap:16px;padding:14px 26px!important;margin:0!important;border-top:1px solid var(--gl-line)!important;background:rgba(255,255,255,.015)!important}
.mega-bottom p{margin:0!important;color:var(--vx-muted)!important;font-size:13px!important}
.mega-bottom a{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:10px;background:transparent!important;border:1px solid var(--gl-line-hi);color:#fff!important;font:700 13px var(--vx-font);text-decoration:none;box-shadow:none!important}
.mega-bottom a:hover{border-color:var(--gl-violet-hi)}

@media (max-width:900px){
 .mega-menu{max-height:calc(100vh - 80px)!important}
 .mega-heading span,.mega-intents small{display:none}
 .mega-body{grid-template-columns:1fr;overflow:auto}
 .mega-grid{flex-direction:row;overflow-x:auto;overflow-y:hidden;border-right:0;border-bottom:1px solid var(--gl-line);padding:10px 12px!important;scrollbar-width:none}
 .mega-group-title{grid-template-columns:auto auto;white-space:nowrap}.mega-group-title .mega-icon,.mn-count{display:none!important}
 .mega-group.automation{margin:0!important;padding:0!important;border:0!important}
 .mega-preview{overflow:visible;padding:16px!important}
 .mn-head{grid-template-columns:1fr}.mn-art{display:none}
 .mn-cards{grid-template-columns:1fr}
 .mega-bottom p{display:none}
}
@media (prefers-reduced-motion:reduce){.mp-swap{animation:none}}
/* Neutralise the old group-card styling inside the rail */
.mega-menu .mega-group{padding:0!important;margin:0!important;border:0!important;background:none!important;box-shadow:none!important;min-height:0!important;transform:none!important}
.mega-menu .mega-group::before,.mega-menu .mega-group::after{display:none!important}
.mega-menu .mega-group.automation{margin-top:8px!important;padding-top:8px!important;border-top:1px solid var(--gl-line)!important}
.mega-search svg{position:static!important;flex:none;transform:none!important}
@media (min-width:901px){.mega-menu{height:min(640px,calc(100vh - 96px))}}
.mega-menu .mega-grid{gap:2px!important;min-height:0}
.mega-menu .mega-group-title{min-height:0!important;height:48px;padding:0 12px!important;margin:0!important}
.mega-body,.mega-preview{min-height:0;overflow:hidden}
.mega-preview{overflow:auto!important}
.mega-menu .mega-group-title{height:auto;min-height:46px;padding:7px 12px!important}
.mn-card,.mn-card *{white-space:normal!important}
@media (max-width:900px){.mega-intents{flex-direction:row!important}.mega-intents button{width:auto!important;flex:0 0 auto}}

/* Short viewports: content was cut off under the footer with no hint that it scrolls.
   Scroll areas get a fade at the edge that hides only while there is more to see, a thin
   visible scrollbar, and the rail/cards compact so more fits. */
.mega-grid,.mega-preview{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent;overscroll-behavior:contain}
.mega-grid::-webkit-scrollbar,.mega-preview::-webkit-scrollbar{width:6px}
.mega-grid::-webkit-scrollbar-thumb,.mega-preview::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:6px}
.mega-grid.mn-more,.mega-preview.mn-more{-webkit-mask:linear-gradient(#000 calc(100% - 56px),transparent);mask:linear-gradient(#000 calc(100% - 56px),transparent)}
.mega-preview{padding-bottom:28px!important}
@media (min-width:901px) and (max-height:820px){
 .mega-heading{padding-top:16px!important}.mega-heading span{display:none}
 .mega-tools{padding:12px 26px!important}
 .mega-menu .mega-group-title{min-height:40px;padding:4px 10px!important;font-size:13.5px!important}
 .mega-menu .mega-icon{width:30px!important;height:30px!important}
 .mn-head{grid-template-columns:56px 1fr auto;padding-bottom:12px;margin-bottom:10px}.mn-art{width:56px;height:56px;padding:6px}
 .mn-head p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .mn-card{padding:10px 14px}
 .mega-bottom{padding:10px 26px!important}
}
/* The body row must constrain its columns, otherwise they grow to their content and never scroll */
@media (min-width:901px){.mega-body{grid-template-rows:minmax(0,1fr)}.mega-body>.mega-grid,.mega-body>.mega-preview{min-height:0;max-height:100%}}
.mega-menu .mega-group-title{white-space:normal!important;min-width:0}
.mega-menu .mega-group-title>:not(.mega-icon):not(.mn-count){min-width:0}
@media (min-width:901px) and (max-height:820px){.mega-menu .mega-group-title{min-height:36px}.mega-menu .mega-grid{padding:8px 10px!important}.mega-menu .mega-group.automation{margin-top:4px!important;padding-top:4px!important}}

/* ── bento ── */
/* VEXORA AI — "11 Lösungen" as a bento grid: rhythm through two wide feature cards and a planner tile
   that closes the last row, instead of a uniform 3×4 grid with a hole. */
#automatisierung{background:var(--vx-bg)!important;position:relative;overflow:hidden}
#automatisierung .section-head{max-width:760px;margin-inline:auto;text-align:center}
#automatisierung .section-title{letter-spacing:-.025em!important;font-weight:800!important;color:#fff!important}
#automatisierung .section-label{color:var(--gl-ember)!important;letter-spacing:.16em}
#automatisierung .section-desc{color:var(--vx-muted)!important}

#automatisierung .automation-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;margin-top:44px}
#automation-01,#automation-06{grid-column:span 2}
#automatisierung .automation-cta{grid-column:span 2}

.automation-card{display:grid!important;grid-template-columns:auto 1fr;grid-template-rows:auto auto 1fr auto;column-gap:16px;align-content:start;
 padding:24px!important;min-height:200px;border-radius:20px!important;background:var(--gl-card)!important}
.automation-card::after{display:none!important}
.automation-card .iconbox{grid-row:1/3;width:48px!important;height:48px!important;margin:0!important;border-radius:14px!important;
 background:var(--gl-field)!important;border:1px solid var(--gl-line)!important;box-shadow:none!important;color:var(--gl-violet-hi)!important}
.automation-card .number{position:static!important;grid-column:2;justify-self:start;margin-bottom:2px;color:var(--vx-faint)!important;font:700 11px/1 var(--vx-font)!important;letter-spacing:.12em;font-variant-numeric:tabular-nums}
.automation-card h3{grid-column:2;margin:4px 0 0!important;font-size:16.5px!important;line-height:1.35!important;letter-spacing:-.01em}
.automation-card h3 a{color:#fff!important;text-decoration:none}
.automation-card h3 a::after{content:"";position:absolute;inset:0;border-radius:inherit}
.automation-card p{grid-column:1/-1;margin:14px 0 0!important;color:var(--vx-muted)!important;font-size:13.5px!important;line-height:1.6!important;max-width:60ch}
.automation-card .service-link{grid-column:1/-1;align-self:end;margin-top:18px;display:inline-flex;align-items:center;gap:8px;color:var(--vx-soft)!important;font-size:13px;font-weight:700;text-decoration:none;position:relative;z-index:1}
.automation-card .service-link i{transition:transform .2s var(--vx-ease)}
.automation-card:hover .service-link{color:#fff!important}
.automation-card:hover .service-link i{transform:translateX(3px)}
.automation-card :is(.vx-visual-inline){display:none!important}

/* Feature cards: larger type and a dotted glow in the far corner */
#automation-01,#automation-06{min-height:230px}
#automation-01 h3,#automation-06 h3{font-size:21px!important}
#automation-01 p,#automation-06 p{font-size:14.5px!important}
:is(#automation-01,#automation-06)::before{content:"";position:absolute;right:-40px;top:-40px;width:320px;height:240px;pointer-events:none;
 background:radial-gradient(closest-side,rgba(224,102,46,.85),transparent);opacity:.55;
 -webkit-mask:var(--gl-dots);mask:var(--gl-dots)}
#automation-06::before{background:radial-gradient(closest-side,rgba(122,102,255,.9),transparent)}

/* Planner tile */
.automation-cta{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;
 padding:28px 32px;border-radius:20px;border:1px solid var(--gl-line);background:var(--gl-card)}
.automation-cta::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:linear-gradient(100deg,rgba(108,92,231,.95),rgba(108,92,231,.2) 50%,rgba(224,102,46,.9));
 -webkit-mask:var(--gl-dots),linear-gradient(0deg,#000,transparent 85%);mask:var(--gl-dots),linear-gradient(0deg,#000,transparent 85%);
 -webkit-mask-composite:source-in;mask-composite:intersect;opacity:.65}
.automation-cta::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;
 background:linear-gradient(100deg,rgba(108,92,231,.5),transparent 45%,rgba(224,102,46,.6));
 -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.ac-kick{color:var(--gl-ember);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.automation-cta h3{margin:0;color:#fff;font-size:22px;letter-spacing:-.015em}
.automation-cta p{margin:0 0 8px;max-width:52ch;color:var(--vx-soft);font-size:14px;line-height:1.6}

@media (max-width:980px){
 #automatisierung .automation-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #automation-01,#automation-06,#automatisierung .automation-cta{grid-column:1/-1}
}
@media (max-width:620px){
 #automatisierung .automation-grid{grid-template-columns:1fr!important}
 .automation-card{min-height:0}
 .automation-cta{padding:24px}
}
/* Headings: the old -.04em/900 squeezed letters together */
.section-title{letter-spacing:-.025em!important;font-weight:800!important}

/* ── story ── */
/* VEXORA AI — "Warum VEXORA" + "Unser Vorgehen": benefits as a quiet 2×2 grid, the workflow as a live
   timeline with a signal travelling down it, and the process as a horizontal track with nodes. */

/* ── Warum VEXORA ── */
.advantages{align-items:center!important;gap:clamp(32px,6vw,80px)!important}
.advantages .section-title{letter-spacing:-.025em!important;font-weight:800!important}
.advantages .section-label{color:var(--gl-ember)!important}
.benefits{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important;margin-top:28px!important}
.benefit{display:grid!important;grid-template-columns:auto 1fr;align-items:start;gap:12px!important;padding:16px!important;
 border:1px solid var(--gl-line)!important;border-radius:16px!important;background:var(--gl-card)!important;box-shadow:none!important;transition:border-color .2s,transform .2s var(--vx-ease)}
.benefit:hover{border-color:rgba(108,92,231,.5)!important;transform:translateY(-2px)}
.benefit .check{display:grid!important;place-items:center;width:28px!important;height:28px!important;margin:0!important;border-radius:9px!important;
 background:rgba(108,92,231,.16)!important;border:1px solid rgba(127,112,240,.45)!important;color:var(--gl-violet-hi)!important;font-size:12px;box-shadow:none!important}
.benefit strong{display:block;color:#fff;font-size:14.5px;line-height:1.3;margin:3px 0 6px}
.benefit p{margin:0!important;color:var(--vx-muted)!important;font-size:13px!important;line-height:1.55!important}

.workflow{position:relative!important;isolation:isolate;padding:26px!important;border:1px solid var(--gl-line)!important;border-radius:24px!important;background:var(--gl-card)!important;
 box-shadow:0 40px 90px rgba(0,0,0,.5),60px -50px 140px -40px rgba(224,102,46,.2),-60px 50px 140px -40px rgba(108,92,231,.25)!important;counter-reset:wf}
.workflow::after{display:none!important}
.workflow-top{display:flex!important;justify-content:space-between;align-items:center;margin-bottom:22px!important;padding-bottom:16px;border-bottom:1px solid var(--gl-line)}
.workflow-top span:first-child{color:#fff;font-weight:700;font-size:15px;text-decoration:none!important}
.workflow-top .live{display:inline-flex!important;align-items:center;gap:7px;padding:4px 10px;border-radius:999px;border:1px solid rgba(79,240,200,.3);color:var(--vx-mint)!important;font-size:10.5px!important;letter-spacing:.12em}
.workflow-top .live i{font-size:7px;animation:wfBlink 1.6s infinite}
.flow-arrow{display:none!important}
.flow-step{position:relative;display:grid!important;grid-template-columns:40px 1fr auto;align-items:center;gap:14px!important;margin:0 0 10px!important;padding:14px 16px!important;
 border:1px solid var(--gl-line)!important;border-radius:14px!important;background:var(--gl-field)!important;box-shadow:none!important;counter-increment:wf}
.workflow .flow-step:last-of-type{margin-bottom:0!important}
.flow-step>i{display:grid!important;place-items:center;width:40px!important;height:40px!important;margin:0!important;border-radius:11px!important;
 background:rgba(108,92,231,.14)!important;color:var(--gl-violet-hi)!important;font-size:15px;position:relative;z-index:1}
.flow-step:nth-of-type(odd)>i{background:rgba(224,102,46,.13)!important;color:#F49A63!important}
.flow-step::after{content:"0" counter(wf);color:var(--vx-faint);font:700 11px var(--vx-font);letter-spacing:.1em}
.flow-step strong{color:#fff;font-size:14px}
.flow-step small{display:block;margin-top:3px;color:var(--vx-muted)!important;font-size:12px}
/* Connector between icon tiles: a signal pulse travels down each link in turn */
.flow-step:not(:last-child)::before{content:"";position:absolute;left:35px;top:54px;width:2px;height:24px;z-index:0;border-radius:2px;
 background:linear-gradient(180deg,transparent 0 30%,var(--vx-mint) 45% 55%,transparent 70% 100%) 0 -24px/2px 72px no-repeat,rgba(108,92,231,.35);
 animation:wfRun 3s linear infinite}
.flow-step:nth-of-type(2)::before{animation-delay:.6s}.flow-step:nth-of-type(3)::before{animation-delay:1.2s}
@keyframes wfRun{0%{background-position:0 -48px,0 0}60%,100%{background-position:0 24px,0 0}}
@keyframes wfBlink{50%{opacity:.25}}

/* ── Unser Vorgehen ── */
#vorgehen{background:var(--vx-bg)!important}
#vorgehen .section-head{text-align:center;max-width:720px;margin-inline:auto}
#vorgehen .section-label{color:var(--gl-ember)!important}
#vorgehen [class*=sparkle],#vorgehen .section-head .vx-ic,#vorgehen .vx-visual-inline{display:none!important}
.process-grid{position:relative;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px!important;margin-top:56px!important;counter-reset:pr}
.process-grid::before{content:"";position:absolute;left:0;right:0;top:27px;height:2px;border-radius:2px;
 background:linear-gradient(90deg,rgba(108,92,231,.9),rgba(108,92,231,.35) 50%,rgba(224,102,46,.85))}
.process-grid::after{display:none!important}
.process-card{position:relative;display:block!important;padding:0!important;text-align:left!important;border:0!important;background:none!important;box-shadow:none!important;transform:none!important}
.process-card::before,.process-card::after{display:none!important}
.process-icon{position:relative;z-index:1;display:grid!important;place-items:center;width:56px!important;height:56px!important;margin:0 0 22px!important;
 border-radius:50%!important;border:1px solid rgba(127,112,240,.55)!important;background:var(--vx-bg)!important;color:var(--gl-violet-hi)!important;font-size:18px;
 box-shadow:0 0 0 6px var(--vx-bg),0 0 30px rgba(108,92,231,.35)!important;transition:transform .25s var(--vx-ease),box-shadow .25s}
.process-card:nth-child(4) .process-icon{border-color:rgba(224,102,46,.6)!important;color:#F49A63!important;box-shadow:0 0 0 6px var(--vx-bg),0 0 30px rgba(224,102,46,.35)!important}
.process-card:hover .process-icon{transform:scale(1.08)}
.process-card h3{margin:0 0 8px!important;color:#fff!important;font-size:17px!important;letter-spacing:-.01em}
.process-card p{margin:0!important;color:var(--vx-muted)!important;font-size:14px!important;line-height:1.6!important;max-width:30ch}

@media (max-width:900px){
 .benefits{grid-template-columns:1fr}
 .process-grid{grid-template-columns:1fr;gap:26px!important;padding-left:0}
 .process-grid::before{left:27px;right:auto;top:0;bottom:0;width:2px;height:auto;background:linear-gradient(180deg,rgba(108,92,231,.9),rgba(224,102,46,.85))}
 .process-card{display:grid!important;grid-template-columns:56px 1fr;column-gap:18px}
 .process-icon{grid-row:1/3;margin:0!important}
}
@media (prefers-reduced-motion:reduce){.flow-step::before,.workflow-top .live i{animation:none!important}}
/* The icon layer restyles .vx-ic tiles; nodes on the track must stay opaque so the line passes behind them */
.process-grid .process-card .process-icon.vx-ic{background:var(--vx-bg)!important;border-radius:50%!important}
/* Floating sparkle next to centred headings competes with the title */
:is(#vorgehen,#automatisierung) .vx-section-visual{display:none!important}

/* ── tools ── */
/* VEXORA AI — "Werkzeuge" as a product-like tool surface and the e-commerce showcase without its light frame. */

/* ── Werkzeuge ── */
.tl{background:var(--vx-bg)!important}
.tl-kick{color:var(--gl-ember)!important}
.tl-head h2{letter-spacing:-.025em!important;font-weight:800!important}
/* Tabs: one segmented track instead of six loose buttons */
.tl-tabs{display:inline-flex!important;flex-wrap:wrap;gap:4px!important;padding:5px!important;margin-bottom:18px!important;border:1px solid var(--gl-line);border-radius:16px;background:var(--gl-card)}
.tl-tabs button{height:40px;padding:0 16px!important;border:0!important;border-radius:11px!important;background:transparent!important;color:var(--vx-muted)!important;
 font:600 13.5px var(--vx-font)!important;box-shadow:none!important;cursor:pointer;transition:color .2s,background .2s}
.tl-tabs button:hover{color:#fff!important;background:rgba(255,255,255,.04)!important}
.tl-tabs button[aria-selected=true]{background:var(--gl-violet)!important;color:#fff!important;box-shadow:0 8px 24px rgba(108,92,231,.4),0 1px 0 rgba(255,255,255,.18) inset!important}

.tl-panel{padding:clamp(22px,3vw,36px)!important}
.tl-panel h3{color:#fff;font-size:20px!important;letter-spacing:-.015em}
.tl-panel .sub{color:var(--vx-muted)!important}
.tl-grid{align-items:stretch!important;gap:clamp(24px,4vw,48px)!important}

/* Sliders: violet fill, white thumb with a soft ring */
.rc-row{margin-bottom:22px!important}
.rc-row label{display:flex!important;justify-content:space-between;align-items:baseline;color:var(--vx-soft)!important;font-size:13.5px!important;font-weight:600!important}
.rc-row label b{padding:2px 9px;border-radius:8px;background:rgba(108,92,231,.16);color:#CFC8FF!important;font-size:12.5px;font-variant-numeric:tabular-nums}
.tl input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;margin:12px 0 0;border-radius:99px;background:var(--gl-field);border:1px solid var(--gl-line);accent-color:var(--gl-violet)}
.tl input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:0;box-shadow:0 0 0 5px rgba(108,92,231,.35),0 4px 12px rgba(0,0,0,.4);cursor:pointer}
.tl input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:0;box-shadow:0 0 0 5px rgba(108,92,231,.35);cursor:pointer}
.tl input[type=range]::-moz-range-progress{height:6px;border-radius:99px;background:var(--gl-violet)}
.tl input[type=number]{max-width:160px;font-variant-numeric:tabular-nums}
.tl-note{color:var(--vx-faint)!important;font-size:12px!important;line-height:1.6;padding-top:14px;border-top:1px solid var(--gl-line)}

/* Results: one tall result surface with the dotted halo, big gradient numbers */
.rc-out{display:flex!important;flex-direction:column;gap:12px!important}
.rc-card{position:relative;isolation:isolate;overflow:hidden;padding:22px 24px!important;border:1px solid var(--gl-line)!important;border-radius:18px!important;background:var(--gl-field)!important;box-shadow:none!important}
.rc-card:first-child::before{content:"";position:absolute;right:-30px;top:-40px;width:260px;height:200px;z-index:-1;pointer-events:none;opacity:.5;
 background:radial-gradient(closest-side,rgba(224,102,46,.9),transparent);-webkit-mask:var(--gl-dots);mask:var(--gl-dots)}
.rc-card small{color:var(--vx-muted)!important;font-size:11px!important;font-weight:700;letter-spacing:.14em}
.rc-big{display:flex;align-items:baseline;gap:10px;margin:10px 0 4px}
.rc-big,.rc-big>span:first-child{font-size:clamp(40px,5vw,56px)!important;font-weight:800!important;letter-spacing:-.03em!important;line-height:1;font-variant-numeric:tabular-nums;
 background:linear-gradient(100deg,#fff 30%,#CFC8FF);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.rc-big>span:not(:first-child){font-size:15px!important;font-weight:600!important;letter-spacing:0!important;color:var(--vx-muted)!important;-webkit-text-fill-color:var(--vx-muted);background:none}
.rc-bars{display:grid;gap:12px;margin-top:16px}
.rc-bar{color:var(--vx-muted);font-size:12.5px}
.rc-track{height:8px!important;margin-top:7px;border-radius:99px!important;background:rgba(255,255,255,.05)!important;overflow:hidden}
.rc-fill{height:100%;border-radius:99px!important;background:linear-gradient(90deg,var(--gl-violet),#9A8CFF)!important}
#rcF2{background:linear-gradient(90deg,var(--gl-violet),var(--gl-ember))!important}
.rc-out>.tl-btn,.rc-out>button,.rc-out>a{width:100%;margin-top:auto}

/* ── E-Commerce showcase ── */
.vx-expansion{background:var(--vx-bg)!important}
.vx-expansion .vx-kicker{color:var(--gl-ember)!important;letter-spacing:.16em}
.vx-expansion h2{letter-spacing:-.025em!important;font-weight:800!important;color:#fff!important;line-height:1.12!important}
.vx-expansion p{color:var(--vx-muted)!important}
.vx-expansion p strong{color:#fff}
.vx-art{position:relative;padding:0!important;border:1px solid var(--gl-line)!important;border-radius:24px!important;background:var(--gl-card)!important;
 box-shadow:0 40px 90px rgba(0,0,0,.5),60px -50px 140px -40px rgba(224,102,46,.25),-60px 50px 140px -40px rgba(108,92,231,.3)!important}
.vx-art svg{display:block;border-radius:inherit}
.vx-pill{padding:7px 13px!important;border:1px solid var(--gl-line)!important;border-radius:999px!important;background:var(--gl-card)!important;color:var(--vx-soft)!important;font-size:12.5px!important;font-weight:600!important}
.vx-pill i{background:var(--gl-ember)!important;box-shadow:0 0 8px rgba(224,102,46,.6)}

@media (max-width:700px){
 .tl-tabs{display:flex!important;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;max-width:100%}
 .tl-tabs button{flex:0 0 auto;white-space:nowrap}
}

/* Range fill: --p is set by vexora-tools.js (WebKit has no native progress pseudo) */
.tl input[type=range]{background:linear-gradient(90deg,var(--gl-violet) 0 var(--p,50%),var(--gl-field) var(--p,50%) 100%)!important}

/* "Greifbare Ergebnisse": the check chips were still light boxes */
.vx-delivery{background:var(--vx-bg)!important}
.vx-check{border:1px solid var(--gl-line)!important;border-radius:14px!important;background:var(--gl-card)!important;color:var(--vx-soft)!important;box-shadow:none!important}
.vx-check :is(i,svg,span:first-child){color:var(--gl-violet-hi)!important}

/* Contact CTA: the highlighted words inherited the old petrol accent (now a dark surface) */
.cta h2 span{background:linear-gradient(100deg,#B7ACFF,#C8462F);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent}
.cta .section-label{color:var(--gl-ember)!important}

/* ── phases ── */
/* VEXORA AI — "Zusammenarbeit", "Was Sie erhalten", "Häufige Fragen": phases as a connected progression,
   deliverables as a numbered checklist, FAQ as expandable cards. Also unifies kickers and headings. */
:is(.vx-process,.vx-delivery,.vx-faq,.vx-expansion){background:var(--vx-bg)!important}
.vx-kicker{color:var(--gl-ember)!important;letter-spacing:.16em!important}
:is(.vx-process,.vx-delivery,.vx-faq) h2{color:#fff!important;letter-spacing:-.025em!important;font-weight:800!important;line-height:1.15!important}
:is(.vx-process,.vx-delivery,.vx-faq) .vx-shell>div>p,.vx-process-head p{color:var(--vx-muted)!important}

/* ── Phases: cards on a gradient rail, step number as the hero of each card ── */
.vx-step-grid{position:relative;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px!important;padding-top:26px;counter-reset:ph}
.vx-step-grid::before{content:"";position:absolute;left:24px;right:24px;top:0;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--gl-violet),rgba(108,92,231,.3) 50%,var(--gl-ember))}
.vx-step{position:relative;padding:26px 22px 24px!important;border:1px solid var(--gl-line)!important;border-radius:20px!important;background:var(--gl-card)!important;
 box-shadow:none!important;counter-increment:ph;transition:border-color .25s,transform .25s var(--vx-ease)}
.vx-step::before{content:"";position:absolute;left:22px;top:-32px;width:12px;height:12px;border-radius:50%;background:var(--vx-bg);border:2px solid var(--gl-violet);box-shadow:0 0 0 4px var(--vx-bg),0 0 16px rgba(108,92,231,.6)}
.vx-step:last-child::before{border-color:var(--gl-ember);box-shadow:0 0 0 4px var(--vx-bg),0 0 16px rgba(224,102,46,.6)}
.vx-step::after{content:"0" counter(ph);position:absolute;right:18px;top:12px;font:800 54px/1 var(--vx-font);letter-spacing:-.04em;
 background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,0));-webkit-background-clip:text;background-clip:text;color:transparent;pointer-events:none}
.vx-step:hover{border-color:rgba(127,112,240,.45)!important;transform:translateY(-3px)}
.vx-step b{display:inline-block;margin-bottom:16px;padding:3px 9px;border-radius:999px;background:rgba(108,92,231,.14);color:#CFC8FF!important;font-size:10.5px!important;letter-spacing:.14em}
.vx-step h3{margin:0 0 8px!important;color:#fff!important;font-size:17px!important;letter-spacing:-.01em}
.vx-step p{margin:0!important;color:var(--vx-muted)!important;font-size:13.5px!important;line-height:1.6!important}

/* ── Deliverables: numbered, with an ember tick ── */
.vx-delivery-grid{align-items:center!important}
.vx-checklist{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important;counter-reset:dl}
.vx-check{display:grid!important;grid-template-columns:auto 1fr;align-items:start;gap:12px!important;padding:18px!important;counter-increment:dl;position:relative;
 transition:border-color .2s,transform .2s var(--vx-ease)}
.vx-check:hover{border-color:rgba(224,102,46,.45)!important;transform:translateY(-2px)}
.vx-check>span{display:grid!important;place-items:center;width:26px;height:26px;border-radius:8px;background:rgba(224,102,46,.14)!important;color:#F49A63!important;font-size:13px;font-weight:800}
.vx-check>div{color:#fff;font-size:14px;font-weight:600;line-height:1.45;padding-right:26px}
.vx-check::after{content:"0" counter(dl);position:absolute;right:16px;top:18px;color:var(--vx-faint);font:700 11px var(--vx-font);letter-spacing:.1em}

/* ── FAQ: cards that open, plus turns into a cross (index + service pages) ── */
:is(.vx-faq,.sv-faq) details{margin:0 0 10px!important;padding:0!important;border:1px solid var(--gl-line)!important;border-radius:16px!important;background:var(--gl-card)!important;
 transition:border-color .2s,background .2s;overflow:hidden}
:is(.vx-faq,.sv-faq) details[open]{border-color:rgba(127,112,240,.45)!important;background:linear-gradient(160deg,rgba(108,92,231,.08),transparent 60%),var(--gl-card)!important}
:is(.vx-faq,.sv-faq) summary{position:relative;display:block!important;padding:18px 60px 18px 20px!important;list-style:none;cursor:pointer;color:#fff!important;font-size:15px!important;font-weight:700!important}
:is(.vx-faq,.sv-faq) summary::-webkit-details-marker{display:none}
:is(.vx-faq,.sv-faq) summary::after{content:"+"!important;position:absolute;right:16px;top:50%;display:grid;place-items:center;width:28px;height:28px;margin-top:-14px;
 border-radius:50%;border:1px solid var(--gl-line-hi);color:var(--vx-soft);font:400 18px/1 var(--vx-font);transition:transform .25s var(--vx-ease),background .2s,color .2s;background:none}
:is(.vx-faq,.sv-faq) details[open] summary::after{transform:rotate(45deg);background:var(--gl-violet);border-color:var(--gl-violet);color:#fff}
:is(.vx-faq,.sv-faq) summary:hover::after{border-color:var(--gl-violet-hi)}
:is(.vx-faq,.sv-faq) details>p,:is(.vx-faq,.sv-faq) details>div{margin:0!important;padding:0 20px 20px!important;color:var(--vx-muted)!important;font-size:14px!important;line-height:1.65!important}

@media (max-width:900px){
 .vx-step-grid{grid-template-columns:1fr;padding-top:0;padding-left:30px}
 .vx-step-grid::before{left:5px;right:auto;top:8px;bottom:8px;width:2px;height:auto;background:linear-gradient(180deg,var(--gl-violet),var(--gl-ember))}
 .vx-step::before{left:-31px;top:28px}
 .vx-checklist{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){:is(.vx-faq,.sv-faq) summary::after{transition:none}}

/* ── intro ── */
/* VEXORA AI — "Smart Experience" intro, the personal "Für Sie" strip and the platform marquee. */

/* ── Intro: split header, three steps that read as one flow ── */
.vx-smart-intro{background:var(--vx-bg)!important;padding:clamp(72px,9vw,120px) 0!important}
.vx-smart-wrap{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);column-gap:clamp(32px,6vw,88px);align-items:end}
.vx-smart-eyebrow{grid-column:1/-1;color:var(--gl-ember)!important;letter-spacing:.16em!important;font-size:11.5px!important;font-weight:800!important;margin-bottom:14px!important}
.vx-smart-title{grid-column:1;margin:0!important;color:#fff!important;font-size:clamp(34px,4.6vw,56px)!important;line-height:1.05!important;letter-spacing:-.03em!important;font-weight:800!important;hyphens:manual!important;-webkit-hyphens:manual!important}
.vx-smart-title span{color:transparent!important;background:linear-gradient(100deg,#B7ACFF 10%,#C8462F 90%);-webkit-background-clip:text;background-clip:text}
.vx-smart-copy{grid-column:2;margin:0!important;max-width:52ch;color:var(--vx-muted)!important;font-size:15.5px!important;line-height:1.7!important}

.vx-smart-cards{grid-column:1/-1;position:relative;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px!important;margin-top:48px!important;counter-reset:st}
.vx-smart-card{position:relative;display:grid!important;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;column-gap:14px;row-gap:10px;align-content:start;
 padding:24px!important;min-height:0!important;counter-increment:st}
.vx-smart-card .vx-visual-inline,.vx-smart-card .vx-ic{display:none!important}   /* teal animation duplicated the glyph */
.vx-smart-card>span[aria-hidden]:not(.vx-visual-inline){grid-row:1;grid-column:1;display:grid!important;place-items:center;width:44px;height:44px;margin:0!important;border-radius:13px;
 background:var(--gl-field);border:1px solid var(--gl-line);color:var(--gl-violet-hi);font-size:19px;line-height:1}
.vx-smart-card:nth-child(3)>span[aria-hidden]{color:#F49A63}
.vx-smart-card h3{grid-row:1;grid-column:2;align-self:center;margin:0!important;padding-right:62px;color:#fff!important;font-size:16.5px!important;letter-spacing:-.01em}
.vx-smart-card p{grid-column:1/-1;margin:0!important;color:var(--vx-muted)!important;font-size:13.5px!important;line-height:1.6!important}
.vx-smart-card::before{content:"Schritt " counter(st);position:absolute;right:20px;top:20px;color:var(--vx-faint);font:700 10.5px var(--vx-font);letter-spacing:.12em;text-transform:uppercase}
/* arrows between steps */
.vx-smart-card:not(:last-child)::after{content:"";position:absolute;right:-12px;top:50%;z-index:2;width:10px;height:10px;margin-top:-5px;
 border-top:2px solid rgba(127,112,240,.7);border-right:2px solid rgba(127,112,240,.7);transform:rotate(45deg);background:none!important;display:block!important}

.vx-smart-actions{grid-column:1/-1;display:flex!important;flex-wrap:wrap;align-items:center;gap:10px;margin-top:28px!important}
.vx-smart-intro .vx-smart-note,.vx-smart-intro small{color:var(--vx-faint)!important}

/* ── "Für Sie hervorgehoben": one quiet bar ── */
.ad-strip{background:var(--vx-bg)!important;border:0!important;padding:0 0 18px!important}
.ad-wrap{display:flex!important;flex-wrap:wrap;align-items:center;gap:8px!important;width:min(1180px,calc(100% - 36px));margin:auto;padding:10px 10px 10px 18px!important;
 border:1px solid var(--gl-line);border-radius:18px;background:var(--gl-card)}
.ad-wrap>b{margin-right:6px;color:var(--vx-soft);font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:8px}
.ad-wrap>b::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gl-ember);box-shadow:0 0 10px rgba(224,102,46,.8)}
.ad-card{display:inline-flex!important;align-items:center;gap:8px;height:36px;padding:0 12px!important;border:1px solid var(--gl-line)!important;border-radius:10px!important;
 background:var(--gl-field)!important;color:#fff!important;font-size:13px!important;font-weight:600!important;text-decoration:none;box-shadow:none!important;transition:border-color .2s}
.ad-card:hover{border-color:rgba(127,112,240,.55)!important}
.ad-card i{font-style:normal;color:var(--gl-violet-hi)!important;font-size:10px!important;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.ad-why{margin-left:auto!important;height:36px;padding:0 12px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:var(--vx-muted)!important;
 font-size:12.5px!important;font-weight:600!important;box-shadow:none!important;cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.2)}
.ad-why:hover{color:#fff!important}

/* ── Marquee: borderless, faded edges ── */
.v4-marq{background:var(--vx-bg)!important;border:0!important;padding:18px 0 8px!important;
 -webkit-mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.v4-marq span{border:0!important;background:none!important;box-shadow:none!important;padding:0 18px!important;color:var(--vx-faint)!important;font-size:15px!important;font-weight:700!important;letter-spacing:-.01em;position:relative}
.v4-marq span::after{content:"";position:absolute;right:-3px;top:50%;width:4px;height:4px;margin-top:-2px;border-radius:50%;background:rgba(255,255,255,.14)}
.v4-marq span:hover{color:#fff!important}

@media (max-width:900px){
 .vx-smart-wrap{grid-template-columns:1fr}
 .vx-smart-copy{grid-column:1;margin-top:16px!important}
 .vx-smart-cards{grid-template-columns:1fr}
 .vx-smart-card:not(:last-child)::after{right:50%;top:auto;bottom:-12px;margin:0 -5px 0 0;transform:rotate(135deg)}
 .ad-why{margin-left:0!important}
}

/* Headings never break words with an auto hyphen ("zusam-menhängendes") */
:is(h1,h2,h3){-webkit-hyphens:manual!important;hyphens:manual!important}

/* Step icons: line icons instead of text glyphs (iOS rendered ✳ as a green emoji) */
.vx-smart-card>span[aria-hidden]:not(.vx-visual-inline){font-size:0!important;color:var(--gl-violet-hi)}
.vx-smart-card>span[aria-hidden]:not(.vx-visual-inline)::before{content:"";width:20px;height:20px;background:currentColor;
 -webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
.vx-smart-card:nth-child(1){--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E")}
.vx-smart-card:nth-child(2){--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M10 3l1.8 5.2L17 10l-5.2 1.8L10 17l-1.8-5.2L3 10l5.2-1.8z'/%3E%3Cpath d='M18 14l.9 2.1L21 17l-2.1.9L18 20l-.9-2.1L15 17l2.1-.9z'/%3E%3C/svg%3E")}
.vx-smart-card:nth-child(3){--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M21 3 10 14'/%3E%3Cpath d='M21 3l-7 18-4-7-7-4z'/%3E%3C/svg%3E")}
.vx-smart-card:nth-child(3)>span[aria-hidden]:not(.vx-visual-inline){color:#E0664A!important;background:rgba(200,70,47,.12)!important;border-color:rgba(200,70,47,.35)!important}
.vx-smart-card{border:1px solid var(--gl-line)!important;background:var(--gl-card)!important;box-shadow:none!important}

/* Mobile: one connected timeline instead of three stacked boxes with chevrons */
@media (max-width:900px){
 .vx-smart-cards{gap:0!important;margin-top:36px!important}
 .vx-smart-card{padding:0 0 26px 60px!important;border:0!important;background:none!important;grid-template-columns:1fr;row-gap:6px}
 .vx-smart-card>span[aria-hidden]:not(.vx-visual-inline){position:absolute;left:0;top:0;grid-area:auto}
 .vx-smart-card h3{grid-column:1;padding-right:0;font-size:17px!important}
 .vx-smart-card p{grid-column:1}
 .vx-smart-card::before{position:static;grid-row:1;order:-1;margin-bottom:-2px;color:var(--gl-violet-hi);opacity:.8}
 .vx-smart-card h3{grid-row:2}
 .vx-smart-card:not(:last-child)::after{left:21px;right:auto;top:52px;bottom:4px;width:2px;height:auto;margin:0;border:0!important;transform:none;
  background:linear-gradient(180deg,rgba(127,112,240,.6),rgba(127,112,240,.1))!important}
}

/* ── careers ── */
/* VEXORA AI — Karriere page */
.kr{background:var(--vx-bg);color:var(--vx-soft)}
.kr-wrap{width:min(1160px,calc(100% - 36px));margin:auto}
.kr-hero{padding:clamp(64px,9vw,120px) 0 64px}
.kr-hero-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(28px,5vw,72px);align-items:end}
.kr-crumb{font-size:12px;color:var(--vx-faint);margin-bottom:18px}.kr-crumb a{color:var(--vx-muted)}
.kr-kick{color:var(--gl-ember);font-size:11.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.kr h1{margin:12px 0 18px;color:#fff;font-size:clamp(36px,5.4vw,64px);line-height:1.04;letter-spacing:-.03em;font-weight:800}
.kr h1 span{background:linear-gradient(100deg,#B7ACFF 10%,#C8462F 90%);-webkit-background-clip:text;background-clip:text;color:transparent}
.kr-lead{max-width:58ch;color:var(--vx-muted);font-size:16.5px;line-height:1.7}
.kr-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.kr-btn{display:inline-flex;align-items:center;justify-content:center;height:46px;padding:0 20px;border:0;border-radius:12px;background:var(--gl-violet);color:#fff;font:700 14px var(--vx-font);cursor:pointer;text-decoration:none;box-shadow:0 10px 28px rgba(108,92,231,.35)}
.kr-btn.ghost{background:transparent;border:1px solid var(--gl-line-hi);box-shadow:none}
.kr-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.kr-facts div,.kr-values article,.kr-benefits li,.kr-steps li,.kr-job,.kr-form{border:1px solid var(--gl-line);border-radius:18px;background:var(--gl-card)}
.kr-facts div{padding:18px}.kr-facts b{display:block;color:#fff;font-size:18px}.kr-facts span{color:var(--vx-muted);font-size:13px}
.kr-sec{padding:clamp(56px,8vw,96px) 0}.kr-sec.alt{background:linear-gradient(180deg,rgba(108,92,231,.04),transparent)}
.kr-head{max-width:720px;margin:0 auto 36px;text-align:center}.kr-head.left{margin-left:0;text-align:left}
.kr h2{margin:10px 0 12px;color:#fff;font-size:clamp(28px,3.6vw,42px);letter-spacing:-.025em;font-weight:800;line-height:1.12}
.kr p{color:var(--vx-muted)}
.kr-values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.kr-values article{padding:24px}.kr-values h3{margin:16px 0 8px;color:#fff;font-size:16.5px}.kr-values p{margin:0;font-size:13.5px;line-height:1.6}
.kr{--ic-target:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
 --ic-spark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M10 3l1.8 5.2L17 10l-5.2 1.8L10 17l-1.8-5.2L3 10l5.2-1.8z'/%3E%3C/svg%3E");
 --ic-shield:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 3v6c0 5-3.5 8-8 9-4.5-1-8-4-8-9V6z'/%3E%3C/svg%3E");
 --ic-grow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 18l6-6 4 4 6-8'/%3E%3Cpath d='M15 8h5v5'/%3E%3C/svg%3E")}
.kr-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:var(--gl-field);border:1px solid var(--gl-line);color:var(--gl-violet-hi)}
.kr-ic::before{content:"";width:20px;height:20px;background:currentColor;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
.kr-filter{display:inline-flex;flex-wrap:wrap;gap:4px;padding:5px;margin-bottom:18px;border:1px solid var(--gl-line);border-radius:14px;background:var(--gl-card)}
.kr-filter button{height:38px;padding:0 14px;border:0;border-radius:10px;background:none;color:var(--vx-muted);font:600 13.5px var(--vx-font);cursor:pointer}
.kr-filter button[aria-pressed=true]{background:var(--gl-violet);color:#fff}
.kr-jobs{display:grid;gap:10px}
.kr-job{overflow:hidden;transition:border-color .2s}.kr-job[open],.kr-job:hover{border-color:rgba(127,112,240,.45)}
.kr-job summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;list-style:none;cursor:pointer}
.kr-job summary::-webkit-details-marker{display:none}
.kr-job h3{margin:0 0 8px;color:#fff;font-size:17.5px}
.kr-meta{display:flex;flex-wrap:wrap;gap:6px;margin:0}.kr-meta span{padding:3px 10px;border-radius:999px;background:var(--gl-field);border:1px solid var(--gl-line);font-size:12px;color:var(--vx-soft)}
.kr-meta span:first-child{color:var(--gl-violet-hi)}
.kr-job summary i{flex:none;width:32px;height:32px;border-radius:50%;border:1px solid var(--gl-line-hi);position:relative;transition:transform .25s,background .2s}
.kr-job summary i::before,.kr-job summary i::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;background:#fff}
.kr-job summary i::after{transform:rotate(90deg)}.kr-job[open] summary i{transform:rotate(45deg);background:var(--gl-violet);border-color:var(--gl-violet)}
.kr-job-body{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:4px 22px 22px}
.kr-job-body h4{margin:0 0 8px;color:#fff;font-size:14px}.kr-job-body ul{margin:0;padding-left:18px;color:var(--vx-muted);font-size:14px;line-height:1.7}
.kr-job-body .kr-btn{grid-column:1/-1;justify-self:start}
.kr-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.kr-benefits li{padding:20px 20px 20px 52px;position:relative}.kr-benefits li::before{content:"";position:absolute;left:20px;top:24px;width:18px;height:18px;border-radius:6px;background:rgba(200,70,47,.15);box-shadow:inset 0 0 0 1px rgba(200,70,47,.45)}
.kr-benefits b{display:block;color:#fff;font-size:15px}.kr-benefits span{color:var(--vx-muted);font-size:13px}
.kr-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none}
.kr-steps li{padding:22px}.kr-steps b{color:var(--gl-violet-hi);font-size:12px;letter-spacing:.12em}.kr-steps h3{margin:10px 0 6px;color:#fff;font-size:16.5px}.kr-steps p{margin:0;font-size:13.5px;line-height:1.6}
.kr-two{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(28px,5vw,64px);align-items:start}
.kr-small{font-size:12.5px;color:var(--vx-faint)!important}
.kr-form{display:grid;gap:14px;padding:clamp(20px,3vw,30px)}
.kr-form label{display:grid;gap:6px;color:var(--vx-soft);font-size:13px;font-weight:600}
.kr-form :is(input,select,textarea){width:100%;padding:12px 14px;border:1px solid var(--gl-line);border-radius:12px;background:var(--gl-field);color:#fff;font:15px var(--vx-font)}
.kr-form :is(input,select,textarea):focus{outline:2px solid rgba(127,112,240,.6);outline-offset:1px}
.kr-form [aria-invalid=true]{border-color:#E0664A}
.kr-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.kr-hp{position:absolute;left:-9999px}
.kr-form .kr-consent{display:flex;gap:10px;align-items:flex-start;font-weight:400;color:var(--vx-muted)}.kr-consent input{width:auto;margin-top:3px}.kr-consent a{color:#CFC8FF}
.kr-status{margin:0;font-size:13.5px}.kr-status.ok{color:var(--vx-mint)}.kr-status.err{color:#E0664A}
@media (max-width:900px){.kr-hero-grid,.kr-two{grid-template-columns:1fr}.kr-values,.kr-steps{grid-template-columns:1fr 1fr}.kr-benefits{grid-template-columns:1fr 1fr}.kr-job-body{grid-template-columns:1fr}}
@media (max-width:560px){.kr-values,.kr-steps,.kr-benefits,.kr-row,.kr-facts{grid-template-columns:1fr}}

/* ── Produkte ── */
.pd .kr-facts a{display:block;padding:18px;border:1px solid var(--gl-line);border-radius:18px;background:var(--gl-card);text-decoration:none;transition:border-color .2s,transform .2s}
.pd .kr-facts a:hover{border-color:rgba(127,112,240,.5);transform:translateY(-2px)}
.pd .kr-facts a b{display:block;color:#fff;font-size:18px}.pd .kr-facts a span{color:var(--vx-muted);font-size:13px}
.pd-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.pd-card{display:flex;flex-direction:column;gap:12px;padding:16px 16px 20px;border:1px solid var(--gl-line);border-radius:20px;background:var(--gl-card);transition:border-color .2s,transform .2s}
.pd-card:hover{border-color:rgba(127,112,240,.45);transform:translateY(-3px)}
.pd-card[hidden]{display:none}
.pd-visual{position:relative;height:150px;border-radius:14px;overflow:hidden;border:1px solid var(--gl-line);background:#0D0D18}
.pd-visual::before{content:"";position:absolute;inset:0;background:radial-gradient(closest-side,rgba(122,102,255,.9),transparent) 70% 20%/70% 120% no-repeat;-webkit-mask:var(--gl-dots);mask:var(--gl-dots);opacity:.6}
.pd-visual.v2::before,.pd-visual.v4::before,.pd-visual.v6::before{background:radial-gradient(closest-side,rgba(200,70,47,.9),transparent) 30% 10%/70% 120% no-repeat}
.pd-visual i{position:absolute;border-radius:8px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}
.pd-visual i:nth-child(1){left:14px;top:14px;width:46%;height:10px;border-radius:5px}
.pd-visual i:nth-child(2){left:14px;top:34px;width:62%;bottom:14px}
.pd-visual i:nth-child(3){right:14px;top:34px;width:24%;bottom:14px;background:rgba(108,92,231,.25)}
.pd-visual.v3 i:nth-child(3),.pd-visual.v5 i:nth-child(3){top:auto;width:40px;height:40px;border-radius:50%;background:var(--gl-violet);box-shadow:0 0 20px rgba(108,92,231,.7)}
.pd-top{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:4px 4px 0}
.pd-type{color:var(--gl-violet-hi);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.pd-status{padding:3px 9px;border-radius:999px;background:rgba(200,70,47,.12);border:1px solid rgba(200,70,47,.35);color:#E88A73;font-size:11px;font-weight:700}
.pd-card h3{margin:0;padding:0 4px;color:#fff;font-size:18px;letter-spacing:-.01em}
.pd-card>p{margin:0;padding:0 4px;font-size:13.5px;line-height:1.6;flex:1}
.pd-card .kr-meta{padding:0 4px;list-style:none}.pd-card .kr-meta li{padding:3px 10px;border-radius:999px;background:var(--gl-field);border:1px solid var(--gl-line);font-size:12px;color:var(--vx-soft)}
.pd-card .kr-btn{margin:4px 4px 0;height:42px}
@media (max-width:980px){.pd-grid{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.pd-grid{grid-template-columns:1fr}}

/* Small screens: the header CTA squeezed the logo to a sliver */
@media (max-width:560px){header .nav .brand{flex:0 0 auto}header .nav .brand-logo{width:150px!important;height:auto!important}header .navlinks .navcta{display:none!important}}

/* ── Firmenauftritt ── */
.fa-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}
.fa-plan{position:relative;display:flex;flex-direction:column;gap:10px;padding:28px 24px 24px;border:1px solid var(--gl-line);border-radius:22px;background:var(--gl-card);scroll-margin-top:110px}
.fa-plan h3{margin:0;color:#fff;font-size:26px;letter-spacing:-.02em}
.fa-plan>p{margin:0;font-size:14px}
.fa-plan ul{flex:1;display:grid;gap:9px;margin:8px 0 14px;padding:16px 0 0;border-top:1px solid var(--gl-line);list-style:none}
.fa-plan li{position:relative;padding-left:26px;color:var(--vx-soft);font-size:14px;line-height:1.5}
.fa-plan li::before{content:"";position:absolute;left:0;top:3px;width:16px;height:16px;border-radius:5px;background:rgba(108,92,231,.18);box-shadow:inset 0 0 0 1px rgba(127,112,240,.5)}
.fa-plan li::after{content:"";position:absolute;left:5px;top:6px;width:5px;height:8px;border:solid var(--gl-violet-hi);border-width:0 2px 2px 0;transform:rotate(45deg)}
.fa-plan.hi{border-color:rgba(127,112,240,.6);background:linear-gradient(170deg,rgba(108,92,231,.14),transparent 55%),var(--gl-card);box-shadow:0 30px 70px rgba(108,92,231,.18)}
.fa-plan.hi::before{content:"";position:absolute;right:-20px;top:-30px;width:240px;height:180px;pointer-events:none;background:radial-gradient(closest-side,rgba(200,70,47,.9),transparent);-webkit-mask:var(--gl-dots);mask:var(--gl-dots);opacity:.45}
.fa-badge{position:absolute;top:-12px;left:24px;padding:4px 11px;border-radius:999px;background:var(--gl-violet);color:#fff;font-size:11px;font-weight:800;letter-spacing:.04em}
.fa-plan .kr-btn{width:100%}
.fa-legal{max-width:760px;margin:20px auto 0;text-align:center}
.fa-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.fa-grid .pd-card{padding:20px;gap:8px}
.fa-grid .pd-card h3{padding:0;font-size:16px}.fa-grid .pd-card p{padding:0}
.fa-grid .pd-type{font-size:10px}
.fa-ic{display:block;width:42px;height:42px;margin-bottom:6px;border-radius:12px;background:var(--gl-field);border:1px solid var(--gl-line);position:relative;color:var(--gl-violet-hi)}
.fa-ic::before{content:"";position:absolute;inset:10px;background:currentColor;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
.pd-card[data-cat=print] .fa-ic{color:#E0664A}.pd-card[data-cat=marketing] .fa-ic{color:#B7ACFF}
.fa-web{--i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23000%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect x=%273%27 y=%274%27 width=%2718%27 height=%2716%27 rx=%272%27/%3E%3Cpath d=%27M3 9h18M7 6.5h.01%27/%3E%3C/svg%3E")}
.fa-cart{--i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23000%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M3 4h2l2.5 11h11L21 7H6.2%27/%3E%3Ccircle cx=%279%27 cy=%2719%27 r=%271.5%27/%3E%3Ccircle cx=%2717%27 cy=%2719%27 r=%271.5%27/%3E%3C/svg%3E")}
.fa-page{--i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23000%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M6 3h9l4 4v14H6z%27/%3E%3Cpath d=%27M9 12h7M9 16h5%27/%3E%3C/svg%3E")}
.fa-mail{--i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23000%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect x=%273%27 y=%275%27 width=%2718%27 height=%2714%27 rx=%272%27/%3E%3Cpath d=%27m3 7 9 6 9-6%27/%3E%3C/svg%3E")}
.fa-card{--i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23000%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect x=%272%27 y=%276%27 width=%2720%27 height=%2712%27 rx=%272%27/%3E%3Ccircle cx=%278%27 cy=%2712%27 r=%272%27/%3E%3Cpath d=%27M13 10h5M13 14h3%27/%3E%3C/svg%3E")}
.fa-flyer{--i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23000%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M4 4h7v16H4zM13 4h7v16h-7%27/%3E%3Cpath d=%27M6.5 8h2M15.5 8h2%27/%3E%3C/svg%3E")}
.fa-doc{--i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23000%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M6 3h12v18H6z%27/%3E%3Cpath d=%27M9 7h6M9 11h6M9 15h3%27/%3E%3C/svg%3E")}
.fa-rollup{--i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23000%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect x=%277%27 y=%273%27 width=%2710%27 height=%2715%27 rx=%271%27/%3E%3Cpath d=%27M5 21h14M12 18v3%27/%3E%3C/svg%3E")}
.fa-target{--i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23000%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%279%27/%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%275%27/%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%271%27/%3E%3C/svg%3E")}
.fa-pin{--i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23000%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M12 21s7-6.2 7-12a7 7 0 0 0-14 0c0 5.8 7 12 7 12z%27/%3E%3Ccircle cx=%2712%27 cy=%279%27 r=%272.5%27/%3E%3C/svg%3E")}
.fa-social{--i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23000%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2718%27 cy=%275%27 r=%272.5%27/%3E%3Ccircle cx=%276%27 cy=%2712%27 r=%272.5%27/%3E%3Ccircle cx=%2718%27 cy=%2719%27 r=%272.5%27/%3E%3Cpath d=%27m8.2 10.8 7.6-4.5M8.2 13.2l7.6 4.5%27/%3E%3C/svg%3E")}
.fa-star{--i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23000%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27m12 3 2.7 5.6 6.1.9-4.4 4.3 1 6.1L12 17l-5.4 2.9 1-6.1-4.4-4.3 6.1-.9z%27/%3E%3C/svg%3E")}
@media (max-width:980px){.fa-plans{grid-template-columns:1fr}.fa-grid{grid-template-columns:1fr 1fr}.fa-plan.hi{order:-1}}
@media (max-width:520px){.fa-grid{grid-template-columns:1fr}}

/* ── prodmenu ── */
/* VEXORA AI — "Produkte" grid dropdown in the header */
.pm{position:relative;display:inline-flex;align-items:center}
.pm-trigger{display:inline-flex!important;align-items:center;gap:5px}
.pm-chev{width:12px;height:12px;transition:transform .2s var(--vx-ease)}.pm.open .pm-chev{transform:rotate(180deg)}
.pm-panel{position:absolute;top:calc(100% + 14px);left:var(--pm-x,0px);z-index:60;width:min(940px,calc(100vw - 32px));padding:10px;border:1px solid var(--gl-line-hi);border-radius:22px;
 background:rgba(14,14,24,.97);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 0 1px rgba(0,0,0,.4);
 opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .18s,transform .22s var(--vx-ease),visibility 0s .22s}
.pm-panel::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}            /* hover bridge */
.pm.open .pm-panel{opacity:1;visibility:visible;transform:none;transition:opacity .18s,transform .22s var(--vx-ease)}
.pm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 200px;gap:6px}
.pm-col{min-width:0;display:flex;flex-direction:column;gap:2px;padding:6px;border-radius:16px}
.pm-cat{display:flex;align-items:center;gap:10px;padding:8px 8px 12px;margin-bottom:4px;border-bottom:1px solid var(--gl-line);text-decoration:none}
.pm-cat b{display:block;color:#fff;font-size:14px}.pm-cat small{display:block;color:var(--vx-faint);font-size:11.5px;font-weight:500}
.pm-ic{flex:none;width:34px;height:34px;border-radius:10px;background:var(--gl-field);border:1px solid var(--gl-line);position:relative;color:var(--gl-violet-hi)}
.pm-ic::before{content:"";position:absolute;inset:8px;background:currentColor;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
.pm-ic-software{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Crect x='3' y='4' width='18' height='14' rx='2'/%3E%3Cpath d='M3 9h18'/%3E%3C/svg%3E")}
.pm-ic-plugin{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M9 3v5M15 3v5M6 8h12v4a6 6 0 0 1-12 0zM12 18v3'/%3E%3C/svg%3E")}
.pm-ic-widget{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Crect x='3' y='3' width='7' height='7' rx='2'/%3E%3Crect x='14' y='3' width='7' height='7' rx='2'/%3E%3Crect x='3' y='14' width='7' height='7' rx='2'/%3E%3Ccircle cx='17.5' cy='17.5' r='3.5'/%3E%3C/svg%3E");color:#E0664A}
.pm-item{display:block;padding:10px;border-radius:12px;text-decoration:none;transition:background .15s}
.pm-item:hover,.pm-item:focus-visible,.pm-cat:hover{background:rgba(255,255,255,.045)}
.pm-item b{display:block;color:#fff;font-size:13.5px;font-weight:650;line-height:1.3}
.pm-item small{display:block;margin-top:3px;color:var(--vx-muted);font-size:12px;font-weight:450;line-height:1.4}
.pm-item em{display:inline-block;margin-top:7px;padding:2px 7px;border-radius:999px;font-style:normal;font-size:10px;font-weight:700;color:#E88A73;background:rgba(200,70,47,.12);white-space:nowrap}
.pm-feature{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;gap:6px;padding:18px;border-radius:16px;border:1px solid var(--gl-line);background:var(--gl-card)}
.pm-feature::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(closest-side,rgba(122,102,255,.95),transparent) 100% 0/150% 120% no-repeat;-webkit-mask:var(--gl-dots);mask:var(--gl-dots);opacity:.55}
.pm-kick{color:var(--gl-ember);font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.pm-feature b{color:#fff;font-size:16px}.pm-feature p{margin:0;color:var(--vx-muted);font-size:12.5px;line-height:1.5}
.pm-feature a{margin-top:auto;color:#fff;font-size:13px;font-weight:700;text-decoration:none}
.pm-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:6px;padding:12px 14px 4px;border-top:1px solid var(--gl-line);font-size:12.5px;color:var(--vx-faint)}
.pm-foot a{color:var(--gl-violet-hi);font-weight:700;text-decoration:none}
.pd-card.pd-flash{border-color:var(--gl-violet)!important;box-shadow:0 0 0 4px rgba(108,92,231,.25)}
.pd-card{scroll-margin-top:110px}
@media (max-width:900px){.pm{display:contents}.pm-panel,.pm-chev{display:none}}
@media (prefers-reduced-motion:reduce){.pm-panel,.pm-chev{transition:none}}
.pm-item small{overflow-wrap:break-word;hyphens:auto}

/* ── Mobile drawer ── */
.mx-ic,.mx-txt small{display:none}
@media (max-width:900px){
 header :is(.nav-links.open,.navlinks.mx-open){gap:4px!important;padding:14px 14px 18px!important;max-height:calc(100dvh - 90px);overflow-y:auto;overscroll-behavior:contain}
 header :is(.nav-links,.navlinks) .mx-row{display:flex!important;align-items:center;gap:14px;min-height:0!important;height:auto!important;padding:12px 12px!important;margin:0!important;border-radius:16px;
  color:#fff!important;font-size:15.5px!important;font-weight:650!important;text-decoration:none;transition:background .15s}
 header :is(.nav-links,.navlinks) .mx-row:active,header :is(.nav-links,.navlinks) .mx-row:hover{background:rgba(255,255,255,.05)}
 .mx-txt{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
 .mx-txt small{display:block;color:var(--vx-muted);font-size:12.5px;font-weight:500}
 .mx-ic{display:block;flex:none;width:42px;height:42px;border-radius:13px;background:var(--gl-field);border:1px solid var(--gl-line);position:relative;color:var(--gl-violet-hi)}
 .mx-ic::before{content:"";position:absolute;inset:11px;background:currentColor;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
 .mx-row:not(.pm-trigger)::after{content:"";flex:none;width:7px;height:7px;border-top:1.6px solid var(--vx-faint);border-right:1.6px solid var(--vx-faint);transform:rotate(45deg);margin-right:6px}
 .mx-spark{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M10 3l1.8 5.2L17 10l-5.2 1.8L10 17l-1.8-5.2L3 10l5.2-1.8z'/%3E%3Cpath d='M18 14l.9 2.1L21 17l-2.1.9L18 20l-.9-2.1L15 17l2.1-.9z'/%3E%3C/svg%3E")}
 .mx-steps{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='5' cy='6' r='2'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3Ccircle cx='19' cy='18' r='2'/%3E%3Cpath d='M7 7.5l3 3M14 13.5l3 3'/%3E%3C/svg%3E")}
 .mx-tools{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 6h10M18 6h2M4 12h4M12 12h8M4 18h12M20 18h0'/%3E%3Ccircle cx='16' cy='6' r='2'/%3E%3Ccircle cx='10' cy='12' r='2'/%3E%3Ccircle cx='18' cy='18' r='2'/%3E%3C/svg%3E")}
 .mx-grid{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Crect x='3' y='3' width='7' height='7' rx='2'/%3E%3Crect x='14' y='3' width='7' height='7' rx='2'/%3E%3Crect x='3' y='14' width='7' height='7' rx='2'/%3E%3Crect x='14' y='14' width='7' height='7' rx='2'/%3E%3C/svg%3E")}
 .mx-people{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='9' cy='8' r='3.5'/%3E%3Cpath d='M2.5 20c.8-3.5 3.4-5.5 6.5-5.5s5.7 2 6.5 5.5M16 4.5a3.5 3.5 0 0 1 0 7M18 14.8c1.8.7 3 2.5 3.5 5.2'/%3E%3C/svg%3E")}
 .mx-firm{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M4 21V5l8-2v18M12 8h8v13M8 8v.01M8 12v.01M8 16v.01M16 12v.01M16 16v.01M2 21h20'/%3E%3C/svg%3E")}
 .mx-star{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='14' rx='2'/%3E%3Cpath d='M3 15l5-5 4 4 3-3 6 6'/%3E%3Ccircle cx='15.5' cy='8.5' r='1.5'/%3E%3C/svg%3E")}
 .mx-box{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 4.5v9L12 21l-8-4.5v-9z'/%3E%3Cpath d='M4 7.5l8 4.5 8-4.5M12 12v9'/%3E%3C/svg%3E");color:#E0664A}
 /* Produkte accordion */
 .pm{display:block!important;border-radius:16px;transition:background .2s}
 .pm.mopen{background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px var(--gl-line)}
 .pm .pm-chev{display:block;width:16px;height:16px;margin-left:auto;margin-right:2px;color:var(--vx-muted)}
 .pm.mopen .pm-chev{transform:rotate(180deg)}
 .pm .pm-panel{display:none;position:static;width:auto;padding:0 8px 10px;border:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;opacity:1;visibility:visible;transform:none;transition:none}
 .pm.mopen .pm-panel{display:block;animation:mxIn .25s var(--vx-ease)}
 .pm .pm-panel::before{display:none}
 .pm .pm-grid{grid-template-columns:1fr;gap:8px}
 .pm .pm-col{padding:10px;border:1px solid var(--gl-line);border-radius:14px;background:var(--gl-card)}
 .pm .pm-cat{padding:2px 2px 10px}
 .pm .pm-item{padding:9px 8px}
 .pm .pm-item em{float:right;margin:0 0 0 8px}
 .pm .pm-feature{flex-direction:row;flex-wrap:wrap;align-items:center;padding:14px}
 .pm .pm-feature p{display:none}.pm .pm-feature a{margin:0 0 0 auto}
 .pm .pm-foot{justify-content:center;border:0;padding:8px 0 2px}.pm .pm-foot span{display:none}
 header :is(.nav-links,.navlinks) .nav-cta{margin-top:10px!important}
}
@keyframes mxIn{from{opacity:0;transform:translateY(-6px)}}
@media (max-width:900px){header :is(.nav-links.open,.navlinks.mx-open)>*{flex-shrink:0!important}header :is(.nav-links.open,.navlinks.mx-open){height:auto!important;bottom:auto!important}.pm .pm-item em{float:none!important;display:inline-block;margin:6px 0 0!important}}
/* Simple page headers (.navlinks) have no drawer: the trigger row must not squeeze into the bar */


/* Simple page headers (.navlinks): hamburger + the same drawer */
.mx-toggle{display:none}
@media (max-width:900px){
 header .navlinks:not(.mx-open){display:none!important}
 .mx-toggle{display:grid;place-items:center;flex:none;width:44px;height:44px;margin-left:8px;border:1px solid var(--gl-line-hi);border-radius:13px;background:var(--gl-card);color:#fff;cursor:pointer}
 .mx-toggle i,.mx-toggle i::before,.mx-toggle i::after{display:block;width:18px;height:2px;border-radius:2px;background:currentColor;position:relative;transition:transform .2s,background .2s}
 .mx-toggle i::before,.mx-toggle i::after{content:"";position:absolute;left:0}.mx-toggle i::before{top:-6px}.mx-toggle i::after{top:6px}
 .mx-toggle[aria-expanded=true] i{background:transparent}.mx-toggle[aria-expanded=true] i::before{top:0;transform:rotate(45deg)}.mx-toggle[aria-expanded=true] i::after{top:0;transform:rotate(-45deg)}
 header .navlinks.mx-open{position:absolute;left:10px;right:10px;top:calc(100% + 8px);z-index:70;display:flex!important;flex-direction:column;border:1px solid var(--gl-line-hi);border-radius:22px;
  background:rgba(12,12,20,.98);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 30px 80px rgba(0,0,0,.6);animation:mxIn .22s var(--vx-ease)}
 header .navlinks.mx-open>a,header .navlinks.mx-open>.pm{display:flex!important}
 header .navlinks.mx-open>.pm{display:block!important}
 header .navlinks.mx-open .navcta{justify-content:center;height:50px;margin-top:10px;border-radius:14px}
 body.mx-lock{overflow:hidden}
}
@media (max-width:900px){
 header .navlinks.mx-open{align-items:stretch!important;justify-content:flex-start!important}
 header .navlinks.mx-open>a,header .navlinks.mx-open>.pm{width:100%!important;align-self:stretch!important}
 header .navlinks.mx-open .pm-panel .pm-cat{display:flex!important}
 header .navlinks.mx-open .pm-panel .pm-item{display:block!important}
 header .navlinks.mx-open .pm-panel :is(.pm-feature a,.pm-foot a){display:inline-block!important}
 header .navlinks.mx-open .navcta{display:flex!important;width:100%!important}
}

/* ── projects ── */
/* VEXORA AI — Referenzen grid and gallery */
.rf-hero{padding-bottom:28px!important}.rf-hero .kr-lead{max-width:62ch}
.rf-sec{padding-top:24px!important}
.rf-filter i{font-style:normal;opacity:.6;font-size:12px;margin-left:3px}
.rf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.rf-card{display:flex;flex-direction:column;border:1px solid var(--gl-line);border-radius:22px;background:var(--gl-card);overflow:hidden;transition:border-color .25s,transform .25s var(--vx-ease)}
.rf-card:hover{border-color:rgba(127,112,240,.5);transform:translateY(-4px)}
.rf-card.feat{grid-column:span 2}
.rf-shot{position:relative;display:block;width:100%;aspect-ratio:16/10;padding:0;border:0;background:#0D0D18;cursor:zoom-in;overflow:hidden}
.rf-card.feat .rf-shot{aspect-ratio:16/8}
.rf-shot img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .6s var(--vx-ease)}
.rf-card:hover .rf-shot img{transform:scale(1.04)}
.rf-noimg{position:absolute;inset:0;background:radial-gradient(closest-side,rgba(122,102,255,.8),transparent) 70% 30%/80% 120% no-repeat;-webkit-mask:var(--gl-dots);mask:var(--gl-dots);opacity:.5}
.rf-count{position:absolute;right:12px;bottom:12px;padding:4px 10px;border-radius:999px;background:rgba(10,10,18,.8);backdrop-filter:blur(8px);color:#fff;font-size:11.5px;font-weight:700}
.rf-body{display:flex;flex-direction:column;gap:8px;padding:18px 20px 20px;flex:1}
.rf-meta{display:flex;justify-content:space-between;align-items:center;color:var(--vx-faint);font-size:12px;font-weight:600}
.rf-body h3{margin:0;color:#fff;font-size:18px;letter-spacing:-.01em}
.rf-card.feat .rf-body h3{font-size:22px}
.rf-body p{margin:0;font-size:13.5px;line-height:1.6}.rf-client{color:var(--vx-soft)!important;font-weight:600}
.rf-links{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:10px}
.rf-more{padding:0;border:0;background:none;color:#fff;font:700 13px var(--vx-font);cursor:pointer}
.rf-links a{color:var(--gl-violet-hi);font-size:13px;font-weight:700;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rf-skel{aspect-ratio:4/3.4;border-radius:22px;background:linear-gradient(100deg,var(--gl-card) 30%,rgba(255,255,255,.05) 50%,var(--gl-card) 70%) 0 0/300% 100%;animation:rfSk 1.4s linear infinite}
@keyframes rfSk{to{background-position:-150% 0}}
.rf-empty{grid-column:1/-1;padding:60px 20px;border:1px dashed var(--gl-line-hi);border-radius:22px;text-align:center;color:var(--vx-muted)}
/* Gallery */
.rf-box{width:min(1100px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:0;border:1px solid var(--gl-line-hi);border-radius:24px;background:#0E0E18;color:var(--vx-soft);overflow:auto}
.rf-box::backdrop{background:rgba(4,4,10,.82);backdrop-filter:blur(6px)}
.rf-box[open]{display:grid;grid-template-columns:1.6fr 1fr;animation:mxIn .25s var(--vx-ease)}
.rf-close{position:absolute;right:14px;top:14px;z-index:3;width:38px;height:38px;border:1px solid var(--gl-line-hi);border-radius:50%;background:rgba(10,10,18,.8);color:#fff;font-size:15px;cursor:pointer}
.rf-stage{position:relative;grid-row:1/3;background:#08080F;min-height:300px;display:grid;place-items:center}
.rf-stage img{width:100%;height:100%;max-height:calc(100dvh - 120px);object-fit:contain}
.rf-nav{position:absolute;top:50%;width:42px;height:42px;margin-top:-21px;border:1px solid var(--gl-line-hi);border-radius:50%;background:rgba(10,10,18,.75);color:#fff;font-size:22px;line-height:1;cursor:pointer}
.rf-nav.prev{left:12px}.rf-nav.next{right:12px}.rf-nav[hidden]{display:none}
.rf-info{display:flex;flex-direction:column;gap:12px;padding:30px 26px}
.rf-info h2{margin:0;color:#fff;font-size:24px;letter-spacing:-.02em}.rf-info p{margin:0;line-height:1.7}
.rf-info .kr-btn{align-self:flex-start;margin-top:6px}
.rf-thumbs{display:flex;flex-wrap:wrap;gap:6px;padding:0 26px;align-self:end;grid-column:2;grid-row:2}
.rf-thumbs:empty{display:none}
.rf-thumbs button{width:62px;height:46px;padding:0;border:2px solid transparent;border-radius:8px;overflow:hidden;background:none;cursor:pointer;opacity:.6}
.rf-thumbs button[aria-current=true]{border-color:var(--gl-violet);opacity:1}
.rf-thumbs img{width:100%;height:100%;object-fit:cover}
@media (max-width:980px){.rf-grid{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.rf-box[open]{grid-template-columns:1fr}.rf-stage{grid-row:auto}.rf-thumbs{grid-column:1;grid-row:auto;padding:12px 18px 0}.rf-info{padding:20px 18px 24px}}
@media (max-width:620px){.rf-grid{grid-template-columns:1fr}.rf-card.feat{grid-column:auto}.rf-card.feat .rf-shot{aspect-ratio:16/10}}

.rf-filter[hidden]{display:none}

/* ── consent ── */
/* VEXORA AI — cookie consent. Accept and decline carry equal visual weight on purpose. */
.vxc{position:fixed;left:20px;bottom:20px;z-index:100000;width:min(440px,calc(100vw - 40px));max-height:calc(100dvh - 40px);overflow:auto;padding:22px;border:1px solid var(--gl-line-hi);border-radius:20px;
 background:rgba(14,14,24,.98);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 30px 80px rgba(0,0,0,.65);color:var(--vx-soft);font-family:var(--vx-font);animation:mxIn .25s var(--vx-ease)}
.vxc.wide{width:min(560px,calc(100vw - 40px))}
.vxc h2{margin:0 0 8px;color:#fff;font-size:17px;font-weight:800;letter-spacing:-.01em}
.vxc p{margin:0 0 16px;color:var(--vx-muted);font-size:13.5px;line-height:1.6}
.vxc-acts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.vxc-acts button{min-height:44px;padding:0 12px;border:1px solid var(--gl-line-hi);border-radius:12px;background:var(--gl-field);color:#fff;font:700 13.5px var(--vx-font);cursor:pointer;transition:background .15s,border-color .15s}
.vxc-acts button:hover{background:rgba(255,255,255,.08);border-color:rgba(127,112,240,.6)}
.vxc-acts .link{grid-column:1/-1;min-height:34px;border:0;background:none;color:var(--vx-muted);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.vxc-acts .link:hover{background:none;color:#fff}
.vxc.wide .vxc-acts{grid-template-columns:1fr 1fr 1fr}
.vxc :focus-visible{outline:2px solid var(--gl-violet-hi);outline-offset:2px}
.vxc-links{display:flex;gap:14px;margin-top:12px;font-size:12px}.vxc-links a{color:var(--vx-faint);text-decoration:underline;text-underline-offset:2px}.vxc-links a:hover{color:#fff}
.vxc-cats{display:grid;gap:8px;margin-bottom:16px}
.vxc-cat{position:relative;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px;border:1px solid var(--gl-line);border-radius:14px;background:var(--gl-card);cursor:pointer}
.vxc-cat b{display:block;color:#fff;font-size:14px}.vxc-cat small{display:block;margin-top:3px;color:var(--vx-muted);font-size:12.5px;line-height:1.5}
.vxc-cat input{position:absolute;opacity:0;width:44px;height:26px;right:14px}
.vxc-cat i{flex:none;position:relative;width:44px;height:26px;border-radius:99px;background:rgba(255,255,255,.14);transition:background .2s}
.vxc-cat i::after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s}
.vxc-cat input:checked+i{background:var(--gl-violet)}.vxc-cat input:checked+i::after{transform:translateX(18px)}
.vxc-cat input:disabled+i{opacity:.55}.vxc-cat input:focus-visible+i{outline:2px solid var(--gl-violet-hi);outline-offset:2px}
.vxc-open{padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
@media (max-width:560px){.vxc,.vxc.wide{left:10px;right:10px;bottom:10px;width:auto;padding:18px}.vxc.wide .vxc-acts{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.vxc{animation:none}.vxc-cat i,.vxc-cat i::after{transition:none}}

.vx-legal{display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:center;padding:14px 16px 18px;font-size:13px}.vx-legal a{color:var(--vx-muted,#a7a7b8);text-decoration:none}.vx-legal a:hover{color:#fff;text-decoration:underline}
@media(max-width:768px){footer{padding-bottom:96px}footer a,footer .vxc-open{display:inline-flex;align-items:center;min-height:32px}.vx-legal a{min-height:40px}.service-link{min-height:44px;display:inline-flex;align-items:center}}