/* ═══════════════════════════════════════════════════════════════
   MERZLJAK - Website Relaunch Healthcare
   Akzent: Amber #D97706 / #FCD34D - Transformation · Neustart · Wachstum
   Ästhetik: Architektonisch · Strukturiert · Zukunftsorientiert
═══════════════════════════════════════════════════════════════ */
:root {
  --navy:       #0A1628;
  --navy-d:     #060D1A;
  --navy-m:     #0F1F35;
  --navy-c:     #132840;
  --navy-v:     #0A1628;
  --amber:      #D97706;
  --amber-d:    rgba(217,119,6,0.10);
  --amber-g:    rgba(217,119,6,0.20);
  --amber-l:    #FCD34D;
  --cyan:       #00E5C7;
  --cyan-d:     rgba(0,229,199,0.10);
  --cyan-g:     rgba(0,229,199,0.22);
  --green:      #10B981;
  --emerald:    #059669;
  --blue:       #4DA8FF;
  --sapphire:   #2563EB;
  --violet:     #9966FF;
  --magenta:    #FF3366;
  --teal:       #0891B2;
  --orange:     #FF8C42;
  --oxid:       #6B46C1;
  --hubspot:    #FF7A59;
  --red:        #EF4444;
  --white:      #FFFFFF;
  --g100:       #F4F7FB;
  --g200:       #E2E8F0;
  --g300:       #CBD5E1;
  --g400:       #94A3B8;
  --g500:       #64748B;
  --g600:       #475569;
  --g700:       #334155;
  --text:       #1E293B;
  --fh:         'Geist', -apple-system, system-ui, sans-serif;
  --fb:         'Inter', -apple-system, system-ui, sans-serif;
  --fm:         'JetBrains Mono', monospace;
  --nh:         72px;
  --nav-h:      72px;
  --r:          16px;
  --rd:         12px;
  --rs:         8px;
  --sh:         0 4px 24px rgba(0,0,0,.07);
  --sh2:        0 12px 48px rgba(0,0,0,.11);
  --ease:       cubic-bezier(0.4,0,0.2,1);
}

/* v7 Alias-Map - Rückwärtskompatibilität zu v1-Kurznamen */
:root {
  --nd:   var(--navy-d);
  --nm:   var(--navy-m);
  --nc:   var(--navy-c);
  --nv:   var(--navy);
  --am:   var(--amber);
  --am-d: var(--amber-d);
  --am-g: var(--amber-g);
  --am2:  var(--amber-l);
  --cy:   var(--cyan);
  --cy-d: var(--cyan-d);
  --gn:   var(--green);
  --sp:   var(--sapphire);
  --vt:   var(--violet);
  --mg:   var(--magenta);
  --em:   var(--emerald);
  --tl:   var(--teal);
  --wh:   var(--white);
  --g2:   var(--g200);
  --g3:   var(--g300);
  --g4:   var(--g400);
  --g6:   var(--g600);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body {
  font-family: var(--fb);
  background: var(--white);
  color: var(--text);
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: -0.005em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-variation-settings: "opsz" 16;
  overflow-x: hidden;
}
body::before{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.032'/%3E%3C/svg%3E");pointer-events:none;z-index:0}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.nav{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--nh);display:flex;align-items:center;justify-content:space-between;padding:0 48px;background:rgba(6,13,26,.96);backdrop-filter:blur(24px);border-bottom:1px solid rgba(217,119,6,.14);transition:all .3s var(--ease)}
.nav-logo{font-family:var(--fh);font-size:1.25rem;font-weight:800;color:var(--wh);text-decoration:none;letter-spacing:-.02em}
.nav-logo em{color:var(--cy);font-style:normal}
.nav-links{display:flex;align-items:center;gap:4px;list-style:none}
.nav-links a{font-size:.85rem;font-weight:500;color:var(--g4);text-decoration:none;padding:6px 12px;border-radius:8px;transition:color .2s,background .2s}
.nav-links a:hover{color:var(--wh);background:rgba(255,255,255,.05)}
.nav-links a.cur{color:var(--am2)}
.nav-btn{background:var(--am);color:var(--wh)!important;padding:9px 20px;border-radius:50px;font-weight:700;font-size:.82rem;transition:all .2s!important;box-shadow:0 0 28px rgba(217,119,6,.32)}
.nav-btn:hover{transform:translateY(-1px);box-shadow:0 6px 28px rgba(217,119,6,.52)!important;background:#b45309!important}
.bc{position:relative;z-index:2;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:calc(var(--nh) + 24px) 48px 0;font-size:.78rem;color:var(--g300);background:transparent}
.bc a{color:var(--g300);text-decoration:none;transition:color .2s}
.bc a:hover{color:var(--amber-l)}
.bc .bc-sep{color:var(--g500);margin:0 2px}
.bc .bc-cur{color:var(--white);font-weight:600}
.bc a{color:var(--g6);text-decoration:none;transition:color .2s}.bc a:hover{color:var(--am2)}
.bc-sep{color:rgba(255,255,255,.12)}.bc-cur{color:var(--am2);font-weight:600}
section{position:relative;z-index:1}
.C{max-width:1200px;margin:0 auto;padding:0 48px}
.tag{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--am2);margin-bottom:14px;display:inline-block}
.tag.g{color:var(--gn)}.tag.c{color:var(--cy)}.tag.v{color:var(--vt)}.tag.b{color:var(--sp)}.tag.tl{color:var(--tl)}
.h2{font-family:var(--fh);font-size:clamp(1.9rem,3vw,2.8rem);font-weight:800;color:var(--wh);letter-spacing: -0.04em;line-height:1.08;margin-bottom:18px}
.sub{font-size:1rem;color:var(--g4);line-height:1.7;max-width:580px}
.dv{width:44px;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--am),transparent);margin:14px 0 22px}
@keyframes fU{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes fI{from{opacity:0}to{opacity:1}}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.65)}}
.bp{display:inline-flex;align-items:center;gap:10px;background:var(--am);color:var(--wh);padding:14px 28px;border-radius:50px;font-family:var(--fh);font-weight:700;font-size:.92rem;text-decoration:none;transition:all .25s var(--ease);box-shadow:0 0 36px rgba(217,119,6,.22)}
.bp:hover{transform:translateY(-2px);box-shadow:0 8px 36px rgba(217,119,6,.42);background:#b45309}
.bs{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.15);color:var(--wh);padding:14px 24px;border-radius:50px;font-weight:500;font-size:.92rem;text-decoration:none;transition:all .25s var(--ease)}
.bs:hover{border-color:var(--am2);color:var(--am2);transform:translateY(-2px)}

/* ═══ HERO ════════════════════════════════════════════════════ */
.hero-wrap{position:relative;overflow:hidden}
.hero-bg{position:absolute;inset:0;background:
  radial-gradient(ellipse 70% 60% at 80% 10%,rgba(217,119,6,.11) 0%,transparent 55%),
  radial-gradient(ellipse 50% 50% at 0% 90%,rgba(0,229,199,.05) 0%,transparent 55%),
  radial-gradient(ellipse 40% 45% at 50% 55%,rgba(252,211,77,.04) 0%,transparent 60%),
  var(--nd)}
