/* Montserrat variable wght 400–800, latin + latin-ext; self-hosted (SIL Open Font License 1.1). */
@font-face{font-family:'Montserrat';font-style:normal;font-weight:400 800;font-display:swap;src:url('../fonts/montserrat-v31-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:400 800;font-display:swap;src:url('../fonts/montserrat-v31-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root {
  --brand-950:#011321;--brand-900:#022A48;--brand-800:#063652;--brand-700:#143E57;--brand-600:#30516B;--brand-500:#04758F;--brand-400:#47A3B0;--brand-300:#93B2BE;--brand-200:#C5D8DE;--brand-100:#E8F1F4;--brand-50:#F4FAFB;
  --emerald-950:#022c22;--emerald-900:#064e3b;--emerald-800:#065f46;--emerald-700:#047857;--emerald-600:#059669;--emerald-500:#10b981;--emerald-400:#34d399;--emerald-300:#6ee7b7;--emerald-200:#a7f3d0;--emerald-100:#d1fae5;--emerald-50:#ecfdf5;
  --slate-900:#0f172a;--slate-800:#1e293b;--slate-700:#334155;--slate-600:#475569;--slate-500:#64748b;--slate-400:#94a3b8;--slate-300:#cbd5e1;--slate-200:#e2e8f0;--slate-100:#f1f5f9;--slate-50:#f8fafc;
  --accent-orange:#f97316;--accent-orange-hover:#ea580c;
  --accent-amber:#f59e0b;
  --blue-600:#026073;--blue-500:#04758F;
  --red-600:#dc2626;--red-500:#ef4444;--red-100:#fee2e2;--red-50:#fef2f2;
  --white:#ffffff;--black:#000000;
  --text-primary:var(--brand-900);--text-secondary:var(--brand-600);--text-on-dark:var(--white);--text-on-dark-muted:rgba(255,255,255,.7);
  --bg-primary:var(--white);--bg-secondary:var(--brand-50);--bg-dark:var(--brand-900);--bg-darker:var(--brand-950);
  --cta-bg:var(--accent-orange);--cta-hover:var(--accent-orange-hover);--cta-text:var(--white);
  --font-heading:'Montserrat',system-ui,sans-serif;
  --font-body:"Helvetica Neue",Helvetica,Arial,sans-serif;
  --fs-body:1rem;--lh-body:1.5;
  --fs-h1:2.25rem;--fs-h2:1.875rem;--fs-h3:1.5rem;--fs-h4:1.25rem;--fs-h5:1.125rem;--fs-h6:1rem;
  --fs-xs:.8125rem;--fs-sm:.875rem;--fs-base:1rem;--fs-lg:1.125rem;--fs-xl:1.25rem;--fs-2xl:1.5rem;--fs-3xl:1.875rem;--fs-4xl:2.25rem;--fs-5xl:3rem;
  --fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;
  --lh-tight:1.15;--lh-snug:1.3;--lh-normal:1.5;--lh-relaxed:1.75;
  --ls-tight:-.03em;--ls-normal:-.01em;--ls-wide:.05em;
  --space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--space-5xl:8rem;
  --container-lg:1024px;--container-xl:80rem;--container-2xl:80rem;
  --radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;
  --shadow-sm:0 1px 3px rgba(0,0,0,.06);--shadow-md:0 4px 12px rgba(0,0,0,.08);--shadow-lg:0 8px 30px rgba(0,0,0,.1);--shadow-xl:0 16px 50px rgba(0,0,0,.12);
  --transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:400ms ease;
  --header-height:72px;--top-bar-height:36px;
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--header-height)+var(--top-bar-height))}
body{font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit;transition:color var(--transition-fast)}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit}ul,ol{list-style:none}
h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--fw-bold);line-height:var(--lh-tight);letter-spacing:var(--ls-tight);color:var(--text-primary)}
h1{font-size:var(--fs-h1);font-weight:var(--fw-extrabold)}h2{font-size:var(--fs-h2);line-height:1.2}h3{font-size:var(--fs-h3);line-height:1.25}h4{font-size:var(--fs-h4);line-height:1.3}h5{font-size:var(--fs-h5);line-height:1.35}h6{font-size:var(--fs-h6);line-height:1.4;font-weight:var(--fw-semibold)}
p{letter-spacing:var(--ls-normal)}.container{width:100%;max-width:var(--container-2xl);margin:0 auto;padding:0 var(--space-lg)}.container--narrow{max-width:var(--container-2xl)}.container--wide{max-width:var(--container-2xl)}

/* TOP BAR */
.top-bar{background:var(--brand-900);color:rgba(255,255,255,.7);font-size:var(--fs-xs);padding:var(--space-xs) 0;height:var(--top-bar-height);display:flex;align-items:center}
.top-bar__inner{width:100%;max-width:var(--container-2xl);margin:0 auto;padding:0 var(--space-lg);display:flex;justify-content:space-between;align-items:center}
.top-bar__tagline{font-weight:var(--fw-medium)}.top-bar__contact{display:flex;align-items:center;gap:var(--space-xl)}
.top-bar a{color:rgba(255,255,255,.7)}.top-bar a:hover{color:var(--white)}@media(max-width:767px){.top-bar{display:none}}

/* HEADER */
.header{position:sticky;top:0;z-index:1000;height:var(--header-height);background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--brand-100);box-shadow:var(--shadow-sm)}
.header__inner{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:var(--container-2xl);margin:0 auto;padding:0 var(--space-lg)}
.header__logo{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--fs-lg);font-family:var(--font-heading);font-weight:var(--fw-bold);color:var(--brand-900);letter-spacing:var(--ls-tight);z-index:1001;min-width:0;flex-shrink:1;max-width:min(250px,46vw)}
.header__logo img{min-width:0;max-height:62px;width:auto;height:auto;max-width:100%;object-fit:contain;object-position:left center;flex-shrink:1}
.header__logo-icon{width:36px;height:36px;flex-shrink:0;background:linear-gradient(135deg,var(--brand-600),var(--brand-500));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--white);font-weight:var(--fw-extrabold);font-size:11px;line-height:1}
.header__logo-accent{color:var(--brand-500)}
.footer .header__logo{max-width:min(280px,100%)}
.footer .header__logo img{max-height:62px;filter:brightness(0) invert(1)}

/* NAV */
.nav{display:flex;align-items:center;gap:var(--space-xl)}.nav__list{display:flex;align-items:center;gap:var(--space-xs)}.nav__item{position:relative}
.nav__link{display:flex;align-items:center;gap:4px;padding:var(--space-xs) var(--space-sm);font-size:var(--fs-sm);font-weight:var(--fw-medium);font-family:var(--font-body);color:var(--slate-700);border-radius:var(--radius-md);transition:all var(--transition-fast)}
.nav__link:hover,.nav__link--active{color:var(--brand-500);background:rgba(4,117,143,.1)}
.nav__link svg{width:14px;height:14px;transition:transform var(--transition-fast)}.nav__item:hover .nav__link svg{transform:rotate(180deg)}
.nav__dropdown{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(8px);min-width:240px;background:var(--white);border:1px solid var(--slate-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-xs);opacity:0;visibility:hidden;transition:all var(--transition-fast)}
.nav__item:hover .nav__dropdown{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.nav__dropdown-link{display:block;padding:var(--space-sm) var(--space-md);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--slate-700);border-radius:var(--radius-md);transition:all var(--transition-fast)}
.nav__dropdown-link:hover{color:var(--brand-500);background:rgba(4,117,143,.08)}
.nav__dropdown-link span{display:block;font-size:var(--fs-xs);font-weight:var(--fw-regular);color:var(--slate-500);margin-top:2px}
.nav__dropdown-link--current{color:var(--brand-500);background:rgba(4,117,143,.08)}
.header__cta{display:none}@media(min-width:1024px){.header__cta{display:inline-flex}}

/* MOBILE */
.mobile-toggle{display:flex;flex-direction:column;gap:5px;width:28px;padding:4px 0;z-index:1001}
.mobile-toggle span{display:block;height:2px;background:var(--slate-800);border-radius:2px;transition:all var(--transition-base)}
.mobile-toggle--active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-toggle--active span:nth-child(2){opacity:0}.mobile-toggle--active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
@media(min-width:1024px){.mobile-toggle{display:none}}
.mobile-nav{position:fixed;inset:0;background:var(--white);z-index:999;padding:calc(var(--header-height)+var(--space-xl)) var(--space-lg) var(--space-xl);overflow-y:auto;transform:translateX(100%);transition:transform var(--transition-slow)}.mobile-nav--open{transform:translateX(0)}
.mobile-nav__list{display:flex;flex-direction:column;gap:var(--space-xs)}
.mobile-nav__link{display:block;padding:var(--space-md);font-size:var(--fs-lg);font-weight:var(--fw-semibold);color:var(--slate-800);border-radius:var(--radius-md);transition:all var(--transition-fast)}.mobile-nav__link:hover{background:rgba(4,117,143,.08);color:var(--brand-500)}
.mobile-nav__link--current{color:var(--brand-500)}
.mobile-nav__sub{padding-left:var(--space-lg);display:none}.mobile-nav__sub--open{display:flex !important;flex-direction:column}.mobile-nav__sub .mobile-nav__link{font-size:var(--fs-base);font-weight:var(--fw-medium);color:var(--slate-600)}
.mobile-nav__toggle--parent-active{color:var(--brand-500)}
.mobile-nav__cta{margin-top:var(--space-xl)}@media(min-width:1024px){.mobile-nav{display:none}}@media(max-width:1023px){.nav{display:none}}

/* BUTTONS */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:14px 28px;font-size:var(--fs-sm);font-family:var(--font-heading);font-weight:var(--fw-semibold);border-radius:var(--radius-lg);transition:all var(--transition-fast);white-space:nowrap;line-height:1}
.btn--primary{background:var(--cta-bg);color:var(--cta-text);box-shadow:0 4px 14px rgba(249,115,22,.35)}.btn--primary:hover{background:var(--cta-hover);box-shadow:0 8px 24px rgba(249,115,22,.45);transform:translateY(-1px)}
.btn--secondary{background:var(--emerald-600);color:var(--white);box-shadow:0 4px 14px rgba(5,150,105,.25)}.btn--secondary:hover{background:var(--emerald-700);transform:translateY(-1px)}
.btn--outline{background:transparent;color:var(--emerald-600);border:2px solid var(--emerald-200)}.btn--outline:hover{background:var(--emerald-600);color:var(--white);border-color:var(--emerald-600)}
.btn--outline-white{background:transparent;color:var(--white);border:2px solid rgba(255,255,255,.3)}.btn--outline-white:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.6)}
.btn--white{background:var(--white);color:var(--brand-900);font-family:var(--font-heading);font-weight:var(--fw-bold);box-shadow:0 10px 30px rgba(0,0,0,.15)}.btn--white:hover{background:var(--slate-100);transform:translateY(-1px);box-shadow:0 14px 40px rgba(0,0,0,.2)}
.btn--ghost{background:transparent;color:var(--slate-700)}.btn--ghost:hover{background:var(--slate-100)}
.btn--danger{background:var(--red-600);color:var(--white);box-shadow:0 4px 14px rgba(220,38,38,.25)}.btn--danger:hover{background:var(--red-500);transform:translateY(-1px)}
.btn--lg{padding:18px 36px;font-size:var(--fs-base);border-radius:var(--radius-xl)}.btn--sm{padding:10px 20px;font-size:var(--fs-xs)}.btn--full{width:100%}.btn svg{width:18px;height:18px}

/* SECTIONS */
.section{padding:var(--space-5xl) 0}.section--sm{padding:var(--space-4xl) 0}.section--grey{background:var(--bg-secondary)}
.section--dark{background:var(--bg-dark);color:var(--text-on-dark)}.section--dark h1,.section--dark h2,.section--dark h3,.section--dark h4{color:var(--white)}.section--dark p{color:var(--text-on-dark-muted)}
.section--gradient{background:linear-gradient(135deg,var(--brand-900) 0%,var(--brand-800) 48%,var(--brand-600) 100%);color:var(--text-on-dark)}.section--gradient h1,.section--gradient h2,.section--gradient h3,.section--gradient h4{color:var(--white)}.section--gradient p{color:var(--text-on-dark-muted)}
.section__header{text-align:center;max-width:720px;margin:0 auto var(--space-4xl)}
.section__label{display:inline-block;font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:var(--ls-wide);color:var(--brand-600);margin-bottom:var(--space-md)}.section--dark .section__label,.section--gradient .section__label{color:var(--brand-300)}
.section__title{font-family:var(--font-heading);margin-bottom:var(--space-lg)}.section__desc{font-size:var(--fs-lg);font-family:var(--font-body);line-height:var(--lh-relaxed);color:var(--text-secondary);max-width:600px;margin:0 auto}.section--dark .section__desc,.section--gradient .section__desc{color:var(--text-on-dark-muted)}

