:root {
      --bg: #07071A; --bg2: #0A0A1E; --bg3: #1a1a28;
      --accent: #4F46E5; --accent2: #4338CA;
      --text: #cdd6f4; --text2: #a6adc1; --text3: #585b70;
      --border: #ffffff20; --green: #a6e3a1; --red: #f38ba8;
      --teal: #06B6D4; --blue: #06B6D4; --gold: #FBBF24;
      --violet: #A78BFA; --cyan: #06B6D4; --indigo: #4F46E5;
      --font: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
      --font-heading: 'DM Serif Display', Georgia, serif;
      --font-ui: 'Syne', 'Inter', sans-serif;
      --font-mono: 'Geist Mono', 'SF Mono', monospace;
      --radius: 8px; --shadow: 0 4px 24px rgba(0,0,0,0.4);
    }
    * { margin:0; padding:0; box-sizing:border-box; }
    body { background:var(--bg); color:var(--text); font-family:var(--font); line-height:1.6; overflow-x:hidden; }

    /* NAV */
    nav {
      position:fixed; top:0; width:100%; z-index:100;
      background:rgba(7,7,26,0.95); backdrop-filter:blur(12px);
      border-bottom:1px solid var(--border);
      padding:0 40px; display:flex; align-items:center;
      justify-content:space-between; height:64px;
    }
    .nav-logo { font-family:var(--font-ui); font-size:1.1rem; font-weight:800; color:var(--text); display:flex; align-items:center; gap:10px; text-decoration:none; cursor:pointer; letter-spacing:-.01em; }
    .nav-logo img { height:28px; width:auto; }
    .nav-logo span { background:linear-gradient(135deg,#818CF8,#06B6D4); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
    .nav-links { display:flex; gap:28px; }
    .nav-links a { color:var(--text2); text-decoration:none; font-size:.9rem; transition:color .2s; }
    .nav-links a:hover { color:var(--text); }
    .nav-right { display:flex; align-items:center; gap:14px; }
    .nav-cta {
      background:var(--accent); color:#fff; border:none;
      padding:9px 20px; border-radius:8px; font-weight:600;
      font-size:.9rem; cursor:pointer; text-decoration:none; transition:background .2s;
    }
    .nav-cta:hover { background:var(--accent2); }
    .nav-dash { font-size:.85rem; color:var(--text3); text-decoration:none; }
    .nav-dash:hover { color:var(--accent); }

    /* LANG TOGGLE */
    .lang-toggle { display:flex; align-items:center; background:var(--bg3); border:1px solid var(--border); border-radius:20px; overflow:hidden; gap:0; }
    .lang-btn { background:none; border:none; padding:5px 11px; font-size:.75rem; font-weight:700; letter-spacing:.04em; color:var(--text3); cursor:pointer; transition:all .15s; line-height:1; }
    .lang-btn.active { background:var(--accent); color:#fff; border-radius:20px; }
    .lang-btn:hover:not(.active) { color:var(--text); }
    .mobile-lang-toggle { display:flex; background:var(--bg3); border:1px solid var(--border); border-radius:8px; overflow:hidden; margin-top:16px; }
    .mobile-lang-toggle .lang-btn { flex:1; padding:12px; font-size:.95rem; text-align:center; border-radius:0; }
    .mobile-lang-toggle .lang-btn.active { border-radius:6px; }

    /* HAMBURGER */
    .nav-burger {
      display:none; flex-direction:column; justify-content:center; gap:5px;
      background:none; border:none; cursor:pointer; padding:6px; z-index:200;
    }
    .nav-burger span {
      display:block; width:22px; height:2px; background:var(--text);
      border-radius:2px; transition:transform .25s, opacity .25s;
    }
    .nav-burger.open span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
    .nav-burger.open span:nth-child(2) { opacity:0; }
    .nav-burger.open span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }

    /* MOBILE MENU DRAWER */
    .mobile-nav {
      display:none; position:fixed; top:64px; left:0; right:0; bottom:0;
      background:rgba(10,10,15,.97); backdrop-filter:blur(16px);
      z-index:99; flex-direction:column; padding:32px 28px 40px;
      overflow-y:auto;
    }
    .mobile-nav.open { display:flex; }
    .mobile-nav a {
      color:var(--text2); text-decoration:none; font-size:1.15rem;
      font-weight:500; padding:16px 0; border-bottom:1px solid var(--border);
      transition:color .15s;
    }
    .mobile-nav a:hover { color:var(--accent); }
    .mobile-nav-actions {
      display:flex; flex-direction:column; gap:12px; margin-top:28px;
    }
    .mobile-nav-actions .m-cta {
      background:var(--accent); color:#fff; font-weight:700; font-size:1rem;
      text-align:center; padding:14px; border-radius:10px; text-decoration:none;
    }
    .mobile-nav-actions .m-dash {
      border:1px solid var(--border); color:var(--text2); font-size:.9rem;
      text-align:center; padding:11px; border-radius:10px; text-decoration:none;
    }

    /* HERO */
    .hero {
      min-height:100vh; display:flex; align-items:center;
      justify-content:center;
      padding:100px 40px 60px;
      background:radial-gradient(ellipse at 30% 0%, rgba(79,70,229,.1) 0%, transparent 60%);
      position:relative;
    }
    .hero::before {
      content:''; position:absolute; inset:0;
      background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
      pointer-events:none;
    }
    /* HERO SPLIT LAYOUT */
    .hero-split { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; max-width:1200px; width:100%; }
    .hero-left { text-align:left; }
    .hero-right { display:flex; justify-content:center; }
    .hero-badge {
      display:inline-flex; align-items:center; gap:8px;
      background:rgba(79,70,229,.1); border:1px solid rgba(79,70,229,.25);
      color:#818CF8; padding:6px 16px; border-radius:100px;
      font-family:var(--font-mono); font-size:.7rem; font-weight:400; letter-spacing:.12em;
      margin-bottom:28px; text-transform:uppercase;
    }
    .hero h1 { font-family:var(--font-heading); font-size:clamp(2.4rem,5vw,3.8rem); font-weight:400; line-height:1.12; letter-spacing:-.02em; margin-bottom:20px; text-align:left; }
    .hero h1 em { font-style:italic; background:linear-gradient(135deg,#818CF8,#06B6D4); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
    .hero-desc { font-size:1.1rem; color:var(--text2); max-width:520px; margin:0 0 32px; line-height:1.6; }
    .hero-actions { display:flex; gap:14px; flex-wrap:wrap; }
    .btn-primary { background:var(--accent); color:#fff; border:none; padding:14px 32px; border-radius:10px; font-weight:700; font-size:1rem; cursor:pointer; text-decoration:none; transition:all .2s; display:inline-flex; align-items:center; gap:8px; }
    .btn-primary:hover { background:var(--accent2); color:#fff; transform:translateY(-1px); box-shadow:0 8px 24px rgba(79,70,229,.3); }
    .btn-secondary { background:transparent; color:var(--text); border:1px solid var(--border); padding:14px 32px; border-radius:10px; font-weight:600; font-size:1rem; cursor:pointer; text-decoration:none; transition:all .2s; }
    .btn-secondary:hover { border-color:var(--text2); }
    /* HERO TRUST ROW */
    .hero-trust-row { display:flex; align-items:center; gap:20px; margin-top:32px; }
    .hero-trust-item { display:flex; align-items:baseline; gap:6px; }
    .hti-val { font-family:var(--font-ui); font-size:1rem; font-weight:800; color:var(--accent); }
    .hti-label { font-size:.8rem; color:var(--text3); }
    .hero-trust-sep { width:1px; height:20px; background:var(--border); }
    /* HERO VISUAL — Agent Console (v3 Brand) */
    .hero-visual {
      width:100%; max-width:560px; border-radius:16px; overflow:hidden;
      background:transparent; border:1px solid var(--border);
      box-shadow:0 20px 60px rgba(0,0,0,.5), 0 0 60px rgba(79,70,229,.12);
      position:relative;
    }
    .hero-visual::before {
      content:''; position:absolute; inset:0; pointer-events:none; z-index:0;
      background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
      opacity:.3; border-radius:16px;
    }
    .hv-header {
      display:flex; align-items:center; gap:8px; padding:14px 18px;
      background:rgba(79,70,229,.06); border-bottom:1px solid var(--border);
      position:relative; z-index:1;
    }
    .hv-dot { width:10px; height:10px; border-radius:50%; background:#EF4444; }
    .hv-dot.y { background:#FBBF24; }
    .hv-dot.g { background:#22C55E; }
    .hv-title {
      margin-left:8px; font-family:var(--font-mono); font-size:.7rem;
      color:#ffffff55; letter-spacing:.12em; font-weight:400; text-transform:uppercase;
    }
    .hv-agents { padding:8px 0; position:relative; z-index:1; }
    .hv-agent {
      display:flex; align-items:center; gap:14px; padding:11px 18px;
      transition:background .2s; cursor:default;
    }
    .hv-agent:hover { background:rgba(79,70,229,.06); }
    .hv-icon { font-size:1.2rem; width:32px; text-align:center; }
    .hv-info { flex:1; }
    .hv-name { font-family:var(--font-ui); font-size:.88rem; font-weight:700; color:var(--text); letter-spacing:-.01em; }
    .hv-status { font-family:var(--font-mono); font-size:.68rem; color:#ffffff50; margin-top:3px; letter-spacing:.03em; }
    .hv-status.active { color:#22C55E; }
    .hv-footer {
      display:flex; align-items:center; gap:8px; padding:11px 18px;
      border-top:1px solid var(--border);
      font-family:var(--font-mono); font-size:.65rem; color:#ffffff40; letter-spacing:.04em;
      position:relative; z-index:1;
    }
    .hv-pulse {
      width:8px; height:8px; border-radius:50%; background:#22C55E;
      box-shadow:0 0 8px rgba(34,197,94,.4);
      animation:hvPulse 2s ease-in-out infinite;
    }
    @keyframes hvPulse { 0%,100%{opacity:1;} 50%{opacity:.3;} }
    /* HERO RESPONSIVE */
    @media(max-width:900px) {
      .hero-split { grid-template-columns:1fr; text-align:center; gap:40px; }
      .hero-left { text-align:center; }
      .hero h1 { text-align:center; }
      .hero-desc { margin:0 auto 32px; }
      .hero-actions { justify-content:center; }
      .hero-trust-row { justify-content:center; }
      .hero-visual { max-width:100%; }
    }
    @media(max-width:600px) {
      .hero-trust-row { flex-direction:column; gap:12px; align-items:flex-start; }
      .hero-trust-sep { display:none; }
      .hero-trust-row { align-items:center; }
    }

    /* SECTIONS */
    section { padding:96px 40px; }
    .section-inner { max-width:1100px; margin:0 auto; }
    .section-label { font-family:var(--font-mono); font-size:.65rem; font-weight:400; letter-spacing:.22em; text-transform:uppercase; color:var(--indigo); margin-bottom:16px; text-align:center; }
    h2 { font-family:var(--font-heading); font-size:clamp(1.8rem,3vw,2.8rem); font-weight:400; letter-spacing:-.02em; margin-bottom:16px; text-align:center; }
    .section-sub { font-size:1.1rem; color:var(--text2); max-width:660px; margin:0 auto 64px; text-align:center; }

    /* PROBLEM */
    .problem { background:var(--bg2); }
    .problem-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:24px; }
    @media(max-width:640px){ .problem-grid { grid-template-columns:1fr; } }
    .problem-card { background:var(--bg3); border:1px solid var(--border); border-radius:var(--radius); padding:28px; }
    .problem-card .icon { font-size:2rem; margin-bottom:16px; }
    .problem-card h3 { font-size:1.05rem; font-weight:700; margin-bottom:10px; }
    .problem-card p { font-size:.9rem; color:var(--text2); }

    /* PILLARS (legacy) */
    .pillars-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:24px; }
    .pillar-card { background:var(--bg2); border:1px solid var(--border); border-radius:var(--radius); padding:32px; transition:border-color .2s,transform .2s; position:relative; overflow:hidden; }
    .pillar-card:hover { border-color:rgba(79,70,229,.4); transform:translateY(-3px); }
    .pillar-card::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg,var(--accent),var(--accent2)); }
    .pillar-num { font-size:.75rem; font-weight:700; color:var(--accent); letter-spacing:.1em; text-transform:uppercase; margin-bottom:12px; }
    .pillar-card h3 { font-size:1.15rem; font-weight:700; margin-bottom:12px; text-align:left; }
    .pillar-card p { font-size:.9rem; color:var(--text2); line-height:1.7; }
    .pillar-tag { display:inline-block; background:rgba(79,70,229,.1); color:var(--accent); font-size:.75rem; font-weight:600; padding:4px 10px; border-radius:100px; margin-top:16px; }

    /* PLAYBOOK BLOCK */
    .playbook-block {
      display: flex;
      gap: 28px;
      align-items: flex-start;
      background: linear-gradient(135deg, rgba(79,70,229,.08), rgba(78,168,222,.06));
      border: 1px solid rgba(79,70,229,.25);
      border-radius: var(--radius);
      padding: 36px 40px;
      margin: 40px auto 0;
      max-width: 900px;
    }
    .playbook-icon {
      font-size: 2.5rem;
      flex-shrink: 0;
      margin-top: 4px;
    }
    .playbook-content { flex: 1; }
    .playbook-label {
      font-size: .75rem;
      text-transform: uppercase;
      letter-spacing: .1em;
      color: var(--accent);
      font-weight: 700;
      margin-bottom: 6px;
    }
    .playbook-block h3 {
      font-size: 1.35rem;
      font-weight: 800;
      margin-bottom: 12px;
    }
    .playbook-block p {
      color: var(--text2);
      font-size: .95rem;
      line-height: 1.65;
      margin-bottom: 20px;
    }
    .playbook-items {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }
    .playbook-items span {
      background: rgba(79,70,229,.1);
      border: 1px solid rgba(79,70,229,.2);
      color: var(--text2);
      font-size: .8rem;
      font-weight: 500;
      padding: 5px 12px;
      border-radius: 100px;
      white-space: nowrap;
    }
    @media (max-width: 600px) {
      .playbook-block {
        flex-direction: column;
        gap: 16px;
        padding: 24px 20px;
      }
    }

    /* FLYWHEEL */
    .flywheel-container { max-width:700px; margin:0 auto 40px; }
    .flywheel-ring { position:relative; width:100%; padding-bottom:100%; }
    .flywheel-svg { position:absolute; inset:0; width:100%; height:100%; }
    .fw-node { position:absolute; width:130px; text-align:center; transform:translate(-50%,-50%); }
    .fw-node .fw-icon { font-size:2rem; margin-bottom:4px; }
    .fw-node .fw-num { font-size:.6rem; font-weight:700; color:var(--accent); letter-spacing:.1em; text-transform:uppercase; margin-bottom:2px; }
    .fw-node h3 { font-size:.85rem; font-weight:700; margin-bottom:2px; text-align:center; }
    .fw-node p { font-size:.65rem; color:var(--text2); line-height:1.3; }
    .fw-n1 { top:5%; left:50%; }
    .fw-n2 { top:30%; left:93%; }
    .fw-n3 { top:72%; left:82%; }
    .fw-n4 { top:72%; left:18%; }
    .fw-n5 { top:30%; left:7%; }
    .fw-center { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center; width:180px; background:linear-gradient(135deg,rgba(79,70,229,.12),rgba(78,168,222,.08)); border:1px solid rgba(79,70,229,.3); border-radius:50%; width:190px; height:190px; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:20px; }
    .fw-center-label { font-size:.65rem; font-weight:700; color:var(--accent); letter-spacing:.08em; text-transform:uppercase; margin-bottom:4px; }
    .fw-center h3 { font-size:.95rem; font-weight:700; line-height:1.2; margin-bottom:4px; text-align:center; }
    .fw-center p { font-size:.7rem; color:var(--text2); }
    .fw-details { display:grid; grid-template-columns:repeat(5,1fr); gap:12px; margin-top:24px; }
    .fw-detail-card { background:var(--bg2); border:1px solid var(--border); border-radius:var(--radius); padding:16px; display:flex; flex-direction:column; gap:6px; position:relative; overflow:hidden; }
    .fw-detail-card::before { content:''; position:absolute; top:0; left:0; right:0; height:2px; background:linear-gradient(90deg,var(--accent),var(--accent2)); }
    .fw-d-num { font-size:.7rem; font-weight:700; color:var(--accent); letter-spacing:.08em; }
    .fw-detail-card strong { font-size:.85rem; text-align:left; }
    .fw-d-text { font-size:.75rem; color:var(--text2); line-height:1.5; }
    @media(max-width:768px){
      .flywheel-container { max-width:340px; }
      .fw-node { width:90px; }
      .fw-node .fw-icon { font-size:1.4rem; }
      .fw-node h3 { font-size:.7rem; }
      .fw-node p { font-size:.55rem; }
      .fw-node .fw-num { font-size:.5rem; }
      .fw-center { width:130px; height:130px; padding:12px; }
      .fw-center h3 { font-size:.75rem; }
      .fw-center-label { font-size:.55rem; }
      .fw-center p { font-size:.6rem; }
      .fw-details { grid-template-columns:1fr; }
    }

    /* METHODOLOGY */
    .method { background:var(--bg2); }
    .method-flow { display:flex; gap:0; align-items:stretch; flex-wrap:wrap; }
    .method-step { flex:1; min-width:200px; background:var(--bg3); border:1px solid var(--border); padding:32px 28px; position:relative; }
    .method-step:first-child { border-radius:var(--radius) 0 0 var(--radius); }
    .method-step:last-child { border-radius:0 var(--radius) var(--radius) 0; }
    .method-step:not(:last-child)::after { content:'→'; position:absolute; right:-14px; top:50%; transform:translateY(-50%); font-size:1.4rem; color:var(--accent); z-index:1; background:var(--bg3); padding:4px; }
    .step-num { font-size:.7rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--accent); margin-bottom:12px; }
    .method-step h3 { font-size:1.1rem; font-weight:700; margin-bottom:10px; }
    .method-step p { font-size:.88rem; color:var(--text2); }

    /* PRICING */
    .pricing-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:24px; }
    .pricing-card { background:var(--bg2); border:1px solid var(--border); border-radius:var(--radius); padding:36px; position:relative; }
    .pricing-card.featured { border-color:var(--accent); background:linear-gradient(135deg,rgba(79,70,229,.06),var(--bg2)); }
    .featured-badge { position:absolute; top:-12px; left:50%; transform:translateX(-50%); background:var(--accent); color:#fff; font-size:.75rem; font-weight:700; padding:4px 16px; border-radius:100px; white-space:nowrap; }
    .pricing-card h3 { font-family:var(--font-heading); font-size:1.2rem; font-weight:400; margin-bottom:8px; }
    .price { font-family:var(--font-heading); font-size:2.4rem; font-weight:400; color:var(--accent); margin:16px 0 4px; }
    .price-note { font-family:var(--font-mono); font-size:.78rem; color:var(--text3); margin-bottom:24px; }
    .foerder-note { background:rgba(34,197,94,.1); border:1px solid rgba(34,197,94,.3); border-radius:8px; padding:12px 16px; margin:20px 0; font-size:.85rem; color:#86efac; }
    .foerder-note strong { color:var(--green); }
    .pricing-features { list-style:none; margin:20px 0; }
    .pricing-features li { padding:8px 0; font-size:.9rem; color:var(--text2); border-bottom:1px solid var(--border); display:flex; gap:10px; align-items:flex-start; }
    .pricing-features li::before { content:'✓'; color:var(--green); flex-shrink:0; font-weight:700; }
    .pricing-cta { width:100%; padding:13px; border-radius:9px; font-weight:700; font-size:.95rem; cursor:pointer; border:none; margin-top:24px; transition:all .2s; text-align:center; display:block; text-decoration:none; }
    .pricing-cta.primary { background:var(--accent); color:#fff; }
    .pricing-cta.primary:hover { background:var(--accent2); }
    .pricing-cta.outline { background:transparent; color:var(--text); border:1px solid var(--border); }
    .pricing-cta.outline:hover { border-color:var(--text2); }

    /* DIFFERENTIATORS */
    .diff { background:var(--bg2); }
    .diff-grid { display:grid; grid-template-columns:1fr 1fr; gap:32px; }
    .diff-col h3 { font-size:1rem; font-weight:700; margin-bottom:20px; padding-bottom:12px; border-bottom:1px solid var(--border); }
    .diff-col h3.bad { color:var(--red); }
    .diff-col h3.good { color:var(--green); }
    .diff-list { list-style:none; }
    .diff-list li { padding:10px 0; font-size:.9rem; color:var(--text2); display:flex; gap:10px; align-items:flex-start; border-bottom:1px solid var(--border); }

    /* ── KI REVOLUTION (TrustLayer) ── */
    .ki-rev { background:var(--bg); }
    .phases-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-bottom:32px; }
    .phase-card { padding:14px 16px; border-radius:10px; border-left:3px solid; }
    .phase-era { font-size:11px; font-weight:700; }
    .phase-name { font-size:14px; font-weight:700; color:var(--text); margin-top:4px; }
    .phase-desc { font-size:11px; color:var(--text2); margin-top:4px; line-height:1.4; }
    .chart-tabs { display:flex; gap:8px; margin-bottom:16px; flex-wrap:wrap; }
    .chart-tab { padding:8px 16px; border-radius:6px; border:none; cursor:pointer; font-size:13px; font-weight:500; transition:all .2s; }
    .chart-tab.active { background:var(--teal); color:#0d0f14; }
    .chart-tab:not(.active) { background:var(--bg3); color:var(--text2); border:1px solid var(--border); }
    .chart-tab:hover:not(.active) { background:var(--bg2); }
    .chart-box { background:var(--bg2); border:1px solid var(--border); border-radius:14px; padding:24px; }
    .chart-title { font-size:15px; font-weight:600; color:var(--text); margin-bottom:16px; }
    .chart-wrap { position:relative; height:380px; }
    .chart-foot { font-size:11px; color:var(--text3); margin-top:12px; }
    .ki-insight { margin-top:20px; background:var(--bg2); border-left:4px solid var(--teal); border-radius:0 10px 10px 0; padding:18px 20px; }
    .ki-insight-label { color:var(--teal); font-size:13px; font-weight:700; margin-bottom:6px; }
    .ki-insight-text { font-size:14px; color:var(--text2); line-height:1.6; }

    /* ── VISION / DER LETZTE VERTRIEBLER ── */
    .vision { background:var(--bg2); }
    .vision-quote {
      font-size:clamp(1.3rem,2.5vw,1.9rem); font-weight:700;
      color:var(--text); line-height:1.45; text-align:center;
      max-width:780px; margin:0 auto 48px;
      border-top:1px solid var(--border); border-bottom:1px solid var(--border);
      padding:32px 0;
    }
    .vision-quote em { color:var(--accent); font-style:normal; }
    .vision-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:24px; margin-bottom:48px; }
    .vision-card { background:var(--bg3); border:1px solid var(--border); border-radius:var(--radius); padding:28px; }
    .vision-card .vc-era { font-size:.75rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; margin-bottom:10px; }
    .vision-card h3 { font-size:1.05rem; font-weight:700; margin-bottom:10px; }
    .vision-card p { font-size:.9rem; color:var(--text2); line-height:1.65; }
    .vision-thesis {
      background:var(--bg3); border:1px solid var(--border); border-radius:var(--radius);
      padding:36px; text-align:center;
    }
    .vision-thesis h3 { font-family:var(--font-heading); font-size:1.3rem; font-weight:400; margin-bottom:16px; color:var(--teal); }
    .vision-thesis p { font-size:1rem; color:var(--text2); max-width:660px; margin:0 auto; line-height:1.7; }
    .trust-compare { display:flex; gap:32px; justify-content:center; margin-top:32px; flex-wrap:wrap; }
    .trust-item { text-align:center; }
    .trust-icon { font-size:2rem; margin-bottom:8px; }
    .trust-label { font-size:.85rem; color:var(--text3); margin-bottom:4px; }
    .trust-val { font-size:1.05rem; font-weight:700; color:var(--text); }

    /* CTA */
    .cta-section { text-align:center; background:radial-gradient(ellipse at 50% 100%,rgba(79,70,229,.1) 0%,transparent 70%); }
    .cta-section h2 { font-size:clamp(2rem,4vw,3.2rem); margin-bottom:20px; }
    .cta-section p { font-size:1.1rem; color:var(--text2); max-width:520px; margin:0 auto 40px; }
    .cta-actions { display:flex; gap:16px; justify-content:center; flex-wrap:wrap; }
    .contact-info { margin-top:40px; color:var(--text3); font-size:.9rem; }
    .contact-info a { color:var(--accent); text-decoration:none; }

    /* ── LIGHTBOX ── */
    .lightbox-overlay { display:none; position:fixed; inset:0; background:rgba(0,0,0,.92); z-index:9999; align-items:center; justify-content:center; cursor:zoom-out; }
    .lightbox-overlay.active { display:flex; }
    .lightbox-overlay img { max-width:90vw; max-height:90vh; border-radius:8px; object-fit:contain; box-shadow:0 0 60px rgba(0,0,0,.8); }
    .lightbox-close { position:absolute; top:20px; right:28px; font-size:2rem; color:#fff; cursor:pointer; line-height:1; opacity:.7; }
    .lightbox-close:hover { opacity:1; }
    .book-img-thumb { cursor:zoom-in; transition:transform .2s, box-shadow .2s; }
    .book-img-thumb:hover { transform:scale(1.03); box-shadow:0 8px 32px rgba(79,70,229,.25); }

    /* ── PITCH / WARUM JETZT ── */
    .pitch { background:var(--bg2); }
    .pitch-grid { display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:start; max-width:1100px; margin:0 auto; }
    .pitch-left h2 { margin-bottom:16px; }
    .pitch-left .pitch-story { font-size:.95rem; color:var(--text2); line-height:1.8; margin-bottom:20px; }
    .pitch-left .pitch-cta { font-size:.85rem; color:var(--accent); font-weight:600; font-style:italic; }
    .pitch-pillars { display:flex; flex-direction:column; gap:20px; }
    .pitch-pillar { background:var(--bg3); border:1px solid var(--border); border-radius:var(--radius); padding:24px 28px; position:relative; overflow:hidden; }
    .pitch-pillar::before { content:''; position:absolute; left:0; top:0; bottom:0; width:3px; background:linear-gradient(180deg,var(--accent),var(--accent2)); }
    .pitch-pillar-label { font-size:.7rem; letter-spacing:.18em; text-transform:uppercase; color:var(--accent); margin-bottom:8px; font-weight:700; }
    .pitch-pillar h3 { font-size:1rem; font-weight:700; margin-bottom:8px; }
    .pitch-pillar p { font-size:.87rem; color:var(--text2); line-height:1.6; }
    .pitch-now { background:linear-gradient(135deg,rgba(79,70,229,.08),rgba(78,168,222,.08)); border:1px solid rgba(79,70,229,.3); border-radius:var(--radius); padding:28px 32px; margin-top:32px; text-align:center; max-width:780px; margin-left:auto; margin-right:auto; }
    .pitch-now .pn-eyebrow { font-size:.7rem; letter-spacing:.2em; text-transform:uppercase; color:var(--accent); margin-bottom:12px; }
    .pitch-now h3 { font-family:var(--font-heading); font-size:1.25rem; font-weight:400; margin-bottom:10px; }
    .pitch-now p { font-size:.9rem; color:var(--text2); line-height:1.7; }
    @media(max-width:900px){ .pitch-grid { grid-template-columns:1fr; } }

    /* ── BUCH ── */
    .buch { background:var(--bg); }
    .buch-inner { display:grid; grid-template-columns:auto 1fr; gap:56px; align-items:start; max-width:1100px; margin:0 auto; }
    .book-cover {
      width:210px; flex-shrink:0;
      border-radius:6px;
      padding:0;
      text-align:center;
      box-shadow:-6px 8px 28px rgba(0,0,0,.7), 0 0 40px rgba(79,70,229,.15);
      overflow:hidden;
      position:relative;
      border:1px solid rgba(79,70,229,.25);
    }
    .book-cover::after {
      content:''; position:absolute; inset:0; border-radius:6px; pointer-events:none;
      background:linear-gradient(135deg, rgba(79,70,229,.12), rgba(78,168,222,.08));
      mix-blend-mode:color;
    }
    .book-cover img { width:100%; display:block; border-radius:6px; filter:saturate(.7) brightness(.92) hue-rotate(-15deg); }
    .book-cover-images { display:flex; flex-direction:column; gap:12px; align-items:center; }
    .book-klappentext { width:210px; flex-shrink:0; border-radius:6px; overflow:hidden;
      box-shadow:-4px 6px 20px rgba(0,0,0,.5);
      position:relative;
      border:1px solid rgba(79,70,229,.2);
    }
    .book-klappentext::after {
      content:''; position:absolute; inset:0; border-radius:6px; pointer-events:none;
      background:linear-gradient(135deg, rgba(79,70,229,.12), rgba(78,168,222,.08));
      mix-blend-mode:color;
    }
    .book-klappentext img { width:100%; display:block; border-radius:6px; filter:saturate(.7) brightness(.92) hue-rotate(-15deg); }
    .book-sub { font-size:10px; color:var(--text2); font-weight:500; line-height:1.5; }
    .book-author-block { margin-top:20px; padding-top:14px; border-top:1px solid rgba(255,255,255,.06); }
    .book-author { font-size:9px; color:var(--accent); font-weight:700; letter-spacing:.15em; text-transform:uppercase; }
    .book-year { display:inline-block; margin-top:8px; font-size:9px; background:rgba(79,70,229,.1); color:var(--accent); padding:2px 8px; border-radius:20px; letter-spacing:.1em; }
    .buch-text h2 { font-family:var(--font-heading); font-size:clamp(1.6rem,3vw,2.4rem); font-weight:400; letter-spacing:-.02em; margin-bottom:16px; }
    .buch-text h2 em { font-style:normal; color:var(--accent); }
    .buch-hook { font-size:1.1rem; color:var(--text2); line-height:1.7; margin-bottom:24px; }
    .buch-quotes { display:flex; flex-direction:column; gap:10px; margin-bottom:28px; }
    .buch-q { font-size:.9rem; color:var(--text2); padding-left:16px; border-left:3px solid var(--accent); font-style:italic; }
    .buch-ctas { display:flex; gap:12px; flex-wrap:wrap; }
    .buch-cta-p { background:var(--accent); color:#fff; border:none; padding:12px 28px; border-radius:9px; font-weight:700; font-size:.95rem; cursor:pointer; text-decoration:none; transition:all .2s; }
    .buch-cta-p:hover { background:var(--accent2); }
    .buch-cta-s { background:transparent; color:var(--text); border:1px solid var(--border); padding:12px 28px; border-radius:9px; font-weight:600; font-size:.95rem; cursor:pointer; text-decoration:none; transition:all .2s; }
    .buch-cta-s:hover { border-color:var(--text2); }
    .buch-stat { display:flex; gap:32px; margin-top:28px; flex-wrap:wrap; }
    .bs { text-align:center; }
    .bs-val { font-family:var(--font-heading); font-size:1.6rem; font-weight:400; color:var(--accent); }
    .bs-label { font-size:.8rem; color:var(--text3); }

    /* ── INSTAPAGE / SOCIAL ── */
    .social-sec { background:var(--bg2); }
    .social-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
    .social-card { background:var(--bg3); border:1px solid var(--border); border-radius:var(--radius); padding:32px; position:relative; overflow:hidden; }
    .social-card.li { border-color:rgba(10,102,194,.4); }
    .social-card.li::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg,#0a66c2,#0077b5); }
    .social-card.insta { border-color:rgba(225,48,108,.4); }
    .social-card.insta::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888); }
    .social-icon { font-size:2.2rem; margin-bottom:12px; }
    .social-card h3 { font-size:1.1rem; font-weight:700; margin-bottom:8px; }
    .social-card p { font-size:.9rem; color:var(--text2); line-height:1.6; margin-bottom:20px; }
    .social-btn { display:inline-flex; align-items:center; gap:8px; padding:10px 22px; border-radius:8px; font-weight:600; font-size:.9rem; text-decoration:none; transition:all .2s; border:none; cursor:pointer; }
    .li-btn { background:#0a66c2; color:#fff; }
    .li-btn:hover { background:#0077b5; }
    .insta-btn { background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366); color:#fff; }
    .insta-btn:hover { opacity:.9; }
    .coming-tag { display:inline-block; background:rgba(79,70,229,.15); color:var(--accent); font-size:.75rem; font-weight:700; padding:3px 10px; border-radius:20px; margin-bottom:12px; }
    .waitlist-form { display:flex; gap:10px; margin-top:16px; flex-wrap:wrap; }
    .waitlist-input { flex:1; min-width:180px; padding:10px 14px; border-radius:8px; background:var(--bg2); border:1px solid var(--border); color:var(--text); font-size:.9rem; outline:none; }
    .waitlist-input:focus { border-color:var(--accent); }
    .waitlist-sub { padding:10px 20px; border-radius:8px; background:var(--accent); color:#fff; border:none; font-weight:600; font-size:.9rem; cursor:pointer; white-space:nowrap; }
    .waitlist-sub:hover { background:var(--accent2); }
    .waitlist-ok { display:none; color:var(--green); font-size:.9rem; margin-top:10px; }

    /* FOOTER */
    footer { border-top:1px solid var(--border); padding:32px 40px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px; color:var(--text3); font-size:.85rem; }
    .footer-logo { font-weight:700; color:var(--text2); }
    .footer-logo span { color:var(--accent); }
    .footer-links { display:flex; gap:16px; }
    .footer-links a { color:var(--text3); text-decoration:none; }
    .footer-links a:hover { color:var(--accent); }

    /* APP DEMO */
    .app-demo {
      background: #0d0f14;
      border: 1px solid var(--border);
      border-radius: 16px;
      overflow: hidden;
      margin-top: 32px;
      box-shadow: 0 24px 64px rgba(0,0,0,.5);
    }
    .demo-header {
      background: #13161e;
      border-bottom: 1px solid var(--border);
      padding: 12px 20px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 8px;
    }
    .demo-logo { font-size: 16px; font-weight: 700; color: #f0a500; }
    .demo-logo span { color: var(--text); }
    .demo-tag {
      font-size: 11px; background: #1a1e28; border: 1px solid var(--border);
      padding: 2px 8px; border-radius: 20px; color: var(--text2);
    }
    .demo-badge-live {
      font-size: 11px; background: rgba(0,212,170,.15); border: 1px solid #00D4AA;
      padding: 2px 8px; border-radius: 20px; color: #00D4AA;
    }
    .demo-sync-status { font-size: 12px; color: var(--text3); }
    .demo-kpi-row {
      display: grid; grid-template-columns: repeat(4,1fr); gap: 14px;
      padding: 18px 20px;
    }
    .demo-kpi {
      background: #13161e; border: 1px solid var(--border);
      border-radius: 10px; padding: 14px 16px;
    }
    .demo-kpi-label {
      font-size: 10px; color: var(--text3); text-transform: uppercase;
      letter-spacing: .5px; margin-bottom: 4px;
    }
    .demo-kpi-val { font-size: 26px; font-weight: 700; line-height: 1; }
    .demo-kpi-sub { font-size: 12px; color: var(--text2); margin-top: 3px; }
    .demo-grid {
      display: grid; grid-template-columns: 1fr 1fr; gap: 16px;
      padding: 0 20px 20px;
    }
    .demo-span2 { grid-column: 1 / -1; }
    .demo-card {
      background: #13161e; border: 1px solid var(--border);
      border-radius: 10px; overflow: hidden;
    }
    .demo-card-head {
      padding: 10px 16px; border-bottom: 1px solid var(--border);
      display: flex; align-items: center; justify-content: space-between;
    }
    .demo-card-title { font-size: 14px; font-weight: 600; }
    .demo-card-badge {
      font-size: 11px; background: #1a1e28; border: 1px solid var(--border);
      padding: 2px 8px; border-radius: 20px; color: var(--text2);
    }
    .demo-card-body { padding: 12px 16px; }
    .demo-todo-list {
      display: flex; flex-direction: column; gap: 5px;
      max-height: 340px; overflow-y: auto;
    }
    .demo-todo-list::-webkit-scrollbar { width: 4px; }
    .demo-todo-list::-webkit-scrollbar-thumb { background: var(--border); border-radius: 2px; }
    .demo-todo {
      display: flex; align-items: flex-start; gap: 9px;
      padding: 8px 10px; border-radius: 6px;
      background: #1a1e28; border: 1px solid var(--border);
    }
    .demo-chk { width: 15px; height: 15px; border-radius: 3px; flex-shrink: 0; margin-top: 1px; }
    .demo-chk.done { background: #22c55e; }
    .demo-chk.open { border: 2px solid var(--text3); }
    .demo-tc { flex: 1; min-width: 0; }
    .demo-tn { font-size: 13px; color: var(--text); line-height: 1.3; }
    .demo-tn.done { text-decoration: line-through; color: var(--text3); }
    .demo-tm { display: flex; gap: 6px; margin-top: 3px; flex-wrap: wrap; align-items: center; }
    .demo-prio { font-size: 10px; padding: 1px 6px; border-radius: 10px; font-weight: 600; }
    .demo-p1 { background: rgba(239,68,68,.15); color: #ef4444; }
    .demo-p2 { background: rgba(245,158,11,.15); color: #f59e0b; }
    .demo-p3 { background: rgba(59,130,246,.15); color: #3b82f6; }
    .demo-due { font-size: 10px; color: var(--text3); }
    .demo-overdue { color: #ef4444 !important; }
    .demo-netz-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; }
    .demo-netz-item {
      background: #1a1e28; border: 1px solid var(--border);
      border-radius: 8px; padding: 12px;
    }
    .demo-netz-name { font-size: 13px; font-weight: 500; }
    .demo-netz-sub { font-size: 11px; color: var(--text2); margin-top: 2px; }
    .demo-netz-co { font-size: 11px; color: var(--text3); margin-top: 2px; }

    @media (max-width: 900px) {
      .demo-kpi-row { grid-template-columns: repeat(2,1fr); }
      .demo-grid { grid-template-columns: 1fr; }
      .demo-netz-grid { grid-template-columns: repeat(2,1fr); }
    }
    @media (max-width: 600px) {
      .demo-kpi-row { gap: 8px; padding: 12px; }
      .demo-grid { padding: 0 12px 12px; }
      .demo-netz-grid { grid-template-columns: 1fr; }
    }

    /* COOKIE BANNER */
    #cookieBanner {
      position:fixed; bottom:0; left:0; right:0; z-index:8000;
      background:var(--bg2); border-top:1px solid var(--border);
      padding:16px 32px; display:flex; align-items:center;
      justify-content:space-between; gap:16px; flex-wrap:wrap;
      transform:translateY(100%); transition:transform .35s ease;
    }
    #cookieBanner.visible { transform:translateY(0); }
    .cookie-text { flex:1; font-size:.85rem; color:var(--text2); min-width:200px; }
    .cookie-text a { color:var(--accent); text-decoration:none; }
    .cookie-text a:hover { text-decoration:underline; }
    .cookie-btns { display:flex; gap:10px; flex-shrink:0; }
    .cookie-accept {
      padding:8px 22px; background:var(--accent); color:#fff; border:none;
      border-radius:8px; font-weight:700; font-size:.85rem; cursor:pointer; transition:background .2s;
    }
    .cookie-accept:hover { background:var(--accent2); }
    .cookie-decline {
      padding:8px 22px; background:none; color:var(--text3);
      border:1px solid var(--border); border-radius:8px; font-size:.85rem; cursor:pointer; transition:all .2s;
    }
    .cookie-decline:hover { border-color:var(--text2); color:var(--text2); }

    /* LEGAL MODALS */
    .legal-modal {
      display:none; position:fixed; inset:0; z-index:8500;
      background:rgba(0,0,0,.85); backdrop-filter:blur(8px);
      align-items:flex-start; justify-content:center;
      padding:40px 20px; overflow-y:auto;
    }
    .legal-modal.open { display:flex; }
    .legal-modal-box {
      background:var(--bg2); border:1px solid var(--border); border-radius:16px;
      padding:40px 48px; max-width:680px; width:100%;
      position:relative; margin:auto;
    }
    .legal-modal-close {
      position:absolute; top:16px; right:20px; background:none; border:none;
      color:var(--text3); font-size:1.4rem; cursor:pointer; line-height:1;
    }
    .legal-modal-close:hover { color:var(--text); }
    .legal-modal-box h2 { font-size:1.4rem; margin-bottom:24px; color:var(--text); }
    .legal-modal-box h3 { font-size:.95rem; font-weight:700; margin:20px 0 6px; color:var(--text2); text-transform:uppercase; letter-spacing:.04em; }
    .legal-modal-box p, .legal-modal-box li { font-size:.88rem; color:var(--text3); line-height:1.75; margin-bottom:6px; }
    .legal-modal-box a { color:var(--accent); text-decoration:none; }
    .legal-modal-box ul { padding-left:20px; }
    @media(max-width:600px) {
      .legal-modal-box { padding:28px 20px; }
      #cookieBanner { padding:14px 16px; }
    }

    /* RESPONSIVE */
    @media(max-width:900px) {
      .phases-grid { grid-template-columns:repeat(2,1fr); }
      .chart-wrap { height:300px; }
      .buch-inner { grid-template-columns:1fr; }
      .book-cover { width:160px; margin:0 auto; }
      .book-klappentext { width:160px; }
      .social-grid { grid-template-columns:1fr; }
    }
    @media(max-width:768px) {
      /* Mobile 2-row nav:
         Row 1: Logo (left)  |  Lang-toggle (right)
         Row 2: Burger (left) | Dashboard (right)
         Trick: display:contents on .nav-right unwraps its children into
         direct nav flex items so we can independently order them.
         margin-left:auto on lang-toggle fills remaining row-1 space,
         forcing burger + dash to wrap onto row 2. */
      nav { padding:0 16px; flex-wrap:wrap; height:auto; align-items:center; }
      .nav-links { display:none; }
      .nav-right { display:contents; }
      .nav-logo { order:1; padding:14px 0; }
      .lang-toggle { order:2; margin-left:auto; }
      .nav-burger { display:flex; order:3; padding:6px 0 8px; }
      .nav-dash { order:4; align-self:center; font-size:.78rem; padding:6px 10px; border:1px solid var(--border); border-radius:6px; color:var(--text2); }
      .nav-dash:hover { border-color:var(--accent); color:var(--accent); }
      .nav-cta { display:none !important; }
      .mobile-nav { top:88px; }
      section { padding:64px 20px; }
      .diff-grid { grid-template-columns:1fr; }
      .method-flow { flex-direction:column; }
      .method-step:first-child { border-radius:var(--radius) var(--radius) 0 0; }
      .method-step:last-child { border-radius:0 0 var(--radius) var(--radius); }
      .method-step:not(:last-child)::after { display:none; }
      footer { flex-direction:column; text-align:center; }
      .phases-grid { grid-template-columns:1fr 1fr; }
      .trust-compare { gap:20px; }
    }
  
    /* ══════════════ TRAIL PIONEER SECTION ══════════════ */
    .trail-section { background: linear-gradient(180deg, var(--bg2) 0%, #0a0d13 100%); padding: 100px 40px; }
    .trail-section h2 { font-size: clamp(2rem, 4vw, 3rem); font-weight: 800; margin-bottom: 16px; }
    .trail-section h2 em { color: var(--teal); font-style: normal; }

    /* Disruption Pyramid */
    .trail-pyramid { background: var(--bg3); border: 1px solid var(--border); border-radius: var(--radius); padding: 32px; margin: 48px 0; }
    .tp-header { font-size: .85rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--text3); margin-bottom: 24px; }
    .tp-grid { display: flex; flex-direction: column; gap: 16px; }
    .tp-row { display: grid; grid-template-columns: 160px 1fr 120px 1fr; gap: 16px; align-items: center; padding: 14px 16px; background: rgba(255,255,255,.03); border-radius: 8px; border-left: 4px solid var(--border); }
    .tp-role { font-weight: 700; font-size: .9rem; }
    .tp-bar { background: var(--bg); border-radius: 4px; height: 8px; overflow: hidden; }
    .tp-fill { height: 100%; border-radius: 4px; transition: width 1s ease; }
    .tp-pct { font-weight: 800; font-size: .9rem; text-align: right; }
    .tp-note { font-size: .8rem; color: var(--text2); }
    .tp-insight { margin-top: 20px; background: rgba(78,168,222,.08); border: 1px solid rgba(78,168,222,.25); border-radius: 8px; padding: 14px 18px; font-size: .9rem; }
    @media(max-width:768px) { .tp-row { grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; } .tp-bar { display:none; } }

    /* Flywheel */
    .trail-flywheel { margin: 48px 0; }
    .trail-flywheel h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 28px; }
    .fw-steps { display: flex; align-items: stretch; gap: 0; flex-wrap: wrap; }
    .fw-step { flex: 1; min-width: 180px; background: var(--bg3); border: 1px solid var(--border); border-radius: var(--radius); padding: 24px; transition: border-color .2s; }
    .fw-step.highlighted { background: rgba(78,168,222,.08); border-color: var(--teal); }
    .fw-arrow { display: flex; align-items: center; padding: 0 8px; color: var(--text3); font-size: 1.4rem; }
    .fw-num { font-size: .75rem; font-weight: 800; letter-spacing: .12em; color: var(--teal); margin-bottom: 8px; }
    .fw-title { font-weight: 700; font-size: .95rem; margin-bottom: 8px; }
    .fw-desc { font-size: .82rem; color: var(--text2); line-height: 1.5; }
    @media(max-width:768px) { .fw-steps { flex-direction: column; } .fw-arrow { transform: rotate(90deg); align-self: center; padding: 4px 0; } }

    /* Tribe Compare */
    .trail-tribe { margin-top: 48px; }
    .trail-tribe h3 { font-size: 1.5rem; font-weight: 800; margin-bottom: 8px; }
    .trail-tribe > .tribe-header > p { color: var(--text2); margin-bottom: 32px; }
    .tribe-compare { display: grid; grid-template-columns: 1fr auto 1fr; gap: 24px; align-items: center; margin-bottom: 32px; }
    .tribe-col { background: var(--bg3); border: 1px solid var(--border); border-radius: var(--radius); padding: 28px; }
    .tribe-col.winning { border-color: var(--teal); background: rgba(78,168,222,.05); }
    .tribe-col.losing { border-color: #EF4444; background: rgba(239,68,68,.04); }
    .tribe-col h4 { font-size: 1rem; font-weight: 700; margin-bottom: 16px; }
    .tribe-col ul { list-style: none; display: flex; flex-direction: column; gap: 8px; }
    .tribe-col ul li { font-size: .88rem; color: var(--text2); padding-left: 20px; position: relative; }
    .tribe-col ul li::before { content: '•'; position: absolute; left: 0; color: var(--text3); }
    .tribe-col.winning ul li::before { color: var(--teal); }
    .tribe-col.losing ul li::before { color: #EF4444; }
    .tribe-divider { font-size: 1.2rem; font-weight: 800; color: var(--text3); text-align: center; }
    .tribe-cta { text-align: center; }
    .tribe-cta .btn-primary { display: inline-block; font-size: 1.05rem; padding: 16px 36px; }
    .tribe-sub { margin-top: 12px; font-size: .82rem; color: var(--text3); }
    @media(max-width:768px) { .tribe-compare { grid-template-columns: 1fr; } .tribe-divider { font-size: 1rem; } }

    /* ─── Scroll Reveal ─── */
    .reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}
    .reveal.visible{opacity:1;transform:translateY(0)}

    /* ─── Flywheel Ring Rotation ─── */
    @keyframes spinSlow{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
    @keyframes spinSlowReverse{0%{transform:rotate(0deg)}100%{transform:rotate(-360deg)}}
    .flywheel-svg circle{animation:spinSlow 60s linear infinite;transform-origin:300px 300px}
    .flywheel-svg path{animation:spinSlow 45s linear infinite;transform-origin:300px 300px}

    /* ─── LinkedIn Recommendations Slideshow ─── */
    .reco-slider{position:relative;overflow:hidden;max-width:700px;margin:0 auto}
    .reco-track{display:flex;transition:transform .5s ease}
    .reco-card{min-width:100%;padding:0 16px;box-sizing:border-box}
    .reco-card blockquote{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:28px 32px;margin:0;font-size:.92rem;color:var(--text2);line-height:1.7;font-style:italic;position:relative}
    .reco-card blockquote::before{content:'\201C';font-size:3rem;color:var(--accent);position:absolute;top:8px;left:16px;line-height:1;opacity:.5}
    .reco-meta{margin-top:14px;display:flex;align-items:center;gap:10px}
    .reco-meta .reco-name{font-size:.85rem;font-weight:700;color:var(--text)}
    .reco-meta .reco-role{font-size:.75rem;color:var(--text3)}
    .reco-dots{display:flex;justify-content:center;gap:8px;margin-top:18px}
    .reco-dot{width:8px;height:8px;border-radius:50%;background:var(--border);cursor:pointer;transition:all .2s}
    .reco-dot.active{background:var(--accent);transform:scale(1.3)}
    .reco-nav{position:absolute;top:50%;transform:translateY(-50%);background:var(--bg3);border:1px solid var(--border);color:var(--text2);width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:2}
    .reco-nav:hover{background:var(--accent);color:#fff;border-color:var(--accent)}
    .reco-nav.prev{left:-8px}
    .reco-nav.next{right:-8px}
    @media(max-width:600px){.reco-nav{display:none}.reco-card blockquote{padding:20px 24px}}

    /* ─── i18n: DE/EN toggle for legal content ─── */
    :root:not([lang="en"]) .en-only { display: none !important; }
    :root[lang="en"] .de-only { display: none !important; }