.hero-gl{position:absolute;inset:0;background-image:linear-gradient(rgba(217,119,6,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(217,119,6,.04) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse 80% 70% at 65% 35%,black,transparent)}
.hero{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:80px 48px;max-width:1200px;margin:0 auto}
.hero-l{animation:fU .7s ease both}
.eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--am-d);border:1px solid rgba(217,119,6,.3);color:var(--am2);font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:6px 16px;border-radius:50px;margin-bottom:28px}
.eyebrow::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--am2);animation:pulse 2s infinite}
h1.h1{font-family:var(--fh);font-size:clamp(2.3rem,4vw,3.7rem);font-weight:800;line-height:1.04;letter-spacing: -0.045em;color:var(--wh);margin-bottom:24px}
h1.h1 .ga{background:linear-gradient(135deg,var(--am2) 0%,var(--am) 50%,#fef3c7 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
h1.h1 .gc{background:linear-gradient(135deg,var(--cy) 0%,var(--gn) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-lead{font-size:1.08rem;color:var(--g4);line-height:1.7;margin-bottom:36px;max-width:520px}
.hero-lead strong{color:var(--g2);font-weight:500}
.hero-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:52px}
.hero-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.kpi-b{background:var(--nc);border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:18px 20px;transition:border-color .2s}
.kpi-b:hover{border-color:rgba(217,119,6,.22)}
.kpi-v{font-family:var(--fh);font-size:2rem;font-weight:800;color:var(--am2);letter-spacing:-.04em;line-height:1}
.kpi-v.g{color:var(--gn)}.kpi-v.c{color:var(--cy)}.kpi-v.b{color:var(--sp)}
.kpi-l{font-size:.76rem;color:var(--g6);margin-top:6px;line-height:1.4}

/* ═══ HERO RIGHT - Website Relaunch Checklist Visual ═════════ */
.hero-r{animation:fI .9s .5s ease both}
.relaunch-card{background:var(--nc);border:1px solid rgba(217,119,6,.2);border-radius:20px;overflow:hidden;box-shadow:0 0 80px rgba(217,119,6,.07)}
.relaunch-card::before{content:'';display:block;height:2px;background:linear-gradient(90deg,var(--am),var(--am2),var(--cy),transparent)}
.rc-header{padding:18px 24px;background:rgba(217,119,6,.07);border-bottom:1px solid rgba(217,119,6,.12);display:flex;align-items:center;justify-content:space-between}
.rc-title{font-family:var(--fh);font-size:.82rem;font-weight:700;color:var(--wh);display:flex;align-items:center;gap:8px}
.rc-badge{font-size:.68rem;font-weight:700;padding:3px 10px;border-radius:50px;background:rgba(217,119,6,.12);color:var(--am2);border:1px solid rgba(217,119,6,.22)}
.rc-body{padding:20px 24px}
/* Score meters */
.rc-scores{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}
.rcs-item{display:flex;align-items:center;gap:10px;font-size:.78rem}
.rcs-label{min-width:110px;color:var(--g4);flex-shrink:0}
.rcs-bar{flex:1;height:7px;background:rgba(255,255,255,.06);border-radius:3px;overflow:hidden}
.rcs-fill{height:100%;border-radius:3px}
.rcs-fill.bad{background:rgba(255,51,102,.5)}
.rcs-fill.ok{background:linear-gradient(90deg,var(--am),var(--am2))}
.rcs-val{font-family:var(--fh);font-size:.82rem;font-weight:800;min-width:36px;text-align:right;flex-shrink:0}
.rcs-item.bad .rcs-val{color:var(--mg)}
.rcs-item.ok .rcs-val{color:var(--am2)}
/* Checklist items */
.rc-checks{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}
.rc-check{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:9px;border:1px solid rgba(255,255,255,.05);transition:all .2s}
.rc-check.done{background:rgba(16,185,129,.05);border-color:rgba(16,185,129,.15)}
.rc-check.todo{background:rgba(217,119,6,.05);border-color:rgba(217,119,6,.15)}
.rc-check-ico{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--green)}
.rc-check-ico svg.mzj-rc-check{width:18px;height:18px}
.rc-check-text{font-size:.78rem;flex:1}
.rc-check.done .rc-check-text{color:var(--g3)}
.rc-check.todo .rc-check-text{color:var(--g4)}
.rc-check-badge{font-size:.62rem;font-weight:700;padding:2px 7px;border-radius:50px;flex-shrink:0}
.rc-check.done .rc-check-badge{background:rgba(16,185,129,.1);color:var(--gn);border:1px solid rgba(16,185,129,.2)}
.rc-check.todo .rc-check-badge{background:var(--am-d);color:var(--am2);border:1px solid rgba(217,119,6,.2)}
/* LLM badges */
.rc-llm{padding:12px 14px;background:rgba(217,119,6,.07);border:1px solid rgba(217,119,6,.18);border-radius:10px;margin-bottom:14px}
.rc-llm-label{font-size:.64rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--am2);margin-bottom:8px}
.rc-llm-badges{display:flex;gap:6px;flex-wrap:wrap}
.llm-b{font-size:.68rem;font-weight:700;padding:4px 10px;border-radius:50px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:var(--g3)}
.llm-b.active{background:rgba(217,119,6,.1);color:var(--am2);border-color:rgba(217,119,6,.25)}
.rc-footer{padding:12px 24px;background:rgba(0,0,0,.12);border-top:1px solid rgba(255,255,255,.04);font-size:.74rem;color:var(--g6);display:flex;justify-content:space-between}

/* ═══ WARUM RELAUNCH JETZT ════════════════════════════════════ */
.why{padding:100px 0;background:var(--nv);border-top:1px solid rgba(255,255,255,.04)}
.why-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.pain-list{display:flex;flex-direction:column;gap:12px;margin-top:24px}
.pl{display:flex;gap:14px;padding:18px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:12px;transition:all .2s}
.pl:hover{border-color:rgba(217,119,6,.22);background:rgba(217,119,6,.04)}
.pl-ico{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:linear-gradient(135deg,rgba(255,51,102,.14),rgba(255,51,102,.04));border:1px solid rgba(255,51,102,.22);color:var(--magenta);transition:all .3s var(--ease)}
.pl-ico svg.mzj-pl{width:26px;height:26px}
.pl:hover .pl-ico{transform:scale(1.06);box-shadow:0 6px 18px rgba(255,51,102,.2)}
.pain-list .pl:nth-child(1) .pl-ico{color:var(--magenta);background:linear-gradient(135deg,rgba(255,51,102,.14),rgba(255,51,102,.04));border-color:rgba(255,51,102,.22)}
.pain-list .pl:nth-child(2) .pl-ico{color:var(--orange);background:linear-gradient(135deg,rgba(255,140,66,.14),rgba(255,140,66,.04));border-color:rgba(255,140,66,.22)}
.pain-list .pl:nth-child(3) .pl-ico{color:var(--amber);background:linear-gradient(135deg,rgba(217,119,6,.14),rgba(217,119,6,.04));border-color:rgba(217,119,6,.22)}
.pl-title{font-size:.9rem;font-weight:700;color:var(--wh);margin-bottom:4px}
.pl-text{font-size:.82rem;color:var(--g4);line-height:1.55}
/* Healthcare relaunch benefits */
.benefit-card{background:var(--nc);border:1px solid rgba(217,119,6,.18);border-radius:20px;padding:40px;position:relative;overflow:hidden}
.benefit-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--am),var(--am2),var(--cy),transparent)}
.bc2-title{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--am2);margin-bottom:16px}
.bc2-items{display:flex;flex-direction:column;gap:10px}
.bci{display:flex;align-items:center;gap:12px;padding:12px 14px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:10px;transition:all .2s}
.bci:hover{border-color:rgba(217,119,6,.2)}
.bci-ico{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:linear-gradient(135deg,rgba(0,229,199,.14),rgba(0,229,199,.04));border:1px solid rgba(0,229,199,.22);color:var(--cyan);transition:transform .3s var(--ease)}
.bci-ico svg.mzj-bci{width:24px;height:24px}
.bc2-items .bci:hover .bci-ico{transform:scale(1.06)}
.bc2-items .bci:nth-child(1) .bci-ico{color:var(--green);background:linear-gradient(135deg,rgba(16,185,129,.14),rgba(16,185,129,.04));border-color:rgba(16,185,129,.22)}
.bc2-items .bci:nth-child(2) .bci-ico{color:var(--sapphire);background:linear-gradient(135deg,rgba(37,99,235,.14),rgba(37,99,235,.04));border-color:rgba(37,99,235,.22)}
.bc2-items .bci:nth-child(3) .bci-ico{color:var(--violet);background:linear-gradient(135deg,rgba(153,102,255,.14),rgba(153,102,255,.04));border-color:rgba(153,102,255,.22)}
.bc2-items .bci:nth-child(4) .bci-ico{color:var(--amber);background:linear-gradient(135deg,rgba(217,119,6,.14),rgba(217,119,6,.04));border-color:rgba(217,119,6,.22)}
.bc2-items .bci:nth-child(5) .bci-ico{color:var(--cyan);background:linear-gradient(135deg,rgba(0,229,199,.14),rgba(0,229,199,.04));border-color:rgba(0,229,199,.22)}
.bc2-items .bci:nth-child(6) .bci-ico{color:var(--teal);background:linear-gradient(135deg,rgba(8,145,178,.14),rgba(8,145,178,.04));border-color:rgba(8,145,178,.22)}
.bci-text{flex:1;font-size:.83rem;color:var(--g3)}
.bci-val{font-family:var(--fh);font-size:.9rem;font-weight:800;color:var(--am2);flex-shrink:0}