/* HERO */
.hero{position:relative;display:flex;align-items:flex-start;padding:var(--space-2xl) 0 var(--space-4xl);background:linear-gradient(135deg,var(--brand-900) 0%,var(--brand-800) 48%,var(--brand-600) 100%);overflow:hidden}
@media(min-width:768px){.hero{padding:var(--space-4xl) 0 var(--space-5xl)}}
.hero__bg{position:absolute;inset:0;opacity:.1;pointer-events:none}.hero__bg::before{content:'';position:absolute;top:5rem;right:5rem;width:24rem;height:24rem;background:rgba(255,255,255,.2);border-radius:50%;filter:blur(80px)}.hero__bg::after{content:'';position:absolute;bottom:2rem;left:2rem;width:18rem;height:18rem;background:rgba(4,117,143,.35);border-radius:50%;filter:blur(80px)}
.hero__layout{display:flex;flex-direction:column;gap:var(--space-2xl);position:relative;z-index:1;width:100%}
@media(min-width:1024px){.hero__layout{flex-direction:row;align-items:flex-start;gap:var(--space-3xl)}}
.hero__content{position:relative;z-index:1;flex:1;min-width:0;max-width:52rem}
.hero__cta-col{display:none;width:100%;max-width:420px;flex-shrink:0}
@media(min-width:1024px){.hero__cta-col{display:block;width:380px}}
@media(min-width:1280px){.hero__cta-col{width:420px}}
.hero__cta-panel{background:rgba(255,255,255,.07);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-xl)}
.hero__cta-title{font-family:var(--font-heading);font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--white);margin:0 0 var(--space-md);display:flex;align-items:center;gap:var(--space-sm);line-height:var(--lh-snug)}
.hero__cta-title svg{color:var(--brand-300);flex-shrink:0}
.hero__cta-lead{font-family:var(--font-body);font-size:var(--fs-sm);color:rgba(255,255,255,.72);line-height:var(--lh-relaxed);margin:0 0 var(--space-lg)}
.hero__cta-form{gap:var(--space-md)}
.hero__cta-form .form__label{color:rgba(255,255,255,.88);font-size:var(--fs-xs)}
.hero__cta-form .form__input{background:rgba(255,255,255,.96);border-color:rgba(255,255,255,.35)}
.hero__cta-form .form__input:focus{border-color:var(--brand-400);box-shadow:0 0 0 4px rgba(147,178,190,.35)}
.hero__cta-form .form__checkbox span{color:rgba(255,255,255,.85);font-size:.8125rem;line-height:1.45}
.hero__cta-form .form__checkbox a{color:var(--brand-300);text-decoration:underline;text-underline-offset:2px}
.hero__cta-form .form__checkbox a:hover{color:var(--white)}
.hero__cta-form .form__status{border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);font-size:var(--fs-sm)}
.hero__cta-form .form__status--success{background:rgba(16,185,129,.2);color:#d1fae5;border:1px solid rgba(16,185,129,.35)}
.hero__cta-form .form__status--error{background:rgba(220,38,38,.2);color:#fecaca;border:1px solid rgba(220,38,38,.35)}
.hero__label{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-full);color:rgba(255,255,255,.9);font-family:var(--font-body);font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:var(--ls-wide);text-transform:uppercase;margin-bottom:var(--space-lg)}
@media(min-width:640px){.hero__label{margin-bottom:var(--space-xl)}}
.hero__label-dot{width:6px;height:6px;background:var(--accent-amber);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
.hero__title{font-family:var(--font-heading);font-size:1.65rem;font-weight:var(--fw-extrabold);color:var(--white);margin-bottom:var(--space-lg);line-height:1.2;letter-spacing:var(--ls-tight)}
@media(min-width:640px){.hero__title{font-size:var(--fs-4xl)}}
@media(min-width:768px){.hero__title{font-size:var(--fs-5xl)}}
@media(min-width:1024px){.hero__title{font-size:3rem;line-height:1.15}}
@media(min-width:1280px){.hero__title{font-size:3.75rem}}
.hero__title-highlight{color:var(--brand-300)}
.hero__desc{font-family:var(--font-body);font-size:var(--fs-sm);color:rgba(255,255,255,.7);line-height:var(--lh-relaxed);margin-bottom:var(--space-xl);max-width:38rem}
@media(min-width:640px){.hero__desc{font-size:var(--fs-lg)}}
@media(min-width:768px){.hero__desc{font-size:var(--fs-xl)}}
.hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-3xl)}
@media(min-width:768px){.hero__actions{margin-bottom:var(--space-4xl)}}
.hero__proof{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xl);color:rgba(255,255,255,.6);font-family:var(--font-body);font-size:var(--fs-sm)}
@media(min-width:768px){.hero__proof{gap:var(--space-2xl)}}
.hero__proof-item{display:flex;align-items:center;gap:var(--space-xs)}.hero__proof-item svg{width:20px;height:20px;flex-shrink:0;color:var(--accent-amber)}.hero__proof-number{font-weight:var(--fw-bold);color:var(--white)}

/* PAGE HERO */
.page-hero{padding:var(--space-4xl) 0 var(--space-4xl);background:linear-gradient(135deg,var(--brand-900) 0%,var(--brand-800) 48%,var(--brand-600) 100%);position:relative;overflow:hidden}
.page-hero__bg{position:absolute;inset:0;opacity:.1;background:radial-gradient(ellipse 50% 50% at 60% 40%,rgba(255,255,255,.25),transparent)}
.page-hero__content{position:relative;z-index:1;max-width:720px}
.page-hero__label{display:inline-block;font-size:var(--fs-xs);font-family:var(--font-body);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:var(--ls-wide);color:var(--brand-300);margin-bottom:var(--space-md)}
.page-hero__title{font-family:var(--font-heading);font-size:var(--fs-3xl);font-weight:var(--fw-extrabold);color:var(--white);margin-bottom:var(--space-lg);line-height:1.15}
@media(min-width:768px){.page-hero__title{font-size:var(--fs-4xl)}}
@media(min-width:1024px){.page-hero__title{font-size:var(--fs-5xl)}}
.page-hero__title .hero__title-highlight{color:var(--brand-300)}
.page-hero__desc{font-family:var(--font-body);font-size:var(--fs-lg);color:rgba(255,255,255,.7);line-height:var(--lh-relaxed);margin-bottom:var(--space-2xl)}
@media(min-width:768px){.page-hero__desc{font-size:var(--fs-xl)}}
.page-hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-md)}
.page-hero--notfall .page-hero__label{color:#f87171}
.page-hero--notfall .page-hero__bg{opacity:.14;background:radial-gradient(ellipse 50% 50% at 58% 38%,var(--emerald-600),transparent),radial-gradient(ellipse 42% 42% at 82% 22%,rgba(220,38,38,.45),transparent)}

/* CARDS */
.card{background:var(--white);border:1px solid var(--slate-100);border-radius:var(--radius-xl);padding:var(--space-2xl);transition:all .2s ease;box-shadow:var(--shadow-sm)}.card:hover{border-color:var(--emerald-200);box-shadow:0 20px 40px rgba(0,0,0,.1);transform:translateY(-4px)}
.card--dark{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08)}.card--dark:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15)}
.card__icon{width:48px;height:48px;background:var(--emerald-50);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-lg);color:var(--emerald-600)}.card--dark .card__icon{background:rgba(16,185,129,.15);color:var(--emerald-400)}.card__icon svg{width:24px;height:24px}
.card__title{font-size:var(--fs-xl);font-family:var(--font-heading);margin-bottom:var(--space-sm)}
.card__desc{font-size:var(--fs-sm);font-family:var(--font-body);color:var(--text-secondary);line-height:var(--lh-relaxed);margin-bottom:var(--space-lg)}.card--dark .card__desc{color:var(--text-on-dark-muted)}
.card__link{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--fs-sm);font-family:var(--font-heading);font-weight:var(--fw-semibold);color:var(--brand-600);transition:gap var(--transition-fast)}.card__link:hover{gap:var(--space-sm);color:var(--brand-800)}.card__link svg{width:16px;height:16px}

/* PRICING */
.pricing-card{background:var(--white);border:2px solid var(--slate-200);border-radius:var(--radius-xl);padding:var(--space-2xl);transition:all .2s ease;display:flex;flex-direction:column}
.pricing-card:hover{border-color:var(--emerald-300);box-shadow:0 20px 40px rgba(0,0,0,.1)}
.pricing-card--featured{border-color:var(--emerald-500);position:relative;box-shadow:0 8px 30px rgba(5,150,105,.15)}
.pricing-card--featured::before{content:'Meistgewählt';position:absolute;top:-14px;left:50%;transform:translateX(-50%);padding:4px 16px;background:var(--emerald-600);color:var(--white);font-size:var(--fs-xs);font-weight:var(--fw-bold);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:var(--ls-wide)}
.pricing-card__name{font-size:var(--fs-lg);font-weight:var(--fw-semibold);color:var(--text-secondary);margin-bottom:var(--space-xs)}
.pricing-card__price{font-size:var(--fs-4xl);font-weight:var(--fw-extrabold);color:var(--text-primary);margin-bottom:var(--space-xs)}.pricing-card__price span{font-size:var(--fs-sm);font-weight:var(--fw-regular);color:var(--text-secondary)}
.pricing-card__desc{font-size:var(--fs-sm);color:var(--text-secondary);margin-bottom:var(--space-xl);line-height:var(--lh-normal)}
.pricing-card__features{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-xl);flex-grow:1}
.pricing-card__feature{display:flex;align-items:flex-start;gap:var(--space-sm);font-size:var(--fs-sm);color:var(--text-primary)}
.pricing-card__feature svg{width:18px;height:18px;flex-shrink:0;margin-top:1px;color:var(--emerald-600)}
.pricing-card__feature--na{color:var(--slate-400)}.pricing-card__feature--na svg{color:var(--slate-300)}

/* GRIDS */
.grid{display:grid;gap:var(--space-xl)}.grid--2{grid-template-columns:1fr}.grid--3{grid-template-columns:1fr}.grid--4{grid-template-columns:1fr}
@media(min-width:640px){.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(2,1fr)}.grid--4{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}}

/* SPLIT */
.split{display:grid;grid-template-columns:1fr;gap:var(--space-3xl);align-items:center}@media(min-width:768px){.split{grid-template-columns:1fr 1fr;gap:var(--space-4xl)}}
.split--reverse .split__visual{order:-1}@media(max-width:767px){.split--reverse .split__visual{order:0}}
.split--contact{align-items:flex-start}.split--contact .split__content{max-width:none}
.split__content{max-width:540px}.split__label{display:inline-block;font-size:var(--fs-xs);font-family:var(--font-body);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:var(--ls-wide);color:var(--brand-600);margin-bottom:var(--space-md)}
.split__title{margin-bottom:var(--space-lg)}.split__desc{font-size:var(--fs-lg);font-family:var(--font-body);line-height:var(--lh-relaxed);color:var(--text-secondary);margin-bottom:var(--space-xl)}
.split__visual{position:relative}
.visual-placeholder{aspect-ratio:4/3;background:linear-gradient(135deg,var(--emerald-100),var(--emerald-50));border-radius:var(--radius-lg);border:1px solid var(--emerald-200);display:flex;align-items:center;justify-content:center}
.visual-placeholder--dark{background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(5,150,105,.05));border-color:rgba(255,255,255,.1)}

/* FEATURE LIST */
.feature-list{display:flex;flex-direction:column;gap:var(--space-md)}.feature-list__item{display:flex;align-items:flex-start;gap:var(--space-md)}
.feature-list__icon{flex-shrink:0;width:24px;height:24px;background:var(--emerald-50);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:2px}.feature-list__icon svg{width:14px;height:14px;color:var(--emerald-600)}
.section--dark .feature-list__icon{background:rgba(16,185,129,.2)}.section--dark .feature-list__icon svg{color:var(--emerald-300)}