/* ═══ LLM / GEO SEKTION - NEU ════════════════════════════════ */
.geo{padding:120px 0}
.geo-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
/* LLM Visibility Visual */
.llm-visual{background:var(--nc);border:1px solid rgba(217,119,6,.18);border-radius:20px;padding:40px;position:relative;overflow:hidden}
.llm-visual::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--am),var(--vt),var(--sp),transparent)}
.lv-title{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--am2);margin-bottom:22px}
.lv-systems{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}
.lv-sys{padding:14px 16px;border-radius:10px;border:1px solid rgba(255,255,255,.05);transition:all .2s}
.lv-sys:hover{border-color:rgba(217,119,6,.2);transform:translateX(4px)}
.lv-sys-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.lv-sys-name{font-size:.84rem;font-weight:700;display:flex;align-items:center;gap:8px}
.lv-sys-ico{width:32px;height:32px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;margin-right:8px;background:linear-gradient(135deg,rgba(0,229,199,.15),rgba(0,229,199,.05));border:1px solid rgba(0,229,199,.22);color:var(--cyan);vertical-align:middle}
.lv-sys-ico svg.mzj-lv{width:20px;height:20px}
.lv-sys:nth-child(1) .lv-sys-ico{color:var(--green);background:linear-gradient(135deg,rgba(16,185,129,.15),rgba(16,185,129,.05));border-color:rgba(16,185,129,.25)}
.lv-sys:nth-child(2) .lv-sys-ico{color:var(--teal);background:linear-gradient(135deg,rgba(8,145,178,.15),rgba(8,145,178,.05));border-color:rgba(8,145,178,.25)}
.lv-sys:nth-child(3) .lv-sys-ico{color:var(--sapphire);background:linear-gradient(135deg,rgba(37,99,235,.15),rgba(37,99,235,.05));border-color:rgba(37,99,235,.25)}
.lv-sys:nth-child(4) .lv-sys-ico{color:var(--violet);background:linear-gradient(135deg,rgba(153,102,255,.15),rgba(153,102,255,.05));border-color:rgba(153,102,255,.25)}
.lv-sys:nth-child(5) .lv-sys-ico{color:var(--amber);background:linear-gradient(135deg,rgba(217,119,6,.15),rgba(217,119,6,.05));border-color:rgba(217,119,6,.25)}
.lv-sys-status{font-size:.66rem;font-weight:700;padding:2px 9px;border-radius:50px}
.lv-sys.active .lv-sys-status{background:rgba(16,185,129,.1);color:var(--gn);border:1px solid rgba(16,185,129,.2)}
.lv-sys.partial .lv-sys-status{background:rgba(217,119,6,.1);color:var(--am2);border:1px solid rgba(217,119,6,.2)}
.lv-sys.missing .lv-sys-status{background:rgba(255,51,102,.08);color:var(--mg);border:1px solid rgba(255,51,102,.18)}
.lv-sys-detail{font-size:.76rem;color:var(--g6)}
.lv-sys.active{background:rgba(16,185,129,.04);border-color:rgba(16,185,129,.15)}
.lv-sys.partial{background:rgba(217,119,6,.04);border-color:rgba(217,119,6,.15)}
.lv-sys.missing{background:rgba(255,51,102,.03);border-color:rgba(255,51,102,.12)}
.lv-note{padding:14px;background:rgba(217,119,6,.07);border:1px solid rgba(217,119,6,.18);border-radius:10px;font-size:.82rem;color:var(--g3);line-height:1.6}
.lv-note strong{color:var(--am2)}
/* GEO factors */
.geo-factors{display:flex;flex-direction:column;gap:12px;margin-top:24px}
.gf{display:flex;gap:14px;padding:18px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:12px;transition:all .2s}
.gf:hover{border-color:rgba(217,119,6,.22);background:rgba(217,119,6,.04)}
.gf-ico{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:linear-gradient(135deg,rgba(0,229,199,.14),rgba(0,229,199,.04));border:1px solid rgba(0,229,199,.22);color:var(--cyan);transition:transform .3s var(--ease)}
.gf-ico svg.mzj-gf{width:28px;height:28px}
.geo-factors .gf:hover .gf-ico{transform:scale(1.06);box-shadow:0 6px 18px rgba(0,229,199,.22)}
.geo-factors .gf:nth-child(1) .gf-ico{color:var(--cyan);background:linear-gradient(135deg,rgba(0,229,199,.14),rgba(0,229,199,.04));border-color:rgba(0,229,199,.22)}
.geo-factors .gf:nth-child(2) .gf-ico{color:var(--violet);background:linear-gradient(135deg,rgba(153,102,255,.14),rgba(153,102,255,.04));border-color:rgba(153,102,255,.22)}
.geo-factors .gf:nth-child(3) .gf-ico{color:var(--amber);background:linear-gradient(135deg,rgba(217,119,6,.14),rgba(217,119,6,.04));border-color:rgba(217,119,6,.22)}
.geo-factors .gf:nth-child(4) .gf-ico{color:var(--sapphire);background:linear-gradient(135deg,rgba(37,99,235,.14),rgba(37,99,235,.04));border-color:rgba(37,99,235,.22)}
.gf-title{font-size:.9rem;font-weight:700;color:var(--wh);margin-bottom:4px}
.gf-text{font-size:.82rem;color:var(--g4);line-height:1.55}
.gf-tag{display:inline-flex;margin-top:6px;font-size:.68rem;font-weight:700;background:var(--am-d);color:var(--am2);border:1px solid rgba(217,119,6,.2);padding:2px 9px;border-radius:50px}

/* ═══ RELAUNCH PROZESS ════════════════════════════════════════ */
.process{padding:120px 0;background:var(--nv);border-top:1px solid rgba(255,255,255,.04)}
.proc-phases{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:64px;position:relative}
.proc-phases::before{content:'';position:absolute;top:32px;left:10%;right:10%;height:2px;background:linear-gradient(90deg,var(--am),var(--am2),var(--cy),var(--gn),var(--sp));opacity:.18}
.ph{padding:0 14px;text-align:center}
.ph-ico{width:68px;height:68px;border-radius:18px;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;background:linear-gradient(135deg,rgba(217,119,6,.14),rgba(217,119,6,.04));border:1px solid rgba(217,119,6,.22);color:var(--amber);transition:all .4s var(--ease)}
.ph-ico svg.mzj-ph{width:44px;height:44px}
.ph:hover .ph-ico{transform:translateY(-4px) scale(1.04);box-shadow:0 10px 24px rgba(217,119,6,.22)}
.process-grid .ph:nth-child(1) .ph-ico{color:var(--amber);background:linear-gradient(135deg,rgba(217,119,6,.14),rgba(217,119,6,.04));border-color:rgba(217,119,6,.22)}
.process-grid .ph:nth-child(2) .ph-ico{color:var(--magenta);background:linear-gradient(135deg,rgba(255,51,102,.14),rgba(255,51,102,.04));border-color:rgba(255,51,102,.22)}
.process-grid .ph:nth-child(3) .ph-ico{color:var(--violet);background:linear-gradient(135deg,rgba(153,102,255,.14),rgba(153,102,255,.04));border-color:rgba(153,102,255,.22)}
.process-grid .ph:nth-child(4) .ph-ico{color:var(--sapphire);background:linear-gradient(135deg,rgba(37,99,235,.14),rgba(37,99,235,.04));border-color:rgba(37,99,235,.22)}
.process-grid .ph:nth-child(5) .ph-ico{color:var(--green);background:linear-gradient(135deg,rgba(16,185,129,.14),rgba(16,185,129,.04));border-color:rgba(16,185,129,.22)}
.ph:hover .ph-ico{transform:scale(1.1)}
.ph:nth-child(1) .ph-ico{background:rgba(217,119,6,.12);border:1px solid rgba(217,119,6,.25)}
.ph:nth-child(2) .ph-ico{background:rgba(252,211,77,.1);border:1px solid rgba(252,211,77,.22)}
.ph:nth-child(3) .ph-ico{background:rgba(0,229,199,.1);border:1px solid rgba(0,229,199,.22)}
.ph:nth-child(4) .ph-ico{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.22)}
.ph:nth-child(5) .ph-ico{background:rgba(37,99,235,.1);border:1px solid rgba(37,99,235,.22)}
.ph-title{font-family:var(--fh);font-size:.95rem;font-weight:700;color:var(--wh);margin-bottom:8px}
.ph-desc{font-size:.78rem;color:var(--g4);line-height:1.6;margin-bottom:10px}
.ph-week{display:inline-block;font-size:.7rem;font-weight:700;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:var(--g4);padding:3px 10px;border-radius:50px}
.ph-deliverable{display:block;margin-top:5px;font-size:.68rem;font-weight:700;color:var(--am2);background:var(--am-d);border:1px solid rgba(217,119,6,.18);padding:3px 10px;border-radius:50px}

/* ═══ HUBSPOT CONTENT HUB ════════════════════════════════════ */
.hubspot{padding:120px 0}
.hs-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.hs-features{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}
.hsf{background:var(--nc);border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:20px;transition:all .2s}
.hsf:hover{border-color:rgba(217,119,6,.22);transform:translateY(-2px)}
.hsf-ico{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;background:linear-gradient(135deg,rgba(255,122,89,.14),rgba(255,122,89,.04));border:1px solid rgba(255,122,89,.22);color:var(--hubspot);transition:transform .3s var(--ease)}
.hsf-ico svg.mzj-hsf{width:28px;height:28px}
.hsf:hover .hsf-ico{transform:translateY(-2px);box-shadow:0 6px 18px rgba(255,122,89,.2)}
.hs-features .hsf:nth-child(1) .hsf-ico{color:var(--hubspot);background:linear-gradient(135deg,rgba(255,122,89,.14),rgba(255,122,89,.04));border-color:rgba(255,122,89,.22)}
.hs-features .hsf:nth-child(2) .hsf-ico{color:var(--magenta);background:linear-gradient(135deg,rgba(255,51,102,.14),rgba(255,51,102,.04));border-color:rgba(255,51,102,.22)}
.hs-features .hsf:nth-child(3) .hsf-ico{color:var(--cyan);background:linear-gradient(135deg,rgba(0,229,199,.14),rgba(0,229,199,.04));border-color:rgba(0,229,199,.22)}
.hs-features .hsf:nth-child(4) .hsf-ico{color:var(--violet);background:linear-gradient(135deg,rgba(153,102,255,.14),rgba(153,102,255,.04));border-color:rgba(153,102,255,.22)}
.hs-features .hsf:nth-child(5) .hsf-ico{color:var(--sapphire);background:linear-gradient(135deg,rgba(37,99,235,.14),rgba(37,99,235,.04));border-color:rgba(37,99,235,.22)}
.hs-features .hsf:nth-child(6) .hsf-ico{color:var(--amber);background:linear-gradient(135deg,rgba(217,119,6,.14),rgba(217,119,6,.04));border-color:rgba(217,119,6,.22)}
.hsf-title{font-size:.88rem;font-weight:700;color:var(--wh);margin-bottom:5px}
.hsf-text{font-size:.79rem;color:var(--g4);line-height:1.55}
/* Seitenstruktur-Visual */
.site-structure{background:var(--nc);border:1px solid rgba(217,119,6,.16);border-radius:20px;padding:40px;position:relative;overflow:hidden}
.site-structure::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--am),var(--am2),transparent)}
.ss-title{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--am2);margin-bottom:22px}
.ss-tree{display:flex;flex-direction:column;gap:4px}
.ss-page{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:9px;border:1px solid rgba(255,255,255,.05);transition:all .2s;cursor:default}
.ss-page:hover{border-color:rgba(217,119,6,.2);background:rgba(217,119,6,.04)}
.ss-page.root{background:rgba(217,119,6,.07);border-color:rgba(217,119,6,.2)}
.ss-page.child{margin-left:20px;font-size:.84rem}
.ss-page.child2{margin-left:40px;font-size:.8rem}
.ss-pg-ico{width:28px;height:28px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;margin-right:8px;flex-shrink:0;background:linear-gradient(135deg,rgba(217,119,6,.12),rgba(217,119,6,.03));border:1px solid rgba(217,119,6,.18);color:var(--amber);vertical-align:middle}
.ss-pg-ico svg.mzj-ss{width:16px;height:16px}
.ss-page.root .ss-pg-ico{color:var(--amber);background:linear-gradient(135deg,rgba(217,119,6,.18),rgba(217,119,6,.05));border-color:rgba(217,119,6,.3)}
.ss-page.child .ss-pg-ico{color:var(--cyan);background:linear-gradient(135deg,rgba(0,229,199,.12),rgba(0,229,199,.03));border-color:rgba(0,229,199,.22)}
.ss-page.child2 .ss-pg-ico{color:var(--violet);background:linear-gradient(135deg,rgba(153,102,255,.1),rgba(153,102,255,.03));border-color:rgba(153,102,255,.18)}
.ss-pg-name{flex:1;color:var(--wh);font-weight:600;font-size:.82rem}
.ss-pg-tags{display:flex;gap:4px;flex-wrap:wrap}
.ss-tag{font-size:.6rem;font-weight:700;padding:2px 7px;border-radius:50px}
.ss-tag.seo{background:rgba(16,185,129,.1);color:var(--gn);border:1px solid rgba(16,185,129,.2)}
.ss-tag.llm{background:var(--am-d);color:var(--am2);border:1px solid rgba(217,119,6,.2)}
.ss-tag.lead{background:rgba(37,99,235,.1);color:var(--sp);border:1px solid rgba(37,99,235,.2)}
.ss-tag.comp{background:rgba(153,102,255,.1);color:var(--vt);border:1px solid rgba(153,102,255,.2)}