/* PROCESS */
.process{display:grid;grid-template-columns:1fr;gap:var(--space-xl)}@media(min-width:768px){.process{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.process{grid-template-columns:repeat(4,1fr)}}
.process__number{font-size:var(--fs-4xl);font-weight:var(--fw-extrabold);color:var(--emerald-100);line-height:1;margin-bottom:var(--space-md)}.process__title{font-size:var(--fs-lg);font-weight:var(--fw-semibold);margin-bottom:var(--space-sm)}.process__desc{font-size:var(--fs-sm);color:var(--text-secondary);line-height:var(--lh-normal)}

/* BADGE */
.badge{display:inline-flex;align-items:center;padding:4px 12px;font-size:var(--fs-xs);font-weight:var(--fw-semibold);border-radius:var(--radius-full);background:var(--emerald-50);color:var(--emerald-600)}
.badge--dark{background:rgba(16,185,129,.15);color:var(--emerald-300)}.badge--orange{background:rgba(249,115,22,.1);color:var(--accent-orange)}.badge--red{background:var(--red-100);color:var(--red-600)}

/* CHECKLIST */
.checklist{display:flex;flex-direction:column;gap:var(--space-sm)}
.checklist__item{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--fs-sm);color:var(--text-primary)}
.checklist__item svg{width:18px;height:18px;color:var(--emerald-600);flex-shrink:0}

/* TESTIMONIAL */
.testimonial{background:var(--white);border:1px solid var(--slate-200);border-radius:var(--radius-xl);padding:var(--space-2xl)}
.testimonial__quote{font-size:var(--fs-lg);line-height:var(--lh-relaxed);color:var(--slate-700);margin-bottom:var(--space-xl);font-style:italic}
.testimonial__author{display:flex;align-items:center;gap:var(--space-md)}.testimonial__avatar{width:48px;height:48px;border-radius:50%;background:var(--emerald-100);display:flex;align-items:center;justify-content:center;font-weight:var(--fw-bold);color:var(--emerald-600);font-size:var(--fs-sm)}
.testimonial__name{font-weight:var(--fw-semibold);font-size:var(--fs-sm)}.testimonial__role{font-size:var(--fs-xs);color:var(--text-secondary)}

/* ACCORDION */
.accordion{display:flex;flex-direction:column;gap:var(--space-sm)}.accordion__item{border:1px solid var(--slate-200);border-radius:var(--radius-lg);overflow:hidden}
.accordion__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-lg) var(--space-xl);font-size:var(--fs-base);font-weight:var(--fw-semibold);text-align:left;color:var(--text-primary);background:var(--white);transition:background var(--transition-fast)}.accordion__trigger:hover{background:var(--slate-50)}
.accordion__trigger svg{width:20px;height:20px;color:var(--slate-500);transition:transform var(--transition-base);flex-shrink:0}.accordion__item--open .accordion__trigger svg{transform:rotate(180deg)}
.accordion__content{display:none;padding:0 var(--space-xl) var(--space-lg);font-size:var(--fs-sm);color:var(--text-secondary);line-height:var(--lh-relaxed)}.accordion__item--open .accordion__content{display:block}

/* FORM */
.form{display:flex;flex-direction:column;gap:var(--space-lg)}.form__group{display:flex;flex-direction:column;gap:var(--space-xs)}.form__row{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}@media(min-width:640px){.form__row{grid-template-columns:1fr 1fr}}
.form__label{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--slate-700)}
.form__input,.form__select,.form__textarea{width:100%;padding:14px 16px;font-family:var(--font-body);font-size:var(--fs-base);color:var(--text-primary);background:var(--white);border:1.5px solid var(--slate-200);border-radius:var(--radius-lg);transition:all var(--transition-fast);outline:none}
.form__input:focus,.form__select:focus,.form__textarea:focus{border-color:var(--emerald-500);box-shadow:0 0 0 4px rgba(5,150,105,.1)}.form__textarea{min-height:140px;resize:vertical}
.form__select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}
.form__hint{font-size:var(--fs-xs);color:var(--slate-500)}

/* CTA */
.cta-section{text-align:center;padding:var(--space-5xl) 0}.cta-section__title{margin-bottom:var(--space-lg)}.cta-section__desc{font-size:var(--fs-lg);color:var(--text-on-dark-muted);max-width:600px;margin:0 auto var(--space-2xl)}.cta-section__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-md)}

/* FOOTER */
.footer{background:var(--bg-darker);color:var(--text-on-dark);padding:var(--space-5xl) 0 var(--space-xl)}
.footer__grid{display:grid;grid-template-columns:1fr;gap:var(--space-3xl);margin-bottom:var(--space-4xl)}@media(min-width:640px){.footer__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.footer__grid{grid-template-columns:2fr 1fr 1fr 1fr 1fr}}
.footer__brand-desc{font-size:var(--fs-sm);color:var(--text-on-dark-muted);margin-top:var(--space-lg);max-width:320px;line-height:var(--lh-relaxed)}
.footer__heading{font-size:var(--fs-sm);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:var(--ls-wide);color:var(--slate-400);margin-bottom:var(--space-lg)}
.footer__links{display:flex;flex-direction:column;gap:var(--space-sm)}.footer__link{font-size:var(--fs-sm);color:var(--text-on-dark-muted);transition:color var(--transition-fast)}.footer__link:hover{color:var(--white)}
.footer__divider{height:1px;background:rgba(255,255,255,.08);margin-bottom:var(--space-xl)}
.footer__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-md);font-size:var(--fs-xs);color:var(--slate-500)}.footer__legal-links{display:flex;gap:var(--space-lg)}.footer__legal-links a{color:var(--slate-500)}.footer__legal-links a:hover{color:var(--slate-300)}

/* UTILITIES */
.fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.fade-in--visible{opacity:1;transform:translateY(0)}.fade-in-delay-1{transition-delay:.1s}.fade-in-delay-2{transition-delay:.2s}.fade-in-delay-3{transition-delay:.3s}
.text-center{text-align:center}.mt-xl{margin-top:var(--space-xl)}.mt-2xl{margin-top:var(--space-2xl)}.mt-3xl{margin-top:var(--space-3xl)}
::selection{background:var(--emerald-200);color:var(--emerald-950)}

/* WORDPRESS: Block-Editor-Inhalt (Impressum, Datenschutz, …) */
.wp-content{max-width:none;line-height:var(--lh-relaxed);color:var(--text-secondary)}
.wp-content h1,.wp-content h2,.wp-content h3,.wp-content h4,.wp-content h5,.wp-content h6{margin-top:var(--space-2xl);margin-bottom:var(--space-md);color:var(--text-primary)}
.wp-content p{margin-bottom:var(--space-lg)}
.wp-content ul,.wp-content ol{padding-left:var(--space-xl);margin-bottom:var(--space-lg);list-style:disc}
.wp-content ol{list-style:decimal}
.wp-content a{color:var(--brand-500);text-decoration:underline;text-underline-offset:2px}
.wp-content a:hover{color:var(--brand-700)}
.wp-content img{border-radius:var(--radius-lg);margin:var(--space-xl) 0}
.wp-content blockquote{border-left:4px solid var(--brand-500);padding-left:var(--space-lg);font-style:italic;color:var(--brand-600)}

/* MULTI-DROPDOWN NAV */
.nav__dropdown--wide{min-width:300px}
.nav__dropdown--two-col{min-width:520px;display:grid;grid-template-columns:1fr 1fr;gap:2px}

/* GRID EXT */
@media(min-width:1024px){.grid--4-fixed{grid-template-columns:repeat(4,1fr)}}

/* PRICING 4 COLUMNS (legacy) */
@media(min-width:1024px){.grid--pricing-4{grid-template-columns:repeat(4,1fr);gap:var(--space-lg)}}
.grid--pricing-4{display:grid;grid-template-columns:1fr;gap:var(--space-xl)}
@media(min-width:640px){.grid--pricing-4{grid-template-columns:repeat(2,1fr)}}

/* PRICING 3 COLUMNS */
.grid--pricing-3{display:grid;grid-template-columns:1fr;gap:var(--space-xl)}
@media(min-width:640px){.grid--pricing-3{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.grid--pricing-3{grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}}

.pricing-card--compact{padding:var(--space-xl)}
.pricing-card--woo{border-color:var(--accent-orange)}
.pricing-card--woo::before{content:'Für Online-Shops';position:absolute;top:-14px;left:24px;padding:4px 16px;background:var(--accent-orange);color:var(--white);font-size:var(--fs-xs);font-weight:var(--fw-bold);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:var(--ls-wide);box-shadow:0 4px 14px rgba(249,115,22,.35);z-index:2}
.pricing-card--woo{position:relative}
.pricing-card__rate{font-size:var(--fs-sm);color:var(--emerald-700);background:var(--emerald-50);padding:6px 12px;border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:6px;margin-bottom:var(--space-md);font-weight:var(--fw-semibold);align-self:flex-start}
.pricing-card--woo .pricing-card__rate{color:var(--accent-orange-hover);background:rgba(249,115,22,.1)}

/* WIDE eCommerce CARD (full row below the 3 standard packages) */
.pricing-card--wide{margin-top:var(--space-2xl);background:linear-gradient(135deg,var(--white) 0%,rgba(249,115,22,.04) 55%,rgba(249,115,22,.12) 100%);border-color:var(--accent-orange);position:relative;padding:var(--space-2xl)}
.pricing-card--wide:hover{border-color:var(--accent-orange);box-shadow:0 24px 48px rgba(249,115,22,.18)}
.pricing-card--wide__inner{display:grid;grid-template-columns:1fr;gap:var(--space-xl);align-items:start}
@media(min-width:1024px){.pricing-card--wide{padding:var(--space-3xl)}.pricing-card--wide__inner{grid-template-columns:1fr auto 2fr;gap:var(--space-2xl);align-items:center}}
.pricing-card--wide__head{display:flex;flex-direction:column;gap:var(--space-xs)}
.pricing-card--wide__head .pricing-card__name{margin:0;color:var(--accent-orange-hover)}
.pricing-card--wide__head .pricing-card__price{margin:0}
.pricing-card--wide__head .pricing-card__rate{align-self:flex-start;margin:var(--space-sm) 0 0}
.pricing-card--wide__divider{display:none}
@media(min-width:1024px){.pricing-card--wide__divider{display:block;width:1px;height:140px;background:linear-gradient(to bottom,transparent,rgba(249,115,22,.3),transparent)}}
.pricing-card--wide__body{display:flex;flex-direction:column;gap:var(--space-md)}
.pricing-card--wide__body .pricing-card__desc{margin-bottom:var(--space-sm)}
.pricing-card--wide__body .pricing-card__features{display:grid;grid-template-columns:1fr;gap:var(--space-sm);margin-bottom:var(--space-lg);flex-grow:0}
@media(min-width:640px){.pricing-card--wide__body .pricing-card__features{grid-template-columns:repeat(2,1fr);column-gap:var(--space-xl)}}
.pricing-card--wide__body .pricing-card__feature svg{color:var(--accent-orange)}
.pricing-card--wide .btn--full{align-self:flex-start;max-width:320px}

/* COMPARE TABLE */
.compare{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}
.compare th,.compare td{padding:var(--space-md) var(--space-md);text-align:left;border-bottom:1px solid var(--slate-200);vertical-align:top}
.compare thead th{background:var(--slate-50);font-weight:var(--fw-semibold);color:var(--slate-800);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:var(--ls-wide)}
.compare td.compare__check{color:var(--emerald-600);font-weight:var(--fw-bold)}
.compare td.compare__na{color:var(--slate-400)}
.compare tbody tr:hover{background:var(--slate-50)}
.compare-wrap{overflow-x:auto;border:1px solid var(--slate-200);border-radius:var(--radius-lg);background:var(--white)}
.compare__featured{background:rgba(5,150,105,.04)}
.compare__woo{background:rgba(249,115,22,.04)}

/* PRICE LADDER */
.rate-ladder{display:grid;grid-template-columns:1fr;gap:var(--space-md);margin-top:var(--space-xl)}
@media(min-width:640px){.rate-ladder{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.rate-ladder{grid-template-columns:repeat(5,1fr)}}
.rate-step{background:var(--white);border:2px solid var(--slate-200);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center;position:relative}
.rate-step__tier{font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:var(--ls-wide);color:var(--slate-500);margin-bottom:var(--space-xs)}
.rate-step__price{font-size:var(--fs-2xl);font-weight:var(--fw-extrabold);color:var(--emerald-700);line-height:1}
.rate-step__unit{font-size:var(--fs-xs);color:var(--slate-500);margin-top:4px}
.rate-step--best{border-color:var(--emerald-500);background:linear-gradient(135deg,var(--emerald-50),var(--white))}
.rate-step--best .rate-step__price{color:var(--emerald-800)}

/* DIR LISTS (Plugin/Theme) */
.dir-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}
@media(min-width:640px){.dir-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.dir-grid{grid-template-columns:repeat(3,1fr)}}
.dir-item{background:var(--white);border:1px solid var(--slate-200);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-fast);display:flex;flex-direction:column;height:100%}
.dir-item:hover{border-color:var(--emerald-300);box-shadow:var(--shadow-md);transform:translateY(-2px)}
.dir-item__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm);gap:var(--space-sm)}
.dir-item__name{font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--text-primary);line-height:1.25}
.dir-item__tag{display:inline-flex;align-items:center;padding:3px 10px;font-size:10px;font-weight:var(--fw-bold);border-radius:var(--radius-full);background:var(--emerald-100);color:var(--emerald-700);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}
.dir-item__tag--free{background:var(--emerald-100);color:var(--emerald-700)}
.dir-item__tag--freemium{background:rgba(249,115,22,.12);color:var(--accent-orange-hover)}
.dir-item__tag--premium{background:rgba(4,117,143,.12);color:var(--blue-600)}
.dir-item__desc{font-size:var(--fs-sm);color:var(--text-secondary);line-height:var(--lh-normal);margin-bottom:var(--space-md);flex-grow:1}
.dir-item__meta{font-size:var(--fs-xs);color:var(--slate-500);display:flex;gap:var(--space-md);flex-wrap:wrap;margin-top:auto;padding-top:var(--space-sm);border-top:1px solid var(--slate-100)}
.dir-item__meta strong{color:var(--slate-700)}