/* ═══ TECHNISCHE ANFORDERUNGEN ════════════════════════════════ */
.tech{padding:120px 0;background:var(--nv);border-top:1px solid rgba(255,255,255,.04)}
.tech-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:64px}
.tc{background:var(--nc);border:1px solid rgba(255,255,255,.05);border-radius:var(--r);padding:36px 32px;transition:all .25s var(--ease);position:relative;overflow:hidden}
.tc::before{content:'';position:absolute;top:0;left:0;right:0;height:3px}
.tc.t1::before{background:linear-gradient(90deg,var(--am),var(--am2),transparent)}
.tc.t2::before{background:linear-gradient(90deg,var(--cy),var(--gn),transparent)}
.tc.t3::before{background:linear-gradient(90deg,var(--sp),var(--cy),transparent)}
.tc.t4::before{background:linear-gradient(90deg,var(--vt),var(--sp),transparent)}
.tc.t5::before{background:linear-gradient(90deg,var(--gn),var(--cy),transparent)}
.tc.t6::before{background:linear-gradient(90deg,var(--mg),var(--am),transparent)}
.tc::after{content:'';position:absolute;inset:0;opacity:0;transition:opacity .25s}
.tc.t1::after{background:radial-gradient(ellipse 60% 50% at 50% 0%,rgba(217,119,6,.08),transparent)}
.tc.t2::after{background:radial-gradient(ellipse 60% 50% at 50% 0%,rgba(0,229,199,.08),transparent)}
.tc.t3::after{background:radial-gradient(ellipse 60% 50% at 50% 0%,rgba(37,99,235,.08),transparent)}
.tc.t4::after{background:radial-gradient(ellipse 60% 50% at 50% 0%,rgba(153,102,255,.08),transparent)}
.tc.t5::after{background:radial-gradient(ellipse 60% 50% at 50% 0%,rgba(16,185,129,.08),transparent)}
.tc.t6::after{background:radial-gradient(ellipse 60% 50% at 50% 0%,rgba(255,51,102,.08),transparent)}
.tc:hover{transform:translateY(-5px)}.tc:hover::after{opacity:1}
.tc.t1:hover{border-color:rgba(217,119,6,.22)}.tc.t2:hover{border-color:rgba(0,229,199,.22)}
.tc.t3:hover{border-color:rgba(37,99,235,.22)}.tc.t4:hover{border-color:rgba(153,102,255,.22)}
.tc.t5:hover{border-color:rgba(16,185,129,.22)}.tc.t6:hover{border-color:rgba(255,51,102,.22)}
.tc-ico{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;position:relative;z-index:1;background:linear-gradient(135deg,rgba(217,119,6,.14),rgba(217,119,6,.04));border:1px solid rgba(217,119,6,.22);color:var(--amber);transition:transform .35s var(--ease)}
.tc-ico svg.mzj-tc{width:32px;height:32px}
.tc:hover .tc-ico{transform:translateY(-3px);box-shadow:0 8px 20px rgba(217,119,6,.22)}
.tech-grid .tc.t1 .tc-ico{color:var(--cyan);background:linear-gradient(135deg,rgba(0,229,199,.14),rgba(0,229,199,.04));border-color:rgba(0,229,199,.22)}
.tech-grid .tc.t2 .tc-ico{color:var(--amber);background:linear-gradient(135deg,rgba(217,119,6,.14),rgba(217,119,6,.04));border-color:rgba(217,119,6,.22)}
.tech-grid .tc.t3 .tc-ico{color:var(--magenta);background:linear-gradient(135deg,rgba(255,51,102,.14),rgba(255,51,102,.04));border-color:rgba(255,51,102,.22)}
.tech-grid .tc.t4 .tc-ico{color:var(--green);background:linear-gradient(135deg,rgba(16,185,129,.14),rgba(16,185,129,.04));border-color:rgba(16,185,129,.22)}
.tech-grid .tc.t5 .tc-ico{color:var(--sapphire);background:linear-gradient(135deg,rgba(37,99,235,.14),rgba(37,99,235,.04));border-color:rgba(37,99,235,.22)}
.tech-grid .tc.t6 .tc-ico{color:var(--violet);background:linear-gradient(135deg,rgba(153,102,255,.14),rgba(153,102,255,.04));border-color:rgba(153,102,255,.22)}
.tc.t1 .tc-ico{background:var(--am-d);border:1px solid rgba(217,119,6,.22)}
.tc.t2 .tc-ico{background:var(--cy-d);border:1px solid rgba(0,229,199,.22)}
.tc.t3 .tc-ico{background:rgba(37,99,235,.1);border:1px solid rgba(37,99,235,.22)}
.tc.t4 .tc-ico{background:rgba(153,102,255,.1);border:1px solid rgba(153,102,255,.22)}
.tc.t5 .tc-ico{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.22)}
.tc.t6 .tc-ico{background:rgba(255,51,102,.1);border:1px solid rgba(255,51,102,.22)}
.tc-title{font-family:var(--fh);font-size:1.05rem;font-weight:700;color:var(--wh);letter-spacing:-.02em;margin-bottom:10px;position:relative;z-index:1}
.tc-text{font-size:.87rem;color:var(--g4);line-height:1.65;position:relative;z-index:1}
.tc-list{list-style:none;margin-top:14px;display:flex;flex-direction:column;gap:6px;position:relative;z-index:1}
.tc-list li{display:flex;gap:7px;font-size:.8rem;color:var(--g4)}
.tc.t1 .tc-list li::before{content:'→';color:var(--am2);font-weight:700;flex-shrink:0}
.tc.t2 .tc-list li::before{content:'→';color:var(--cy);font-weight:700;flex-shrink:0}
.tc.t3 .tc-list li::before{content:'→';color:var(--sp);font-weight:700;flex-shrink:0}
.tc.t4 .tc-list li::before{content:'→';color:var(--vt);font-weight:700;flex-shrink:0}
.tc.t5 .tc-list li::before{content:'→';color:var(--gn);font-weight:700;flex-shrink:0}
.tc.t6 .tc-list li::before{content:'→';color:var(--mg);font-weight:700;flex-shrink:0}

/* ═══ FAQ ════════════════════════════════════════════════════ */
.faq{padding:120px 0}
.faq-inner{display:grid;grid-template-columns:1fr 2fr;gap:80px;align-items:start}
.fi{background:var(--nc);border:1px solid rgba(255,255,255,.05);border-radius:10px;overflow:hidden;transition:border-color .2s;margin-bottom:2px}
.fi.open{border-color:rgba(217,119,6,.24)}
.fq{width:100%;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;text-align:left;transition:background .2s}
.fq:hover{background:rgba(255,255,255,.02)}
.fq h3{font-family:var(--fh);font-size:.92rem;font-weight:600;color:var(--wh);letter-spacing:-.01em}
.fq-btn{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:var(--am-d);border:1px solid rgba(217,119,6,.24);display:flex;align-items:center;justify-content:center;color:var(--am2);font-size:1rem;transition:transform .25s,background .2s}
.fi.open .fq-btn{transform:rotate(45deg);background:var(--am-g)}
.fa{max-height:0;overflow:hidden;transition:max-height .45s cubic-bezier(.16,1,.3,1)}
.fi.open .fa{max-height:1200px}
.fa-in{padding:0 24px 20px;padding-top:16px;font-size:.88rem;color:var(--g4);line-height:1.7;border-top:1px solid rgba(255,255,255,.05)}

/* ═══ BLOG TEASER ════════════════════════════════════════════ */
.bt{padding:100px 0;background:var(--nv);border-top:1px solid rgba(255,255,255,.04)}
.bt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:56px}
.bt-card{background:var(--nc);border:1px solid rgba(255,255,255,.05);border-radius:var(--r);padding:32px;text-decoration:none;display:block;transition:all .25s var(--ease);position:relative;overflow:hidden}
.bt-card::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 40% at 50% 0%,rgba(217,119,6,.07),transparent);opacity:0;transition:opacity .25s}
.bt-card:hover{border-color:rgba(217,119,6,.22);transform:translateY(-5px)}.bt-card:hover::before{opacity:1}
.bt-cat{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--am2);margin-bottom:14px}
.bt-title{font-family:var(--fh);font-size:1.05rem;font-weight:700;color:var(--wh);letter-spacing:-.02em;line-height:1.3;margin-bottom:10px;position:relative;z-index:1}
.bt-exc{font-size:.84rem;color:var(--g4);line-height:1.65;position:relative;z-index:1}
.bt-arr{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-size:.82rem;font-weight:600;color:var(--am2);position:relative;z-index:1;transition:gap .2s}
.bt-card:hover .bt-arr{gap:10px}

/* ═══ CTA ════════════════════════════════════════════════════ */
.cta{padding:100px 0}
.cta-box{background:linear-gradient(135deg,var(--nc),rgba(217,119,6,.07));border:1px solid rgba(217,119,6,.22);border-radius:24px;padding:72px 80px;text-align:center;position:relative;overflow:hidden}
.cta-box::before{content:'';position:absolute;top:-130px;left:50%;transform:translateX(-50%);width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(217,119,6,.09),transparent 70%);pointer-events:none}
.cta-h2{font-family:var(--fh);font-size:clamp(2rem,3.5vw,3rem);font-weight:800;color:var(--wh);letter-spacing: -0.04em;line-height:1.05;margin-bottom:18px;position:relative;z-index:1}
.cta-h2 span{color:var(--am2)}
.cta-sub{font-size:1.05rem;color:var(--g4);max-width:520px;margin:0 auto 40px;position:relative;z-index:1;line-height:1.7}
.cta-btns{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;position:relative;z-index:1}
.cta-note{margin-top:18px;font-size:.78rem;color:var(--g6)}
footer{background:var(--nd);border-top:1px solid rgba(255,255,255,.04);padding:60px 0 36px}
.f-row{display:flex;justify-content:space-between;align-items:start;gap:48px;flex-wrap:wrap;margin-bottom:48px}
.f-brand{font-family:var(--fh);font-size:1.1rem;font-weight:800;color:var(--wh)}.f-brand em{color:var(--cy);font-style:normal}
.f-addr{font-size:.82rem;color:var(--g6);line-height:1.9;margin-top:10px}
.fnav{display:flex;gap:48px;flex-wrap:wrap}
.fn-lbl{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--g6);margin-bottom:14px}
.fn-links{list-style:none;display:flex;flex-direction:column;gap:9px}
.fn-links a{font-size:.84rem;color:var(--g4);text-decoration:none;transition:color .2s}.fn-links a:hover{color:var(--wh)}
.f-btm{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding-top:28px;border-top:1px solid rgba(255,255,255,.04);font-size:.78rem;color:var(--g6)}
.f-btm a{color:var(--g6);text-decoration:none}.f-btm a:hover{color:var(--wh)}
@media(max-width:1100px){
  .hero,.why-inner,.geo-inner,.hs-inner,.faq-inner{grid-template-columns:1fr;gap:48px}
  .hero-r{display:none}
  .tech-grid{grid-template-columns:1fr 1fr}
  .proc-phases{grid-template-columns:1fr 1fr;gap:28px}.proc-phases::before{display:none}
  .bt-grid{grid-template-columns:1fr 1fr}
  .hs-features{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
  .nav{padding:0 20px}.nav-links{display:none}
  .hero{padding:40px 24px 60px}.C{padding:0 24px}
  .tech-grid,.hs-features,.bt-grid{grid-template-columns:1fr}
  .cta-box{padding:48px 24px}.cta-btns{flex-direction:column;align-items:center}
  .f-row{flex-direction:column}.fnav{flex-direction:column;gap:28px}
  .bc{padding:calc(var(--nh) + 14px) 24px 0}
}

.rc-title-ico{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;margin-right:6px;color:var(--amber);vertical-align:middle}
.rc-title-ico svg.mzj-rc{width:16px;height:16px}

.mzj-check-inline{display:inline-block;width:1em;height:1em;line-height:1;font-size:0.9em;color:var(--green);font-weight:700;margin-left:2px}
.llm-b .llm-b-tick{color:var(--green);font-weight:800;margin-left:4px}


/* ═══════════════════════════════════════════════════════════════
   V2 GLOBAL v7 POLISH (MERZLJAK V7 §5)
   ═══════════════════════════════════════════════════════════════ */
html{scroll-behavior:smooth}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;scroll-behavior:auto!important}
}

/* Focus ring (accessibility) - Amber Primary */
a:focus-visible, button:focus-visible, [tabindex]:focus-visible{
  outline:2px solid var(--amber);outline-offset:3px;border-radius:4px
}

/* Mono class */
.mono, code, kbd{font-family:var(--fm);font-size:0.92em;letter-spacing:-0.005em}

/* SVG display safety for all 7 style families */
svg.mzj-pl, svg.mzj-bci, svg.mzj-gf, svg.mzj-lv, svg.mzj-ph, svg.mzj-hsf, svg.mzj-tc, svg.mzj-ss, svg.mzj-rc, svg.mzj-rc-check{display:block}

/* Section-header accent (Amber → Cyan for website-relaunch-context) */
.sec-header::before{background:linear-gradient(90deg,var(--amber),var(--cyan))}

/* PERF P3: content-visibility for below-fold sections */
.geo,.process,.hubspot,.tech,.faq,.bt,.cta{content-visibility:auto;contain-intrinsic-size:1px 1200px}