/* CATEGORY CHIPS */
.chips{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-2xl);justify-content:center}
.chip{display:inline-flex;align-items:center;padding:8px 16px;font-size:var(--fs-xs);font-weight:var(--fw-semibold);border-radius:var(--radius-full);background:var(--white);border:1.5px solid var(--slate-200);color:var(--slate-700);transition:all var(--transition-fast);cursor:pointer}
.chip:hover,.chip--active{background:var(--emerald-600);color:var(--white);border-color:var(--emerald-600)}

/* WIKI */
.wiki-alpha{display:flex;flex-wrap:wrap;gap:var(--space-xs);justify-content:center;margin-bottom:var(--space-2xl)}
.wiki-alpha a{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;font-size:var(--fs-sm);font-weight:var(--fw-bold);background:var(--white);border:1.5px solid var(--slate-200);border-radius:var(--radius-md);color:var(--slate-700);transition:all var(--transition-fast)}
.wiki-alpha a:hover{background:var(--emerald-600);color:var(--white);border-color:var(--emerald-600)}
.wiki-alpha a.is-empty{opacity:.35;pointer-events:none}
.wiki-group{margin-bottom:var(--space-3xl)}
.wiki-group__letter{font-size:var(--fs-4xl);font-weight:var(--fw-extrabold);color:var(--emerald-600);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:2px solid var(--emerald-100)}
.wiki-list{display:grid;grid-template-columns:1fr;gap:var(--space-md)}
@media(min-width:768px){.wiki-list{grid-template-columns:repeat(2,1fr)}}
.wiki-term{background:var(--white);border:1px solid var(--slate-200);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);transition:all var(--transition-fast)}
.wiki-term:hover{border-color:var(--emerald-300);box-shadow:var(--shadow-sm)}
.wiki-term__name{font-size:var(--fs-base);font-weight:var(--fw-bold);color:var(--text-primary);margin-bottom:4px;display:flex;align-items:center;gap:var(--space-xs)}
.wiki-term__name a{color:inherit}.wiki-term__name a:hover{color:var(--emerald-600)}
.wiki-term__desc{font-size:var(--fs-sm);color:var(--text-secondary);line-height:var(--lh-normal)}

/* BLOG CARDS */
.post-grid{display:grid;grid-template-columns:1fr;gap:var(--space-xl)}
@media(min-width:640px){.post-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.post-grid{grid-template-columns:repeat(3,1fr)}}
.post-card{background:var(--white);border:1px solid var(--slate-200);border-radius:var(--radius-xl);padding:var(--space-xl);display:flex;flex-direction:column;transition:all var(--transition-fast)}
.post-card:hover{border-color:var(--emerald-300);box-shadow:var(--shadow-lg);transform:translateY(-3px)}
.post-card__meta{font-size:var(--fs-xs);color:var(--slate-500);text-transform:uppercase;letter-spacing:var(--ls-wide);font-weight:var(--fw-semibold);margin-bottom:var(--space-sm)}
.post-card__meta-cat{color:var(--emerald-600);margin-left:var(--space-sm)}
.post-card__title{font-size:var(--fs-lg);font-weight:var(--fw-bold);line-height:1.3;margin-bottom:var(--space-sm);color:var(--text-primary)}
.post-card__title a{color:inherit}.post-card__title a:hover{color:var(--emerald-700)}
.post-card__excerpt{font-size:var(--fs-sm);color:var(--text-secondary);line-height:var(--lh-normal);margin-bottom:var(--space-lg);flex-grow:1}
.post-card__link{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--emerald-600);display:inline-flex;align-items:center;gap:6px;transition:gap var(--transition-fast);margin-top:auto}
.post-card__link:hover{gap:var(--space-sm)}

/* SEMINAR/COURSE MODULES */
.module-list{display:grid;grid-template-columns:1fr;gap:var(--space-md);counter-reset:module}
.module{background:var(--white);border:1px solid var(--slate-200);border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-xl);display:flex;gap:var(--space-lg);align-items:flex-start;counter-increment:module}
.module::before{content:counter(module,decimal-leading-zero);font-size:var(--fs-xl);font-weight:var(--fw-extrabold);color:var(--emerald-600);flex-shrink:0;min-width:48px}
.module__body{flex:1}
.module__title{font-size:var(--fs-lg);font-weight:var(--fw-bold);margin-bottom:6px}
.module__desc{font-size:var(--fs-sm);color:var(--text-secondary);line-height:var(--lh-normal)}

/* TIMELINE */
.timeline{position:relative;padding-left:var(--space-2xl)}
.timeline::before{content:'';position:absolute;left:12px;top:8px;bottom:8px;width:2px;background:var(--emerald-200)}
.timeline__item{position:relative;padding-bottom:var(--space-xl)}
.timeline__item::before{content:'';position:absolute;left:-31px;top:6px;width:12px;height:12px;background:var(--emerald-600);border-radius:50%;border:3px solid var(--white);box-shadow:0 0 0 2px var(--emerald-600)}
.timeline__title{font-size:var(--fs-base);font-weight:var(--fw-bold);margin-bottom:4px}
.timeline__desc{font-size:var(--fs-sm);color:var(--text-secondary)}

/* FORM ENHANCEMENTS */
.form__group--wide{grid-column:1/-1}
.form__checkbox-group{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);background:var(--white);border:1.5px solid var(--slate-200);border-radius:var(--radius-lg)}
.form__checkbox{display:flex;align-items:flex-start;gap:var(--space-sm);font-size:var(--fs-sm);cursor:pointer;color:var(--slate-700)}
.form__checkbox input[type="checkbox"]{margin-top:3px;width:16px;height:16px;accent-color:var(--emerald-600);flex-shrink:0;cursor:pointer}

/* NOTICE BOXES */
.notice{padding:var(--space-lg) var(--space-xl);border-radius:var(--radius-lg);border-left:4px solid;margin:var(--space-xl) 0;background:var(--slate-50)}
.notice--info{border-color:var(--blue-500);background:rgba(4,117,143,.06)}
.notice--success{border-color:var(--emerald-500);background:var(--emerald-50)}
.notice--warn{border-color:var(--accent-orange);background:rgba(249,115,22,.05)}
.notice__title{font-weight:var(--fw-bold);margin-bottom:var(--space-xs)}
.notice__body{font-size:var(--fs-sm);color:var(--text-secondary);line-height:var(--lh-normal)}

/* SINGLE POST */
.single-hero{padding:var(--space-4xl) 0 var(--space-2xl);background:linear-gradient(135deg,var(--brand-900) 0%,var(--brand-800) 48%,var(--brand-600) 100%);color:var(--white)}
.single-hero__meta{color:var(--brand-300);font-size:var(--fs-xs);font-family:var(--font-body);text-transform:uppercase;letter-spacing:var(--ls-wide);font-weight:var(--fw-semibold);margin-bottom:var(--space-md)}
.single-hero__title{color:var(--white);max-width:800px}

/* WARTUNG HERO FEATURES */
.hero-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg);margin-top:var(--space-2xl);max-width:600px}
@media(min-width:768px){.hero-stats{grid-template-columns:repeat(4,1fr)}}
.hero-stat__num{font-size:var(--fs-3xl);font-weight:var(--fw-extrabold);color:var(--emerald-400);line-height:1}
.hero-stat__label{font-size:var(--fs-xs);color:rgba(255,255,255,.7);text-transform:uppercase;letter-spacing:var(--ls-wide);font-weight:var(--fw-semibold);margin-top:6px}

/* DETAIL ICON LIST (split) */
.icon-list{display:flex;flex-direction:column;gap:var(--space-lg)}
.icon-list__item{display:flex;gap:var(--space-md);align-items:flex-start}
.icon-list__icon{flex-shrink:0;width:44px;height:44px;border-radius:var(--radius-md);background:var(--emerald-50);color:var(--emerald-600);display:flex;align-items:center;justify-content:center}
.icon-list__icon svg{width:22px;height:22px}
.icon-list__title{font-size:var(--fs-base);font-weight:var(--fw-bold);margin-bottom:4px}
.icon-list__desc{font-size:var(--fs-sm);color:var(--text-secondary);line-height:var(--lh-normal)}

/* META TAG ROW */
.meta-row{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-lg);font-size:var(--fs-xs);color:var(--slate-500);text-transform:uppercase;letter-spacing:var(--ls-wide);font-weight:var(--fw-semibold)}

/* WOOC Badge */
.woo-badge{display:inline-block;padding:4px 10px;font-size:10px;font-weight:var(--fw-bold);background:var(--accent-orange);color:var(--white);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}