/* ═══ LESBARKEITS-FIX v7: Vollständige Schrift-/Hintergrund-Konsistenz ═══ */
/* PRINZIP:
   • Helle Sektionen (.geo .hubspot .faq .cta) auf Body=weiß → dunkle Schrift
   • DUNKLE Cards INNERHALB dieser Sektionen → HELLE Schrift (wiederhergestellt)
   • FAQ-Items (.fi) → weißer Hintergrund + dunkle Schrift + Border
   • Buttons (.bp/.bs) bleiben farbig/weiß (haben eigenen farbigen BG)
*/

/* ─── EBENE 1: Helle Sektionen - Default dunkle Schrift ─── */
.geo, .hubspot, .faq, .cta { color: var(--text); }

/* H2 Hauptüberschriften: dunkel statt weiß */
.geo .h2, .hubspot .h2, .faq .h2 { color: var(--text) !important; }

/* Body-Paragraphen direkt in der Section: mittel-dunkler Grauton */
.geo > .C p, .hubspot > .C p, .faq > .C p, .cta > .C p { color: var(--g700) !important; }

/* Inline-Styles in hellen Sektionen - alle hellen Farben auf dunkel umstellen */
.geo > .C [style*="color:var(--wh)"]:not(.llm-visual *):not(.relaunch-card *):not(.benefit-card *):not(.kpi-b *):not(.bp):not(.bs),
.hubspot > .C [style*="color:var(--wh)"]:not(.hsf *):not(.site-structure *):not(.bp):not(.bs),
.faq > .C [style*="color:var(--wh)"]:not(.fi *):not(.bp):not(.bs),
.cta > .C [style*="color:var(--wh)"]:not(.cta-box *):not(.bp):not(.bs) { color: var(--text) !important; }

.geo > .C [style*="color:var(--g4)"]:not(.llm-visual *):not(.relaunch-card *):not(.benefit-card *):not(.kpi-b *),
.hubspot > .C [style*="color:var(--g4)"]:not(.hsf *):not(.site-structure *),
.faq > .C [style*="color:var(--g4)"]:not(.fi *),
.cta > .C [style*="color:var(--g4)"]:not(.cta-box *) { color: var(--g700) !important; }

.geo > .C [style*="color:var(--g3)"]:not(.llm-visual *):not(.relaunch-card *):not(.benefit-card *):not(.kpi-b *),
.hubspot > .C [style*="color:var(--g3)"]:not(.hsf *):not(.site-structure *),
.faq > .C [style*="color:var(--g3)"]:not(.fi *),
.cta > .C [style*="color:var(--g3)"]:not(.cta-box *) { color: var(--g700) !important; }

/* ─── EBENE 2: GEO-Feature-Items (.gf hat fast transparenten BG → dunkle Schrift) ─── */
.geo .gf { background: var(--g100); border: 1px solid var(--g200); }
.geo .gf-title { color: var(--text) !important; }
.geo .gf-text { color: var(--g700) !important; }
.geo .gf-tag { color: var(--g600); background: rgba(217,119,6,.10); border: 1px solid rgba(217,119,6,.22); }

/* ─── EBENE 3: DUNKLE Cards in hellen Sektionen → HELLE Schrift wiederherstellen ─── */

/* LLM-Visibility-Card (.llm-visual hat background:var(--nc)) */
.geo .llm-visual { color: var(--white); }
.geo .llm-visual .lv-sys-name { color: var(--white) !important; }
.geo .llm-visual .lv-sys-detail { color: var(--g300) !important; }
.geo .llm-visual .lv-note { color: var(--g300) !important; }
.geo .llm-visual .lv-note strong { color: var(--amber-l) !important; }

/* Relaunch-Card + Benefit-Card + KPI-Box (dunkel) */
.geo .relaunch-card, .geo .relaunch-card * { color: var(--white); }
.geo .relaunch-card p { color: var(--g300) !important; }
.geo .benefit-card, .geo .benefit-card * { color: var(--white); }
.geo .benefit-card p { color: var(--g300) !important; }
.geo .kpi-b { color: var(--white); }
.geo .kpi-b .kpi-l { color: var(--g300) !important; }
.geo .kpi-b .kpi-v { color: var(--amber-l); }

/* HubSpot Feature-Cards (.hsf) */
.hubspot .hsf { color: var(--white); }
.hubspot .hsf .hsf-title { color: var(--white) !important; }
.hubspot .hsf .hsf-text { color: var(--g300) !important; }

/* HubSpot Site-Structure-Card */
.hubspot .site-structure { color: var(--white); }
.hubspot .site-structure .ss-pg-name { color: var(--white) !important; }
.hubspot .site-structure p { color: var(--g300) !important; }

/* CTA-Box (.cta-box hat dunklen Gradient) */
.cta .cta-box { color: var(--white); }
.cta .cta-box .cta-h2, .cta .cta-box h2 { color: var(--white) !important; }
.cta .cta-box .cta-sub { color: var(--g300) !important; }
.cta .cta-box p { color: var(--g300) !important; }

/* ─── EBENE 4: FAQ-Items (weißer Background + dunkle Schrift + Border) ─── */
.faq .fi { background: #fff !important; border: 1px solid var(--g200) !important; box-shadow: var(--sh); color: var(--text); }
.faq .fi.open { border-color: var(--amber) !important; box-shadow: 0 12px 32px rgba(217,119,6,.10) !important; }
.faq .fq { color: var(--text); }
.faq .fq h3 { color: var(--text) !important; }
.faq .fq-btn { background: rgba(217,119,6,.10); border: 1px solid rgba(217,119,6,.30); color: var(--amber); }
.faq .fi.open .fq-btn { background: var(--amber); border-color: var(--amber); color: var(--white); }
.faq .fa-in { color: var(--g700) !important; border-top: 1px solid var(--g200); }

/* ─── EBENE 5: Buttons (.bp/.bs) bleiben farbig auf eigenem BG ─── */
.faq .bp, .cta .bp { color: var(--white) !important; }
.faq .bs, .cta .bs { color: var(--white) !important; }


/* ═══ LESBARKEITS-FIX v8: Kontrast-Anpassung dunkler Hintergründe (WCAG AA) ═══ */
/* Problem: var(--g6)=#475569 auf var(--nc)=#132840 → Kontrast 2.5:1 (FAIL)
   Fix: → var(--g300)=#CBD5E1 → Kontrast 10:1 (AAA-pass) */

/* Hero-KPI-Cards (.kpi-b auf --nc dunkel) */
.kpi-b .kpi-l { color: var(--g300) !important; }

/* FAQ-Items default-dark (in jeder Sektion außer .faq die weiß ist) */
.fa-in { color: var(--g300) !important; }
.faq .fa-in { color: var(--g700) !important; } /* FAQ-section ist weiß → dunkel überschreiben */

/* Tech-Cards / .tc-text (typisch grauer Text auf dunkel) */
.tc-text, .tc p { color: var(--g300) !important; }

/* Blog-Teaser (.bt-card Texte) */
.bt-card p, .bt-card .bt-text { color: var(--g300) !important; }

/* Process-Cards */
.proc-phase p, .proc-phase .pp-text { color: var(--g300) !important; }

/* WHY-Section Cards */
.why .relaunch-card p, .why p { color: var(--g300); }

/* RC-Score Labels in Audit-Card (light grey on dark) */
.rcs-label { color: var(--g300) !important; }
.rcs-val { color: var(--white) !important; }

/* HERO Body-Text in der hero-wrap */
.hero-wrap .lead, .hero-wrap p { color: var(--g300); }

/* Generic: alle p-Tags in dunklen Sektionen */
.why p, .process p, .tech p, .bt p { color: var(--g300) !important; }

/* Eyebrow/Tag/Badge Helltöne auf dunkel */
.why .eyebrow, .process .eyebrow, .tech .eyebrow, .bt .eyebrow { color: var(--amber-l); }


/* ═══ LESBARKEITS-FIX v9: FAQ konsistent als DUNKLE Sektion (Inline-Style overrides!) ═══ */
/* Problem: FAQ-Section hat inline style="background:var(--nv)" → dunkel
   Aber v6/v7-Overrides setzten Texte auf var(--text) dunkel → unlesbar */

/* FAQ-Section Texte HELL (überschreibt v6/v7-Regeln) */
.faq, .faq .h2, .faq h1, .faq h2, .faq h3, .faq h4 { color: var(--white) !important; }
.faq > .C p, .faq p { color: var(--g300) !important; }
.faq .eyebrow, .faq .tag { color: var(--amber-l) !important; }

/* FAQ-Items: zurück auf DUNKLEN Card-BG (überschreibt v7 .fi-weiß-Hack) */
.faq .fi { 
  background: var(--nc) !important; 
  border: 1px solid rgba(255,255,255,.05) !important; 
  box-shadow: none !important;
  color: var(--white);
}
.faq .fi.open { 
  border-color: rgba(217,119,6,.30) !important; 
  box-shadow: 0 12px 32px rgba(217,119,6,.10) !important; 
}
.faq .fq, .faq .fq h3 { color: var(--white) !important; }
.faq .fq-btn { background: rgba(217,119,6,.10); border: 1px solid rgba(217,119,6,.30); color: var(--amber-l); }
.faq .fi.open .fq-btn { background: var(--amber); border-color: var(--amber); color: var(--white); }
.faq .fa-in { color: var(--g300) !important; border-top: 1px solid rgba(255,255,255,.05) !important; }

/* Buttons auf dunkler FAQ */
.faq .bp { background: var(--amber); color: var(--white) !important; }
.faq .bs { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.14); color: var(--white) !important; }

/* Sub-Text (z.B. "In 30 Minuten analysieren wir kostenlos...") */
.faq [style*="color:var(--g4)"] { color: var(--g300) !important; }
.faq [style*="color:var(--g6)"] { color: var(--g300) !important; }


/* ═══ EXPERT QUOTE SECTION (E-E-A-T) ═══ */
.expert-quote{padding:120px 0;position:relative;overflow:hidden}
.expert-quote::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:160px;height:2px;background:linear-gradient(90deg,transparent,var(--amber),transparent)}
.eq-grid{display:grid;grid-template-columns:280px 1fr;gap:60px;align-items:start;max-width:1100px;margin:0 auto}
.eq-author-block{display:flex;flex-direction:column;gap:18px;position:sticky;top:100px}
.eq-avatar{width:140px;height:140px;border-radius:50%;background:linear-gradient(135deg,var(--amber),var(--amber-l));display:flex;align-items:center;justify-content:center;color:var(--navy);font-family:var(--fh);font-size:3rem;font-weight:800;letter-spacing:-.04em;box-shadow:0 12px 40px rgba(217,119,6,.25);border:3px solid rgba(255,255,255,.10)}
.eq-meta{display:flex;flex-direction:column;gap:6px}
.eq-name{font-family:var(--fh);font-size:1.4rem;font-weight:800;color:var(--white);letter-spacing:-.02em}
.eq-role{font-size:.92rem;font-weight:600;color:var(--amber-l)}
.eq-credentials{font-size:.78rem;color:var(--g300);line-height:1.6;margin-top:8px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}
.eq-cred-list{display:flex;flex-direction:column;gap:6px;margin-top:4px}
.eq-cred-item{display:flex;align-items:flex-start;gap:8px;font-size:.74rem;color:var(--g300);line-height:1.5}
.eq-cred-label{font-weight:700;color:var(--amber-l);text-transform:uppercase;letter-spacing:.06em;font-size:.66rem;flex-shrink:0;min-width:62px}
.eq-tag{display:inline-block;font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--amber-l);background:rgba(217,119,6,.10);border:1px solid rgba(217,119,6,.22);padding:5px 11px;border-radius:50px;width:fit-content;margin-bottom:10px}
.eq-text{position:relative;font-family:var(--fh);font-size:1.6rem;font-weight:500;color:var(--white);line-height:1.45;letter-spacing:-.015em;margin:0;padding:0 0 0 40px;border-left:3px solid var(--amber)}
.eq-text::before{content:'\201C';position:absolute;left:-22px;top:-30px;font-size:5rem;font-weight:900;color:var(--amber);opacity:.4;font-family:var(--fh);line-height:1}
.eq-text strong{color:var(--amber-l);font-weight:700}
@media (max-width:880px){
  .eq-grid{grid-template-columns:1fr;gap:32px}
  .eq-author-block{position:static;flex-direction:row;align-items:flex-start;flex-wrap:wrap}
  .eq-avatar{width:80px;height:80px;font-size:1.8rem;flex-shrink:0}
  .eq-text{font-size:1.2rem;padding-left:24px}
  .eq-text::before{font-size:3.5rem;left:-12px;top:-20px}
  }


/* KI-Cross-CTA-Banner responsive */
@media (max-width:768px){
  .ki-cross-cta > .C > div{grid-template-columns:1fr !important;gap:24px !important;padding:32px 28px !important;text-align:center}
  .ki-cross-cta > .C > div > div > p{margin-left:auto !important;margin-right:auto !important}
  .ki-cross-cta .bp{justify-self:center}
}

/* KI-Cross-CTA · cleaned card vocabulary */
.ki-cross-cta{padding:100px 0;background:var(--nv);border-top:1px solid rgba(255,255,255,.04)}
.ki-cta-box{position:relative;max-width:1040px;margin:0 auto;background:linear-gradient(135deg,var(--navy-c) 0%,rgba(217,119,6,.10) 100%);border:1px solid rgba(217,119,6,.28);border-radius:var(--r);padding:48px 52px;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.28),0 0 80px rgba(217,119,6,.06) inset}
.ki-cta-accent{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--amber) 30%,var(--amber-l) 50%,var(--amber) 70%,transparent 100%)}
.ki-cta-body{min-width:0}
.ki-cta-eyebrow{display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--amber-l);background:rgba(217,119,6,.12);border:1px solid rgba(217,119,6,.25);padding:5px 12px;border-radius:50px;margin-bottom:16px}
.ki-cta-h2{font-family:var(--fh);font-size:clamp(1.45rem,2.4vw,1.9rem);font-weight:800;color:var(--white);letter-spacing:-.025em;line-height:1.2;margin:0 0 12px 0}
.ki-cta-sub{font-size:1rem;color:var(--g300);line-height:1.65;margin:0;max-width:580px}
.ki-cta-btn{white-space:nowrap;flex-shrink:0}
@media (max-width:880px){
  .ki-cross-cta{padding:80px 0}
  .ki-cta-box{grid-template-columns:1fr;gap:28px;padding:40px 32px;text-align:left}
  .ki-cta-sub{max-width:none}
  .ki-cta-btn{justify-self:start}
}
@media (max-width:560px){
  .ki-cta-box{padding:32px 24px}
  .ki-cta-btn{justify-self:stretch;justify-content:center}
}