/* CONTACT FORM STATUS */
.form__status{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);border-left:4px solid;margin-bottom:var(--space-lg);font-size:var(--fs-sm);line-height:var(--lh-normal);font-weight:var(--fw-medium)}
.form__status--success{background:var(--emerald-50);border-color:var(--emerald-500);color:var(--emerald-800)}
.form__status--error{background:rgba(220,38,38,.06);border-color:#dc2626;color:#991b1b}
.form__status a{color:inherit;text-decoration:underline}

/* ============================================
   ANIMATED SITE-HEALTH MONITOR (PROBLEM Split)
   ============================================ */
.ww-monitor{position:relative;width:100%;background:linear-gradient(160deg,#fff 0%,var(--brand-50) 100%);border:1px solid rgba(2,42,72,.08);border-radius:var(--radius-xl);box-shadow:0 24px 48px -16px rgba(2,42,72,.18),0 6px 14px -6px rgba(2,42,72,.08);overflow:hidden;font-family:inherit;color:var(--text-primary)}
.ww-monitor__chrome{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--brand-100);border-bottom:1px solid rgba(2,42,72,.06)}
.ww-monitor__dot{width:9px;height:9px;border-radius:50%;background:#cbd5e1}
.ww-monitor__dot:nth-child(1){background:#ef4444}
.ww-monitor__dot:nth-child(2){background:#f59e0b}
.ww-monitor__dot:nth-child(3){background:#10b981}
.ww-monitor__url{flex:1;font-size:.75rem;color:#64748b;text-align:center;padding:3px 10px;background:#fff;border-radius:6px;border:1px solid rgba(2,42,72,.06);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ww-monitor__live{display:inline-flex;align-items:center;gap:5px;font-size:.625rem;font-weight:700;letter-spacing:.06em;color:#10b981}
.ww-monitor__live-dot{width:7px;height:7px;border-radius:50%;background:#10b981;animation:ww-mon-pulse 1.6s ease-in-out infinite;box-shadow:0 0 0 0 rgba(16,185,129,.5)}

.ww-monitor__body{padding:18px 16px 16px;display:flex;flex-direction:column;gap:14px}

.ww-monitor__score{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid rgba(2,42,72,.06);border-radius:12px;padding:12px 14px}
.ww-monitor__score-ring{position:relative;width:60px;height:60px;flex-shrink:0}
.ww-monitor__score-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.ww-monitor__score-track{fill:none;stroke:rgba(2,42,72,.08);stroke-width:6}
.ww-monitor__score-fill{fill:none;stroke:#10b981;stroke-width:6;stroke-linecap:round;stroke-dasharray:163;stroke-dashoffset:163;animation:ww-mon-ring 12s ease-in-out infinite}
.ww-monitor__score-num{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:1.05rem;font-weight:800;color:var(--brand-600);font-family:var(--font-heading);animation:ww-mon-score-color 12s ease-in-out infinite}
.ww-monitor__score-meta{display:flex;flex-direction:column;line-height:1.3}
.ww-monitor__score-label{font-size:.75rem;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.04em}
.ww-monitor__score-trend{font-size:.875rem;font-weight:700;color:#10b981;margin-top:2px}

.ww-monitor__list{list-style:none;display:flex;flex-direction:column;gap:6px;padding:0;margin:0}
.ww-monitor__item{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:9px 12px;background:#fff;border:1px solid rgba(2,42,72,.06);border-radius:10px;font-size:.8125rem}
.ww-monitor__name{font-weight:600;color:var(--brand-700);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.ww-monitor__chip{font-size:.625rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:2px 7px;border-radius:999px;border:1px solid;animation:ww-mon-chip-fade 12s ease-in-out infinite}
.ww-monitor__chip--info{color:var(--blue-600);background:rgba(4,117,143,.1);border-color:rgba(4,117,143,.28)}
.ww-monitor__chip--warn{color:#b45309;background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.3)}
.ww-monitor__chip--danger{color:#b91c1c;background:rgba(220,38,38,.1);border-color:rgba(220,38,38,.3)}
.ww-monitor__status{position:relative;font-size:.6875rem;color:#64748b;min-width:54px;text-align:right;font-variant-numeric:tabular-nums}
.ww-monitor__check{display:inline-block;margin-left:4px;color:#10b981;font-weight:800;opacity:0;transform:scale(.5);animation:ww-mon-check 12s ease-in-out infinite}

.ww-monitor__item:nth-child(1) .ww-monitor__check{animation-delay:1.4s}
.ww-monitor__item:nth-child(2) .ww-monitor__check{animation-delay:2.8s}
.ww-monitor__item:nth-child(3) .ww-monitor__check{animation-delay:4.2s}
.ww-monitor__item:nth-child(4) .ww-monitor__check{animation-delay:5.6s}
.ww-monitor__item:nth-child(1) .ww-monitor__chip{animation-delay:1.6s}
.ww-monitor__item:nth-child(2) .ww-monitor__chip{animation-delay:3.0s}
.ww-monitor__item:nth-child(3) .ww-monitor__chip{animation-delay:4.4s}
.ww-monitor__item:nth-child(4) .ww-monitor__chip{animation-delay:5.8s}

.ww-monitor__progress{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;background:#fff;border:1px solid rgba(2,42,72,.06);border-radius:10px;padding:8px 12px}
.ww-monitor__progress-label{font-size:.6875rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.04em}
.ww-monitor__progress-bar{position:relative;display:block;height:6px;background:rgba(2,42,72,.08);border-radius:999px;overflow:hidden}
.ww-monitor__progress-bar>span{position:absolute;left:0;top:0;height:100%;width:0;background:linear-gradient(90deg,var(--brand-500),#10b981);border-radius:999px;animation:ww-mon-progress 12s ease-in-out infinite}
.ww-monitor__progress-state{font-size:.75rem;font-weight:700;color:#10b981;animation:ww-mon-state 12s ease-in-out infinite}

@keyframes ww-mon-pulse{0%,100%{box-shadow:0 0 0 0 rgba(16,185,129,.55)}50%{box-shadow:0 0 0 6px rgba(16,185,129,0)}}
@keyframes ww-mon-ring{0%,4%{stroke-dashoffset:95;stroke:#ef4444}50%{stroke-dashoffset:25;stroke:#f59e0b}88%,100%{stroke-dashoffset:0;stroke:#10b981}}
@keyframes ww-mon-score-color{0%,4%{color:#ef4444}50%{color:#f59e0b}88%,100%{color:#10b981}}
@keyframes ww-mon-progress{0%{width:0}90%{width:100%}100%{width:100%}}
@keyframes ww-mon-state{0%,80%{color:#94a3b8}90%,100%{color:#10b981}}
@keyframes ww-mon-check{0%,40%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.15)}65%,90%{opacity:1;transform:scale(1)}95%,100%{opacity:0}}
@keyframes ww-mon-chip-fade{0%,40%{opacity:1}55%{opacity:.25;filter:saturate(.4)}90%,100%{opacity:.25;filter:saturate(.4)}}

/* ============================================
   ANIMATED SECURITY-SCAN (NOTFALL Split)
   ============================================ */
.ww-scan{position:relative;width:100%;background:linear-gradient(160deg,var(--brand-900) 0%,var(--brand-950) 100%);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);box-shadow:0 24px 50px -16px rgba(0,0,0,.4);overflow:hidden;color:#fff;font-family:inherit}
.ww-scan__header{display:flex;align-items:center;gap:10px;padding:12px 14px;background:rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.08)}
.ww-scan__shield{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#ef4444,#f97316);display:inline-flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;animation:ww-scan-shield 14s ease-in-out infinite}
.ww-scan__shield svg{width:18px;height:18px}
.ww-scan__title{display:flex;flex-direction:column;line-height:1.2;flex:1;min-width:0}
.ww-scan__name{font-size:.875rem;font-weight:700;color:#fff}
.ww-scan__status{font-size:.6875rem;color:rgba(255,255,255,.55);display:inline-flex;align-items:center;gap:5px}
.ww-scan__status-dot{width:6px;height:6px;border-radius:50%;background:#fbbf24;animation:ww-scan-blink 1.4s ease-in-out infinite}
.ww-scan__site{font-size:.625rem;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.06em;font-weight:600;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}

.ww-scan__body{padding:16px;display:grid;grid-template-columns:1fr;gap:16px;min-height:320px}
@media(min-width:480px){.ww-scan__body{grid-template-columns:130px 1fr;align-items:start}}

.ww-scan__radar{position:relative;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle at center,rgba(239,68,68,.15) 0%,rgba(2,42,72,.4) 70%);border:1px solid rgba(255,255,255,.12);overflow:hidden;flex-shrink:0;justify-self:center}
.ww-scan__radar-grid{position:absolute;inset:8px;border-radius:50%;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 0 14px transparent,inset 0 0 0 15px rgba(255,255,255,.06),inset 0 0 0 30px transparent,inset 0 0 0 31px rgba(255,255,255,.06)}
.ww-scan__radar-grid::before,.ww-scan__radar-grid::after{content:'';position:absolute;inset:0;background:rgba(255,255,255,.07)}
.ww-scan__radar-grid::before{width:1px;left:50%;margin-left:-.5px}
.ww-scan__radar-grid::after{height:1px;top:50%;margin-top:-.5px}
.ww-scan__radar-sweep{position:absolute;top:50%;left:50%;width:50%;height:50%;background:conic-gradient(from 0deg,rgba(52,211,153,0) 0deg,rgba(52,211,153,.5) 60deg,rgba(52,211,153,0) 90deg);transform-origin:0 0;animation:ww-scan-sweep 3.2s linear infinite}
.ww-scan__radar-blip{position:absolute;width:8px;height:8px;border-radius:50%;background:#fbbf24;box-shadow:0 0 12px 2px rgba(251,191,36,.6);opacity:0;animation:ww-scan-blip 14s ease-in-out infinite}
.ww-scan__radar-blip--1{top:30%;left:62%;animation-delay:2s;background:#f59e0b;box-shadow:0 0 12px 2px rgba(245,158,11,.7)}
.ww-scan__radar-blip--2{top:58%;left:38%;animation-delay:3.5s;background:#ef4444;box-shadow:0 0 12px 2px rgba(239,68,68,.75)}
.ww-scan__radar-blip--3{top:42%;left:68%;animation-delay:5s;background:#ef4444;box-shadow:0 0 12px 2px rgba(239,68,68,.75)}

.ww-scan__log{list-style:none;display:flex;flex-direction:column;gap:6px;padding:0;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.ww-scan__log-item{display:flex;gap:10px;padding:7px 10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:8px;font-size:.75rem;line-height:1.4;opacity:0;transform:translateY(6px);animation:ww-scan-log 14s ease-in-out infinite}
.ww-scan__log-item:nth-child(1){animation-delay:0.4s}
.ww-scan__log-item:nth-child(2){animation-delay:2.0s}
.ww-scan__log-item:nth-child(3){animation-delay:3.6s;border-color:rgba(239,68,68,.35)}
.ww-scan__log-item:nth-child(4){animation-delay:5.6s}
.ww-scan__log-item:nth-child(5){animation-delay:8.0s;border-color:rgba(52,211,153,.35);background:rgba(52,211,153,.08)}
.ww-scan__time{color:rgba(255,255,255,.4);font-weight:700;flex-shrink:0;font-variant-numeric:tabular-nums}
.ww-scan__msg{color:rgba(255,255,255,.85);min-width:0;word-break:break-word}
.ww-scan__msg code{padding:0 4px;border-radius:3px;background:rgba(255,255,255,.08);color:var(--brand-300);font-size:.95em}
.ww-scan__log-item--info .ww-scan__msg{color:rgba(255,255,255,.78)}
.ww-scan__log-item--warn .ww-scan__msg{color:#fcd34d}
.ww-scan__log-item--danger .ww-scan__msg{color:#fca5a5;font-weight:600}
.ww-scan__log-item--success .ww-scan__msg{color:#6ee7b7;font-weight:700}

.ww-scan__footer{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:6px;border-top:1px solid rgba(255,255,255,.08);margin-top:4px}
.ww-scan__metric{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:8px;text-align:center;opacity:0;animation:ww-scan-metric 14s ease-in-out infinite}
.ww-scan__metric:nth-child(1){animation-delay:9s}
.ww-scan__metric:nth-child(2){animation-delay:9.4s}
.ww-scan__metric:nth-child(3){animation-delay:9.8s}
.ww-scan__metric--ok{background:linear-gradient(135deg,rgba(16,185,129,.18),rgba(16,185,129,.04));border-color:rgba(16,185,129,.4)}
.ww-scan__metric-value{font-size:1rem;font-weight:800;color:#fff;letter-spacing:.02em;font-family:var(--font-heading)}
.ww-scan__metric--ok .ww-scan__metric-value{color:#6ee7b7;letter-spacing:.05em;font-size:.875rem}
.ww-scan__metric-label{font-size:.625rem;text-transform:uppercase;letter-spacing:.06em;color:rgba(255,255,255,.55);font-weight:600}

@keyframes ww-scan-blink{0%,100%{opacity:1}50%{opacity:.35}}
@keyframes ww-scan-sweep{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes ww-scan-blip{0%,15%{opacity:0;transform:scale(.4)}20%{opacity:1;transform:scale(1.2)}25%{transform:scale(1)}55%{opacity:1}65%{opacity:0;transform:scale(.4)}100%{opacity:0;transform:scale(.4)}}
@keyframes ww-scan-shield{0%,55%{background:linear-gradient(135deg,#ef4444,#f97316)}65%,100%{background:linear-gradient(135deg,#10b981,#059669)}}
@keyframes ww-scan-log{0%,2%{opacity:0;transform:translateY(6px)}5%{opacity:1;transform:translateY(0)}92%{opacity:1;transform:translateY(0)}96%,100%{opacity:0;transform:translateY(-4px)}}
@keyframes ww-scan-metric{0%,60%{opacity:0;transform:translateY(8px)}65%{opacity:1;transform:translateY(0)}92%{opacity:1;transform:translateY(0)}96%,100%{opacity:0}}

/* ============================================================
   DYNAMISCHE VISUALS — Sub-Pages
   Alle Komponenten: pures HTML/CSS/SVG, keine JS-Abhängigkeiten.
   Loop-Dauer i. d. R. 10–14 s. Reduced-Motion am Ende.
   ============================================================ */

/* Gemeinsame Karte (Card-Frame) für alle Sub-Page-Visuals */
.ww-vis{position:relative;width:100%;background:linear-gradient(160deg,#fff 0%,var(--brand-50) 100%);border:1px solid rgba(2,42,72,.08);border-radius:var(--radius-xl);box-shadow:0 24px 48px -16px rgba(2,42,72,.18),0 6px 14px -6px rgba(2,42,72,.08);overflow:hidden;font-family:inherit;color:var(--text-primary)}
.ww-vis--dark{background:linear-gradient(160deg,var(--brand-900) 0%,var(--brand-800) 100%);color:#fff;box-shadow:0 24px 50px -16px rgba(0,0,0,.4)}
.ww-vis--red{background:linear-gradient(160deg,#fff 0%,#fff5f5 100%)}
.ww-vis__chrome{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--brand-100);border-bottom:1px solid rgba(2,42,72,.06);font-size:.75rem;color:#475569}
.ww-vis--dark .ww-vis__chrome{background:rgba(255,255,255,.04);color:rgba(255,255,255,.7);border-bottom-color:rgba(255,255,255,.08)}
.ww-vis--red .ww-vis__chrome{background:#fef2f2;color:#991b1b;border-bottom-color:rgba(220,38,38,.15)}
.ww-vis__chrome-dot{width:9px;height:9px;border-radius:50%;background:#cbd5e1;flex-shrink:0}
.ww-vis__chrome-dot:nth-child(1){background:#ef4444}.ww-vis__chrome-dot:nth-child(2){background:#f59e0b}.ww-vis__chrome-dot:nth-child(3){background:#10b981}
.ww-vis__chrome-title{flex:1;font-weight:600;letter-spacing:.02em;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ww-vis__chrome-live{display:inline-flex;align-items:center;gap:5px;font-size:.625rem;font-weight:700;letter-spacing:.06em;color:#10b981;text-transform:uppercase}
.ww-vis__chrome-live::before{content:'';width:7px;height:7px;border-radius:50%;background:#10b981;animation:ww-mon-pulse 1.6s ease-in-out infinite;box-shadow:0 0 0 0 rgba(16,185,129,.5)}
.ww-vis__body{padding:16px;display:flex;flex-direction:column;gap:14px}

/* ----------- 1) ww-pipeline — Update-Pipeline (Local→Staging→Live) */
.ww-pipeline__lane{display:grid;grid-template-columns:1fr;gap:8px}
.ww-pipeline__stage{position:relative;background:#fff;border:1px solid rgba(2,42,72,.08);border-radius:12px;padding:10px 12px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}
.ww-pipeline__stage::after{content:'';position:absolute;left:18px;bottom:-9px;width:2px;height:8px;background:linear-gradient(180deg,rgba(16,185,129,.5),rgba(16,185,129,0))}
.ww-pipeline__stage:last-child::after{display:none}
.ww-pipeline__icon{width:28px;height:28px;border-radius:8px;background:rgba(2,42,72,.06);display:inline-flex;align-items:center;justify-content:center;color:#475569;flex-shrink:0;font-size:13px;font-weight:800}
.ww-pipeline__stage--local .ww-pipeline__icon{background:rgba(99,102,241,.12);color:#4f46e5}
.ww-pipeline__stage--staging .ww-pipeline__icon{background:rgba(245,158,11,.15);color:#b45309}
.ww-pipeline__stage--live .ww-pipeline__icon{background:rgba(16,185,129,.15);color:#047857}
.ww-pipeline__main{min-width:0;display:flex;flex-direction:column;gap:2px}
.ww-pipeline__name{font-size:.8125rem;font-weight:700;color:var(--brand-700)}
.ww-pipeline__sub{font-size:.6875rem;color:#64748b;font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.ww-pipeline__state{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:3px 8px;border-radius:999px;border:1px solid;animation:ww-pipe-state 12s ease-in-out infinite}
.ww-pipeline__stage--local .ww-pipeline__state{color:#4f46e5;border-color:rgba(99,102,241,.3);background:rgba(99,102,241,.08)}
.ww-pipeline__stage--staging .ww-pipeline__state{color:#b45309;border-color:rgba(245,158,11,.35);background:rgba(245,158,11,.08);animation-delay:1.5s}
.ww-pipeline__stage--live .ww-pipeline__state{color:#047857;border-color:rgba(16,185,129,.35);background:rgba(16,185,129,.08);animation-delay:3.5s}
.ww-pipeline__check{display:inline-block;color:#10b981;font-weight:800;opacity:0;animation:ww-pipe-check 12s ease-in-out infinite}
.ww-pipeline__stage--local .ww-pipeline__check{animation-delay:1.2s}
.ww-pipeline__stage--staging .ww-pipeline__check{animation-delay:3.2s}
.ww-pipeline__stage--live .ww-pipeline__check{animation-delay:5.2s}
.ww-pipeline__summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:6px;border-top:1px solid rgba(2,42,72,.06)}
.ww-pipeline__metric{text-align:center;padding:8px 4px;background:#fff;border:1px solid rgba(2,42,72,.06);border-radius:8px}
.ww-pipeline__metric-num{display:block;font-size:1.05rem;font-weight:800;color:var(--brand-700);font-family:var(--font-heading)}
.ww-pipeline__metric--ok .ww-pipeline__metric-num{color:#059669}
.ww-pipeline__metric-label{font-size:.625rem;text-transform:uppercase;letter-spacing:.05em;color:#64748b;font-weight:600}
@keyframes ww-pipe-state{0%,8%{filter:grayscale(1) opacity(.55)}16%,42%{filter:none}52%,100%{filter:none}}
@keyframes ww-pipe-check{0%,15%{opacity:0;transform:scale(.5)}20%{opacity:1;transform:scale(1.25)}25%,90%{opacity:1;transform:scale(1)}96%,100%{opacity:1}}

/* ----------- 2) ww-vault — Backup-Vault (Server → Cloud, Snapshot-Stack) */
.ww-vault__head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;padding:14px;background:#fff;border:1px solid rgba(2,42,72,.06);border-radius:12px}
.ww-vault__node{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.ww-vault__node-icon{width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,var(--brand-900),var(--brand-600));color:#fff;display:flex;align-items:center;justify-content:center}
.ww-vault__node--cloud .ww-vault__node-icon{background:linear-gradient(135deg,#10b981,#059669)}
.ww-vault__node-icon svg{width:22px;height:22px}
.ww-vault__node-label{font-size:.6875rem;font-weight:700;color:var(--brand-700);text-transform:uppercase;letter-spacing:.05em}
.ww-vault__node-meta{font-size:.625rem;color:#64748b;font-variant-numeric:tabular-nums}
.ww-vault__pipe{position:relative;height:30px;display:flex;align-items:center;justify-content:center}
.ww-vault__pipe::before{content:'';position:absolute;inset:0;top:50%;height:2px;margin-top:-1px;background:repeating-linear-gradient(90deg,rgba(16,185,129,.35) 0 4px,transparent 4px 8px)}
.ww-vault__packet{position:absolute;top:50%;left:0;width:14px;height:8px;margin-top:-4px;border-radius:3px;background:linear-gradient(90deg,#10b981,#34d399);box-shadow:0 0 8px rgba(16,185,129,.5);animation:ww-vault-packet 3.2s linear infinite}
.ww-vault__packet:nth-child(2){animation-delay:1.1s;background:linear-gradient(90deg,#34d399,#6ee7b7)}
.ww-vault__packet:nth-child(3){animation-delay:2.2s}
.ww-vault__cal{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;padding:10px;background:#fff;border:1px solid rgba(2,42,72,.06);border-radius:12px}
.ww-vault__day{position:relative;aspect-ratio:1;border-radius:5px;background:rgba(2,42,72,.06);display:flex;align-items:center;justify-content:center;font-size:.5625rem;font-weight:700;color:#94a3b8;font-variant-numeric:tabular-nums;animation:ww-vault-day 12s ease-in-out infinite}
.ww-vault__day--today{outline:2px solid #10b981;outline-offset:1px}
.ww-vault__day:nth-child(1){animation-delay:.0s}.ww-vault__day:nth-child(2){animation-delay:.2s}.ww-vault__day:nth-child(3){animation-delay:.4s}.ww-vault__day:nth-child(4){animation-delay:.6s}.ww-vault__day:nth-child(5){animation-delay:.8s}.ww-vault__day:nth-child(6){animation-delay:1.0s}.ww-vault__day:nth-child(7){animation-delay:1.2s}
.ww-vault__day:nth-child(8){animation-delay:1.4s}.ww-vault__day:nth-child(9){animation-delay:1.6s}.ww-vault__day:nth-child(10){animation-delay:1.8s}.ww-vault__day:nth-child(11){animation-delay:2.0s}.ww-vault__day:nth-child(12){animation-delay:2.2s}.ww-vault__day:nth-child(13){animation-delay:2.4s}.ww-vault__day:nth-child(14){animation-delay:2.6s}
.ww-vault__day:nth-child(15){animation-delay:2.8s}.ww-vault__day:nth-child(16){animation-delay:3.0s}.ww-vault__day:nth-child(17){animation-delay:3.2s}.ww-vault__day:nth-child(18){animation-delay:3.4s}.ww-vault__day:nth-child(19){animation-delay:3.6s}.ww-vault__day:nth-child(20){animation-delay:3.8s}.ww-vault__day:nth-child(21){animation-delay:4.0s}
.ww-vault__day:nth-child(22){animation-delay:4.2s}.ww-vault__day:nth-child(23){animation-delay:4.4s}.ww-vault__day:nth-child(24){animation-delay:4.6s}.ww-vault__day:nth-child(25){animation-delay:4.8s}.ww-vault__day:nth-child(26){animation-delay:5.0s}.ww-vault__day:nth-child(27){animation-delay:5.2s}.ww-vault__day:nth-child(28){animation-delay:5.4s}
.ww-vault__day:nth-child(29){animation-delay:5.6s}.ww-vault__day:nth-child(30){animation-delay:5.8s}
.ww-vault__cal-foot{display:flex;justify-content:space-between;align-items:center;padding:6px 14px;background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.2);border-radius:10px;font-size:.6875rem}
.ww-vault__cal-foot strong{color:#047857;font-weight:800;font-variant-numeric:tabular-nums}
.ww-vault__cal-foot span{color:#475569}
@keyframes ww-vault-packet{0%{left:0;opacity:0}10%{opacity:1}90%{opacity:1}100%{left:calc(100% - 14px);opacity:0}}
@keyframes ww-vault-day{0%,40%{background:rgba(2,42,72,.06);color:#94a3b8}50%,90%{background:linear-gradient(135deg,#10b981,#34d399);color:#fff}}

/* ----------- 3) ww-uptime — Live-Uptime-Monitor */
.ww-uptime__head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:12px 14px;background:#fff;border:1px solid rgba(2,42,72,.06);border-radius:12px}
.ww-uptime__big{font-family:var(--font-heading);font-size:1.6rem;font-weight:800;color:#10b981;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.ww-uptime__big small{font-size:.75rem;color:#475569;font-weight:600;display:block;margin-top:2px;letter-spacing:0}
.ww-uptime__meta{display:flex;flex-direction:column;line-height:1.3;min-width:0}
.ww-uptime__meta-label{font-size:.6875rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.05em}
.ww-uptime__meta-value{font-size:.875rem;font-weight:700;color:var(--brand-700)}
.ww-uptime__pulse{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.25);font-size:.625rem;font-weight:700;color:#047857;text-transform:uppercase;letter-spacing:.06em}
.ww-uptime__pulse::before{content:'';width:6px;height:6px;border-radius:50%;background:#10b981;animation:ww-mon-pulse 1.6s ease-in-out infinite}
.ww-uptime__chart{position:relative;background:#fff;border:1px solid rgba(2,42,72,.06);border-radius:12px;padding:10px}
.ww-uptime__chart svg{width:100%;height:100px;display:block}
.ww-uptime__line{fill:none;stroke:url(#ww-up-grad);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:600;stroke-dashoffset:600;animation:ww-up-draw 8s ease-in-out infinite}
.ww-uptime__area{fill:url(#ww-up-area);opacity:0;animation:ww-up-fade 8s ease-in-out infinite;animation-delay:.5s}
.ww-uptime__cursor{r:4;fill:#10b981;stroke:#fff;stroke-width:2;animation:ww-up-cursor 8s linear infinite}
.ww-uptime__bars{display:grid;grid-template-columns:repeat(30,1fr);gap:2px;margin-top:8px}
.ww-uptime__bar{height:14px;border-radius:2px;background:#10b981;animation:ww-up-bar 12s linear infinite}
.ww-uptime__bar--warn{background:#f59e0b}
.ww-uptime__bar:nth-child(7){animation-delay:.4s}.ww-uptime__bar:nth-child(11){animation-delay:.6s}.ww-uptime__bar:nth-child(15){animation-delay:.8s}.ww-uptime__bar:nth-child(20){animation-delay:1s}.ww-uptime__bar:nth-child(24){animation-delay:1.2s}.ww-uptime__bar:nth-child(28){animation-delay:1.4s}
.ww-uptime__status{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ww-uptime__chip{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 6px;background:#fff;border:1px solid rgba(2,42,72,.06);border-radius:10px;font-size:.6875rem;font-weight:700;color:#047857}
.ww-uptime__chip::before{content:'';width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 0 0 rgba(16,185,129,.4);animation:ww-mon-pulse 2s ease-in-out infinite}
.ww-uptime__chip:nth-child(2)::before{animation-delay:.3s}
.ww-uptime__chip:nth-child(3)::before{animation-delay:.6s}
@keyframes ww-up-draw{0%{stroke-dashoffset:600}40%,90%{stroke-dashoffset:0}100%{stroke-dashoffset:0}}
@keyframes ww-up-fade{0%,30%{opacity:0}50%,90%{opacity:1}100%{opacity:0}}
@keyframes ww-up-cursor{0%{cx:6}100%{cx:294}}
@keyframes ww-up-bar{0%,100%{opacity:.3;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}

/* ----------- 4) ww-chat — Persönlicher Support */
.ww-chat__msg{max-width:82%;padding:9px 12px;border-radius:14px;font-size:.8125rem;line-height:1.4;opacity:0;transform:translateY(6px);animation:ww-chat-in 14s ease-in-out infinite}
.ww-chat__msg--in{align-self:flex-start;background:#f1f5f9;border:1px solid rgba(2,42,72,.06);border-bottom-left-radius:4px;color:var(--brand-800)}
.ww-chat__msg--out{align-self:flex-end;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-bottom-right-radius:4px}
.ww-chat__row{display:flex;flex-direction:column;gap:10px}
.ww-chat__msg-time{display:block;font-size:.625rem;opacity:.6;margin-top:3px;font-variant-numeric:tabular-nums}
.ww-chat__msg:nth-child(1){animation-delay:.4s}
.ww-chat__msg:nth-child(2){animation-delay:2.6s}
.ww-chat__msg:nth-child(3){animation-delay:5s}
.ww-chat__msg:nth-child(4){animation-delay:7.2s}
.ww-chat__typing{display:inline-flex;gap:3px;padding:9px 12px;background:#f1f5f9;border:1px solid rgba(2,42,72,.06);border-radius:14px;border-bottom-left-radius:4px;align-self:flex-start;opacity:0;animation:ww-chat-typing 14s ease-in-out infinite;animation-delay:1.6s}
.ww-chat__typing span{width:6px;height:6px;border-radius:50%;background:#94a3b8;animation:ww-chat-bounce 1.2s ease-in-out infinite}
.ww-chat__typing span:nth-child(2){animation-delay:.15s}.ww-chat__typing span:nth-child(3){animation-delay:.3s}
.ww-chat__agent{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#fff;border:1px solid rgba(2,42,72,.06);border-radius:12px}
.ww-chat__avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.8125rem;flex-shrink:0}
.ww-chat__agent-meta{display:flex;flex-direction:column;line-height:1.3;flex:1;min-width:0}
.ww-chat__agent-name{font-size:.8125rem;font-weight:700;color:var(--brand-700)}
.ww-chat__agent-role{font-size:.625rem;color:#64748b;display:inline-flex;align-items:center;gap:4px}
.ww-chat__agent-role::before{content:'';width:6px;height:6px;border-radius:50%;background:#10b981;animation:ww-mon-pulse 1.6s ease-in-out infinite}
.ww-chat__sla{display:inline-flex;align-items:center;gap:4px;font-size:.625rem;font-weight:700;color:#047857;padding:3px 8px;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.25);border-radius:999px;text-transform:uppercase;letter-spacing:.05em}
@keyframes ww-chat-in{0%,2%{opacity:0;transform:translateY(6px)}5%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}96%,100%{opacity:0}}
@keyframes ww-chat-typing{0%,10%{opacity:0}12%,16%{opacity:1}18%,100%{opacity:0}}
@keyframes ww-chat-bounce{0%,80%,100%{transform:translateY(0);opacity:.5}40%{transform:translateY(-4px);opacity:1}}

/* ----------- 5) ww-firewall — Threats blocked by Shield */
.ww-firewall__stage{position:relative;height:170px;background:radial-gradient(circle at 70% 50%,rgba(16,185,129,.18) 0%,rgba(16,185,129,0) 60%),#fff;border:1px solid rgba(2,42,72,.06);border-radius:12px;overflow:hidden}
.ww-firewall__shield{position:absolute;top:50%;right:18px;transform:translateY(-50%);width:64px;height:74px;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,#10b981,#059669);clip-path:path('M32 0 L64 12 L64 42 C64 60 48 70 32 74 C16 70 0 60 0 42 L0 12 Z');filter:drop-shadow(0 6px 14px rgba(16,185,129,.35))}
.ww-firewall__shield svg{width:30px;height:30px}
.ww-firewall__attack{position:absolute;top:50%;left:-20px;width:32px;height:6px;border-radius:3px;background:linear-gradient(90deg,rgba(239,68,68,0),#ef4444);transform:translateY(-50%);animation:ww-fw-attack 2.8s linear infinite}
.ww-firewall__attack--1{top:30%;animation-delay:0s}
.ww-firewall__attack--2{top:50%;animation-delay:.8s;background:linear-gradient(90deg,rgba(239,68,68,0),#dc2626)}
.ww-firewall__attack--3{top:70%;animation-delay:1.6s}
.ww-firewall__attack--4{top:42%;animation-delay:2.0s}
.ww-firewall__attack--5{top:60%;animation-delay:1.2s}
.ww-firewall__burst{position:absolute;top:50%;right:90px;width:10px;height:10px;border-radius:50%;background:#fbbf24;opacity:0;transform:translate(0,-50%) scale(0);box-shadow:0 0 14px 2px rgba(251,191,36,.6);animation:ww-fw-burst 2.8s linear infinite}
.ww-firewall__burst--1{top:30%;animation-delay:.7s}
.ww-firewall__burst--2{top:50%;animation-delay:1.5s}
.ww-firewall__burst--3{top:70%;animation-delay:2.3s}
.ww-firewall__counter{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ww-firewall__metric{padding:10px;background:#fff;border:1px solid rgba(2,42,72,.06);border-radius:10px;text-align:center}
.ww-firewall__metric-num{font-size:1.05rem;font-weight:800;color:#dc2626;font-family:var(--font-heading);font-variant-numeric:tabular-nums}
.ww-firewall__metric--ok .ww-firewall__metric-num{color:#10b981}
.ww-firewall__metric-label{font-size:.625rem;text-transform:uppercase;letter-spacing:.05em;color:#475569;font-weight:600;margin-top:2px;display:block}
@keyframes ww-fw-attack{0%{left:-20px;opacity:0}8%{opacity:1}55%{left:calc(100% - 110px);opacity:1}62%{left:calc(100% - 105px);opacity:0}100%{left:calc(100% - 105px);opacity:0}}
@keyframes ww-fw-burst{0%,55%{opacity:0;transform:translate(0,-50%) scale(0)}60%{opacity:1;transform:translate(0,-50%) scale(1.4)}68%{opacity:0;transform:translate(0,-50%) scale(.8)}100%{opacity:0}}

/* ----------- 6) ww-checklist — Security-Audit Checklist */
.ww-checklist__head{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:12px 14px;background:#fff;border:1px solid rgba(2,42,72,.06);border-radius:12px}
.ww-checklist__title{font-size:.8125rem;font-weight:700;color:var(--brand-700)}
.ww-checklist__sub{font-size:.6875rem;color:#64748b;display:block;margin-top:2px}
.ww-checklist__score{font-size:1.4rem;font-weight:800;color:#10b981;font-family:var(--font-heading);font-variant-numeric:tabular-nums;line-height:1;animation:ww-chk-score 12s ease-in-out infinite}
.ww-checklist__score small{font-size:.625rem;color:#64748b;font-weight:600;letter-spacing:.04em;text-transform:uppercase;display:block;margin-top:2px}
.ww-checklist__list{display:flex;flex-direction:column;gap:6px}
.ww-checklist__item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:9px 12px;background:#fff;border:1px solid rgba(2,42,72,.06);border-radius:10px;font-size:.8125rem;color:var(--brand-700);font-weight:600}
.ww-checklist__box{width:18px;height:18px;border-radius:5px;background:rgba(2,42,72,.06);border:1px solid rgba(2,42,72,.12);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.6875rem;font-weight:800;animation:ww-chk-box 12s ease-in-out infinite}
.ww-checklist__item:nth-child(1) .ww-checklist__box{animation-delay:.6s}
.ww-checklist__item:nth-child(2) .ww-checklist__box{animation-delay:1.6s}
.ww-checklist__item:nth-child(3) .ww-checklist__box{animation-delay:2.6s}
.ww-checklist__item:nth-child(4) .ww-checklist__box{animation-delay:3.6s}
.ww-checklist__item:nth-child(5) .ww-checklist__box{animation-delay:4.6s}
.ww-checklist__item:nth-child(6) .ww-checklist__box{animation-delay:5.6s}
.ww-checklist__chip{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 7px;border-radius:999px;color:#047857;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3)}
@keyframes ww-chk-box{0%,4%{background:rgba(2,42,72,.06);border-color:rgba(2,42,72,.12)}8%{transform:scale(1.2)}10%,100%{background:#10b981;border-color:#10b981;transform:scale(1)}}
@keyframes ww-chk-score{0%,4%{content:'12'}50%,100%{content:'98'}}

/* ----------- 7) ww-flow — Notfall-Ablauf (vertikaler 6-Schritt-Prozess) */
.ww-flow{padding:6px 0}
.ww-flow__step{position:relative;display:grid;grid-template-columns:34px 1fr;gap:12px;padding:6px 0 6px 0}
.ww-flow__step::before{content:'';position:absolute;left:16px;top:34px;width:2px;height:calc(100% - 26px);background:linear-gradient(180deg,#cbd5e1,#cbd5e1);transform-origin:top;transform:scaleY(0);animation:ww-flow-line 14s ease-in-out infinite}
.ww-flow__step:last-child::before{display:none}
.ww-flow__step:nth-child(1)::before{animation-delay:.6s;background:linear-gradient(180deg,#dc2626,#f59e0b)}
.ww-flow__step:nth-child(2)::before{animation-delay:1.6s;background:linear-gradient(180deg,#f59e0b,#f59e0b)}
.ww-flow__step:nth-child(3)::before{animation-delay:2.6s;background:linear-gradient(180deg,#f59e0b,#10b981)}
.ww-flow__step:nth-child(4)::before{animation-delay:3.6s;background:linear-gradient(180deg,#10b981,#10b981)}
.ww-flow__step:nth-child(5)::before{animation-delay:4.6s;background:linear-gradient(180deg,#10b981,#10b981)}
.ww-flow__step:nth-child(6)::before{animation-delay:5.6s;background:linear-gradient(180deg,#10b981,#10b981)}
.ww-flow__num{position:relative;z-index:2;width:34px;height:34px;border-radius:50%;background:#fff;border:2px solid #cbd5e1;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.8125rem;color:#94a3b8;animation:ww-flow-num 14s ease-in-out infinite}
.ww-flow__step:nth-child(1) .ww-flow__num{animation-delay:.4s;--ww-c:#dc2626}
.ww-flow__step:nth-child(2) .ww-flow__num{animation-delay:1.4s;--ww-c:#f59e0b}
.ww-flow__step:nth-child(3) .ww-flow__num{animation-delay:2.4s;--ww-c:#f59e0b}
.ww-flow__step:nth-child(4) .ww-flow__num{animation-delay:3.4s;--ww-c:#10b981}
.ww-flow__step:nth-child(5) .ww-flow__num{animation-delay:4.4s;--ww-c:#10b981}
.ww-flow__step:nth-child(6) .ww-flow__num{animation-delay:5.4s;--ww-c:#10b981}
.ww-flow__body{padding:4px 0 12px 0;min-width:0}
.ww-flow__title{font-size:.8125rem;font-weight:700;color:var(--brand-700);margin-bottom:2px}
.ww-flow__meta{font-size:.6875rem;color:#64748b;font-variant-numeric:tabular-nums}
.ww-flow__chip{display:inline-block;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 7px;border-radius:999px;margin-left:6px;animation:ww-flow-chip 14s ease-in-out infinite}
.ww-flow__step:nth-child(1) .ww-flow__chip{animation-delay:.6s;background:rgba(220,38,38,.1);color:#b91c1c;border:1px solid rgba(220,38,38,.25)}
.ww-flow__step:nth-child(2) .ww-flow__chip{animation-delay:1.6s;background:rgba(245,158,11,.1);color:#b45309;border:1px solid rgba(245,158,11,.3)}
.ww-flow__step:nth-child(3) .ww-flow__chip{animation-delay:2.6s;background:rgba(245,158,11,.1);color:#b45309;border:1px solid rgba(245,158,11,.3)}
.ww-flow__step:nth-child(4) .ww-flow__chip{animation-delay:3.6s;background:rgba(16,185,129,.1);color:#047857;border:1px solid rgba(16,185,129,.3)}
.ww-flow__step:nth-child(5) .ww-flow__chip{animation-delay:4.6s;background:rgba(16,185,129,.1);color:#047857;border:1px solid rgba(16,185,129,.3)}
.ww-flow__step:nth-child(6) .ww-flow__chip{animation-delay:5.6s;background:rgba(16,185,129,.1);color:#047857;border:1px solid rgba(16,185,129,.3)}
@keyframes ww-flow-line{0%,5%{transform:scaleY(0)}15%,90%{transform:scaleY(1)}96%,100%{transform:scaleY(1)}}
@keyframes ww-flow-num{0%,5%{background:#fff;border-color:#cbd5e1;color:#94a3b8}10%{transform:scale(1.15)}15%,90%{background:var(--ww-c,#10b981);border-color:var(--ww-c,#10b981);color:#fff;transform:scale(1)}96%,100%{background:var(--ww-c,#10b981);border-color:var(--ww-c,#10b981);color:#fff}}
@keyframes ww-flow-chip{0%,8%{opacity:0;transform:translateY(-2px)}14%,96%{opacity:1;transform:translateY(0)}100%{opacity:1}}

/* ----------- 8) ww-invoice — Festpreis-Angebot */
.ww-invoice__sheet{background:#fff;border:1px solid rgba(2,42,72,.08);border-radius:12px;padding:16px 16px 56px;position:relative;overflow:hidden}
.ww-invoice__head{display:grid;grid-template-columns:1fr auto;align-items:center;padding-bottom:10px;border-bottom:1px dashed rgba(2,42,72,.12)}
.ww-invoice__title{font-size:.6875rem;text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-weight:700}
.ww-invoice__no{font-size:.6875rem;color:#94a3b8;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.ww-invoice__name{font-size:1.05rem;font-weight:800;color:var(--brand-700);margin-top:6px;font-family:var(--font-heading)}
.ww-invoice__lines{margin-top:10px;display:flex;flex-direction:column;gap:6px}
.ww-invoice__line{display:grid;grid-template-columns:1fr auto;gap:10px;padding:8px 0;border-bottom:1px dashed rgba(2,42,72,.08);font-size:.8125rem;opacity:0;transform:translateX(-6px);animation:ww-inv-line 12s ease-in-out infinite}
.ww-invoice__line:nth-child(1){animation-delay:.4s}
.ww-invoice__line:nth-child(2){animation-delay:1.4s}
.ww-invoice__line:nth-child(3){animation-delay:2.4s}
.ww-invoice__line-label{color:var(--brand-700);font-weight:600;line-height:1.3}
.ww-invoice__line-label small{display:block;font-size:.625rem;color:#64748b;font-weight:500;margin-top:2px}
.ww-invoice__line-amount{font-variant-numeric:tabular-nums;color:var(--brand-700);font-weight:700;white-space:nowrap}
.ww-invoice__sum{display:grid;grid-template-columns:1fr auto;align-items:center;padding:12px 0 4px;font-family:var(--font-heading)}
.ww-invoice__sum-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:#475569;font-weight:700}
.ww-invoice__sum-value{font-size:1.6rem;font-weight:800;color:#059669;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.ww-invoice__stamp{position:absolute;left:18px;bottom:14px;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:2px solid #059669;border-radius:8px;color:#059669;font-weight:800;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-heading);transform:rotate(-8deg) scale(.5);opacity:0;background:rgba(255,255,255,.92);animation:ww-inv-stamp 12s ease-in-out infinite;animation-delay:4.2s}
@keyframes ww-inv-line{0%,2%{opacity:0;transform:translateX(-6px)}6%,90%{opacity:1;transform:translateX(0)}96%,100%{opacity:1}}
@keyframes ww-inv-stamp{0%,30%{opacity:0;transform:rotate(-30deg) scale(.4)}38%{opacity:1;transform:rotate(-8deg) scale(1.1)}45%,90%{opacity:1;transform:rotate(-8deg) scale(1)}96%,100%{opacity:1;transform:rotate(-8deg) scale(1)}}

/* ----------- 9) ww-agenda — Seminar-Agenda */
.ww-agenda__head{display:grid;grid-template-columns:1fr auto;align-items:center;padding:12px 14px;background:#fff;border:1px solid rgba(2,42,72,.06);border-radius:12px}
.ww-agenda__head h4{font-size:.8125rem;font-weight:700;color:var(--brand-700);margin:0}
.ww-agenda__head small{display:block;font-size:.625rem;color:#64748b;font-weight:500;margin-top:2px}
.ww-agenda__pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.25);color:#047857;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.ww-agenda__list{display:flex;flex-direction:column;gap:6px}
.ww-agenda__slot{display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:10px;padding:10px 12px;background:#fff;border:1px solid rgba(2,42,72,.06);border-radius:10px;animation:ww-ag-active 12s ease-in-out infinite}
.ww-agenda__slot:nth-child(1){animation-delay:0s}
.ww-agenda__slot:nth-child(2){animation-delay:1.8s}
.ww-agenda__slot:nth-child(3){animation-delay:3.6s}
.ww-agenda__slot:nth-child(4){animation-delay:5.4s}
.ww-agenda__slot:nth-child(5){animation-delay:7.2s}
.ww-agenda__time{font-size:.75rem;font-weight:800;color:#475569;font-variant-numeric:tabular-nums;font-family:var(--font-heading)}
.ww-agenda__topic{font-size:.8125rem;font-weight:600;color:var(--brand-700);min-width:0}
.ww-agenda__topic small{display:block;font-size:.625rem;color:#64748b;font-weight:500;margin-top:1px}
.ww-agenda__icon{width:28px;height:28px;border-radius:8px;background:rgba(16,185,129,.12);color:#047857;display:flex;align-items:center;justify-content:center}
.ww-agenda__icon svg{width:14px;height:14px}
@keyframes ww-ag-active{0%,4%{box-shadow:0 0 0 0 rgba(16,185,129,0);background:#fff}8%,18%{box-shadow:0 0 0 2px rgba(16,185,129,.4);background:linear-gradient(135deg,rgba(16,185,129,.06),rgba(16,185,129,.02))}28%,100%{box-shadow:0 0 0 0 rgba(16,185,129,0);background:#fff}}

/* ----------- 10) ww-code — Code-Editor */
.ww-code__tabs{display:flex;gap:0;padding:0 14px;background:rgba(255,255,255,.03);border-bottom:1px solid rgba(255,255,255,.08)}
.ww-code__tab{padding:8px 12px;font-size:.6875rem;color:rgba(255,255,255,.5);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;border-bottom:2px solid transparent}
.ww-code__tab--active{color:#fff;background:rgba(255,255,255,.04);border-bottom-color:#10b981}
.ww-code__editor{display:grid;grid-template-columns:32px 1fr;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;line-height:1.6;background:rgba(0,0,0,.2)}
.ww-code__gutter{padding:10px 0;text-align:right;color:rgba(255,255,255,.3);user-select:none;border-right:1px solid rgba(255,255,255,.06)}
.ww-code__gutter span{display:block;padding:0 6px;font-variant-numeric:tabular-nums}
.ww-code__lines{padding:10px 14px;overflow:hidden;position:relative}
.ww-code__lines code{display:block;color:rgba(255,255,255,.85);white-space:pre;min-height:1.6em}
.ww-code__lines .tk-key{color:#c4b5fd}
.ww-code__lines .tk-fn{color:#7dd3fc}
.ww-code__lines .tk-str{color:#86efac}
.ww-code__lines .tk-com{color:#64748b;font-style:italic}
.ww-code__lines .tk-var{color:#fcd34d}
.ww-code__lines code:nth-child(1){animation:ww-code-typed 11s ease-in-out infinite;animation-delay:.2s}
.ww-code__lines code:nth-child(2){animation:ww-code-typed 11s ease-in-out infinite;animation-delay:.7s}
.ww-code__lines code:nth-child(3){animation:ww-code-typed 11s ease-in-out infinite;animation-delay:1.2s}
.ww-code__lines code:nth-child(4){animation:ww-code-typed 11s ease-in-out infinite;animation-delay:1.7s}
.ww-code__lines code:nth-child(5){animation:ww-code-typed 11s ease-in-out infinite;animation-delay:2.2s}
.ww-code__lines code:nth-child(6){animation:ww-code-typed 11s ease-in-out infinite;animation-delay:2.7s}
.ww-code__lines code:nth-child(7){animation:ww-code-typed 11s ease-in-out infinite;animation-delay:3.2s}
.ww-code__lines code:nth-child(8){animation:ww-code-typed 11s ease-in-out infinite;animation-delay:3.7s}
.ww-code__caret{display:inline-block;width:7px;height:1em;background:#10b981;vertical-align:text-bottom;animation:ww-code-blink 1s steps(2) infinite}
.ww-code__status{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:14px;padding:8px 14px;background:rgba(0,0,0,.3);border-top:1px solid rgba(255,255,255,.08);font-size:.625rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:rgba(255,255,255,.6);text-transform:uppercase;letter-spacing:.06em}
.ww-code__status-tag{padding:2px 7px;border-radius:4px;font-weight:700;background:rgba(16,185,129,.15);color:#6ee7b7;letter-spacing:.04em}
.ww-code__status-tag--ok::before{content:'✓ ';color:#34d399}
.ww-code__status-meta{justify-self:end}
@keyframes ww-code-typed{0%,3%{opacity:0;clip-path:inset(0 100% 0 0)}8%{opacity:1;clip-path:inset(0 0 0 0)}90%{opacity:1;clip-path:inset(0 0 0 0)}96%,100%{opacity:1}}
@keyframes ww-code-blink{0%,100%{opacity:1}50%{opacity:0}}

/* ----------- 11) ww-rated — Plugin-Bewertung */
.ww-rated__plugin{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:12px;background:#fff;border:1px solid rgba(2,42,72,.06);border-radius:12px;position:relative;overflow:hidden}
.ww-rated__icon{width:42px;height:42px;border-radius:10px;background:linear-gradient(135deg,var(--brand-900),var(--brand-600));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.875rem;font-family:var(--font-heading)}
.ww-rated__plugin:nth-child(1) .ww-rated__icon{background:linear-gradient(135deg,#3b82f6,#1e40af)}
.ww-rated__plugin:nth-child(2) .ww-rated__icon{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}
.ww-rated__plugin:nth-child(3) .ww-rated__icon{background:linear-gradient(135deg,#10b981,#047857)}
.ww-rated__meta{min-width:0;display:flex;flex-direction:column;gap:3px}
.ww-rated__name{font-size:.8125rem;font-weight:700;color:var(--brand-700);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ww-rated__stars{display:inline-flex;gap:1px;color:#f59e0b;font-size:.75rem}
.ww-rated__stars span{font-variant-numeric:tabular-nums;color:#64748b;margin-left:6px;font-size:.625rem;font-weight:600}
.ww-rated__badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:999px;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3);color:#047857;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;opacity:0;transform:scale(.6);animation:ww-rated-stamp 12s ease-in-out infinite}
.ww-rated__plugin:nth-child(1) .ww-rated__badge{animation-delay:.6s}
.ww-rated__plugin:nth-child(2) .ww-rated__badge{animation-delay:2.0s}
.ww-rated__plugin:nth-child(3) .ww-rated__badge{animation-delay:3.4s}
.ww-rated__criteria{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;padding:10px;background:#fff;border:1px solid rgba(2,42,72,.06);border-radius:10px}
.ww-rated__crit{display:flex;align-items:center;gap:6px;font-size:.6875rem;color:var(--brand-700);font-weight:600}
.ww-rated__crit svg{width:14px;height:14px;color:#10b981;flex-shrink:0}
@keyframes ww-rated-stamp{0%,8%{opacity:0;transform:scale(.5)}12%{opacity:1;transform:scale(1.2)}18%,90%{opacity:1;transform:scale(1)}96%,100%{opacity:1;transform:scale(1)}}

/* Bewegungs-Reduktion respektieren */
@media (prefers-reduced-motion: reduce){
	.ww-monitor *,.ww-scan *,.ww-vis *{animation-duration:.001s!important;animation-iteration-count:1!important;transition:none!important}
	.ww-monitor__check,.ww-monitor__progress-bar>span,.ww-scan__log-item,.ww-scan__metric,
	.ww-pipeline__check,.ww-chat__msg,.ww-checklist__box,.ww-flow__num,.ww-flow__step::before,.ww-flow__chip,
	.ww-invoice__line,.ww-invoice__stamp,.ww-rated__badge,.ww-firewall__attack,.ww-firewall__burst{opacity:1!important;transform:none!important}
}