:root{
      --bg:#020617;
      --bg-deep:#010308;
      --panel:rgba(10,18,34,.76);
      --panel-strong:rgba(7,17,31,.94);
      --line:rgba(255,255,255,.11);
      --text:#f8fafc;
      --muted:#a8b5c8;
      --green:#22d3ee;
      --green-soft:#a5f3fc;
      --cyan:#06b6d4;
      --blue:#3b82f6;
      --purple:#a855f7;
      --gold:#d946ef;
      --shadow:0 28px 90px rgba(0,0,0,.42);
      --radius:28px;
      --max:1220px;
    }

    *{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth}
    body{
      min-height:100vh;
      overflow-x:hidden;
      color:var(--text);
      font-family:Inter, Arial, Helvetica, sans-serif;
      line-height:1.6;
      background:
        radial-gradient(circle at 15% 18%, rgba(34,211,238,.13), transparent 28%),
        radial-gradient(circle at 86% 16%, rgba(37,99,235,.13), transparent 26%),
        radial-gradient(circle at 65% 85%, rgba(139,92,246,.08), transparent 24%),
        linear-gradient(145deg,var(--bg-deep),#07111f 52%,var(--bg));
    }
    body.no-scroll{overflow:hidden}
    a{color:inherit}
    button,input,select,textarea{font:inherit}
    img{display:block;max-width:100%}
    canvas#stars{position:fixed;inset:0;z-index:-10;width:100%;height:100%;pointer-events:none}

    .aurora{position:fixed;inset:0;z-index:-9;pointer-events:none;overflow:hidden}
    .aurora::before,.aurora::after{
      content:"";position:absolute;width:520px;height:520px;border-radius:50%;
      filter:blur(90px);opacity:.15;animation:auroraMove 14s ease-in-out infinite alternate
    }
    .aurora::before{left:-180px;top:18%;background:var(--green)}
    .aurora::after{right:-180px;top:8%;background:var(--blue);animation-delay:2s}

    .grid-floor{
      position:fixed;left:-10%;right:-10%;bottom:-22vh;height:55vh;z-index:-8;pointer-events:none;
      transform:perspective(550px) rotateX(67deg);transform-origin:center bottom;
      background:
        linear-gradient(rgba(34,211,238,.12) 1px,transparent 1px),
        linear-gradient(90deg,rgba(34,211,238,.12) 1px,transparent 1px);
      background-size:62px 62px;
      mask-image:linear-gradient(to top,rgba(0,0,0,.85),transparent 82%);
      opacity:.28
    }

    .container{width:min(var(--max),92%);margin:0 auto}
    .section{padding:118px 0;position:relative}
    .section-head{max-width:790px;margin:0 auto 56px;text-align:center}
    .eyebrow{color:var(--green);font-size:.82rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
    .section-title{margin-top:14px;font-size:clamp(2.3rem,5vw,4.4rem);line-height:1.05;letter-spacing:-.045em}
    .section-copy{margin-top:18px;color:var(--muted);font-size:1.08rem}
    .glass{
      border:1px solid var(--line);
      background:linear-gradient(145deg,rgba(15,23,42,.83),rgba(7,17,31,.64));
      box-shadow:var(--shadow);
      backdrop-filter:blur(18px)
    }

    /* Loader */
    .loader{
      position:fixed;inset:0;z-index:9999;display:grid;place-items:center;
      background:radial-gradient(circle at center,rgba(34,211,238,.12),transparent 28%),#010308;
      transition:.75s ease
    }
    .loader.hide{opacity:0;visibility:hidden;transform:translateY(-100%)}
    .loader-inner{width:min(540px,88vw);text-align:center}
    .loader-logo{
      width:110px;height:90px;position:relative;margin:0 auto;border:2px solid var(--green);
      border-radius:28px;background:linear-gradient(145deg,rgba(34,211,238,.22),rgba(37,99,235,.22));
      box-shadow:0 0 45px rgba(34,211,238,.45);animation:float 3s ease-in-out infinite
    }
    .loader-logo::before,.loader-logo::after{
      content:"";position:absolute;top:30px;width:14px;height:22px;border-radius:12px;
      background:#fff;box-shadow:0 0 14px #fff,0 0 28px rgba(255,255,255,.5)
    }
    .loader-logo::before{left:25px}.loader-logo::after{right:25px}
    .loader-title{margin-top:26px;font-size:clamp(1.35rem,4vw,2rem);font-weight:900;letter-spacing:.12em}
    .loader-sub{margin-top:8px;color:var(--green-soft);font-family:monospace;letter-spacing:.08em}
    .loader-status{margin-top:12px;color:#75849a;font-family:monospace;font-size:.82rem}
    .loader-bar{height:5px;margin-top:24px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.08)}
    .loader-bar span{
      display:block;width:0;height:100%;background:linear-gradient(90deg,var(--green),var(--cyan),var(--purple));
      box-shadow:0 0 18px rgba(34,211,238,.5);animation:loadBar 1.8s ease forwards
    }

    /* Navigation */
    nav{
      position:sticky;top:0;z-index:1000;border-bottom:1px solid rgba(255,255,255,.07);
      background:rgba(2,6,23,.72);backdrop-filter:blur(18px)
    }
    .nav-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
    .brand{display:flex;align-items:center;gap:12px;color:var(--green-soft);text-decoration:none;font-weight:900;white-space:nowrap}
    .brand-mark{
      width:42px;height:36px;position:relative;border:2px solid var(--green);border-radius:12px;
      background:linear-gradient(145deg,rgba(34,211,238,.27),rgba(37,99,235,.22));
      box-shadow:0 0 24px rgba(34,211,238,.4);flex:0 0 auto
    }
    .brand-mark::before,.brand-mark::after{
      content:"";position:absolute;top:10px;width:7px;height:11px;border-radius:6px;
      background:#fff;box-shadow:0 0 8px #fff
    }
    .brand-mark::before{left:9px}.brand-mark::after{right:9px}
    .nav-links{display:flex;align-items:center;gap:23px}
    .nav-links a{position:relative;color:#d9e3ef;text-decoration:none;font-size:.94rem;transition:.25s}
    .nav-links a::after{
      content:"";position:absolute;left:0;bottom:-7px;width:0;height:2px;
      background:linear-gradient(90deg,var(--green),var(--cyan));box-shadow:0 0 10px var(--green);transition:.25s
    }
    .nav-links a:hover{color:var(--green-soft)}
    .nav-links a:hover::after{width:100%}
    .nav-cta{
      padding:10px 17px;border:1px solid rgba(34,211,238,.5);border-radius:999px;
      color:var(--green-soft)!important;background:rgba(34,211,238,.08)
    }
    .menu-toggle{display:none;border:0;color:#fff;background:transparent;font-size:1.65rem;cursor:pointer}

    /* Hero */
    .hero{
      min-height:calc(100vh - 76px);display:grid;
      grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
      align-items:center;gap:56px;padding:70px 0 100px
    }
    .hero-copy-wrap{min-width:0;position:relative;z-index:2}
    .status{
      display:inline-flex;align-items:center;gap:10px;padding:8px 15px;
      border:1px solid rgba(34,211,238,.45);border-radius:999px;color:var(--green-soft);
      background:rgba(34,211,238,.07);box-shadow:0 0 24px rgba(34,211,238,.12);
      font-size:.82rem;font-weight:900
    }
    .status-dot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);animation:pulse 1.6s ease-in-out infinite}
    .hero h1{
      max-width:760px;margin-top:24px;font-size:clamp(3rem,6.6vw,6.7rem);
      line-height:.95;letter-spacing:-.065em;overflow-wrap:anywhere
    }
    .hero h1 span{
      display:block;background:linear-gradient(90deg,var(--green-soft),#fff,var(--cyan));
      -webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 30px rgba(34,211,238,.16)
    }
    .hero-copy{max-width:680px;margin-top:27px;color:#c7d3e3;font-size:1.16rem}
    .hero-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:34px}
    .btn{
      min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:9px;
      padding:13px 25px;border:1px solid transparent;border-radius:999px;
      font-weight:900;text-decoration:none;cursor:pointer;transition:.28s ease
    }
    .btn-primary{color:#020617;background:linear-gradient(135deg,var(--green),#a855f7);box-shadow:0 14px 42px rgba(34,211,238,.32)}
    .btn-primary:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 58px rgba(34,211,238,.5)}
    .btn-secondary{color:#fff;border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.04)}
    .btn-secondary:hover{transform:translateY(-4px);border-color:var(--green);color:var(--green-soft)}
    .hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:38px}
    .metric{min-width:0;padding:15px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.025)}
    .metric strong{display:block;color:var(--green-soft)}
    .metric span{display:block;color:#8492a7;font-size:.77rem}

    /* Robot */
    .robot-stage{min-width:0;min-height:590px;position:relative;display:grid;place-items:center;isolation:isolate}
    .robot-halo{
      position:absolute;width:min(520px,92%);aspect-ratio:1;border-radius:50%;
      background:radial-gradient(circle,rgba(34,211,238,.22),rgba(37,99,235,.10),transparent 68%);
      filter:blur(12px);animation:breathe 4s ease-in-out infinite
    }
    .orbit{position:absolute;border:1px dashed rgba(34,211,238,.25);border-radius:50%;animation:rotate 22s linear infinite}
    .orbit.one{width:min(400px,82%);aspect-ratio:1}
    .orbit.two{width:min(500px,96%);aspect-ratio:1;animation-direction:reverse;animation-duration:31s}
    .orbit::before{
      content:"";position:absolute;left:50%;top:-5px;width:10px;height:10px;border-radius:50%;
      background:var(--green);box-shadow:0 0 18px var(--green)
    }
    .aiba-bot{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;gap:16px;animation:float 3.6s ease-in-out infinite}
    .robot-head{
      position:relative;width:285px;height:220px;display:grid;place-items:center;
      border:3px solid rgba(255,255,255,.52);border-radius:62px;
      background:linear-gradient(135deg,#22d3ee 0%,#3b82f6 52%,#a855f7 100%);
      box-shadow:0 0 42px rgba(34,211,238,.68),0 0 110px rgba(14,165,233,.22),inset 0 0 34px rgba(255,255,255,.16)
    }
    .robot-head::after{content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.18);border-radius:49px}
    .antenna{position:absolute;top:-60px;left:50%;width:9px;height:60px;border-radius:10px;background:var(--green);transform:translateX(-50%)}
    .antenna::before{
      content:"";position:absolute;top:-15px;left:50%;width:26px;height:26px;border-radius:50%;
      background:#fff;transform:translateX(-50%);box-shadow:0 0 15px #fff,0 0 32px var(--green);animation:pulse 1.45s ease-in-out infinite
    }
    .ear{position:absolute;top:74px;width:30px;height:76px;border-radius:17px;background:var(--green);box-shadow:0 0 25px rgba(34,211,238,.66)}
    .ear.left{left:-23px}.ear.right{right:-23px}
    .eyes{position:absolute;top:61px;display:flex;gap:72px;z-index:2}
    .eye{
      width:37px;height:37px;border-radius:50%;background:#fff;
      box-shadow:0 0 16px #fff,0 0 30px rgba(255,255,255,.7);
      transform-origin:center;animation:blink 4.2s infinite;transition:.2s
    }
    .mouth{position:absolute;left:50%;bottom:40px;width:104px;height:31px;display:flex;align-items:center;justify-content:space-evenly;transform:translateX(-50%);z-index:2}
    .mouth span{width:7px;height:23px;border-radius:5px;background:#fff;box-shadow:0 0 9px rgba(255,255,255,.82);transition:.3s}
    .robot-body{
      width:210px;height:105px;position:relative;display:grid;place-items:center;
      border:2px solid rgba(255,255,255,.35);border-radius:34px 34px 48px 48px;
      background:linear-gradient(145deg,rgba(34,211,238,.78),rgba(168,85,247,.78));
      box-shadow:0 0 35px rgba(168,85,247,.24),inset 0 0 24px rgba(255,255,255,.1)
    }
    .energy-core{
      width:62px;height:62px;border-radius:50%;
      background:radial-gradient(circle at 35% 35%,#fff,var(--green) 35%,#a855f7 75%);
      box-shadow:0 0 18px #fff,0 0 35px var(--green),0 0 60px rgba(168,85,247,.45);
      animation:corePulse 2.2s ease-in-out infinite
    }
    .speech{
      position:absolute;top:-118px;right:-72px;width:230px;padding:17px 19px;border-radius:20px;
      color:#07111f;font-weight:900;line-height:1.45;background:#fff;
      box-shadow:0 20px 55px rgba(0,0,0,.4),0 0 24px rgba(34,211,238,.22);
      opacity:0;transform:translateY(12px) scale(.94);transition:.28s;pointer-events:none
    }
    .speech::after{
      content:"";position:absolute;left:40px;bottom:-16px;border-left:14px solid transparent;
      border-right:14px solid transparent;border-top:18px solid #fff
    }
    .aiba-bot:hover .speech{opacity:1;transform:translateY(0) scale(1)}
    .aiba-bot:hover .eye{background:var(--green);box-shadow:0 0 16px var(--green),0 0 40px var(--green)}
    .aiba-bot:hover .mouth span{height:29px;background:var(--green);box-shadow:0 0 12px var(--green)}

    /* Hover cards */
    .hover-card{position:relative;overflow:hidden;border-radius:var(--radius);transition:.35s ease}
    .hover-card::before{
      content:"";position:absolute;inset:0;
      background:linear-gradient(135deg,rgba(34,211,238,.18),rgba(34,211,238,.14),rgba(139,92,246,.16));
      opacity:0;transition:.35s ease;pointer-events:none
    }
    .hover-card::after{
      content:"";position:absolute;top:-40%;left:-60%;width:45%;height:180%;transform:rotate(20deg);
      background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);
      opacity:0;transition:.65s ease;pointer-events:none
    }
    .hover-card:hover{
      transform:translateY(-10px) scale(1.018);border-color:rgba(34,211,238,.55);
      box-shadow:0 32px 75px rgba(0,0,0,.42),0 0 38px rgba(34,211,238,.16)
    }
    .hover-card:hover::before{opacity:1}
    .hover-card:hover::after{left:125%;opacity:1}
    .hover-card>*{position:relative;z-index:1}

    /* Services */
    .services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
    .service{min-height:320px;padding:30px 24px}
    .service-icon{
      width:64px;height:64px;display:grid;place-items:center;border:1px solid rgba(34,211,238,.45);
      border-radius:18px;font-size:2rem;background:rgba(34,211,238,.08);
      box-shadow:0 0 28px rgba(34,211,238,.13);transition:.35s
    }
    .service:hover .service-icon{transform:scale(1.12) rotate(-4deg);box-shadow:0 0 35px rgba(34,211,238,.34)}
    .service h3{margin-top:24px;color:var(--green-soft);font-size:1.36rem}
    .service p{margin-top:14px;color:#b9c5d7}
    .service ul{margin-top:17px;padding-left:20px;color:#94a4b9}
    .service li{margin-top:6px}
    .service a{display:inline-block;margin-top:22px;color:var(--green-soft);font-weight:900;text-decoration:none}

    /* Process */
    .process{position:relative;max-width:950px;margin:0 auto}
    .process::before{
      content:"";position:absolute;top:0;bottom:0;left:41px;width:2px;
      background:linear-gradient(var(--green),rgba(34,211,238,.06));box-shadow:0 0 15px rgba(34,211,238,.4)
    }
    .process-step{position:relative;display:grid;grid-template-columns:84px minmax(0,1fr);gap:26px;margin-bottom:28px}
    .process-number{
      position:relative;z-index:2;width:84px;height:84px;display:grid;place-items:center;
      border:1px solid rgba(34,211,238,.55);border-radius:50%;color:var(--green-soft);
      font-weight:900;background:var(--bg);box-shadow:0 0 26px rgba(34,211,238,.18)
    }
    .process-card{padding:25px 28px}
    .process-card h3{color:var(--green-soft)}
    .process-card p{margin-top:8px;color:var(--muted)}

    /* About */
    .about{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:76px;align-items:center}
    .portrait{
      position:relative;width:min(395px,100%);aspect-ratio:4/5;margin:auto;padding:12px;
      border:1px solid rgba(34,211,238,.50);border-radius:36px;background:rgba(15,23,42,.68);
      box-shadow:0 0 50px rgba(34,211,238,.16),var(--shadow)
    }
    .portrait-inner{
      height:100%;display:grid;place-items:center;text-align:center;border-radius:27px;
      background:radial-gradient(circle at 50% 32%,rgba(34,211,238,.24),transparent 30%),linear-gradient(145deg,#0f172a,#07111f)
    }
    .portrait-inner span{color:#8596ac;letter-spacing:.16em;text-transform:uppercase;font-size:.8rem}
    .portrait-inner strong{display:block;margin-top:7px;color:var(--green-soft);font-size:2.2rem}
    .mission{
      position:absolute;right:-18px;bottom:30px;padding:11px 17px;border:1px solid rgba(34,211,238,.48);
      border-radius:999px;color:var(--green-soft);background:#07111f;box-shadow:0 0 24px rgba(34,211,238,.25);
      font-size:.83rem;font-weight:900
    }
    .about-copy p{margin-top:18px;color:var(--muted);font-size:1.04rem}
    .story{
      margin-top:24px;padding:20px 22px;border-left:3px solid var(--green);
      background:rgba(34,211,238,.04);border-radius:0 16px 16px 0;color:#d5deea
    }
    .values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:30px}
    .value{padding:20px}
    .value strong{color:var(--green-soft)}
    .value p{margin-top:7px;color:#91a0b6;font-size:.88rem}

    /* References */
    .references{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}
    .case-study{padding:34px}
    .case-study h3{margin-top:12px;font-size:2rem}
    .case-study p{margin-top:14px;color:var(--muted)}
    .case-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
    .case-tags span{
      padding:8px 12px;border:1px solid rgba(34,211,238,.32);border-radius:999px;
      color:var(--green-soft);font-size:.8rem;background:rgba(34,211,238,.06)
    }
    .reference-side{display:grid;gap:24px}
    .reference-mini{padding:25px}
    .reference-mini strong{color:var(--green-soft);font-size:1.05rem}
    .reference-mini p{margin-top:8px;color:var(--muted)}

    /* FAQ */
    .faq{max-width:900px;margin:0 auto;display:grid;gap:14px}
    .faq-item{padding:0}
    .faq-question{
      width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px;
      padding:22px 24px;border:0;color:#fff;background:transparent;text-align:left;font-weight:900;cursor:pointer
    }
    .faq-answer{max-height:0;overflow:hidden;transition:max-height .35s ease}
    .faq-answer p{padding:0 24px 22px;color:var(--muted)}
    .faq-item.open .faq-answer{max-height:240px}
    .faq-icon{color:var(--green-soft);font-size:1.35rem;transition:.3s}
    .faq-item.open .faq-icon{transform:rotate(45deg)}

    /* Project */
    .project{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);gap:50px;align-items:center;padding:60px}
    .project h2{margin-top:14px;font-size:clamp(2.3rem,5vw,3.8rem);line-height:1.1}
    .project-copy{margin-top:18px;color:var(--muted)}
    .project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:28px}
    .project-item{padding:17px}
    .project-item strong{color:var(--green-soft)}
    .project-item p{margin-top:5px;color:#8fa0b8;font-size:.84rem}
    .horse-stage{min-height:360px;position:relative;display:grid;place-items:center}
    .horse{
      position:relative;z-index:2;width:235px;height:235px;display:grid;place-items:center;
      border:1px solid rgba(34,211,238,.45);border-radius:50%;font-size:6rem;
      background:radial-gradient(circle,rgba(34,211,238,.18),rgba(37,99,235,.07),transparent 70%);
      box-shadow:0 0 48px rgba(34,211,238,.17);animation:float 4s ease-in-out infinite
    }
    .horse-orbit{position:absolute;width:315px;height:315px;border:1px dashed rgba(34,211,238,.34);border-radius:50%;animation:rotate 18s linear infinite}

    /* Contact */
    .contact-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:28px}
    .contact-form,.contact-panel{padding:35px}
    .form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
    .field{display:flex;flex-direction:column;gap:8px;margin-bottom:17px}
    .field label{color:#dce6f4;font-size:.86rem;font-weight:900}
    .field input,.field select,.field textarea{
      width:100%;padding:14px 15px;border:1px solid rgba(255,255,255,.12);
      border-radius:13px;outline:none;color:#fff;background:rgba(2,6,23,.68);transition:.25s
    }
    .field select option{background:#0f172a}
    .field input:focus,.field select:focus,.field textarea:focus{border-color:var(--green);box-shadow:0 0 18px rgba(34,211,238,.15)}
    .form-note{margin-top:12px;color:#8291a7;font-size:.75rem;text-align:center}
    .terminal-head{display:flex;gap:8px;margin-bottom:26px}
    .terminal-head span{width:11px;height:11px;border-radius:50%}
    .terminal-head span:nth-child(1){background:#ef4444}.terminal-head span:nth-child(2){background:#eab308}.terminal-head span:nth-child(3){background:var(--green)}
    .terminal-line{margin-top:8px;color:#a855f7;font-family:monospace;font-size:.82rem}
    .mini-dervono intelligence{
      width:105px;height:100px;margin:32px auto 24px;display:grid;place-items:center;
      border:1px solid rgba(34,211,238,.45);border-radius:28px;font-size:3.2rem;
      background:rgba(34,211,238,.07);box-shadow:0 0 35px rgba(34,211,238,.18);animation:float 3.6s ease-in-out infinite
    }
    .contact-panel h3{text-align:center;font-size:1.4rem}
    .contact-panel>p:not(.terminal-line){margin-top:12px;color:var(--muted);text-align:center}
    .contact-options{display:grid;gap:12px;margin-top:24px}
    .contact-option{
      display:flex;align-items:center;gap:13px;padding:14px;border:1px solid rgba(255,255,255,.08);
      border-radius:14px;text-decoration:none;background:rgba(255,255,255,.025)
    }
    .contact-option span{font-size:1.3rem}
    .contact-option small{display:block;color:#8391a6}
    .contact-option strong{font-size:.92rem}

    /* Dervono widget */
    .aiba-widget{position:fixed;right:22px;bottom:22px;z-index:1200}
    .widget-button{
      width:66px;height:66px;border:1px solid rgba(34,211,238,.55);border-radius:50%;
      color:#fff;background:linear-gradient(145deg,#22d3ee,#3b82f6);
      box-shadow:0 0 30px rgba(34,211,238,.46);cursor:pointer;font-size:1.8rem;animation:float 3s ease-in-out infinite
    }
    .widget-panel{
      position:absolute;right:0;bottom:80px;width:min(380px,calc(100vw - 44px));padding:20px;
      border:1px solid rgba(34,211,238,.36);border-radius:20px;color:#dce7f4;
      background:rgba(7,17,31,.97);box-shadow:var(--shadow);backdrop-filter:blur(18px);
      opacity:0;visibility:hidden;transform:translateY(10px) scale(.96);transition:.25s
    }
    .widget-panel.open{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
    .widget-panel h3{color:var(--green-soft)}
    .widget-panel p{margin-top:9px;color:var(--muted);font-size:.9rem}
    .widget-options{display:grid;gap:9px;margin-top:15px}
    .widget-options button{
      padding:10px 12px;border:1px solid rgba(255,255,255,.10);border-radius:11px;
      color:#fff;text-align:left;background:rgba(255,255,255,.035);cursor:pointer;transition:.2s
    }
    .widget-options button:hover{border-color:var(--green);color:var(--green-soft)}
    .widget-result{
      margin-top:14px;padding:13px;border:1px solid rgba(34,211,238,.22);
      border-radius:12px;background:rgba(34,211,238,.05);display:none
    }
    .widget-result.show{display:block}


    /* Dervono Memory Chat */
    .widget-panel{
      width:min(430px,calc(100vw - 36px));
      padding:0;
      overflow:hidden
    }
    .aiba-chat-head{
      display:flex;align-items:center;justify-content:space-between;gap:12px;
      padding:17px 18px;border-bottom:1px solid rgba(255,255,255,.08);
      background:linear-gradient(135deg,rgba(34,211,238,.11),rgba(14,165,233,.08))
    }
    .aiba-chat-identity{display:flex;align-items:center;gap:11px}
    .aiba-chat-avatar{
      width:42px;height:42px;display:grid;place-items:center;border-radius:14px;
      border:1px solid rgba(34,211,238,.5);
      background:linear-gradient(145deg,#22d3ee,#3b82f6);
      box-shadow:0 0 22px rgba(34,211,238,.25);font-size:1.35rem
    }
    .aiba-chat-head h3{margin:0;color:#fff;font-size:1rem}
    .aiba-chat-status{margin-top:2px;color:var(--green-soft);font-size:.72rem}
    .aiba-clear{
      border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:8px 10px;
      color:#b8c5d8;background:rgba(255,255,255,.03);cursor:pointer;font-size:.74rem
    }
    .aiba-clear:hover{border-color:rgba(239,68,68,.5);color:#fecaca}
    .aiba-messages{
      height:330px;overflow-y:auto;padding:17px;scroll-behavior:smooth;
      background:rgba(2,6,23,.32)
    }
    .aiba-message{
      width:fit-content;max-width:88%;margin-bottom:11px;padding:10px 12px;
      border-radius:15px;white-space:pre-wrap;line-height:1.45;font-size:.88rem
    }
    .aiba-message.assistant{
      border:1px solid rgba(255,255,255,.09);
      background:rgba(255,255,255,.045);border-bottom-left-radius:5px;color:#dce7f4
    }
    .aiba-message.user{
      margin-left:auto;color:#07111f;background:var(--green-soft);
      border-bottom-right-radius:5px;font-weight:700
    }
    .aiba-message.error{
      border:1px solid rgba(239,68,68,.3);
      color:#fecaca;background:rgba(239,68,68,.08)
    }
    .aiba-message.system{
      max-width:100%;margin:7px auto 12px;text-align:center;color:#8190a5;
      background:transparent;padding:3px;font-size:.72rem
    }
    .aiba-quick-actions{
      display:flex;gap:8px;padding:0 14px 12px;overflow-x:auto;
      background:rgba(2,6,23,.32)
    }
    .aiba-quick-actions button{
      flex:0 0 auto;border:1px solid rgba(34,211,238,.24);border-radius:999px;
      padding:8px 10px;color:var(--green-soft);background:rgba(34,211,238,.05);
      cursor:pointer;font-size:.73rem
    }
    .aiba-quick-actions button:hover{border-color:var(--green)}
    .aiba-chat-form{
      display:grid;grid-template-columns:1fr auto;gap:9px;padding:13px;
      border-top:1px solid rgba(255,255,255,.08);background:rgba(7,17,31,.98)
    }
    .aiba-chat-form input{
      min-width:0;padding:12px 13px;border:1px solid rgba(255,255,255,.11);
      border-radius:12px;outline:none;color:#fff;background:rgba(2,6,23,.72)
    }
    .aiba-chat-form input:focus{border-color:var(--green);box-shadow:0 0 16px rgba(34,211,238,.13)}
    .aiba-chat-form button{
      width:46px;border:0;border-radius:12px;color:#07111f;
      background:var(--green-soft);cursor:pointer;font-weight:900
    }
    .aiba-chat-form button:disabled{opacity:.5;cursor:not-allowed}
    .aiba-privacy{
      padding:0 14px 12px;color:#718097;background:rgba(7,17,31,.98);
      font-size:.66rem;line-height:1.35
    }

    /* Footer */
    footer{padding:50px 0;border-top:1px solid rgba(255,255,255,.07);background:rgba(2,6,23,.72)}
    .footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:32px}
    .footer-copy{margin-top:14px;color:#8594a9;max-width:420px}
    .footer-column h4{color:var(--green-soft)}
    .footer-column a{display:block;margin-top:9px;color:#aebbd0;text-decoration:none}
    .footer-bottom{margin-top:34px;padding-top:22px;border-top:1px solid rgba(255,255,255,.07);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
    .legal{color:#65748b;font-size:.76rem}

    .reveal{opacity:0;transform:translateY(30px);transition:.75s ease}
    .reveal.visible{opacity:1;transform:translateY(0)}
    .mouse-glow{
      position:fixed;width:280px;height:280px;border-radius:50%;pointer-events:none;z-index:-7;
      background:radial-gradient(circle,rgba(34,211,238,.12),transparent 68%);
      transform:translate(-50%,-50%);transition:opacity .2s
    }

    @keyframes auroraMove{from{transform:translate(0,0) scale(1)}to{transform:translate(80px,-40px) scale(1.12)}}
    @keyframes loadBar{to{width:100%}}
    @keyframes pulse{0%,100%{transform:scale(1);opacity:.65}50%{transform:scale(1.28);opacity:1}}
    @keyframes breathe{0%,100%{transform:scale(.92);opacity:.55}50%{transform:scale(1.10);opacity:1}}
    @keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-17px)}}
    @keyframes blink{0%,42%,48%,100%{transform:scaleY(1)}45%{transform:scaleY(.08)}}
    @keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
    @keyframes corePulse{0%,100%{transform:scale(.92);filter:brightness(.95)}50%{transform:scale(1.08);filter:brightness(1.3)}}

    @media(max-width:1080px){
      .hero,.about,.project,.contact-grid,.references{grid-template-columns:1fr}
      .hero{text-align:center;padding-top:60px}
      .hero-copy{margin-left:auto;margin-right:auto}
      .hero-actions{justify-content:center}
      .hero-metrics{max-width:720px;margin-left:auto;margin-right:auto}
      .robot-stage{min-height:520px}
      .about-copy{text-align:center}
      .services{grid-template-columns:repeat(2,minmax(0,1fr))}
      .project{padding:42px}
      .footer-grid{grid-template-columns:1fr 1fr}
    }

    @media(max-width:780px){
      .section{padding:88px 0}
      .menu-toggle{display:block}
      .nav-links{
        position:absolute;top:76px;left:4%;right:4%;display:none;flex-direction:column;
        align-items:stretch;gap:6px;padding:18px;border:1px solid var(--line);border-radius:18px;
        background:rgba(7,17,31,.98);box-shadow:var(--shadow)
      }
      .nav-links.open{display:flex}
      .nav-links a{padding:10px}
      .nav-cta{text-align:center}
      .hero{min-height:auto;padding-top:48px}
      .hero h1{font-size:clamp(2.7rem,13vw,4.5rem);letter-spacing:-.05em}
      .hero-metrics,.services,.values,.project-grid,.form-row,.footer-grid{grid-template-columns:1fr}
      .robot-stage{min-height:470px}
      .robot-head{width:215px;height:170px;border-radius:47px}
      .eyes{top:46px;gap:52px}
      .eye{width:29px;height:29px}
      .mouth{bottom:30px;width:84px}
      .mouth span{height:18px}
      .robot-body{width:170px;height:85px}
      .energy-core{width:50px;height:50px}
      .speech{top:-110px;right:-42px;width:195px;font-size:.9rem}
      .orbit.one{width:280px}.orbit.two{width:340px}
      .process::before{left:29px}
      .process-step{grid-template-columns:60px minmax(0,1fr);gap:14px}
      .process-number{width:60px;height:60px}
      .project,.contact-form,.contact-panel,.case-study{padding:26px 20px}
      .horse{width:195px;height:195px;font-size:4.7rem}
      .horse-orbit{width:255px;height:255px}
      .mission{right:8px}
      .footer-bottom{flex-direction:column}
    }

    @media(max-width:500px){
      .container{width:min(94%,100%)}
      .brand span:last-child{font-size:.9rem}
      .hero-actions{flex-direction:column}
      .btn{width:100%}
      .robot-stage{min-height:430px}
      .speech{right:-18px}
      .widget-button{width:58px;height:58px}
    }

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

    /* Dervono chat: viewport-safe layout */
    .aiba-widget{right:18px;bottom:18px}
    .widget-panel{
      width:min(520px,calc(100vw - 36px));
      max-height:calc(100dvh - 112px);
      display:flex;
      flex-direction:column;
    }
    .aiba-chat-head,.aiba-quick-actions,.aiba-chat-form,.aiba-privacy{flex:0 0 auto}
    .aiba-messages{
      height:auto;
      min-height:220px;
      max-height:none;
      flex:1 1 auto;
      overflow-y:auto;
      overscroll-behavior:contain;
      scrollbar-gutter:stable;
    }
    .aiba-message{
      max-width:92%;
      overflow-wrap:anywhere;
      word-break:break-word;
    }
    .aiba-chat-form input{width:100%}

    @media (max-height:760px){
      .widget-panel{max-height:calc(100dvh - 92px);bottom:72px}
      .aiba-messages{min-height:180px}
      .aiba-chat-head{padding:12px 14px}
      .aiba-quick-actions{padding-bottom:8px}
      .aiba-chat-form{padding:10px}
      .aiba-privacy{padding:0 10px 9px}
    }

    @media (max-width:600px){
      .aiba-widget{right:10px;bottom:10px;left:10px}
      .widget-button{margin-left:auto;display:block}
      .widget-panel{
        position:fixed;
        inset:10px 10px 88px;
        width:auto;
        max-height:none;
        border-radius:18px;
      }
      .aiba-messages{min-height:0}
      .aiba-clear{padding:7px 8px;font-size:.68rem}
      .aiba-chat-avatar{width:38px;height:38px}
      .aiba-quick-actions{padding-left:10px;padding-right:10px}
    }

  

    /* Dervono 2.0 tools */
    .aiba-tools-toggle{display:flex;gap:8px;padding:10px 16px 0}
    .aiba-tools-toggle button{flex:1;padding:9px 10px;border:1px solid rgba(34,211,238,.28);border-radius:11px;color:var(--green-soft);background:rgba(34,211,238,.05);cursor:pointer;font-size:.76rem;font-weight:800}
    .aiba-tools-toggle button:hover{border-color:var(--green);background:rgba(34,211,238,.1)}
    .aiba-tools{display:none;margin:10px 16px 0;padding:13px;border:1px solid rgba(34,211,238,.22);border-radius:14px;background:rgba(2,6,23,.76)}
    .aiba-tools.open{display:block}
    .aiba-tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
    .aiba-tool{padding:10px;border:1px solid rgba(255,255,255,.09);border-radius:10px;color:#dce7f4;background:rgba(255,255,255,.035);cursor:pointer;text-align:left;font-size:.75rem}
    .aiba-tool:hover{border-color:var(--green);color:var(--green-soft)}
    .aiba-tool-form{display:none;margin-top:11px;gap:8px}
    .aiba-tool-form.open{display:grid}
    .aiba-tool-form input,.aiba-tool-form select,.aiba-tool-form textarea{width:100%;padding:10px 11px;border:1px solid rgba(255,255,255,.12);border-radius:9px;color:#fff;background:#07111f;outline:none;font-size:.78rem}
    .aiba-tool-form textarea{min-height:68px;resize:vertical}
    .aiba-tool-form button{padding:10px;border:0;border-radius:9px;color:#07111f;background:var(--green-soft);font-weight:900;cursor:pointer}
    .aiba-tool-note{color:#8190a5;font-size:.68rem;line-height:1.4}
    .aiba-message a{color:var(--green-soft);font-weight:800}
    @media(max-width:640px){
      .aiba-widget{inset:auto 8px 8px 8px}
      .widget-panel{position:fixed;inset:8px;width:auto!important;max-height:none!important;border-radius:18px;display:flex;flex-direction:column}
      .widget-panel:not(.open){display:none}
      .aiba-messages{height:auto!important;min-height:0!important;flex:1}
      .aiba-tools-grid{grid-template-columns:1fr}
      .aiba-chat-head{padding:12px}
      .aiba-quick-actions{overflow-x:auto;flex-wrap:nowrap}
      .aiba-chat-form{padding:10px 12px}
      .aiba-privacy{padding:0 12px 10px}
    }

/* Website 1.1 – Business OS positioning */
.product-badge{display:inline-flex;align-items:center;gap:9px;padding:8px 13px;border:1px solid rgba(34,211,238,.28);border-radius:999px;background:rgba(34,211,238,.08);color:#c7f9d4;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:18px}
.hero h1 .hero-line{display:inline;color:#fff;background:none;-webkit-text-fill-color:initial}
.hero h1 .hero-gradient{display:inline;background:linear-gradient(90deg,#fff 0%,#62f58d 48%,#57b8ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.hero-proof{display:flex;flex-wrap:wrap;gap:10px;margin-top:23px;color:#9fb0c6;font-size:.82rem}
.hero-proof span{padding:7px 10px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);border-radius:999px}
.os-window{position:absolute;right:0;bottom:32px;width:min(430px,86%);padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(6,13,25,.84);box-shadow:0 28px 80px rgba(0,0,0,.42);backdrop-filter:blur(18px);transform:perspective(900px) rotateY(-8deg) rotateX(3deg);z-index:5}
.os-window-top{display:flex;align-items:center;justify-content:space-between;padding:3px 4px 12px;color:#8fa2ba;font-size:.7rem}.os-dots{display:flex;gap:5px}.os-dots i{display:block;width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.22)}
.os-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.os-tile{min-height:64px;padding:10px;border-radius:13px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));display:flex;flex-direction:column;justify-content:space-between}.os-tile b{font-size:.73rem;color:#eaf2ff}.os-tile span{font-size:.64rem;color:#6ef397}.os-tile.wide{grid-column:span 2}.os-chart{height:20px;display:flex;align-items:flex-end;gap:3px}.os-chart i{flex:1;background:linear-gradient(#68f596,#2798ff);border-radius:3px 3px 1px 1px}
.module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.module-card{padding:22px;min-height:190px;display:flex;flex-direction:column}.module-index{font-size:.72rem;color:var(--green-soft);font-weight:800;letter-spacing:.12em}.module-card h3{margin:22px 0 8px;color:#fff;font-size:1.08rem}.module-card p{margin:0;color:#9fb0c6;font-size:.9rem;line-height:1.65}.module-status{margin-top:auto;padding-top:18px;color:#6ef397;font-size:.75rem;font-weight:700}
.positioning{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;align-items:stretch}.positioning-copy,.positioning-panel{padding:34px}.positioning-list{display:grid;gap:12px;margin-top:25px}.positioning-item{display:flex;gap:13px;align-items:flex-start;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.07)}.positioning-item:last-child{border-bottom:0}.positioning-item strong{display:block;color:#fff;margin-bottom:3px}.positioning-item p{margin:0;color:#94a6bd;font-size:.88rem}.check-icon{display:grid;place-items:center;flex:0 0 27px;height:27px;border-radius:9px;background:rgba(34,211,238,.12);color:#6ef397;font-weight:900}
.system-stack{display:grid;gap:10px}.stack-row{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(255,255,255,.035)}.stack-row span:first-child{font-size:1.25rem}.stack-row b{color:#edf5ff;font-size:.9rem}.stack-row em{font-style:normal;color:#6ef397;font-size:.7rem}
@media(max-width:980px){.module-grid{grid-template-columns:repeat(2,1fr)}.positioning{grid-template-columns:1fr}.os-window{right:50%;transform:translateX(50%);bottom:8px}}
@media(max-width:620px){.module-grid{grid-template-columns:1fr}.os-window{width:94%;padding:10px}.os-grid{grid-template-columns:repeat(2,1fr)}.os-tile.wide{grid-column:span 1}.hero-proof{justify-content:center}.positioning-copy,.positioning-panel{padding:23px}}


/* Website 1.2 – interaktive Produktpräsentation */
@media (min-width:981px){
  .robot-stage{min-height:680px;padding-top:42px;padding-bottom:72px}
  .aiba-bot{margin-top:38px}
  .os-window{bottom:-34px}
}
.platform-section{overflow:hidden}
.platform-showcase{display:grid;grid-template-columns:270px minmax(0,1fr);padding:10px;min-height:620px;border-color:rgba(93,255,157,.16);box-shadow:0 35px 110px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.05)}
.module-rail{display:flex;flex-direction:column;gap:6px;padding:10px;border-right:1px solid rgba(255,255,255,.08)}
.module-tab{width:100%;display:flex;align-items:center;gap:12px;padding:13px 12px;border:1px solid transparent;border-radius:14px;background:transparent;color:#8192a9;text-align:left;cursor:pointer;transition:.25s ease;font:inherit}
.module-tab:hover{background:rgba(255,255,255,.035);color:#d9e6f5;transform:translateX(3px)}
.module-tab.active{background:linear-gradient(110deg,rgba(34,211,238,.13),rgba(34,211,238,.06));border-color:rgba(93,255,157,.2);color:#fff;box-shadow:inset 3px 0 0 var(--green)}
.module-tab-icon{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:11px;background:rgba(255,255,255,.045);color:#8fa2ba;font-weight:900}
.module-tab.active .module-tab-icon{color:var(--green-soft);background:rgba(34,211,238,.12);box-shadow:0 0 25px rgba(34,211,238,.1)}
.module-tab b,.module-tab small{display:block}.module-tab b{font-size:.88rem}.module-tab small{font-size:.69rem;color:#708198;margin-top:2px}.module-tab.active small{color:#91a6bd}
.module-display{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(420px,1.28fr);gap:28px;align-items:center;padding:38px 34px;min-width:0}
.module-copy{position:relative;z-index:2}.module-kicker{color:var(--green-soft);font-size:.72rem;font-weight:850;letter-spacing:.13em}.module-copy h3{font-size:clamp(1.6rem,2.5vw,2.65rem);line-height:1.08;color:#fff;margin:18px 0 15px;letter-spacing:-.035em}.module-copy>p{color:#9aacc2;line-height:1.7;margin:0}
.module-benefits{list-style:none;padding:0;margin:24px 0;display:grid;gap:10px}.module-benefits li{position:relative;padding-left:25px;color:#d4deeb;font-size:.87rem}.module-benefits li:before{content:'✓';position:absolute;left:0;color:var(--green-soft);font-weight:900}
.module-signal{display:inline-flex;align-items:center;gap:9px;padding:9px 12px;border-radius:999px;background:rgba(34,211,238,.07);border:1px solid rgba(93,255,157,.14);color:#9db2c9;font-size:.72rem}.module-signal span{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 14px var(--green);animation:pulse 1.8s infinite}.module-signal b{color:#cce9d7}
.product-screen{position:relative;min-width:0;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:#07101d;box-shadow:0 30px 75px rgba(0,0,0,.46),0 0 70px rgba(34,211,238,.06);overflow:hidden;transform:perspective(1200px) rotateY(-2deg);transition:opacity .18s ease,transform .3s ease}
.product-screen.changing{opacity:.2;transform:perspective(1200px) rotateY(-2deg) scale(.985)}
.product-screen-top{height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.018);font-size:.68rem;color:#73859b}.product-screen-top>span{display:flex;gap:5px}.product-screen-top i{display:block;width:7px;height:7px;border-radius:50%;background:#334155}.product-screen-top b{color:#a7b8cc;letter-spacing:.08em}.product-screen-top em{font-style:normal;color:var(--green-soft);font-weight:800}
.screen-layout{display:grid;grid-template-columns:48px 1fr;min-height:395px}.screen-sidebar{display:flex;flex-direction:column;align-items:center;gap:16px;padding:13px 0;border-right:1px solid rgba(255,255,255,.07);background:#050c17}.screen-sidebar strong{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:linear-gradient(135deg,var(--green),var(--cyan));color:#021109}.screen-sidebar span{display:block;width:18px;height:18px;border-radius:6px;background:#152235}.screen-sidebar span:nth-child(3){background:rgba(34,211,238,.22);box-shadow:inset 2px 0 0 var(--green)}
.screen-content{padding:22px;min-width:0;background:radial-gradient(circle at 70% 0,rgba(34,211,238,.045),transparent 35%)}
.screen-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.screen-heading small,.screen-heading b{display:block}.screen-heading small{font-size:.58rem;color:#60738a;letter-spacing:.15em}.screen-heading b{font-size:1.13rem;color:#f6fbff;margin-top:4px}.screen-heading button{border:0;border-radius:8px;background:var(--green);padding:8px 12px;color:#041109;font-weight:850;font-size:.67rem}
.screen-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:14px}.screen-kpis div{padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:rgba(255,255,255,.025)}.screen-kpis small,.screen-kpis b{display:block}.screen-kpis small{color:#687b91;font-size:.58rem}.screen-kpis b{color:#f2f8ff;font-size:1.15rem;margin-top:6px}
.screen-table{border:1px solid rgba(255,255,255,.07);border-radius:11px;overflow:hidden}.screen-row{display:grid;grid-template-columns:1.4fr .75fr .8fr;align-items:center;padding:11px 12px;border-top:1px solid rgba(255,255,255,.055);font-size:.66rem;color:#9eafc2}.screen-row:first-child{border-top:0}.screen-row.header{background:rgba(255,255,255,.025);color:#586b82;font-size:.57rem;text-transform:uppercase;letter-spacing:.07em}.screen-row span{display:flex;align-items:center;gap:8px}.avatar{display:grid;place-items:center;width:23px;height:23px;border-radius:8px;background:#173149;color:#93e8ba;font-style:normal;font-size:.52rem}.screen-row mark{padding:4px 7px;border-radius:999px;background:rgba(34,211,238,.1);color:#75eaa0}.screen-row mark.warm{background:rgba(34,211,238,.1);color:#67ddec}
.screen-glow{position:absolute;inset:auto 12% -70px;height:110px;background:rgba(34,211,238,.15);filter:blur(50px);pointer-events:none}
.platform-flow{display:flex;align-items:center;justify-content:center;gap:12px;margin:24px auto 0;color:#75879d;font-size:.73rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.platform-flow span,.platform-flow strong{padding:9px 13px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(6,13,25,.7)}.platform-flow strong{color:var(--green-soft);border-color:rgba(93,255,157,.18)}.platform-flow i{position:relative;width:34px;height:1px;background:linear-gradient(90deg,rgba(34,211,238,.12),rgba(34,211,238,.65))}.platform-flow i:after{content:'';position:absolute;right:0;top:-2px;width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 9px var(--green);animation:flowDot 2s linear infinite}@keyframes flowDot{0%{transform:translateX(-30px);opacity:0}20%,80%{opacity:1}100%{transform:translateX(0);opacity:0}}
.software-compare{display:grid;grid-template-columns:1fr 62px 1fr;align-items:stretch;margin-top:72px}.compare-side{padding:34px;min-height:380px}.compare-label{font-size:.68rem;font-weight:900;letter-spacing:.16em;color:#76899f}.compare-side h3{font-size:clamp(1.35rem,2.2vw,2rem);color:#fff;line-height:1.15;margin:16px 0}.compare-side p{color:#879ab0;line-height:1.7}.tool-cloud{display:flex;flex-wrap:wrap;gap:9px;margin:30px 0}.tool-cloud span{padding:10px 13px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.025);color:#91a2b7;font-size:.78rem;transform:rotate(var(--r,0deg))}.tool-cloud span:nth-child(2n){--r:2deg}.tool-cloud span:nth-child(3n){--r:-2deg}.compare-chaos{background:linear-gradient(145deg,rgba(68,20,29,.18),rgba(6,13,25,.72))}.compare-dervono intelligence{display:flex;flex-direction:column;align-items:center;text-align:center;background:radial-gradient(circle at 50% 30%,rgba(34,211,238,.11),transparent 42%),rgba(6,13,25,.72);border-color:rgba(93,255,157,.18)}.compare-dervono intelligence .compare-label{color:var(--green-soft)}.compare-arrow{display:grid;place-items:center;color:var(--green-soft);font-size:2.4rem;text-shadow:0 0 25px var(--green)}.compare-orb{display:grid;place-items:center;width:92px;height:92px;margin-top:22px;border-radius:28px;background:linear-gradient(145deg,rgba(34,211,238,.18),rgba(34,211,238,.08));border:1px solid rgba(93,255,157,.26);box-shadow:0 0 70px rgba(34,211,238,.13)}.compare-orb span{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,var(--green),var(--cyan));color:#03120a;font-size:2rem;font-weight:950}.compare-stats{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:auto}.compare-stats div{padding:13px 7px;border-top:1px solid rgba(255,255,255,.08)}.compare-stats b,.compare-stats small{display:block}.compare-stats b{color:#fff;font-size:1.25rem}.compare-stats small{color:#7f92a8;font-size:.61rem;margin-top:3px}
@media(max-width:1080px){.platform-showcase{grid-template-columns:220px minmax(0,1fr)}.module-display{grid-template-columns:1fr;padding:28px}.module-copy{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.module-copy h3,.module-copy>p{grid-column:1}.module-benefits,.module-signal{grid-column:2}.module-benefits{grid-row:2/5;margin:0}.product-screen{max-width:700px;width:100%;margin:auto}}
@media(max-width:780px){.platform-showcase{display:block;padding:8px}.module-rail{display:grid;grid-template-columns:repeat(2,1fr);border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.module-tab small{display:none}.module-display{padding:25px 16px}.module-copy{display:block}.module-benefits{margin:20px 0}.product-screen{transform:none}.software-compare{grid-template-columns:1fr;gap:14px;margin-top:50px}.compare-arrow{transform:rotate(90deg);height:36px}.platform-flow{overflow-x:auto;justify-content:flex-start;padding:4px 2px}.platform-flow span,.platform-flow strong{white-space:nowrap}.screen-layout{min-height:350px}}
@media(max-width:520px){.module-rail{grid-template-columns:1fr 1fr;padding:5px}.module-tab{padding:10px 8px;gap:8px}.module-tab-icon{flex-basis:29px;height:29px}.module-tab b{font-size:.76rem}.module-display{padding:22px 10px}.screen-content{padding:14px 10px}.screen-kpis{gap:5px}.screen-row{grid-template-columns:1.25fr .65fr}.screen-row span:last-child{display:none}.screen-row.header span:last-child{display:none}.compare-side{padding:25px;min-height:auto}.compare-stats{margin-top:24px}.product-screen-top b{font-size:.58rem}}


/* Website 1.3 – Nutzen, Zielgruppen und Conversion */
.impact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:34px}.impact-card{padding:28px;min-height:180px;display:flex;flex-direction:column;justify-content:space-between}.impact-card strong{font-size:clamp(2.8rem,5vw,4.8rem);line-height:1;color:var(--accent,#b7ff38);letter-spacing:-.06em}.impact-card span{color:var(--muted,#a9b2bf);font-size:.98rem;line-height:1.55}.audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px}.audience-card{padding:26px;min-height:220px}.audience-card>span{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:rgba(183,255,56,.1);border:1px solid rgba(183,255,56,.22);font-size:1.25rem;margin-bottom:24px}.audience-card h3{font-size:1.25rem;margin:0 0 10px}.audience-card p{color:var(--muted,#a9b2bf);line-height:1.65;margin:0}.process-flow{display:flex;align-items:stretch;gap:10px;margin-top:38px;overflow-x:auto;padding:8px 4px 18px}.process-step{min-width:145px;flex:1;padding:22px 18px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.035);transition:.3s ease}.process-step.active,.process-step:hover{border-color:rgba(183,255,56,.48);background:rgba(183,255,56,.07);transform:translateY(-4px)}.process-step b{display:block;color:var(--accent,#b7ff38);font-size:.72rem;letter-spacing:.16em;margin-bottom:24px}.process-step span{display:block;font-size:1.08rem;font-weight:800}.process-step small{display:block;color:var(--muted,#a9b2bf);margin-top:6px}.process-arrow{display:grid;place-items:center;color:rgba(183,255,56,.65);font-size:1.4rem}.compare-pro-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.compare-column{padding:clamp(28px,4vw,48px);border-radius:28px;border:1px solid rgba(255,255,255,.1)}.compare-column.old{background:rgba(255,255,255,.025)}.compare-column.dervono intelligence{background:linear-gradient(145deg,rgba(183,255,56,.1),rgba(0,229,255,.035));border-color:rgba(183,255,56,.3)}.compare-column h2{font-size:clamp(1.8rem,3vw,3rem);margin:14px 0 26px;letter-spacing:-.045em}.compare-column ul{list-style:none;padding:0;margin:0 0 30px;display:grid;gap:14px}.compare-column li{position:relative;padding-left:28px;color:var(--muted,#a9b2bf)}.compare-column li:before{content:'×';position:absolute;left:0;color:#ff7c8a;font-weight:900}.compare-column.dervono intelligence li:before{content:'✓';color:var(--accent,#b7ff38)}.closing-card{padding:clamp(30px,5vw,60px);display:grid;grid-template-columns:1.35fr auto;gap:36px;align-items:center;border-color:rgba(183,255,56,.25);background:linear-gradient(120deg,rgba(183,255,56,.08),rgba(0,229,255,.04),rgba(255,255,255,.025))}.closing-card h2{font-size:clamp(2rem,4vw,3.8rem);line-height:1.05;letter-spacing:-.055em;margin:14px 0}.closing-card p{color:var(--muted,#a9b2bf);max-width:760px;line-height:1.65}.closing-actions{display:flex;flex-direction:column;gap:12px;min-width:220px}
@media(max-width:1000px){.impact-grid{grid-template-columns:repeat(2,1fr)}.audience-grid{grid-template-columns:repeat(2,1fr)}.closing-card{grid-template-columns:1fr}.closing-actions{flex-direction:row;flex-wrap:wrap}}
@media(max-width:700px){.impact-grid,.audience-grid,.compare-pro-grid{grid-template-columns:1fr}.impact-card{min-height:150px}.process-arrow{display:none}.process-flow{gap:12px}.process-step{min-width:170px}.closing-actions{flex-direction:column}.closing-actions .btn{width:100%;justify-content:center}}


/* Website 1.4 – Consent Management */
.footer-link-button{appearance:none;border:0;background:none;color:inherit;font:inherit;padding:0;text-align:left;cursor:pointer;opacity:.76}.footer-link-button:hover{opacity:1;color:#a5f3fc}.consent-backdrop{position:fixed;inset:0;background:rgba(2,6,23,.72);backdrop-filter:blur(8px);z-index:9998;display:none}.consent-backdrop.open{display:block}.consent-panel{position:fixed;z-index:9999;left:50%;bottom:22px;transform:translateX(-50%);width:min(940px,calc(100% - 28px));background:linear-gradient(145deg,rgba(8,15,31,.98),rgba(3,8,20,.99));border:1px solid rgba(165,243,252,.28);box-shadow:0 30px 100px rgba(0,0,0,.55);border-radius:24px;padding:24px;display:none;color:#e5eef8}.consent-panel.open{display:block}.consent-panel h2{font-size:1.35rem;margin:0 0 8px}.consent-panel p{color:#b9c8d8;line-height:1.6;margin:0}.consent-intro{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:start}.consent-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.consent-actions .consent-btn{flex:1;min-width:170px;border-radius:13px;padding:13px 16px;font-weight:800;cursor:pointer;border:1px solid rgba(165,243,252,.45);background:rgba(10,20,38,.9);color:#e5eef8}.consent-actions .consent-btn:hover{transform:translateY(-1px);border-color:#a5f3fc}.consent-actions .consent-primary{background:#a5f3fc;color:#03110a;border-color:#a5f3fc}.consent-close{border:1px solid rgba(148,163,184,.25);background:transparent;color:#e5eef8;border-radius:10px;width:38px;height:38px;cursor:pointer}.consent-details{display:none;margin-top:20px;padding-top:18px;border-top:1px solid rgba(148,163,184,.16)}.consent-details.open{display:block}.consent-category{display:grid;grid-template-columns:1fr auto;gap:16px;padding:15px 0;border-bottom:1px solid rgba(148,163,184,.12)}.consent-category:last-child{border-bottom:0}.consent-category strong{display:block;margin-bottom:4px}.consent-category small{color:#94a3b8;line-height:1.5}.consent-switch{width:48px;height:27px;position:relative;display:inline-block}.consent-switch input{opacity:0;width:0;height:0}.consent-slider{position:absolute;inset:0;border-radius:999px;background:#334155;cursor:pointer;transition:.2s}.consent-slider:before{content:"";position:absolute;width:21px;height:21px;left:3px;top:3px;background:white;border-radius:50%;transition:.2s}.consent-switch input:checked+.consent-slider{background:#22d3ee}.consent-switch input:checked+.consent-slider:before{transform:translateX(21px)}.consent-switch input:disabled+.consent-slider{opacity:.72;cursor:not-allowed}.consent-meta{font-size:.78rem;color:#94a3b8;margin-top:14px}.consent-meta a{color:#a5f3fc}@media(max-width:700px){.consent-panel{bottom:10px;padding:19px;border-radius:20px;max-height:calc(100vh - 20px);overflow:auto}.consent-intro{grid-template-columns:1fr}.consent-close{position:absolute;right:14px;top:14px}.consent-intro>div:first-child{padding-right:34px}.consent-actions{flex-direction:column}.consent-actions .consent-btn{width:100%}}


/* Website 1.5 – Premium Polish */
:root{
  --ease-premium:cubic-bezier(.22,1,.36,1);
  --ease-spring:cubic-bezier(.16,1,.3,1);
}
::selection{background:rgba(165,243,252,.28);color:#fff}
.skip-link{position:fixed;left:18px;top:14px;z-index:10050;transform:translateY(-160%);padding:10px 14px;border-radius:10px;background:#a5f3fc;color:#04110a;font-weight:900;text-decoration:none;transition:.25s ease}
.skip-link:focus{transform:translateY(0)}
.scroll-progress{position:fixed;inset:0 0 auto 0;height:2px;z-index:10020;pointer-events:none;background:rgba(255,255,255,.025)}
.scroll-progress span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--green),var(--cyan),var(--purple));box-shadow:0 0 18px rgba(34,211,238,.65);will-change:transform}
nav{transition:background .35s ease,border-color .35s ease,box-shadow .35s ease,transform .35s var(--ease-premium)}
nav.nav-scrolled{background:rgba(2,6,23,.9);border-color:rgba(165,243,252,.12);box-shadow:0 18px 55px rgba(0,0,0,.24)}
.nav-links a.active:not(.nav-cta){color:#fff}.nav-links a.active:not(.nav-cta)::after{width:100%}
.hero{isolation:isolate}
.hero-copy-wrap{position:relative;z-index:7}
.hero-gradient{background-size:180% 180%!important;animation:premiumGradient 7s ease infinite}
.robot-stage{transition:transform .7s var(--ease-premium)}
.robot-stage::after{content:"";position:absolute;inset:7% 2% 2%;z-index:-1;border-radius:46%;background:radial-gradient(circle,rgba(34,211,238,.1),transparent 65%);filter:blur(28px);pointer-events:none}
.aiba-bot{filter:drop-shadow(0 28px 42px rgba(0,0,0,.38));transition:filter .4s ease,transform .6s var(--ease-spring)}
.robot-stage:hover .aiba-bot{filter:drop-shadow(0 35px 58px rgba(34,211,238,.2));transform:translateY(-5px)}
.btn{position:relative;overflow:hidden;isolation:isolate;transition:transform .28s var(--ease-spring),border-color .28s ease,box-shadow .28s ease,background .28s ease}
.btn::before{content:"";position:absolute;inset:-2px;z-index:-1;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.22) 46%,transparent 72%);transform:translateX(-130%);transition:transform .72s var(--ease-premium)}
.btn:hover::before{transform:translateX(130%)}
.btn:hover{transform:translateY(-3px)}
.btn-primary:hover{box-shadow:0 18px 42px rgba(34,211,238,.25),0 0 0 1px rgba(165,243,252,.18) inset}
.glass{position:relative;transition:border-color .35s ease,box-shadow .35s ease,transform .4s var(--ease-premium)}
.glass::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(420px circle at var(--spot-x,50%) var(--spot-y,50%),rgba(165,243,252,.09),transparent 42%);opacity:0;transition:opacity .35s ease}
.glass:hover::after{opacity:1}
.hover-card{will-change:transform}
.hover-card:hover{border-color:rgba(165,243,252,.22);box-shadow:0 32px 90px rgba(0,0,0,.42),0 0 0 1px rgba(165,243,252,.04) inset}
.section-head .eyebrow{display:inline-flex;align-items:center;gap:10px}
.section-head .eyebrow::before,.section-head .eyebrow::after{content:"";width:24px;height:1px;background:linear-gradient(90deg,transparent,var(--green))}.section-head .eyebrow::after{transform:scaleX(-1)}
.module-tab{position:relative;overflow:hidden}
.module-tab::after{content:"";position:absolute;left:0;top:18%;bottom:18%;width:2px;border-radius:999px;background:linear-gradient(var(--green),var(--cyan));transform:scaleY(0);transition:transform .3s var(--ease-premium)}
.module-tab.active::after{transform:scaleY(1)}
.module-display{transition:transform .45s var(--ease-premium),opacity .3s ease}
.module-display.module-switching{opacity:.25;transform:translateY(7px) scale(.995)}
.process-step{position:relative;overflow:hidden}
.process-step::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,var(--green),var(--cyan));transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease-premium)}
.process-step:hover::after,.process-step.active::after{transform:scaleX(1)}
.closing-card{overflow:hidden}.closing-card::before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-170px;top:-210px;background:radial-gradient(circle,rgba(34,211,238,.16),transparent 68%);animation:premiumOrb 8s ease-in-out infinite alternate;pointer-events:none}
footer{position:relative;overflow:hidden}footer::before{content:"";position:absolute;left:10%;right:10%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(165,243,252,.55),rgba(34,211,238,.45),transparent)}
.reveal{transition-duration:.85s!important;transition-timing-function:var(--ease-premium)!important}
.reveal.visible{transform:none!important}
@keyframes premiumGradient{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes premiumOrb{to{transform:translate(-55px,55px) scale(1.12)}}
@media(pointer:fine){body{cursor:default}.mouse-glow{transition:opacity .25s ease}.interactive-tilt{transform-style:preserve-3d}}
@media(max-width:980px){.robot-stage:hover .aiba-bot{transform:none}.glass::after{display:none}}
@media(max-width:700px){.section{padding:88px 0}.section-head{margin-bottom:38px}.hero{padding-top:44px}.scroll-progress{height:2px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.mouse-glow,.scroll-progress{display:none}.hover-card:hover,.btn:hover,.robot-stage:hover .aiba-bot{transform:none!important}}


/* =========================================================
   Dervono REDESIGN 01 — Startseite / bestehender Sternenhimmel
   ========================================================= */
:root{
  --green:#22d3ee;
  --green-soft:#a5f3fc;
  --cyan:#06b6d4;
  --blue:#3b82f6;
  --purple:#a855f7;
  --panel:rgba(8,15,34,.22);
  --panel-strong:rgba(8,15,34,.38);
  --line:rgba(165,243,252,.16);
  --shadow:0 28px 90px rgba(0,0,0,.24);
}

/* Hintergrund und Sterne bleiben bewusst unangetastet. */
.glass,
.metric,
.os-window,
.os-tile,
.product-screen,
.module-tab,
.impact-card,
.audience-card,
.compare-column,
.process-step,
.positioning-panel,
.contact-panel,
.contact-card{
  background:linear-gradient(145deg,rgba(8,15,34,.20),rgba(13,20,45,.08))!important;
  border-color:rgba(165,243,252,.14)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.035)!important;
  -webkit-backdrop-filter:blur(17px) saturate(125%);
  backdrop-filter:blur(17px) saturate(125%);
}

nav{
  background:rgba(2,6,23,.40);
  border-bottom-color:rgba(165,243,252,.10);
  -webkit-backdrop-filter:blur(22px) saturate(135%);
  backdrop-filter:blur(22px) saturate(135%);
}
nav.nav-scrolled{background:rgba(2,6,23,.62);border-color:rgba(165,243,252,.14)}
.brand,.nav-links a:hover,.eyebrow,.metric strong,.service h3,.process-card h3{color:var(--green-soft)}
.brand-mark,.status,.nav-cta{border-color:rgba(34,211,238,.45)}
.brand-mark,.nav-cta,.status{background:rgba(34,211,238,.065)}
.brand-mark{box-shadow:0 0 26px rgba(34,211,238,.30)}
.nav-links a::after{background:linear-gradient(90deg,#22d3ee,#a855f7);box-shadow:0 0 13px rgba(34,211,238,.75)}

.hero{
  grid-template-columns:minmax(0,1.04fr) minmax(500px,.96fr);
  gap:38px;
  padding-top:58px;
  padding-bottom:82px;
}
.hero h1 span{background:linear-gradient(100deg,#f8fafc 5%,#a5f3fc 48%,#c084fc 96%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy{color:#cbd5e1}
.product-badge,.status{
  color:#c9f8ff;
  border-color:rgba(34,211,238,.30);
  background:rgba(34,211,238,.055);
  box-shadow:0 0 28px rgba(34,211,238,.08);
}
.status-dot{background:#22d3ee;box-shadow:0 0 15px #22d3ee}
.btn-primary{
  color:#fff;
  background:linear-gradient(105deg,#2563eb 0%,#7c3aed 52%,#a855f7 100%);
  box-shadow:0 16px 46px rgba(124,58,237,.30),0 0 0 1px rgba(255,255,255,.12) inset;
}
.btn-primary:hover{box-shadow:0 22px 62px rgba(124,58,237,.42),0 0 30px rgba(34,211,238,.16)}
.btn-secondary{background:rgba(8,15,34,.16);border-color:rgba(165,243,252,.15)}
.btn-secondary:hover{border-color:rgba(34,211,238,.55);color:#a5f3fc}
.hero-proof span,.metric{background:rgba(8,15,34,.10)!important}
.metric{border-radius:18px;padding:16px 17px}

/* Rechter Hero-Bereich: Roboter oben, Kommandozentrale bündig darunter. */
.robot-stage{
  min-height:650px;
  display:block;
  position:relative;
  overflow:visible;
}
.robot-halo{
  width:500px;
  top:18px;
  right:-34px;
  background:radial-gradient(circle,rgba(34,211,238,.20),rgba(168,85,247,.11) 43%,transparent 70%);
}
.orbit{border-color:rgba(34,211,238,.20)}
.orbit::before{background:#c084fc;box-shadow:0 0 20px #a855f7}
.orbit.one{width:370px;right:28px;top:48px}
.orbit.two{width:465px;right:-20px;top:0}
.aiba-bot{
  position:absolute;
  z-index:3;
  top:58px;
  right:72px;
  gap:12px;
  filter:drop-shadow(0 34px 50px rgba(0,0,0,.42));
}
.robot-head{
  width:270px;
  height:210px;
  border:2px solid rgba(255,255,255,.44);
  border-radius:78px 78px 68px 68px;
  background:linear-gradient(145deg,rgba(241,245,249,.96) 0%,rgba(148,163,184,.92) 42%,rgba(71,85,105,.96) 100%);
  box-shadow:0 0 38px rgba(34,211,238,.42),0 0 92px rgba(168,85,247,.22),inset 0 0 30px rgba(255,255,255,.28);
}
.robot-head::before{
  content:"";
  position:absolute;
  inset:23px 27px 28px;
  border-radius:58px;
  background:radial-gradient(circle at 50% 20%,rgba(34,211,238,.12),transparent 36%),linear-gradient(145deg,#050816,#111b35 58%,#02040b);
  border:1px solid rgba(34,211,238,.32);
  box-shadow:inset 0 0 28px rgba(34,211,238,.10),0 0 22px rgba(34,211,238,.14);
}
.robot-head::after{inset:10px;border-color:rgba(255,255,255,.16);border-radius:68px}
.antenna{top:-42px;width:6px;height:44px;background:linear-gradient(#c084fc,#22d3ee);box-shadow:0 0 14px rgba(34,211,238,.72)}
.antenna::before{width:19px;height:19px;top:-10px;background:#e0f2fe;box-shadow:0 0 14px #fff,0 0 26px #22d3ee}
.ear{top:78px;width:24px;height:58px;background:linear-gradient(#64748b,#1e293b);border:1px solid rgba(34,211,238,.35);box-shadow:0 0 22px rgba(34,211,238,.35)}
.ear.left{left:-17px}.ear.right{right:-17px}
.eyes{top:73px;gap:68px}
.eye{width:30px;height:39px;border-radius:50%;background:#e0fbff;box-shadow:0 0 12px #fff,0 0 25px #22d3ee,0 0 42px rgba(34,211,238,.66)}
.mouth{bottom:48px;width:90px;height:20px}
.mouth span{width:5px;height:14px;background:#a5f3fc;box-shadow:0 0 8px #22d3ee}
.robot-body{
  width:190px;height:104px;
  border-color:rgba(255,255,255,.32);
  background:linear-gradient(145deg,rgba(226,232,240,.94),rgba(71,85,105,.96));
  box-shadow:0 0 30px rgba(34,211,238,.25),0 0 55px rgba(168,85,247,.16),inset 0 0 22px rgba(255,255,255,.20);
}
.energy-core{background:radial-gradient(circle at 35% 35%,#fff,#22d3ee 32%,#7c3aed 72%);box-shadow:0 0 18px #fff,0 0 36px #22d3ee,0 0 62px rgba(168,85,247,.48)}
.speech{display:none}

.os-window{
  left:0;
  right:0;
  bottom:0;
  width:100%;
  padding:15px;
  border-radius:24px;
  transform:none;
  z-index:5;
  background:linear-gradient(145deg,rgba(8,15,34,.27),rgba(12,17,42,.12))!important;
}
.os-window-top{color:#b7c7dc}
.os-grid{gap:9px}
.os-tile{background:rgba(7,13,31,.20)!important;border-color:rgba(165,243,252,.11)!important}
.os-chart i{background:linear-gradient(to top,#2563eb,#22d3ee 58%,#c084fc)}

/* Roboterkopf unten rechts statt Emoji-Button. */
.widget-button{
  width:72px;height:72px;padding:0;overflow:visible;
  border:1px solid rgba(34,211,238,.44)!important;
  background:radial-gradient(circle at 45% 35%,rgba(34,211,238,.22),rgba(124,58,237,.22) 48%,rgba(3,7,18,.90) 76%)!important;
  box-shadow:0 14px 42px rgba(0,0,0,.38),0 0 30px rgba(34,211,238,.25)!important;
}
.widget-robot-head,.aiba-chat-avatar{
  position:relative;display:block;
  width:48px;height:39px;
  margin:auto;
  border:1px solid rgba(255,255,255,.52);
  border-radius:17px 17px 14px 14px;
  background:linear-gradient(145deg,#e2e8f0,#64748b 72%,#334155);
  box-shadow:0 0 15px rgba(34,211,238,.34),inset 0 0 8px rgba(255,255,255,.22);
}
.widget-robot-head::before,.aiba-chat-avatar::before{
  content:"";position:absolute;inset:6px 7px 8px;border-radius:11px;
  background:#050816;border:1px solid rgba(34,211,238,.28);
}
.widget-robot-head::after,.aiba-chat-avatar::after{
  content:"";position:absolute;left:13px;top:14px;width:7px;height:9px;border-radius:50%;
  background:#d9fbff;box-shadow:15px 0 0 #d9fbff,0 0 9px #22d3ee,15px 0 9px #22d3ee;
}
.aiba-chat-avatar{width:42px!important;height:35px!important;flex:0 0 auto}
.widget-panel{background:linear-gradient(145deg,rgba(4,9,23,.78),rgba(10,15,37,.72))!important;border-color:rgba(34,211,238,.18)!important;backdrop-filter:blur(24px) saturate(130%)}

@media(max-width:1100px){
  .hero{grid-template-columns:minmax(0,1fr) minmax(430px,.9fr)}
  .aiba-bot{right:42px}
}
@media(max-width:980px){
  .hero{grid-template-columns:1fr;gap:18px}
  .robot-stage{width:min(650px,100%);min-height:650px;margin:0 auto}
  .aiba-bot{right:50%;transform:translateX(50%);top:52px}
  .orbit.one{right:50%;transform:translateX(50%)}
  .orbit.two{right:50%;transform:translateX(50%)}
  .robot-halo{right:50%;transform:translateX(50%)}
  .os-window{right:0;left:0;bottom:0;transform:none}
}
@media(max-width:620px){
  .robot-stage{min-height:590px}
  .aiba-bot{top:65px;transform:translateX(50%) scale(.78);transform-origin:top center}
  .robot-halo{width:390px;top:28px}
  .orbit.one{width:300px;top:58px}.orbit.two{width:380px;top:18px}
  .os-window{width:100%;bottom:0;padding:10px}
  .widget-button{width:64px;height:64px}
  .widget-robot-head{transform:scale(.9)}
}


/* =========================================================
   Dervono ROBOT REDESIGN 02
   Position bleibt unverändert. Nur Optik, Glow und Planetenringe.
   ========================================================= */
.robot-halo{
  width:min(560px,96%);
  background:
    radial-gradient(circle at 50% 44%,rgba(255,255,255,.10) 0 7%,transparent 24%),
    radial-gradient(circle,rgba(34,211,238,.24),rgba(124,58,237,.16) 42%,transparent 70%);
  filter:blur(18px);
}

/* Runde, leuchtende Planetenringe um den Roboter */
.orbit{
  border:2px solid rgba(103,232,249,.36);
  border-radius:50%;
  box-shadow:
    0 0 12px rgba(34,211,238,.36),
    0 0 36px rgba(124,58,237,.18),
    inset 0 0 18px rgba(34,211,238,.10);
  transform-style:preserve-3d;
  animation:planetOrbit 18s linear infinite;
}
.orbit.one{
  width:min(430px,86%);
  aspect-ratio:1;
  animation-duration:18s;
}
.orbit.two{
  width:min(540px,100%);
  aspect-ratio:1;
  border-color:rgba(167,139,250,.28);
  box-shadow:
    0 0 14px rgba(167,139,250,.30),
    0 0 42px rgba(34,211,238,.14),
    inset 0 0 20px rgba(167,139,250,.08);
  animation-direction:reverse;
  animation-duration:26s;
}
.orbit::before,
.orbit::after{
  content:"";
  position:absolute;
  border-radius:50%;
}
.orbit::before{
  left:50%;top:-7px;width:14px;height:14px;
  background:#67e8f9;
  box-shadow:0 0 10px #fff,0 0 24px #22d3ee,0 0 42px #7c3aed;
}
.orbit::after{
  right:8%;bottom:10%;width:8px;height:8px;
  background:#c4b5fd;
  box-shadow:0 0 12px #c4b5fd,0 0 28px #7c3aed;
}

/* Runder Premium-Roboter im Cyan/Violett-Stil */
.robot-head{
  width:285px;height:225px;
  overflow:visible;
  border:2px solid rgba(255,255,255,.70);
  border-radius:48% 48% 45% 45% / 54% 54% 42% 42%;
  background:
    radial-gradient(circle at 28% 20%,rgba(255,255,255,.95),transparent 8%),
    linear-gradient(145deg,#f8fbff 0%,#dbeafe 34%,#8b5cf6 68%,#22d3ee 100%);
  box-shadow:
    0 0 26px rgba(255,255,255,.35),
    0 0 54px rgba(34,211,238,.50),
    0 0 105px rgba(124,58,237,.30),
    inset 0 -20px 35px rgba(37,99,235,.22),
    inset 0 12px 20px rgba(255,255,255,.65);
}
.robot-head::before{
  content:"";
  position:absolute;
  inset:27px 31px 38px;
  border-radius:46% 46% 43% 43% / 55% 55% 45% 45%;
  background:
    radial-gradient(circle at 50% 18%,rgba(56,189,248,.16),transparent 28%),
    linear-gradient(180deg,#071425 0%,#030712 74%,#091326 100%);
  border:2px solid rgba(125,211,252,.52);
  box-shadow:
    inset 0 0 34px rgba(34,211,238,.12),
    0 0 20px rgba(34,211,238,.22);
  z-index:1;
}
.robot-head::after{
  content:"";
  position:absolute;
  inset:8px;
  border:1px solid rgba(255,255,255,.34);
  border-radius:inherit;
  pointer-events:none;
}
.eyes{
  top:78px;
  gap:73px;
  z-index:3;
}
.eye{
  width:31px;height:43px;
  border-radius:55% 55% 48% 48%;
  background:linear-gradient(180deg,#e6ffff,#67e8f9 45%,#22d3ee 100%);
  box-shadow:
    0 0 10px #fff,
    0 0 22px #67e8f9,
    0 0 42px rgba(34,211,238,.85);
}
.mouth{
  bottom:54px;
  width:78px;
  height:20px;
  z-index:3;
}
.mouth span{
  width:5px;
  height:13px;
  background:#67e8f9;
  box-shadow:0 0 8px #67e8f9,0 0 16px rgba(34,211,238,.8);
}
.antenna{
  width:7px;
  background:linear-gradient(#c4b5fd,#22d3ee);
  box-shadow:0 0 16px rgba(34,211,238,.75);
}
.antenna::before{
  width:23px;height:23px;
  background:#67e8f9;
  box-shadow:0 0 12px #fff,0 0 30px #22d3ee,0 0 46px #7c3aed;
}
.ear{
  top:80px;
  width:25px;height:66px;
  background:linear-gradient(180deg,#c4b5fd,#22d3ee);
  border:1px solid rgba(255,255,255,.52);
  box-shadow:0 0 25px rgba(34,211,238,.58);
}
.robot-body{
  width:205px;height:112px;
  border:2px solid rgba(255,255,255,.58);
  border-radius:44% 44% 50% 50% / 34% 34% 60% 60%;
  background:
    radial-gradient(circle at 30% 12%,rgba(255,255,255,.82),transparent 12%),
    linear-gradient(145deg,#e0f2fe 0%,#60a5fa 35%,#7c3aed 72%,#22d3ee 100%);
  box-shadow:
    0 0 30px rgba(34,211,238,.38),
    0 0 72px rgba(124,58,237,.24),
    inset 0 12px 18px rgba(255,255,255,.34),
    inset 0 -20px 28px rgba(30,64,175,.28);
}
.energy-core{
  width:58px;height:58px;
  background:radial-gradient(circle at 35% 30%,#fff 0 8%,#67e8f9 28%,#2563eb 58%,#7c3aed 100%);
  box-shadow:0 0 15px #fff,0 0 32px #22d3ee,0 0 62px rgba(124,58,237,.70);
}
.aiba-bot:hover .eye{
  background:#fff;
  box-shadow:0 0 12px #fff,0 0 28px #67e8f9,0 0 48px #22d3ee;
}
.aiba-bot:hover .mouth span{
  background:#c4b5fd;
  box-shadow:0 0 12px #c4b5fd,0 0 24px #7c3aed;
}

@keyframes planetOrbit{
  from{transform:rotateX(64deg) rotateZ(0deg)}
  to{transform:rotateX(64deg) rotateZ(360deg)}
}

@media(max-width:780px){
  .orbit.one{width:300px}
  .orbit.two{width:370px}
  .robot-head{width:215px;height:176px}
  .robot-head::before{inset:22px 24px 30px}
  .eyes{top:59px;gap:54px}
  .eye{width:24px;height:33px}
  .mouth{bottom:42px;width:62px}
  .robot-body{width:165px;height:88px}
}


/* Dervono CYAN–VIOLETT THEME — Farbupdate, Layout unverändert */
:root{
  --accent-cyan:#22d3ee;
  --accent-blue:#3b82f6;
  --accent-violet:#a855f7;
  --accent-pink:#d946ef;
  --accent-gradient:linear-gradient(135deg,var(--accent-cyan) 0%,var(--accent-blue) 45%,var(--accent-violet) 78%,var(--accent-pink) 100%);
  --accent-glow:0 0 24px rgba(34,211,238,.24),0 0 48px rgba(168,85,247,.16);
}

/* Alle sichtbaren Akzente im einheitlichen Cyan-Violett-Stil */
.eyebrow,.brand,.section-copy strong,.metric strong,.service h3,
.price,.feature-list i,.footer-brand,.footer-links a:hover{
  color:var(--accent-cyan);
}

.brand-mark,.loader-logo,.service-icon,.status,.nav-cta{
  border-color:rgba(34,211,238,.48);
  background:linear-gradient(145deg,rgba(34,211,238,.13),rgba(168,85,247,.13));
  box-shadow:var(--accent-glow);
}

.btn-primary{
  color:#fff;
  background:var(--accent-gradient);
  box-shadow:0 14px 42px rgba(34,211,238,.24),0 10px 38px rgba(168,85,247,.22);
}
.btn-primary:hover{
  box-shadow:0 20px 58px rgba(34,211,238,.38),0 16px 52px rgba(168,85,247,.32);
}
.btn-secondary:hover{
  border-color:var(--accent-violet);
  color:#e9d5ff;
  box-shadow:0 0 24px rgba(168,85,247,.18);
}

.nav-links a::after,.loader-bar span{
  background:linear-gradient(90deg,var(--accent-cyan),var(--accent-violet),var(--accent-pink));
  box-shadow:0 0 14px rgba(34,211,238,.45),0 0 22px rgba(168,85,247,.28);
}

.glass,.hover-card,.metric{
  border-color:rgba(110,231,255,.16);
}
.hover-card::before{
  background:linear-gradient(135deg,rgba(34,211,238,.16),rgba(59,130,246,.12),rgba(168,85,247,.18));
}
.hover-card:hover{
  border-color:rgba(168,85,247,.52);
  box-shadow:0 32px 75px rgba(0,0,0,.42),0 0 26px rgba(34,211,238,.14),0 0 42px rgba(168,85,247,.14);
}

.hero h1 span{
  background:linear-gradient(90deg,#67e8f9 0%,#ffffff 38%,#c4b5fd 68%,#e879f9 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  text-shadow:0 0 28px rgba(34,211,238,.12),0 0 42px rgba(168,85,247,.10);
}

.robot-halo{
  background:radial-gradient(circle,rgba(34,211,238,.24),rgba(59,130,246,.12) 38%,rgba(168,85,247,.12) 58%,transparent 72%);
}
.orbit{border-color:rgba(168,85,247,.34);box-shadow:0 0 22px rgba(34,211,238,.08),inset 0 0 20px rgba(168,85,247,.06)}
.orbit::before{background:var(--accent-cyan);box-shadow:0 0 18px var(--accent-cyan),0 0 30px var(--accent-violet)}
.robot-head{
  background:linear-gradient(135deg,#22d3ee 0%,#3b82f6 48%,#a855f7 82%,#d946ef 100%);
  box-shadow:0 0 42px rgba(34,211,238,.54),0 0 92px rgba(168,85,247,.24),inset 0 0 34px rgba(255,255,255,.16);
}
.antenna,.ear{background:linear-gradient(180deg,var(--accent-cyan),var(--accent-violet));box-shadow:0 0 25px rgba(34,211,238,.5),0 0 34px rgba(168,85,247,.28)}
.robot-body{background:linear-gradient(145deg,rgba(34,211,238,.80),rgba(59,130,246,.78) 48%,rgba(168,85,247,.82));box-shadow:0 0 35px rgba(34,211,238,.20),0 0 44px rgba(168,85,247,.16),inset 0 0 24px rgba(255,255,255,.1)}
.energy-core{background:radial-gradient(circle at 35% 35%,#fff,#22d3ee 30%,#3b82f6 58%,#a855f7 82%);box-shadow:0 0 18px #fff,0 0 35px rgba(34,211,238,.8),0 0 62px rgba(168,85,247,.55)}

input:focus,select:focus,textarea:focus{border-color:var(--accent-cyan)!important;box-shadow:0 0 0 3px rgba(34,211,238,.10),0 0 24px rgba(168,85,247,.10)!important}
::selection{background:rgba(168,85,247,.45);color:#fff}

/* =========================================================
   DERVONO — EINHEITLICHE TYPOGRAFIE
   Einheitlicher Schriftstil und Cyan–Violett-Farbauftritt.
   Layout, Sternenhintergrund und Roboterposition bleiben unverändert.
   ========================================================= */
:root{
  --font-ui:Inter,"Segoe UI",Arial,Helvetica,sans-serif;
  --type-white:#f8fbff;
  --type-soft:#d7e5f3;
  --type-muted:#9fb0c5;
  --type-cyan:#67e8f9;
  --type-violet:#c4b5fd;
  --type-gradient:linear-gradient(90deg,#67e8f9 0%,#ffffff 42%,#c4b5fd 72%,#e879f9 100%);
}

html,body,button,input,select,textarea{
  font-family:var(--font-ui)!important;
}

body{
  color:var(--type-white);
  font-weight:400;
  letter-spacing:-.01em;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* Einheitliche Überschriften */
h1,h2,h3,h4,h5,h6,
.section-title,.closing-card h2,.module-copy h3,.compare-side h3,
.positioning-copy h2,.price-card h3,.service h3{
  font-family:var(--font-ui)!important;
  font-weight:850;
  line-height:1.08;
  letter-spacing:-.045em;
  color:var(--type-white);
}

.hero h1,.hero h1 span,.section-title,.closing-card h2{
  background:var(--type-gradient);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent!important;
  text-shadow:0 0 28px rgba(34,211,238,.10),0 0 42px rgba(168,85,247,.09);
}

/* Kleine Überschriften und Akzente */
.eyebrow,.module-kicker,.compare-label,.status,.brand,
.os-window-top,.product-screen-top em,.screen-heading small,
.screen-kpis small,.metric strong,.module-signal b{
  font-family:var(--font-ui)!important;
  font-weight:800;
  letter-spacing:.11em;
  text-transform:uppercase;
  color:var(--type-cyan)!important;
}

/* Fließtexte überall gleich */
p,.section-copy,.hero-copy,.module-copy p,.compare-side p,
.positioning-item p,.price-card p,.service p,.footer-copy,
li,small,label{
  font-family:var(--font-ui)!important;
  color:var(--type-muted);
  font-weight:450;
  letter-spacing:-.008em;
}

/* Kartentitel und UI-Texte */
.metric strong,.os-tile b,.module-tab b,.screen-heading b,
.screen-kpis b,.stack-row b,.compare-stats b,.price,
.service h3,.feature-list strong{
  color:var(--type-white)!important;
  font-weight:800;
  letter-spacing:-.025em;
}

.os-tile span,.metric span,.module-tab small,.stack-row em,
.screen-row,.screen-row span,.compare-stats small{
  color:var(--type-soft)!important;
}

/* Navigation, Buttons und Links */
.nav-links a,.btn,.nav-cta,.module-tab,.screen-heading button,
.dervono-tool,.dervono-quick-actions button,a{
  font-family:var(--font-ui)!important;
  font-weight:700;
  letter-spacing:-.015em;
}

.nav-links a:hover,.footer-links a:hover,
.module-tab.active b,.module-tab:hover b{
  color:var(--type-cyan)!important;
}

.btn-primary,.nav-cta{
  color:#fff!important;
}

.btn-secondary{
  color:var(--type-white)!important;
}

/* Technische Texte nicht mehr in einer anderen Schrift */
.loader-sub,.loader-status,.terminal-line,code,pre{
  font-family:var(--font-ui)!important;
  letter-spacing:0;
}

/* Formulare konsistent */
input,select,textarea{
  color:var(--type-white)!important;
  font-weight:500;
}
input::placeholder,textarea::placeholder{
  color:#7890aa!important;
}

/* Einheitliche Textübergänge */
.nav-links a,.btn,.module-tab,.footer-links a,.service h3,
.metric strong,.os-tile b{
  transition:color .24s ease,text-shadow .24s ease,opacity .24s ease;
}

/* Mobil: Lesbarkeit stabil halten */
@media(max-width:780px){
  body{letter-spacing:0}
  h1,h2,h3,h4,h5,h6,.section-title{letter-spacing:-.035em}
  .eyebrow,.module-kicker,.compare-label{letter-spacing:.08em}
}


/* DERVONO 18 — zweifarbige Überschriften, vollständiger Roboter, Planet und Pakete */
.hero h1 span,
.section-title,
.closing-card h2,
.project h2,
.pricing-section h2{
  background:linear-gradient(100deg,#22d3ee 0%,#a855f7 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
}

.aiba-bot{position:absolute;z-index:4;top:58px;right:72px;display:flex;flex-direction:column;align-items:center;gap:10px;filter:drop-shadow(0 34px 50px rgba(0,0,0,.42));}
.robot-body{position:relative;overflow:visible;z-index:2;}
.robot-arm,.robot-leg{position:absolute;display:block;border:2px solid rgba(255,255,255,.5);background:linear-gradient(145deg,#dff8ff 0%,#38bdf8 38%,#6366f1 68%,#a855f7 100%);box-shadow:0 0 20px rgba(34,211,238,.28),inset 0 8px 12px rgba(255,255,255,.25);}
.robot-arm{width:42px;height:112px;top:10px;border-radius:24px;transform-origin:top center;z-index:-1;}
.robot-arm-left{left:-34px;transform:rotate(18deg)}
.robot-arm-right{right:-34px;transform:rotate(-18deg)}
.robot-hand{position:absolute;left:50%;bottom:-23px;width:48px;height:35px;transform:translateX(-50%);border:2px solid rgba(255,255,255,.5);border-radius:48% 48% 44% 44%;background:linear-gradient(145deg,#e0f2fe,#38bdf8 42%,#7c3aed 100%);box-shadow:0 0 18px rgba(34,211,238,.3)}
.robot-leg{width:52px;height:118px;top:88px;border-radius:24px 24px 18px 18px;z-index:-2;}
.robot-leg-left{left:35px;transform:rotate(3deg)}
.robot-leg-right{right:35px;transform:rotate(-3deg)}
.robot-foot{position:absolute;left:50%;bottom:-27px;width:72px;height:37px;transform:translateX(-50%);border:2px solid rgba(255,255,255,.5);border-radius:42px 42px 18px 18px;background:linear-gradient(145deg,#e0f2fe,#3b82f6 44%,#7c3aed 100%);box-shadow:0 0 20px rgba(34,211,238,.32)}

.hero-planet{position:absolute;z-index:2;top:22px;right:-38px;width:132px;height:132px;border-radius:50%;background:radial-gradient(circle at 32% 26%,#93c5fd 0 7%,#2563eb 20%,#312e81 58%,#0f172a 100%);box-shadow:0 0 28px rgba(59,130,246,.44),0 0 70px rgba(168,85,247,.24),inset -18px -18px 28px rgba(2,6,23,.5);}
.hero-planet::after{content:"";position:absolute;inset:12px;border-radius:50%;background:repeating-linear-gradient(164deg,transparent 0 10px,rgba(255,255,255,.08) 11px 13px,transparent 14px 23px);mix-blend-mode:screen;opacity:.55}
.hero-planet-ring{position:absolute;left:50%;top:50%;width:208px;height:58px;transform:translate(-50%,-50%) rotate(-18deg);border:5px solid transparent;border-top-color:#c084fc;border-bottom-color:#22d3ee;border-radius:50%;filter:drop-shadow(0 0 9px rgba(168,85,247,.75));}

.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.price-card{position:relative;padding:34px 28px;display:flex;flex-direction:column;min-height:470px;border:1px solid rgba(125,211,252,.18);background:linear-gradient(145deg,rgba(7,13,31,.22),rgba(15,12,40,.14))!important}
.price-card.featured{border-color:rgba(34,211,238,.72);box-shadow:0 0 0 1px rgba(168,85,247,.55),0 0 34px rgba(34,211,238,.18),0 0 42px rgba(168,85,247,.14);transform:translateY(-8px)}
.price-badge{position:absolute;top:-15px;left:50%;transform:translateX(-50%);padding:7px 14px;border-radius:999px;background:linear-gradient(90deg,#22d3ee,#a855f7);color:white;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
.price-card h3{font-size:1.45rem;text-transform:uppercase;letter-spacing:.04em;background:linear-gradient(90deg,#22d3ee,#a855f7);-webkit-background-clip:text;background-clip:text;color:transparent}
.price-card .price{font-size:3rem;font-weight:900;color:#fff!important;margin-top:18px}
.price-card .price-request{font-size:2rem;text-transform:uppercase}
.price-period{color:#94a3b8;margin-top:2px}
.price-card ul{list-style:none;padding:24px 0;margin:0 0 26px;border-top:1px solid rgba(125,211,252,.13);flex:1}
.price-card li{position:relative;padding:8px 0 8px 26px;color:#cbd5e1}
.price-card li::before{content:"✓";position:absolute;left:0;color:#22d3ee;font-weight:900}
.price-card .btn{width:100%;justify-content:center}

@media(max-width:1100px){.aiba-bot{right:42px}.hero-planet{right:8px;top:10px;width:112px;height:112px}.hero-planet-ring{width:180px}}
@media(max-width:980px){.pricing-grid{grid-template-columns:1fr;max-width:680px;margin:0 auto}.price-card.featured{transform:none}.aiba-bot{right:50%;transform:translateX(50%)}.hero-planet{right:7%;top:15px}}
@media(max-width:620px){.robot-arm{height:86px;width:34px}.robot-arm-left{left:-28px}.robot-arm-right{right:-28px}.robot-leg{height:88px;width:42px;top:68px}.robot-leg-left{left:30px}.robot-leg-right{right:30px}.robot-foot{width:58px;height:31px}.hero-planet{width:86px;height:86px;right:3%;top:26px}.hero-planet-ring{width:138px;height:42px;border-width:4px}.price-card{min-height:0}}


/* DERVONO LIVE ROBOT 01 — ersetzt den bisherigen CSS-Roboter durch das echte Maskottchen-Asset */
.aiba-bot,
.robot-head,
.robot-body,
.robot-arm,
.robot-leg{display:none!important}

.dervono-live-robot{
  --robot-x:0px;
  --robot-y:0px;
  --robot-tilt:0deg;
  position:absolute;
  z-index:4;
  top:34px;
  right:58px;
  width:clamp(225px,28.5vw,334px);
  pointer-events:auto;
  transform:translate3d(var(--robot-x),var(--robot-y),0) rotate(var(--robot-tilt));
  transform-origin:52% 44%;
  transition:transform .22s ease-out,filter .4s ease;
  filter:drop-shadow(0 28px 42px rgba(0,0,0,.42)) drop-shadow(0 0 24px rgba(34,211,238,.20)) drop-shadow(0 0 30px rgba(168,85,247,.16));
  will-change:transform;
}
.dervono-live-robot-float{
  position:relative;
  animation:dervonoRobotFloat 4.8s ease-in-out infinite;
  transform-origin:50% 46%;
}
.dervono-live-robot img{
  display:block;
  width:100%;
  height:auto;
  user-select:none;
  -webkit-user-drag:none;
  filter:saturate(1.04) contrast(1.02);
}
.dervono-live-robot::before{
  content:"";
  position:absolute;
  z-index:-1;
  left:18%;right:12%;top:18%;bottom:12%;
  border-radius:48%;
  background:radial-gradient(circle at 48% 38%,rgba(34,211,238,.18),rgba(99,102,241,.10) 42%,rgba(168,85,247,.08) 58%,transparent 72%);
  filter:blur(28px);
  animation:dervonoRobotAura 3.2s ease-in-out infinite;
}
.dervono-live-robot:hover{
  filter:drop-shadow(0 34px 48px rgba(0,0,0,.45)) drop-shadow(0 0 30px rgba(34,211,238,.32)) drop-shadow(0 0 38px rgba(168,85,247,.24));
}
.dervono-robot-speech{
  position:absolute;
  left:-118px;
  top:34%;
  width:190px;
  padding:12px 14px;
  border:1px solid rgba(125,211,252,.30);
  border-radius:15px 15px 4px 15px;
  background:rgba(5,11,28,.68);
  color:#dff8ff;
  font-size:.78rem;
  line-height:1.4;
  opacity:0;
  transform:translateY(8px) scale(.96);
  transition:opacity .28s ease,transform .28s ease;
  backdrop-filter:blur(14px);
  box-shadow:0 12px 30px rgba(0,0,0,.28),0 0 20px rgba(34,211,238,.10);
  pointer-events:none;
}
.dervono-live-robot:hover .dervono-robot-speech{opacity:1;transform:translateY(0) scale(1)}

@keyframes dervonoRobotFloat{
  0%,100%{transform:translateY(0) rotate(-.4deg)}
  50%{transform:translateY(-13px) rotate(.65deg)}
}
@keyframes dervonoRobotAura{
  0%,100%{opacity:.68;transform:scale(.96)}
  50%{opacity:1;transform:scale(1.06)}
}

@media(max-width:1100px){
  .dervono-live-robot{right:34px;width:clamp(285px,40vw,390px)}
}
@media(max-width:980px){
  .dervono-live-robot{right:50%;transform:translate3d(calc(50% + var(--robot-x)),var(--robot-y),0) rotate(var(--robot-tilt));width:min(390px,76vw)}
  .dervono-robot-speech{display:none}
}
@media(max-width:620px){
  .dervono-live-robot{top:48px;width:min(330px,86vw)}
}
@media(prefers-reduced-motion:reduce){
  .dervono-live-robot-float,.dervono-live-robot::before{animation:none!important}
}

/* DERVONO 20 — animierter Planet + Kommandozentrale weiter unten */
.robot-stage{
  min-height:760px;
}

.hero-planet{
  --planet-x:0px;
  --planet-y:0px;
  transform:translate3d(var(--planet-x),var(--planet-y),0);
  transform-origin:center;
  animation:dervonoPlanetFloat 6.5s ease-in-out infinite;
  will-change:transform;
}

.hero-planet::after{
  animation:dervonoPlanetSurface 18s linear infinite;
}

.hero-planet-ring{
  transform-origin:center;
  animation:dervonoPlanetRingSpin 10s linear infinite;
  will-change:transform;
}

.os-window{
  bottom:-92px;
}

@keyframes dervonoPlanetFloat{
  0%,100%{transform:translate3d(var(--planet-x),var(--planet-y),0) translateY(0) rotate(-1deg)}
  50%{transform:translate3d(var(--planet-x),var(--planet-y),0) translateY(-12px) rotate(1.5deg)}
}

@keyframes dervonoPlanetSurface{
  from{transform:rotate(0deg)}
  to{transform:rotate(360deg)}
}

@keyframes dervonoPlanetRingSpin{
  from{transform:translate(-50%,-50%) rotate(-18deg) rotateZ(0deg)}
  to{transform:translate(-50%,-50%) rotate(-18deg) rotateZ(360deg)}
}

@media(max-width:980px){
  .robot-stage{min-height:720px}
  .os-window{bottom:-72px}
}

@media(max-width:620px){
  .robot-stage{min-height:650px}
  .os-window{bottom:-48px}
}

@media(prefers-reduced-motion:reduce){
  .hero-planet,.hero-planet::after,.hero-planet-ring{animation:none!important}
}
\n\n/* DERVONO 21 — neue Pose, bündige Kommandozentrale, keine Planetenringe */
.orbit,
.hero-planet-ring{
  display:none!important;
}

.dervono-live-robot{
  top:16px!important;
  right:52px;
  width:clamp(320px,39vw,455px);
}

.dervono-live-robot img{
  object-fit:contain;
  object-position:center;
}

/* Karte wieder höher: Abschluss bündig mit dem Hero-Bereich. */
.robot-stage{
  min-height:690px;
}
.os-window{
  bottom:0!important;
}

@media(max-width:1100px){
  .dervono-live-robot{top:12px!important;right:30px;width:clamp(300px,40vw,410px)}
}
@media(max-width:980px){
  .robot-stage{min-height:690px}
  .dervono-live-robot{top:12px!important}
  .os-window{bottom:0!important}
}
@media(max-width:620px){
  .robot-stage{min-height:620px}
  .dervono-live-robot{top:24px!important;width:min(345px,88vw)}
  .os-window{bottom:0!important}
}

/* DERVONO 22 — Command Center unten bündig mit den linken Hero-Karten */
.os-window{
  bottom:-70px!important;
}

@media(max-width:980px){
  .os-window{bottom:-52px!important;}
}

@media(max-width:620px){
  .os-window{bottom:-30px!important;}
}


/* DERVONO 23 FIX — großer Roboter kleiner + Chatbot unten rechts wieder sichtbar */
.dervono-live-robot{
  width:clamp(285px,35vw,405px)!important;
}

.aiba-widget{
  position:fixed!important;
  right:22px!important;
  bottom:22px!important;
  z-index:9999!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}

.aiba-widget .widget-button{
  display:grid!important;
  place-items:center!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}

@media(max-width:1100px){
  .dervono-live-robot{width:clamp(270px,37vw,370px)!important;}
}
@media(max-width:620px){
  .dervono-live-robot{width:min(310px,82vw)!important;}
  .aiba-widget{right:14px!important;bottom:14px!important;}
}

/* DERVONO 24 — einheitliche Cyan/Violett-Überschriften und abgeschnittene Bereiche repariert */
:root{
  --dervono-heading-gradient:linear-gradient(100deg,#22d3ee 0%,#60a5fa 46%,#a855f7 100%);
}

/* Alle sichtbaren Bereichsüberschriften im selben Dervono-Farbschema */
.hero h1 span,
.section-title,
.section-head h2,
.closing-card h2,
.project h2,
.pricing-section h2,
.compare-column h2,
.about-copy h2,
.positioning-copy h2,
.module-copy h3,
.process-card h3,
.price-card h3{
  background:var(--dervono-heading-gradient)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
}

/* Kleine Überschriften/Akzente ebenfalls klar im Cyan-Violett-Stil */
.eyebrow,
.module-kicker,
.compare-label,
.product-badge,
.status{
  color:#67e8f9!important;
  text-shadow:0 0 18px rgba(34,211,238,.22);
}

/* „So arbeitet Dervono“: alle Prozesskarten vollständig sichtbar statt seitlich abgeschnitten */
#prozess,
#prozess .container{
  overflow:visible!important;
}
#prozess .process-flow{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:14px!important;
  overflow:visible!important;
  padding:12px 2px 28px!important;
  align-items:stretch!important;
}
#prozess .process-step{
  min-width:0!important;
  width:auto!important;
  height:100%!important;
}
#prozess .process-arrow{
  display:none!important;
}

/* Preise: Platz für das Badge schaffen und Abschneiden verhindern */
.pricing-section,
.pricing-section .container,
.pricing-grid{
  overflow:visible!important;
}
.pricing-grid{
  padding-top:28px!important;
}
.price-card.featured{
  transform:none!important;
}
.price-badge{
  top:-16px!important;
  z-index:5!important;
}

@media(max-width:1100px){
  #prozess .process-flow{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

@media(max-width:700px){
  #prozess .process-flow{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  #prozess .process-step{
    min-height:150px!important;
  }
  .pricing-grid{
    padding-top:24px!important;
  }
}

/* DERVONO 27B — sichtbarer Ultra-Glass-Look mit sehr dezentem Cyan/Violett-Verlauf */
:root{
  --dervono-glass-bg:linear-gradient(135deg,rgba(34,211,238,.045) 0%,rgba(8,15,34,.075) 48%,rgba(168,85,247,.045) 100%);
  --dervono-glass-bg-hover:linear-gradient(135deg,rgba(34,211,238,.075) 0%,rgba(8,15,34,.105) 48%,rgba(168,85,247,.07) 100%);
  --dervono-glass-border:rgba(186,230,253,.17);
  --dervono-glass-shadow:0 18px 55px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.035);
}

/* Alle sichtbaren Kartenflächen: fast durchsichtig, Sternenhimmel bleibt klar sichtbar */
.glass,
.hover-card,
.metric,
.os-window,
.os-tile,
.platform-showcase,
.module-tab,
.module-display,
.product-screen,
.positioning-panel,
.positioning-item,
.compare-column,
.compare-side,
.process-step,
.process-card,
.price-card,
.audience-card,
.impact-card,
.project,
.project-item,
.contact-form,
.contact-panel,
.contact-option,
.case-study,
.reference-mini,
.faq-item,
.closing-card{
  background:var(--dervono-glass-bg)!important;
  border-color:var(--dervono-glass-border)!important;
  box-shadow:var(--dervono-glass-shadow)!important;
  -webkit-backdrop-filter:blur(18px) saturate(118%)!important;
  backdrop-filter:blur(18px) saturate(118%)!important;
}

/* Unterkarten noch transparenter, damit sie nicht wie massive Blöcke wirken */
.metric,
.os-tile,
.module-tab,
.positioning-item,
.project-item,
.contact-option,
.reference-mini,
.process-card{
  background:linear-gradient(135deg,rgba(34,211,238,.032),rgba(8,15,34,.050) 52%,rgba(168,85,247,.030))!important;
}

/* Mittel-Paket bleibt hervorgehoben, aber ebenfalls transparent */
.price-card.featured{
  background:linear-gradient(135deg,rgba(34,211,238,.075),rgba(8,15,34,.10) 48%,rgba(168,85,247,.075))!important;
  border-color:rgba(103,232,249,.45)!important;
  box-shadow:0 0 0 1px rgba(168,85,247,.22),0 20px 62px rgba(0,0,0,.25),0 0 30px rgba(34,211,238,.09)!important;
}

/* Dezenter Hover: nur ein sanft sichtbarer Verlauf */
.hover-card:hover,
.module-tab:hover,
.positioning-item:hover,
.process-step:hover,
.process-card:hover,
.price-card:hover,
.audience-card:hover,
.impact-card:hover,
.project-item:hover,
.contact-option:hover,
.reference-mini:hover{
  background:var(--dervono-glass-bg-hover)!important;
  border-color:rgba(103,232,249,.28)!important;
  transform:translateY(-3px);
}

/* Browser ohne Backdrop-Filter: weiterhin transparent statt dunkel massiv */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .glass,.hover-card,.metric,.os-window,.os-tile,.platform-showcase,.module-tab,.module-display,
  .product-screen,.positioning-panel,.positioning-item,.compare-column,.compare-side,.process-step,
  .process-card,.price-card,.audience-card,.impact-card,.project,.project-item,.contact-form,
  .contact-panel,.contact-option,.case-study,.reference-mini,.faq-item,.closing-card{
    background:linear-gradient(135deg,rgba(8,15,34,.34),rgba(16,12,40,.26))!important;
  }
}


/* === Sprint 1 Design System Overrides === */
:root{
 --dervono-cyan:#45e6ff;
 --dervono-violet:#7b5cff;
}
.card,.feature-card,.glass,.glass-card,.pricing-card,.process-card,.dashboard-card,.hero-card{
 background:linear-gradient(145deg, rgba(69,230,255,.045), rgba(123,92,255,.03)) !important;
 backdrop-filter:blur(18px) saturate(135%) !important;
 -webkit-backdrop-filter:blur(18px) saturate(135%) !important;
 border:1px solid rgba(255,255,255,.10)!important;
 box-shadow:0 10px 35px rgba(0,0,0,.30),0 0 0 1px rgba(69,230,255,.05) inset!important;
}
h1,h2,.section-title,.gradient-text,.hero-title{
 background:linear-gradient(90deg,var(--dervono-cyan),var(--dervono-violet));
 -webkit-background-clip:text;
 background-clip:text;
 color:transparent!important;
}
button,.btn,.primary-btn{
 background:linear-gradient(90deg,var(--dervono-cyan),var(--dervono-violet))!important;
 border:none!important;
}
.card:hover,.feature-card:hover,.glass-card:hover,.pricing-card:hover{
 border-color:rgba(69,230,255,.25)!important;
 box-shadow:0 15px 40px rgba(0,0,0,.35),0 0 24px rgba(69,230,255,.08)!important;
 transform:translateY(-2px);
}


/* === Sprint 2: Hero-Bereich === */
/* Ziel: klarer erster Eindruck, bündige Karten, sichtbarer Erstgespräch-CTA. */

.nav-links{
  gap:clamp(12px,1.35vw,24px)!important;
}
.nav-demo{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 15px;
  border:1px solid rgba(103,232,249,.22);
  border-radius:999px;
  background:rgba(8,15,34,.14);
  color:#dff8ff!important;
  text-decoration:none;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.nav-demo:hover{
  border-color:rgba(103,232,249,.48);
  background:rgba(34,211,238,.07);
}
.nav-cta{
  min-height:42px;
  padding:0 18px!important;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
}

.hero{
  min-height:calc(100vh - 78px);
  align-items:center!important;
  gap:clamp(36px,5vw,84px)!important;
  padding-top:clamp(42px,6vw,82px)!important;
  padding-bottom:clamp(90px,10vw,145px)!important;
}
.hero-copy-wrap{
  max-width:720px;
}
.hero h1{
  max-width:760px;
  margin-top:18px!important;
  line-height:.98!important;
  letter-spacing:-.045em!important;
}
.hero-copy{
  max-width:680px;
  font-size:clamp(1rem,1.25vw,1.16rem)!important;
  line-height:1.75!important;
}
.hero-actions{
  align-items:center;
  gap:12px!important;
  margin-top:28px!important;
}
.hero-actions .btn{
  min-height:52px;
  padding:0 22px!important;
}
.hero-proof{
  margin-top:20px!important;
}
.hero-metrics{
  gap:12px!important;
  margin-top:24px!important;
}
.hero-metrics .metric{
  min-height:94px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.robot-stage{
  min-height:700px!important;
  width:100%;
  max-width:690px;
  margin-left:auto;
  isolation:isolate;
  overflow:visible!important;
}
.robot-stage::after{
  inset:8% -2% 0!important;
}
.dervono-live-robot{
  top:18px!important;
  right:clamp(18px,4vw,58px)!important;
  width:clamp(275px,34vw,390px)!important;
  z-index:4!important;
}
.hero-planet{
  top:34px!important;
  right:-10px!important;
  z-index:2!important;
}
.os-window{
  left:50%!important;
  right:auto!important;
  bottom:-42px!important;
  width:min(610px,96%)!important;
  transform:translateX(-50%)!important;
  z-index:6!important;
}
.os-window-top{
  min-height:44px;
  align-items:center;
}
.os-grid{
  gap:10px!important;
}
.os-tile{
  min-height:86px;
}
.os-tile.wide{
  min-height:100px;
}

@media(max-width:1180px){
  .nav-links{gap:10px!important}
  .nav-links>a:not(.nav-cta):not(.nav-demo){display:none}
  .robot-stage{min-height:660px!important}
  .os-window{width:min(570px,96%)!important}
}

@media(max-width:980px){
  .hero{
    min-height:auto;
    grid-template-columns:1fr!important;
    text-align:center;
    padding-top:38px!important;
    padding-bottom:92px!important;
  }
  .hero-copy-wrap{max-width:780px;margin:0 auto}
  .hero-copy{margin-left:auto!important;margin-right:auto!important}
  .hero-actions,.hero-proof{justify-content:center}
  .hero-metrics{max-width:720px;margin-left:auto!important;margin-right:auto!important}
  .robot-stage{min-height:650px!important;max-width:700px;margin:4px auto 0}
  .dervono-live-robot{
    right:50%!important;
    top:14px!important;
    transform:translate3d(calc(50% + var(--robot-x)),var(--robot-y),0) rotate(var(--robot-tilt))!important;
    width:min(370px,68vw)!important;
  }
  .hero-planet{right:8%!important;top:22px!important}
  .os-window{bottom:-28px!important;width:min(610px,94%)!important}
}

@media(max-width:700px){
  .nav-demo{display:none!important}
  .nav-cta{min-height:40px;padding:0 14px!important}
  .hero{padding-top:28px!important;padding-bottom:70px!important}
  .hero-actions{flex-direction:column;width:100%}
  .hero-actions .btn{width:min(100%,390px)}
  .hero-metrics{grid-template-columns:1fr!important}
  .hero-metrics .metric{min-height:78px}
  .robot-stage{min-height:590px!important}
  .dervono-live-robot{top:26px!important;width:min(315px,82vw)!important}
  .hero-planet{width:84px!important;height:84px!important;right:3%!important;top:36px!important}
  .os-window{bottom:-18px!important;width:96%!important;padding:9px!important}
  .os-window-top{font-size:.72rem}
  .os-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .os-tile,.os-tile.wide{grid-column:span 1!important;min-height:76px!important}
}


/* =========================================================
   SPRINT 3 — DERVONO MASKOTTCHEN
   Bestehendes Asset, keine neue Grafik: lebendiger, klar klickbar,
   mit Status, Fokuszustand und direkter Chat-Verknüpfung.
   ========================================================= */
.dervono-live-robot{
  appearance:none;
  border:0;
  padding:0;
  margin:0;
  background:transparent;
  color:inherit;
  font:inherit;
  cursor:pointer;
  text-align:initial;
}
.dervono-live-robot:focus-visible{
  outline:2px solid rgba(69,230,255,.95);
  outline-offset:10px;
  border-radius:38%;
}
.dervono-live-robot-float{display:block}
.dervono-live-robot img{
  transition:filter .35s ease,transform .35s ease;
}
.dervono-live-robot:hover img,.dervono-live-robot:focus-visible img{
  filter:saturate(1.12) contrast(1.07) brightness(1.04);
  transform:scale(1.015);
}
.dervono-live-robot.is-activated .dervono-live-robot-float{
  animation:dervonoRobotConfirm .7s cubic-bezier(.2,.8,.2,1);
}
.dervono-robot-status{
  position:absolute;
  z-index:6;
  right:7%;
  bottom:13%;
  display:flex;
  align-items:center;
  gap:7px;
  padding:7px 10px;
  border:1px solid rgba(125,211,252,.24);
  border-radius:999px;
  background:rgba(4,9,24,.58);
  color:#dff8ff;
  font-size:.67rem;
  font-weight:800;
  letter-spacing:.04em;
  backdrop-filter:blur(12px);
  box-shadow:0 10px 28px rgba(0,0,0,.26),0 0 18px rgba(34,211,238,.09);
  pointer-events:none;
}
.dervono-robot-status i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#45e6ff;
  box-shadow:0 0 0 4px rgba(69,230,255,.1),0 0 14px rgba(69,230,255,.8);
  animation:dervonoStatusPulse 2.2s ease-in-out infinite;
}
.dervono-robot-speech{
  display:block;
  min-height:58px;
  cursor:pointer;
}
.dervono-live-robot:hover .dervono-robot-speech,
.dervono-live-robot:focus-visible .dervono-robot-speech,
.dervono-robot-speech.is-visible{
  opacity:1;
  transform:translateY(0) scale(1);
}
.dervono-robot-speech.is-changing{opacity:.2;transform:translateY(4px) scale(.98)}
@keyframes dervonoRobotConfirm{
  0%,100%{transform:translateY(0) rotate(0)}
  35%{transform:translateY(-10px) rotate(1.2deg) scale(1.025)}
  65%{transform:translateY(-4px) rotate(-.7deg) scale(1.01)}
}
@keyframes dervonoStatusPulse{
  0%,100%{opacity:.72;transform:scale(.9)}
  50%{opacity:1;transform:scale(1.12)}
}
@media(max-width:980px){
  .dervono-robot-status{right:14%;bottom:12%}
}
@media(max-width:620px){
  .dervono-robot-status{right:12%;bottom:10%;font-size:.62rem;padding:6px 9px}
}
@media(prefers-reduced-motion:reduce){
  .dervono-robot-status i,.dervono-live-robot.is-activated .dervono-live-robot-float{animation:none!important}
}


/* =========================================================
   DERVONO SPRINT 4 — BRANDING SYSTEM
   Fixed N monogram, consistent wordmark and brand surfaces.
   ========================================================= */
:root{
  --dervono-cyan:#22d3ee;
  --dervono-violet:#8b5cf6;
  --dervono-ink:#020617;
  --dervono-brand-gradient:linear-gradient(135deg,var(--dervono-cyan) 0%,#3b82f6 46%,var(--dervono-violet) 100%);
}

.brand{
  gap:13px;
  color:#f8fbff!important;
  font-weight:850;
  letter-spacing:-.025em;
}
.brand > span:last-child{
  background:linear-gradient(90deg,#f8fbff 0%,#c8f7ff 58%,#d8c8ff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.brand-mark,
.loader-logo{
  position:relative;
  display:grid;
  place-items:center;
  overflow:visible;
  isolation:isolate;
  border:1px solid rgba(125,230,255,.5)!important;
  background:
    radial-gradient(circle at 28% 20%,rgba(255,255,255,.22),transparent 34%),
    linear-gradient(145deg,rgba(7,18,36,.97),rgba(2,6,23,.98))!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.045),
    0 0 24px rgba(34,211,238,.23),
    0 0 46px rgba(139,92,246,.13)!important;
}
.brand-mark{width:43px;height:43px;border-radius:14px!important;}
.loader-logo{width:112px;height:112px;border-radius:30px!important;}

.brand-mark::before,
.loader-logo::before{
  content:""!important;
  position:absolute!important;
  inset:-5px!important;
  width:auto!important;
  height:auto!important;
  border-radius:inherit!important;
  border:1px solid transparent!important;
  background:linear-gradient(135deg,var(--dervono-cyan),transparent 44%,var(--dervono-violet)) border-box!important;
  -webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0)!important;
  -webkit-mask-composite:xor!important;
  mask-composite:exclude!important;
  box-shadow:none!important;
}
.brand-mark::after,
.loader-logo::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:122%!important;
  height:42%!important;
  border:1px solid rgba(99,223,255,.48)!important;
  border-radius:50%!important;
  background:transparent!important;
  box-shadow:0 0 12px rgba(34,211,238,.2)!important;
  transform:translate(-50%,-50%) rotate(-18deg)!important;
  z-index:-1;
}
.brand-mark i,
.loader-logo i{
  position:relative;
  z-index:2;
  font-style:normal;
  font-weight:950;
  line-height:1;
  letter-spacing:-.12em;
  transform:translateX(-.04em);
  background:var(--dervono-brand-gradient);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  filter:drop-shadow(0 0 9px rgba(34,211,238,.26));
}
.brand-mark i{font-size:1.38rem;}
.loader-logo i{font-size:3.65rem;}

.loader-title{
  background:linear-gradient(90deg,#fff 0%,#bff7ff 48%,#c9b5ff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.compare-dervono{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  background:radial-gradient(circle at 50% 30%,rgba(34,211,238,.1),transparent 42%),rgba(6,13,25,.72);
  border-color:rgba(85,210,255,.2);
}
.compare-dervono .compare-label{color:#a5f3fc;}
.compare-orb span{
  background:var(--dervono-brand-gradient)!important;
  color:#020617!important;
}

.mini-dervono-logo{
  width:78px;
  height:78px;
  margin:26px auto 18px;
  position:relative;
  display:grid;
  place-items:center;
  border-radius:24px;
  border:1px solid rgba(125,230,255,.36);
  background:linear-gradient(145deg,rgba(8,20,39,.93),rgba(3,8,24,.95));
  box-shadow:0 0 34px rgba(34,211,238,.16),0 0 52px rgba(139,92,246,.1);
}
.mini-dervono-logo::after{
  content:"";
  position:absolute;
  width:112%;
  height:38%;
  border:1px solid rgba(125,230,255,.42);
  border-radius:50%;
  transform:rotate(-18deg);
}
.mini-dervono-logo span{
  z-index:1;
  font-size:2rem;
  font-weight:950;
  line-height:1;
  background:var(--dervono-brand-gradient);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.footer-brand,
.loader-title,
.brand > span:last-child{
  font-family:Inter,Arial,Helvetica,sans-serif;
}

@media(max-width:620px){
  .brand-mark{width:39px;height:39px;border-radius:13px!important;}
  .brand-mark i{font-size:1.25rem;}
}

/* DERVONO SPRINT 5 — „So arbeitet Dervono“ */
#prozess.process-section{
  position:relative;
  isolation:isolate;
  overflow:visible;
}
#prozess .section-head{max-width:820px}
#prozess .process-flow{
  position:relative;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
  margin-top:42px!important;
  padding:0!important;
  overflow:visible!important;
}
#prozess .process-flow::before{
  content:"";
  position:absolute;
  left:7%;right:7%;top:50%;height:1px;
  background:linear-gradient(90deg,transparent,rgba(34,211,238,.25),rgba(168,85,247,.25),transparent);
  z-index:-1;
}
#prozess .process-step{
  min-width:0!important;
  min-height:245px!important;
  padding:24px!important;
  border-radius:22px!important;
  border:1px solid rgba(186,230,253,.16)!important;
  background:linear-gradient(145deg,rgba(34,211,238,.05),rgba(5,10,24,.13) 52%,rgba(168,85,247,.045))!important;
  box-shadow:0 18px 55px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.04)!important;
  backdrop-filter:blur(18px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(125%)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  transform:none!important;
  overflow:hidden!important;
}
#prozess .process-step::before{
  content:"";
  position:absolute;
  inset:-40% 38% 55% -18%;
  background:radial-gradient(circle,rgba(34,211,238,.14),transparent 68%);
  pointer-events:none;
}
#prozess .process-step::after{
  height:2px!important;
  background:linear-gradient(90deg,#22d3ee,#8b5cf6)!important;
}
#prozess .process-step:hover,
#prozess .process-step.active{
  border-color:rgba(103,232,249,.38)!important;
  background:linear-gradient(145deg,rgba(34,211,238,.075),rgba(5,10,24,.17) 52%,rgba(168,85,247,.07))!important;
  box-shadow:0 24px 70px rgba(0,0,0,.27),0 0 28px rgba(34,211,238,.07),inset 0 1px 0 rgba(255,255,255,.06)!important;
  transform:translateY(-6px)!important;
}
#prozess .process-step-top{
  width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;position:relative;z-index:1
}
#prozess .process-step b{
  margin:0!important;color:#67e8f9!important;font-size:.72rem!important;letter-spacing:.18em!important
}
#prozess .process-icon{
  width:42px;height:42px;border-radius:14px;display:grid!important;place-items:center;
  font-size:1.05rem!important;font-weight:800;color:#e9d5ff!important;
  border:1px solid rgba(167,139,250,.27);background:linear-gradient(145deg,rgba(34,211,238,.09),rgba(168,85,247,.11));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 24px rgba(139,92,246,.08)
}
#prozess .process-step>span:not(.process-icon){
  display:block!important;font-size:1.24rem!important;font-weight:850!important;letter-spacing:-.025em;color:#f8fbff!important;position:relative;z-index:1
}
#prozess .process-step small{
  display:block!important;margin-top:10px!important;color:rgba(222,231,244,.72)!important;font-size:.94rem!important;line-height:1.62!important;position:relative;z-index:1
}
#prozess .process-step em{
  margin-top:auto;padding-top:22px;color:#c4b5fd;font-size:.72rem;font-style:normal;font-weight:800;letter-spacing:.09em;text-transform:uppercase;position:relative;z-index:1
}
#prozess .process-arrow{display:none!important}
#prozess .process-result{
  margin-top:20px;padding:20px 24px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;
  border-radius:20px;border:1px solid rgba(103,232,249,.18)!important;
  background:linear-gradient(90deg,rgba(34,211,238,.05),rgba(8,15,34,.08),rgba(168,85,247,.05))!important;
}
#prozess .process-result-icon{
  width:48px;height:48px;border-radius:15px;display:grid;place-items:center;font-size:1.5rem;font-weight:900;color:#67e8f9;
  border:1px solid rgba(103,232,249,.24);background:rgba(34,211,238,.06)
}
#prozess .process-result strong{display:block;color:#fff;font-size:1rem;margin-bottom:4px}
#prozess .process-result p{margin:0;color:rgba(222,231,244,.68);font-size:.9rem;line-height:1.5}
#prozess .process-result a{color:#a5f3fc;font-size:.86rem;font-weight:800;text-decoration:none;white-space:nowrap}
#prozess .process-result a:hover{color:#e9d5ff}
@media(max-width:980px){
  #prozess .process-flow{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #prozess .process-flow::before{display:none}
}
@media(max-width:620px){
  #prozess .process-flow{grid-template-columns:1fr!important;gap:14px!important;margin-top:30px!important}
  #prozess .process-step{min-height:220px!important;padding:21px!important}
  #prozess .process-result{grid-template-columns:auto 1fr;padding:18px}
  #prozess .process-result a{grid-column:1/-1;padding-left:66px}
}


/* DERVONO SPRINT 6 — Digitaler Arbeitsplatz */
#vorteile .positioning{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);align-items:stretch}
#vorteile .positioning-panel{padding:30px!important;display:flex;flex-direction:column;min-width:0;overflow:hidden}
.workspace-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}
.workspace-head .eyebrow{margin:0 0 7px}
.workspace-head h3{margin:0;color:#f8fbff;font-size:1.35rem;letter-spacing:-.025em}
.workspace-live{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;padding:8px 11px;border:1px solid rgba(103,232,249,.18);border-radius:999px;background:rgba(34,211,238,.045);color:#a5f3fc;font-size:.71rem;font-weight:800;letter-spacing:.04em}
.workspace-live i,.workspace-footer span i{width:7px;height:7px;border-radius:50%;background:#67e8f9;box-shadow:0 0 12px rgba(34,211,238,.8);animation:workspacePulse 2s ease-in-out infinite}
.workspace-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}
.workspace-kpis article{min-width:0;padding:14px 15px;border:1px solid rgba(186,230,253,.12);border-radius:16px;background:linear-gradient(145deg,rgba(34,211,238,.045),rgba(2,6,23,.08) 58%,rgba(168,85,247,.04));box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.workspace-kpis span,.workspace-kpis small{display:block;color:rgba(203,213,225,.64);font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.workspace-kpis strong{display:block;margin:5px 0 2px;color:#f8fbff;font-size:1.45rem;line-height:1}
.workspace-body{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(220px,.95fr);gap:12px;min-height:0}
#vorteile .system-stack{gap:9px}
#vorteile .stack-row{min-width:0;padding:12px 13px;border-color:rgba(186,230,253,.105);background:rgba(3,8,24,.12);transition:.25s ease}
#vorteile .stack-row:hover{transform:translateX(3px);border-color:rgba(103,232,249,.25);background:linear-gradient(90deg,rgba(34,211,238,.06),rgba(168,85,247,.035))}
#vorteile .stack-row em{color:#a5f3fc}
#vorteile .stack-row.dervono-layer{border-color:rgba(167,139,250,.22);background:linear-gradient(90deg,rgba(34,211,238,.055),rgba(168,85,247,.07))}
.workspace-feed{padding:15px;border:1px solid rgba(186,230,253,.11);border-radius:18px;background:rgba(3,8,24,.1);min-width:0}
.workspace-feed-title{display:flex;align-items:center;gap:9px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.07);color:#f8fbff;font-size:.79rem}
.workspace-feed-title span{color:#c4b5fd}
.workspace-feed ul{list-style:none;margin:0;padding:2px 0 0}
.workspace-feed li{display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:9px;align-items:start;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.055)}
.workspace-feed li:last-child{border-bottom:0;padding-bottom:2px}
.workspace-feed li>i{width:6px;height:6px;margin-top:6px;border-radius:50%;background:linear-gradient(135deg,#22d3ee,#a855f7);box-shadow:0 0 9px rgba(34,211,238,.35)}
.workspace-feed b,.workspace-feed small{display:block;min-width:0}
.workspace-feed b{color:#eaf2ff;font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.workspace-feed small{margin-top:3px;color:rgba(203,213,225,.58);font-size:.63rem;line-height:1.35}
.workspace-feed time{color:rgba(165,243,252,.58);font-size:.58rem;white-space:nowrap}
.workspace-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.07)}
.workspace-footer span{display:flex;align-items:center;gap:8px;color:rgba(203,213,225,.67);font-size:.68rem}
.workspace-footer button{display:inline-flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid rgba(103,232,249,.2);border-radius:11px;background:linear-gradient(90deg,rgba(34,211,238,.08),rgba(168,85,247,.08));color:#dffbff;font:inherit;font-size:.7rem;font-weight:800;cursor:pointer;transition:.25s ease}
.workspace-footer button:hover{transform:translateY(-2px);border-color:rgba(103,232,249,.42);box-shadow:0 10px 24px rgba(34,211,238,.08)}
@keyframes workspacePulse{0%,100%{opacity:.55;transform:scale(.85)}50%{opacity:1;transform:scale(1.12)}}
@media(max-width:1080px){
  #vorteile .positioning{grid-template-columns:1fr}
  .workspace-body{grid-template-columns:minmax(0,1.05fr) minmax(230px,.95fr)}
}
@media(max-width:700px){
  #vorteile .positioning-panel{padding:22px!important}
  .workspace-head{align-items:flex-start;flex-direction:column;gap:11px}
  .workspace-kpis{grid-template-columns:1fr}
  .workspace-body{grid-template-columns:1fr}
  .workspace-footer{align-items:flex-start;flex-direction:column}
  .workspace-footer button{width:100%;justify-content:center}
}
@media(prefers-reduced-motion:reduce){.workspace-live i,.workspace-footer span i{animation:none}}


/* SPRINT 7 — klare Dervono-Pakete und verständlichere Preisstruktur */
.pricing-section .section-head{max-width:760px;margin-inline:auto;text-align:center}
.pricing-grid{gap:24px!important}
.price-card{padding:38px 30px 30px!important}
.package-tier{
  display:inline-flex;align-items:center;min-height:28px;width:max-content;max-width:100%;
  padding:6px 10px;border:1px solid rgba(103,232,249,.18);border-radius:999px;
  background:rgba(8,15,34,.16);color:#a5f3fc;font-size:.72rem;font-weight:800;
  letter-spacing:.08em;text-transform:uppercase;
}
.price-card h3{margin:18px 0 8px!important;font-size:1.7rem!important;line-height:1.1}
.package-copy{min-height:72px;margin:0 0 6px;color:#aebbd0;line-height:1.65;font-size:.95rem}
.price-card .price{margin-top:14px!important}
.price-card ul{margin-top:20px!important}
.pricing-note{
  max-width:760px;margin:24px auto 0;text-align:center;color:#91a1b8;font-size:.9rem;line-height:1.65
}
.price-card.featured .package-tier{border-color:rgba(103,232,249,.32);background:linear-gradient(90deg,rgba(34,211,238,.08),rgba(168,85,247,.08))}
@media(max-width:980px){
  .package-copy{min-height:0}
  .price-card{padding:34px 26px 28px!important}
}
@media(max-width:620px){
  .price-card h3{font-size:1.5rem!important}
  .package-tier{font-size:.66rem;letter-spacing:.06em}
}


/* SPRINT 8 — Premium-Chatbot */
.aiba-widget{display:flex;align-items:flex-end;flex-direction:column}
.widget-button{position:relative;display:flex;align-items:center;justify-content:center;gap:11px;width:auto;min-width:66px;padding:0 18px;border-radius:999px;background:linear-gradient(135deg,rgba(7,18,34,.98),rgba(15,23,48,.98));overflow:visible;animation:none;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.widget-button:hover{transform:translateY(-3px);border-color:rgba(165,243,252,.85);box-shadow:0 14px 42px rgba(34,211,238,.28)}
.widget-label{font-size:.82rem;font-weight:850;letter-spacing:.01em;white-space:nowrap;color:#eefcff}
.widget-pulse{position:absolute;right:-2px;top:-2px;width:13px;height:13px;border-radius:50%;background:#67f5b2;border:3px solid #06101f;box-shadow:0 0 0 0 rgba(103,245,178,.55);animation:dervonoPulse 2.1s infinite}
@keyframes dervonoPulse{70%{box-shadow:0 0 0 9px rgba(103,245,178,0)}100%{box-shadow:0 0 0 0 rgba(103,245,178,0)}}
.widget-panel{width:min(460px,calc(100vw - 36px));border-radius:24px;border-color:rgba(165,243,252,.3);background:linear-gradient(155deg,rgba(5,13,28,.985),rgba(7,12,29,.985));box-shadow:0 32px 110px rgba(0,0,0,.58),0 0 0 1px rgba(139,92,246,.08);transform-origin:bottom right}
.aiba-chat-head{padding:16px 17px;background:linear-gradient(135deg,rgba(34,211,238,.12),rgba(139,92,246,.1));backdrop-filter:blur(20px)}
.aiba-chat-controls{display:flex;align-items:center;gap:7px}
.aiba-close{width:34px;height:34px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.035);color:#cdd9e8;font-size:1.35rem;line-height:1;cursor:pointer}
.aiba-close:hover{color:#fff;border-color:rgba(165,243,252,.45);background:rgba(34,211,238,.08)}
.aiba-chat-status{display:flex;align-items:center;gap:6px;color:#a9bad0}
.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#67f5b2;box-shadow:0 0 12px rgba(103,245,178,.75)}
.aiba-messages{height:350px;padding:19px 17px;background:radial-gradient(circle at 80% 0%,rgba(139,92,246,.07),transparent 34%),rgba(2,6,23,.38)}
.aiba-message{position:relative;padding:11px 13px;border-radius:16px;font-size:.89rem;line-height:1.55}
.aiba-message.assistant{border-color:rgba(165,243,252,.11);background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(34,211,238,.025))}
.aiba-message.assistant strong{display:block;color:#f6fdff;margin-bottom:4px}
.aiba-message.user{background:linear-gradient(135deg,#a5f3fc,#8be7f4);box-shadow:0 8px 24px rgba(34,211,238,.13)}
.aiba-message.is-typing{display:flex;align-items:center;gap:5px;min-width:55px}
.aiba-message.is-typing i{width:6px;height:6px;border-radius:50%;background:#9db0c5;animation:dervonoTyping 1.1s infinite ease-in-out}
.aiba-message.is-typing i:nth-child(2){animation-delay:.15s}.aiba-message.is-typing i:nth-child(3){animation-delay:.3s}
@keyframes dervonoTyping{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-4px);opacity:1}}
.aiba-quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px 13px;background:rgba(3,8,22,.72);border-top:1px solid rgba(255,255,255,.055)}
.aiba-quick-actions button{display:flex;align-items:center;gap:8px;min-width:0;padding:10px 11px;border-radius:12px;text-align:left;color:#dffbff;background:rgba(255,255,255,.025)}
.aiba-quick-actions button span{display:grid;place-items:center;flex:0 0 25px;height:25px;border-radius:8px;background:linear-gradient(135deg,rgba(34,211,238,.15),rgba(139,92,246,.15));color:#a5f3fc}
.aiba-quick-actions button b{font-size:.72rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.aiba-tools-toggle{padding:0 13px 10px;background:rgba(3,8,22,.72)}
.aiba-tools-toggle button{width:100%;border:1px solid rgba(139,92,246,.2);border-radius:11px;padding:9px 12px;background:rgba(139,92,246,.055);color:#c8d4e4;font-size:.72rem;cursor:pointer}
.aiba-chat-form{padding:12px 13px;background:rgba(5,12,26,.99)}
.aiba-chat-form input{height:46px;border-radius:14px;background:rgba(1,6,18,.76)}
.aiba-chat-form button{height:46px;border-radius:14px;background:linear-gradient(135deg,#a5f3fc,#8b5cf6);color:#07111f;font-size:1.05rem}
.aiba-privacy{padding:0 14px 11px;text-align:center}
@media(max-width:620px){.widget-label{display:none}.widget-button{width:62px;height:62px;padding:0}.widget-panel{width:calc(100vw - 20px);max-height:calc(100dvh - 88px)}.aiba-messages{height:min(330px,42dvh)}.aiba-quick-actions{grid-template-columns:1fr 1fr}.aiba-clear{display:none}}

/* DERVONO SPRINT 9 — FINAL POLISH */
:root{
  --dervono-cyan:#22d3ee;
  --dervono-violet:#8b5cf6;
  --dervono-text:#f4f7ff;
  --dervono-muted:#a8b3c7;
  --dervono-line:rgba(186,230,253,.15);
  --dervono-radius:22px;
  --dervono-shadow:0 24px 70px rgba(0,0,0,.28);
}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{color:var(--dervono-text);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
::selection{background:rgba(34,211,238,.28);color:#fff}

/* Rhythm and readable line lengths */
.section{padding-block:clamp(76px,9vw,132px)}
.section-head{margin-bottom:clamp(30px,4vw,50px)}
.section-title{max-width:20ch;letter-spacing:-.035em;text-wrap:balance}
.section-copy,.hero-copy{max-width:68ch;line-height:1.75;color:var(--dervono-muted)}
.eyebrow{letter-spacing:.14em}

/* Consistent premium surfaces */
.glass{
  border-color:var(--dervono-line)!important;
  box-shadow:var(--dervono-shadow),inset 0 1px 0 rgba(255,255,255,.045)!important;
}
.hover-card{transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease,background-color .28s ease}
.hover-card:hover{transform:translateY(-5px);border-color:rgba(103,232,249,.32)!important;box-shadow:0 30px 80px rgba(0,0,0,.34),0 0 0 1px rgba(139,92,246,.08)!important}

/* Navigation clarity */
#siteNav{border-bottom:1px solid transparent;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}
#siteNav.scrolled{border-bottom-color:rgba(186,230,253,.10);box-shadow:0 12px 40px rgba(0,0,0,.20)}
.nav-links a{position:relative}
.nav-links a:not(.nav-cta):not(.nav-demo)::after{content:"";position:absolute;left:10px;right:10px;bottom:4px;height:1px;transform:scaleX(0);transform-origin:center;background:linear-gradient(90deg,var(--dervono-cyan),var(--dervono-violet));transition:transform .22s ease}
.nav-links a:not(.nav-cta):not(.nav-demo):hover::after{transform:scaleX(1)}

/* Buttons and focus states */
.btn,.nav-cta,.nav-demo,.workspace-footer button,.aiba-widget button{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}
.btn:hover,.nav-cta:hover,.nav-demo:hover{transform:translateY(-2px)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{
  outline:3px solid rgba(34,211,238,.42)!important;
  outline-offset:3px!important;
}
input,textarea,select{transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
input:focus,textarea:focus,select:focus{border-color:rgba(34,211,238,.55)!important;box-shadow:0 0 0 4px rgba(34,211,238,.08)!important}

/* Hero balance */
.hero{min-height:min(940px,calc(100svh - 20px));align-items:center}
.hero h1{font-size:clamp(3.15rem,7.1vw,7.15rem);line-height:.94;text-wrap:balance}
.hero-actions{gap:14px}
.hero-proof{row-gap:10px}
.hero-metrics .metric{min-width:0}
.robot-stage{isolation:isolate}
.os-window{box-shadow:0 30px 85px rgba(0,0,0,.36),0 0 55px rgba(34,211,238,.07)}

/* Cards and grids: equal visual weight */
.workspace-kpis>*,.impact-grid>*,.audience-grid>*,.pricing-grid>*,.reference-grid>*{height:100%}
.pricing-card{display:flex;flex-direction:column}
.pricing-card .btn{margin-top:auto}
.faq-item{overflow:hidden}
.faq-question{min-height:72px;text-align:left}
.contact-form,.contact-panel{height:100%}

/* Chat polish */
.widget-panel{box-shadow:0 35px 110px rgba(0,0,0,.55),0 0 0 1px rgba(103,232,249,.08)}
.aiba-messages{scrollbar-width:thin;scrollbar-color:rgba(103,232,249,.32) transparent}
.aiba-messages::-webkit-scrollbar{width:7px}
.aiba-messages::-webkit-scrollbar-thumb{background:rgba(103,232,249,.28);border-radius:99px}
.aiba-message{line-height:1.55}

/* Prevent awkward overflow */
img,svg,video,canvas{max-width:100%}
section[id]{scroll-margin-top:92px}
.contact-option strong,.workspace-feed p,.pricing-card p{overflow-wrap:anywhere}

@media(max-width:980px){
  .section{padding-block:clamp(68px,10vw,100px)}
  .hero{min-height:auto;padding-top:140px;padding-bottom:80px}
  .hero h1{font-size:clamp(3rem,10vw,5.5rem)}
}
@media(max-width:620px){
  html{scroll-padding-top:78px}
  section[id]{scroll-margin-top:78px}
  .section{padding-block:64px}
  .section-title{font-size:clamp(2rem,10vw,3rem);line-height:1.04}
  .hero{padding-top:112px;padding-bottom:56px}
  .hero h1{font-size:clamp(2.75rem,14vw,4.25rem)}
  .hero-actions{display:grid;grid-template-columns:1fr;width:100%}
  .hero-actions .btn{width:100%;justify-content:center;text-align:center}
  .hero-proof{display:grid;grid-template-columns:1fr}
  .hero-metrics{grid-template-columns:1fr!important}
  .hero-metrics .metric{padding:15px 16px}
  .glass{border-radius:18px!important}
  .faq-question{min-height:64px;padding-block:17px}
  .widget-panel{max-height:min(760px,calc(100svh - 24px))}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .dervono-live-robot-float,.aurora,.grid-floor{animation:none!important}
}

/* Sprint 10: Dervono Experience */
.dervono-experience-section{position:relative;padding-top:clamp(80px,9vw,132px);padding-bottom:clamp(82px,10vw,142px)}
.dervono-experience-section::before{content:"";position:absolute;inset:10% 4% auto;height:72%;pointer-events:none;background:radial-gradient(circle at 50% 22%,rgba(34,211,238,.075),transparent 38%),radial-gradient(circle at 66% 62%,rgba(139,92,246,.06),transparent 34%);filter:blur(18px)}
.dervono-experience-head{max-width:900px;margin-inline:auto;text-align:center}
.dervono-experience-head .section-copy{max-width:790px;margin-inline:auto}
.dervono-experience-grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:46px}
.dervono-experience-card{position:relative;display:flex;flex-direction:column;min-height:480px;padding:30px;overflow:hidden;background:linear-gradient(145deg,rgba(8,18,35,.72),rgba(13,10,31,.55))!important}
.dervono-experience-card::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(103,232,249,.55),rgba(167,139,250,.42),transparent)}
.dervono-experience-card-featured{transform:translateY(-14px);border-color:rgba(103,232,249,.30)!important;box-shadow:0 34px 90px rgba(0,0,0,.38),0 0 70px rgba(34,211,238,.08)!important}
.dervono-experience-number{position:absolute;right:22px;top:18px;font-size:clamp(3.5rem,5.8vw,5.8rem);font-weight:900;line-height:1;color:rgba(255,255,255,.035);letter-spacing:-.08em}
.dervono-experience-label{margin:24px 0 7px;color:var(--dervono-cyan);font-size:.74rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.dervono-experience-card h3{margin:0 0 15px;font-size:clamp(1.55rem,2.4vw,2.05rem);line-height:1.08}
.dervono-experience-card>p:not(.dervono-experience-label){margin:0;color:var(--muted);font-size:.98rem;line-height:1.72}
.dervono-experience-result{display:block;margin-top:24px;padding-top:18px;border-top:1px solid rgba(186,230,253,.10);color:#e8f8ff;font-size:.88rem;line-height:1.45}
.dervono-experience-card>a,.dervono-experience-card>button{display:inline-flex;align-items:center;gap:10px;width:max-content;margin-top:auto;padding:20px 0 0;border:0;background:none;color:#f4fbff;font:inherit;font-size:.91rem;font-weight:800;cursor:pointer;text-decoration:none}
.dervono-experience-card>a span,.dervono-experience-card>button span{color:var(--dervono-cyan);transition:transform .2s ease}
.dervono-experience-card>a:hover span,.dervono-experience-card>button:hover span{transform:translateX(4px)}
.dervono-experience-icon{position:relative;width:64px;height:64px;border:1px solid rgba(103,232,249,.22);border-radius:20px;background:linear-gradient(145deg,rgba(34,211,238,.10),rgba(139,92,246,.10));box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 15px 34px rgba(0,0,0,.20)}
.dervono-experience-icon-system{display:grid;grid-template-columns:repeat(2,14px);grid-template-rows:repeat(2,14px);place-content:center;gap:5px}
.dervono-experience-icon-system span{display:block;border:1px solid rgba(165,243,252,.58);border-radius:4px;background:rgba(34,211,238,.12)}
.dervono-experience-icon-system span:first-child{grid-column:span 2;width:33px}
.dervono-experience-icon-robot::before{content:"";position:absolute;left:17px;top:15px;width:28px;height:24px;border:2px solid rgba(165,243,252,.74);border-radius:9px;background:rgba(34,211,238,.08)}
.dervono-experience-icon-robot::after{content:"";position:absolute;left:25px;top:25px;width:4px;height:4px;border-radius:50%;background:var(--dervono-cyan);box-shadow:10px 0 var(--dervono-violet)}
.dervono-experience-icon-robot span{position:absolute;left:29px;top:8px;width:2px;height:8px;background:rgba(165,243,252,.7)}
.dervono-experience-icon-robot i{position:absolute;left:22px;top:43px;width:18px;height:7px;border:2px solid rgba(165,243,252,.55);border-top:0;border-radius:0 0 7px 7px}
.dervono-experience-icon-chat span:first-child{position:absolute;left:14px;top:16px;width:34px;height:25px;border:2px solid rgba(165,243,252,.65);border-radius:10px}
.dervono-experience-icon-chat span:first-child::after{content:"";position:absolute;left:7px;bottom:-6px;width:8px;height:8px;border-left:2px solid rgba(165,243,252,.65);transform:skewY(-38deg)}
.dervono-experience-icon-chat span:nth-child(2),.dervono-experience-icon-chat span:nth-child(3){position:absolute;top:27px;width:4px;height:4px;border-radius:50%;background:var(--dervono-cyan)}
.dervono-experience-icon-chat span:nth-child(2){left:25px}.dervono-experience-icon-chat span:nth-child(3){left:35px;background:var(--dervono-violet)}
.dervono-experience-flow{position:relative;display:grid;grid-template-columns:1.1fr auto 1.15fr auto 1.15fr auto 1.1fr;align-items:center;gap:18px;margin-top:28px;padding:24px 28px;background:rgba(6,13,27,.62)!important}
.dervono-experience-flow div{min-width:0}.dervono-experience-flow span{display:block;color:#f4fbff;font-weight:800;font-size:.91rem}.dervono-experience-flow small{display:block;margin-top:5px;color:var(--muted);font-size:.76rem;line-height:1.4}.dervono-experience-flow>i{color:rgba(103,232,249,.58);font-style:normal;font-size:1.2rem}.dervono-experience-flow-result{padding:14px 16px;border:1px solid rgba(103,232,249,.20);border-radius:14px;background:linear-gradient(135deg,rgba(34,211,238,.09),rgba(139,92,246,.08))}
@media(max-width:980px){.dervono-experience-grid{grid-template-columns:1fr 1fr}.dervono-experience-card-featured{transform:none}.dervono-experience-card:last-child{grid-column:1/-1;min-height:390px}.dervono-experience-flow{grid-template-columns:1fr}.dervono-experience-flow>i{transform:rotate(90deg);justify-self:center}.dervono-experience-flow div{text-align:center}}
@media(max-width:680px){.dervono-experience-grid{grid-template-columns:1fr;margin-top:32px}.dervono-experience-card,.dervono-experience-card:last-child{grid-column:auto;min-height:430px;padding:25px}.dervono-experience-flow{padding:22px 18px}.dervono-experience-head{text-align:left}.dervono-experience-head .section-copy{margin-inline:0}}


/* KORREKTUR-SPRINT — ausschließlich die 7 freigegebenen Ausbesserungen */
@media (min-width: 981px){
  /* Hero: Command Center endet unten bündig mit der linken Inhaltsseite. */
  .hero{align-items:stretch!important}
  .hero-copy-wrap{align-self:center}
  .robot-stage{height:100%!important;min-height:0!important;align-self:stretch}
  .os-window{bottom:0!important}
}

/* Kleines Dervono-Symbol im schwebenden Chat-Button optisch mittig setzen. */
.widget-button .widget-robot-head{position:relative;top:3px!important}

/* Dervono Experience: beide Chat-Aktionen exakt wie der neutrale Textlink darstellen. */
.dervono-experience-card>button{
  appearance:none!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#f4fbff!important;
  padding:20px 0 0!important;
}
.dervono-experience-card>button:hover,
.dervono-experience-card>button:focus-visible{background:transparent!important;box-shadow:none!important}

/* Digitaler Arbeitsplatz: freien Raum mit echten Statusinformationen füllen. */
.workspace-insights{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.workspace-insights article{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:11px;align-items:center;min-height:92px;padding:14px;border:1px solid rgba(186,230,253,.09);border-radius:14px;background:rgba(3,8,24,.10)}
.workspace-insight-icon{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(103,232,249,.16);border-radius:11px;background:rgba(34,211,238,.045);color:rgba(207,250,254,.84);font-weight:900}
.workspace-insights small,.workspace-insights strong,.workspace-insights p{display:block;margin:0}
.workspace-insights small{color:rgba(203,213,225,.58);font-size:.62rem;text-transform:uppercase;letter-spacing:.06em}
.workspace-insights strong{margin-top:3px;color:#eef7ff;font-size:.78rem}
.workspace-insights p{margin-top:4px;color:rgba(203,213,225,.62);font-size:.64rem;line-height:1.35}
.workspace-progress{width:76px;height:6px;border-radius:999px;background:rgba(148,163,184,.12);overflow:hidden}
.workspace-progress i{display:block;width:78%;height:100%;border-radius:inherit;background:linear-gradient(90deg,rgba(34,211,238,.55),rgba(168,85,247,.46))}
.workspace-insights article>button{padding:7px 9px;border:1px solid rgba(103,232,249,.16);border-radius:9px;background:transparent;color:#dff8ff;font:inherit;font-size:.62rem;font-weight:800;cursor:pointer}
.workspace-insights article>button:hover{border-color:rgba(103,232,249,.34);background:rgba(34,211,238,.035)}
@media(max-width:700px){.workspace-insights{grid-template-columns:1fr}.workspace-insights article{grid-template-columns:38px minmax(0,1fr)}.workspace-progress,.workspace-insights article>button{grid-column:2;width:100%}}

/* Preiskarte: Badge vollständig sichtbar und nicht mehr vom Kartenrand abgeschnitten. */
.pricing-grid{padding-top:24px!important}
.price-card,.pricing-card{overflow:visible!important}
.price-badge{top:-16px!important;z-index:5!important;line-height:1.2!important}

/* Zu kräftige Cyan-/Violettflächen gezielt abschwächen. */
.faq-item{background:linear-gradient(110deg,rgba(34,211,238,.025),rgba(168,85,247,.022))!important;border-color:rgba(186,230,253,.10)!important}
.faq-item:hover{background:linear-gradient(110deg,rgba(34,211,238,.04),rgba(168,85,247,.035))!important;border-color:rgba(103,232,249,.18)!important}
.faq-icon{color:rgba(165,243,252,.72)!important}
.dervono-experience-icon{background:linear-gradient(145deg,rgba(34,211,238,.055),rgba(139,92,246,.05))!important}
.price-badge{background:linear-gradient(90deg,rgba(34,211,238,.78),rgba(168,85,247,.72))!important}

/* Footer: Cookie-Einstellungen exakt wie die übrigen Textlinks. */
.footer-column .footer-link-button{
  display:inline!important;
  width:max-content!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:inherit!important;
  font:inherit!important;
  text-align:left!important;
  opacity:.76!important;
}
.footer-column .footer-link-button:hover{background:transparent!important;color:#a5f3fc!important;opacity:1!important}

/* =========================================================
   ROBOTER-FREISTELLUNG — nur den Farbhintergrund entfernen
   ========================================================= */
.robot-stage > .robot-halo{
  display:none!important;
  background:none!important;
  box-shadow:none!important;
  filter:none!important;
  animation:none!important;
}
.dervono-live-robot::before{
  content:none!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
  filter:none!important;
  animation:none!important;
}
.dervono-live-robot,
.dervono-live-robot:hover,
.dervono-live-robot:focus-visible{
  background:transparent!important;
  box-shadow:none!important;
  filter:drop-shadow(0 24px 28px rgba(0,0,0,.34))!important;
}
.dervono-live-robot img,
.dervono-live-robot:hover img,
.dervono-live-robot:focus-visible img{
  background:transparent!important;
}

/* ROBOTER-GRÖSSE — gezielte Korrektur: 35 % kleiner, sonst unverändert */
.dervono-live-robot{
  width:clamp(179px,22.1vw,254px)!important;
}
@media(max-width:980px){
  .dervono-live-robot{
    width:min(241px,44.2vw)!important;
  }
}
@media(max-width:700px){
  .dervono-live-robot{
    width:min(205px,53.3vw)!important;
  }
}

/* ROBOTER-POSITION — mittig zwischen Überschrift und Planet */
@media (min-width:981px){
  .dervono-live-robot{
    right:clamp(185px,16vw,250px)!important;
  }
}

/* HERO-ROBOTER — tiefer positioniert + konzentrische Schweberinge */
@media (min-width:981px){
  .dervono-live-robot{
    top:112px!important;
  }
}


/* SCHWEBEPLATTFORM — Punkt und drei ruhige, nach unten kleiner werdende
   Bodenringe. Der Roboter bleibt unverändert darüber. */
.dervono-live-robot-float{
  position:relative;
  isolation:isolate;
}
.dervono-live-robot-float > img{
  position:relative;
  z-index:2;
}
.dervono-hover-platform{
  position:absolute;
  z-index:3;
  left:56.4%;
  top:calc(98.5% + 2px);
  bottom:auto;
  width:64%;
  height:88px;
  transform:translateX(-50%);
  pointer-events:none;
}
.dervono-hover-ring,
.dervono-hover-core{
  position:absolute;
  left:50%;
  border-radius:50%;
}
.dervono-hover-ring{
  transform:translateX(-50%);
  border:1px solid currentColor;
  background:transparent;
  animation:dervonoPlatformGlow 2.8s ease-in-out infinite;
}
.dervono-hover-ring-outer{
  width:100%;
  height:22px;
  top:14px;
  color:rgba(103,232,249,.76);
  box-shadow:0 0 8px rgba(34,211,238,.26),inset 0 0 8px rgba(34,211,238,.12);
}
.dervono-hover-ring-middle{
  width:72%;
  height:17px;
  top:40px;
  color:rgba(192,132,252,.68);
  box-shadow:0 0 8px rgba(168,85,247,.24),inset 0 0 7px rgba(168,85,247,.10);
  animation-delay:.28s;
}
.dervono-hover-ring-inner{
  width:46%;
  height:12px;
  top:63px;
  color:rgba(165,243,252,.62);
  box-shadow:0 0 7px rgba(34,211,238,.22),0 0 11px rgba(139,92,246,.12);
  animation-delay:.56s;
}
.dervono-hover-core{
  z-index:2;
  top:0;
  width:7px;
  height:7px;
  transform:translate(-50%,-50%);
  background:#e8fbff;
  box-shadow:0 0 7px rgba(255,255,255,.9),0 0 14px rgba(34,211,238,.82),0 0 24px rgba(139,92,246,.44);
  animation:dervonoPlatformPulse 2.4s ease-in-out infinite;
}
@keyframes dervonoPlatformPulse{
  0%,100%{opacity:.68;box-shadow:0 0 6px rgba(255,255,255,.75),0 0 12px rgba(34,211,238,.66),0 0 20px rgba(139,92,246,.34)}
  50%{opacity:1;box-shadow:0 0 8px rgba(255,255,255,.96),0 0 18px rgba(34,211,238,.9),0 0 30px rgba(139,92,246,.52)}
}
@keyframes dervonoPlatformGlow{
  0%,100%{opacity:.58;filter:brightness(.92)}
  50%{opacity:.92;filter:brightness(1.18)}
}
@media(max-width:980px){
  .dervono-hover-platform{width:62%;height:82px}
  .dervono-hover-ring-outer{height:20px;top:13px}
  .dervono-hover-ring-middle{height:16px;top:37px}
  .dervono-hover-ring-inner{height:11px;top:58px}
}
@media(prefers-reduced-motion:reduce){
  .dervono-hover-ring,.dervono-hover-core{animation:none!important}
}





/* ChatGPT fine tune: robot/platform spacing */
@media (min-width:981px){
  .dervono-live-robot{transform: translateY(-12px)!important;}
}

/* FEINTUNING — Bildgröße und Freistellung des Roboters bleiben unverändert. */
.dervono-live-robot-float,
.dervono-live-robot-float > img{
  width:100%;
  max-width:100%;
}
.dervono-live-robot-float > img{
  display:block;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
}
@media(max-width:980px){
  .dervono-live-robot{
    max-width:calc(100vw - 32px)!important;
  }
}
@media(max-width:620px){
  .dervono-hover-platform{
    width:60%;
    height:76px;
  }
  .dervono-live-robot{
    max-width:calc(100vw - 24px)!important;
  }
}

/* FREIGEGEBENE FEINKORREKTUREN — Dashboard-Aktionen und Typografie */
.workspace-insights article>button{
  appearance:none!important;
  border:1px solid rgba(186,230,253,.14)!important;
  background:rgba(8,15,34,.72)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
  color:rgba(226,232,240,.88)!important;
}
.workspace-insights article>button:hover{
  border-color:rgba(186,230,253,.24)!important;
  background:rgba(13,22,43,.82)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
  color:#f1f5f9!important;
}

.workspace-footer button{
  border:1px solid rgba(165,243,252,.18)!important;
  background:linear-gradient(105deg,rgba(34,211,238,.14),rgba(139,92,246,.18))!important;
  box-shadow:0 9px 24px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.055)!important;
  color:rgba(236,254,255,.92)!important;
}
.workspace-footer button:hover{
  border-color:rgba(165,243,252,.28)!important;
  background:linear-gradient(105deg,rgba(34,211,238,.18),rgba(139,92,246,.22))!important;
  box-shadow:0 11px 28px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.07)!important;
}

.workspace-monitor{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(96px,.7fr) auto;
  gap:14px;
  align-items:center;
  min-height:70px;
  margin-top:12px;
  padding:12px 14px;
  border:1px solid rgba(186,230,253,.09);
  border-radius:14px;
  background:rgba(3,8,24,.10);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.workspace-monitor-copy{display:flex;align-items:center;gap:11px;min-width:0}
.workspace-monitor-icon{
  display:grid;
  place-items:center;
  flex:0 0 36px;
  height:36px;
  border:1px solid rgba(103,232,249,.15);
  border-radius:11px;
  background:rgba(34,211,238,.04);
  color:rgba(207,250,254,.80);
  font-weight:900;
}
.workspace-monitor small,.workspace-monitor strong{display:block;margin:0}
.workspace-monitor small{color:rgba(203,213,225,.56);font-size:.61rem;letter-spacing:.06em;text-transform:uppercase}
.workspace-monitor strong{margin-top:3px;color:#edf6ff;font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.workspace-monitor-flow{display:flex;align-items:center;gap:5px}
.workspace-monitor-flow i{display:block;flex:1;height:4px;border-radius:999px;background:rgba(103,232,249,.32)}
.workspace-monitor-flow i:nth-child(2),.workspace-monitor-flow i:nth-child(4){background:rgba(167,139,250,.28)}
.workspace-monitor em{display:flex;align-items:center;gap:7px;color:rgba(203,213,225,.64);font-size:.62rem;font-style:normal;white-space:nowrap}
.workspace-monitor em i{width:6px;height:6px;border-radius:50%;background:rgba(103,232,249,.74);box-shadow:0 0 8px rgba(34,211,238,.28)}

/* Zusätzliche Malfläche für Unterlängen, ohne Zeilenhöhe oder Außenabstände zu verändern. */
.section-title,.project h2{
  padding-bottom:.14em;
  margin-bottom:-.14em;
}
.closing-card h2{
  padding-bottom:.14em;
  margin-bottom:calc(14px - .14em);
}
.compare-column h2{
  padding-bottom:.14em;
  margin-bottom:calc(26px - .14em);
}
.hero h1 span{
  padding-bottom:.14em;
  margin-bottom:-.06em;
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone;
}

/* Der erste Hero-Satz bleibt einschließlich Satzzeichen zusammen. */
.hero h1 .hero-line{
  white-space:nowrap;
  overflow-wrap:normal;
  word-break:keep-all;
  font-size:clamp(.56em,11vw,1em);
}
.hero-proof span:first-child{white-space:nowrap}

@media(max-width:700px){
  .workspace-monitor{grid-template-columns:minmax(0,1fr) auto}
  .workspace-monitor-flow{grid-column:1/-1}
}

/* Freigegebene Feinkorrektur: nur die drei benannten Hauptaktionen. */
.nav-cta,
.hero-actions .btn-secondary,
.workspace-footer button{
  border:1px solid rgba(165,243,252,.20)!important;
  background:linear-gradient(105deg,rgba(34,211,238,.20) 0%,rgba(76,125,199,.22) 48%,rgba(139,92,246,.26) 100%)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.055)!important;
  color:rgba(241,245,249,.94)!important;
}
.nav-cta:hover,
.hero-actions .btn-secondary:hover,
.workspace-footer button:hover{
  border-color:rgba(165,243,252,.30)!important;
  background:linear-gradient(105deg,rgba(34,211,238,.24) 0%,rgba(76,125,199,.26) 48%,rgba(139,92,246,.30) 100%)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.19),inset 0 1px 0 rgba(255,255,255,.07)!important;
  color:#f8fafc!important;
}

/* Hero-Zeilenbalance: zwei feste Zeilen, ohne Schriftgröße oder Blockhöhe zu ändern. */
@media(min-width:981px){
  #heroTitle{
    width:max-content;
    max-width:none;
    transform:scaleX(.68);
    transform-origin:left top;
  }
  #heroTitle .hero-line,
  #heroTitle .hero-gradient{
    display:block;
    width:max-content;
    margin-inline:auto;
    white-space:nowrap;
  }
}

/* HERO-FEINBALANCE — ausschließlich Abstände und Positionen.
   Der Roboter, sein Effekt und die Dashboard-Karte bleiben unverändert. */
@media(min-width:981px){
  .robot-stage{
    height:auto!important;
    min-height:920px!important;
  }
  .dervono-live-robot{
    right:clamp(130px,12vw,180px)!important;
  }
}

@media(min-width:1200px){
  .hero-actions{width:calc(100% + 24px)}
}

/* Auf mittleren und kleinen Ansichten bleiben die zwei Titelzeilen erhalten,
   statt die zweite Zeile erneut umzubrechen. */
@media(max-width:980px){
  .hero{grid-template-columns:minmax(0,1fr)!important}
  .hero-copy-wrap{width:100%;min-width:0;max-width:780px}
  .robot-stage{min-height:730px!important}
  #heroTitle{
    width:max-content;
    max-width:none;
    position:relative;
    left:50%;
    margin-left:0;
    margin-right:0;
    transform:translateX(-50%) scaleX(.79);
    transform-origin:center top;
  }
  #heroTitle .hero-line,
  #heroTitle .hero-gradient{
    display:block;
    width:max-content;
    margin-inline:auto;
    white-space:nowrap;
  }
}

@media(max-width:620px){
  #heroTitle{transform:translateX(-50%) scaleX(.60)}
  #heroTitle .hero-line{
    transform:scaleX(1.32);
    transform-origin:center;
  }
}

/* HERO-KOMPAKTHEIT — ausschließlich Desktop-Layout, Positionen und Abstände. */
@media(min-width:981px){
  .hero{
    padding-top:48px!important;
    padding-bottom:48px!important;
  }
  .hero-copy-wrap{
    align-self:start!important;
  }
  .robot-stage{
    min-height:872px!important;
  }
  .dervono-robot-speech{
    left:50%!important;
    top:-116px!important;
    margin-left:-95px;
  }
}

/* Live-Systemstatus: vollbreite Dashboard-Karte unter den drei Hero-Kennzahlen. */
.hero-system-status{
  width:100%;
  min-height:150px;
  margin-top:12px;
  padding:16px 17px;
  border:1px solid rgba(165,243,252,.14);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(8,15,34,.20),rgba(13,20,45,.08));
  box-shadow:0 24px 70px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.035);
  -webkit-backdrop-filter:blur(17px) saturate(125%);
  backdrop-filter:blur(17px) saturate(125%);
}
.hero-system-status-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding-bottom:13px;
  border-bottom:1px solid rgba(165,243,252,.09);
}
.hero-system-status-label{
  display:block;
  color:rgba(148,163,184,.68);
  font-size:.62rem;
  font-weight:800;
  line-height:1.2;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.hero-system-status-head strong{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:5px;
  color:#edf7ff;
  font-size:.82rem;
  line-height:1.25;
}
.hero-system-status-head strong i{
  flex:0 0 8px;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#4ade80;
  box-shadow:0 0 12px rgba(74,222,128,.65);
}
.hero-system-status-live{
  flex:0 0 auto;
  padding:5px 9px;
  border:1px solid rgba(74,222,128,.18);
  border-radius:999px;
  background:rgba(74,222,128,.055);
  color:rgba(187,247,208,.82);
  font-size:.58rem;
  font-weight:900;
  line-height:1;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.hero-system-status-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
  margin-top:13px;
}
.hero-system-status-item{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-width:0;
  min-height:68px;
  padding:8px;
  border:1px solid rgba(165,243,252,.08);
  border-radius:12px;
  background:rgba(3,8,24,.10);
  text-align:center;
}
.hero-system-status-icon{
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border:1px solid rgba(103,232,249,.14);
  border-radius:9px;
  background:linear-gradient(145deg,rgba(34,211,238,.055),rgba(139,92,246,.05));
  color:rgba(165,243,252,.78);
}
.hero-system-status-icon svg{
  width:15px;
  height:15px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.hero-system-status-icon .hero-system-status-spark{
  fill:currentColor;
  opacity:.86;
}
.hero-system-status-item>span:last-child{min-width:0;width:100%}
.hero-system-status-item b,
.hero-system-status-item small{
  display:block;
}
.hero-system-status-item b{
  color:rgba(241,245,249,.91);
  font-size:.64rem;
  line-height:1.25;
  overflow-wrap:anywhere;
}
.hero-system-status-item small{
  margin-top:3px;
  color:rgba(148,163,184,.67);
  font-size:.58rem;
  line-height:1.2;
}
@media(max-width:1180px){
  .hero-system-status-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
  .hero-system-status-item:nth-child(-n+3){grid-column:span 2}
  .hero-system-status-item:nth-child(n+4){grid-column:span 3}
}
@media(max-width:700px){
  .hero-system-status{padding:15px 16px}
  .hero-system-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero-system-status-item{grid-column:auto!important}
  .hero-system-status-item:last-child{grid-column:1/-1!important}
}


/* Dervono brand assets — visual system preserved */
.brand-logo{display:block;width:clamp(150px,16vw,205px);height:auto;filter:drop-shadow(0 0 12px rgba(34,211,238,.18))}
.brand>span:last-child{display:none}
.loader-brand-logo{display:block;width:min(320px,76vw);height:auto;margin:0 auto 14px;filter:drop-shadow(0 0 20px rgba(34,211,238,.28))}
@media (max-width:700px){.brand-logo{width:145px}.loader-brand-logo{width:min(270px,78vw)}}

/* Dervono monogram correction — angular D with orbit ring */
.loader-logo,
.compare-orb,
.mini-dervono-logo{
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.loader-logo::before,.loader-logo::after,
.mini-dervono-logo::before,.mini-dervono-logo::after,
.compare-orb::before,.compare-orb::after{display:none!important;content:none!important}
.loader-logo img{display:block;width:132px;height:132px;max-width:none;filter:drop-shadow(0 0 18px rgba(34,211,238,.35));animation:float 3s ease-in-out infinite}
.compare-orb img{display:block;width:104px;height:104px;max-width:none;filter:drop-shadow(0 0 14px rgba(34,211,238,.26))}
.mini-dervono-logo img{display:block;width:92px;height:92px;max-width:none;filter:drop-shadow(0 0 14px rgba(34,211,238,.24))}

/* Prevent the full header wordmark from being clipped. */
.brand{min-width:0;overflow:visible!important;padding:4px 0}
.brand-logo{width:clamp(185px,19vw,260px)!important;max-width:min(46vw,260px);height:auto;overflow:visible;object-fit:contain;object-position:left center}
.nav-inner{overflow:visible!important}
@media(max-width:700px){.brand-logo{width:172px!important;max-width:52vw}.loader-logo img{width:116px;height:116px}}


/* DERVONO 25 — final brand consistency fixes */
.brand{min-width:0;overflow:visible;gap:0}
.brand-logo{display:block;width:clamp(190px,18vw,248px);height:58px;object-fit:contain;object-position:left center;overflow:visible;flex:0 0 auto}
.nav-inner{overflow:visible}
@media(max-width:820px){.brand-logo{width:190px;height:52px}}
@media(max-width:620px){.brand-logo{width:166px;height:48px}}

.package-name{display:flex;align-items:center;flex-wrap:wrap;gap:.42rem;font-size:1.18rem;letter-spacing:.035em;text-transform:uppercase}
.package-wordmark{display:inline-flex;align-items:center;font-weight:900;letter-spacing:.08em;color:#f4fbff}
.brand-e{display:inline-block;width:.72em;margin:0 .015em;vertical-align:-.02em;font-family:Arial Black,Arial,sans-serif;font-size:1.05em;font-weight:900;line-height:.72;color:#38d8f2!important;background:linear-gradient(90deg,#22d3ee,#60a5fa 48%,#a855f7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 8px rgba(34,211,238,.34);transform:scaleX(1.08)}
.package-name>span:last-child{color:#a78bfa;font-weight:850;letter-spacing:.05em}

/* Force the latest robot asset and keep its exact chest mark crisp. */
.dervono-live-robot img{content:url('/assets/dervono-robot-live-v3.png?v=1')}


/* DERVONO 7.3.4 — einheitliches Masterlogo */
.brand{display:inline-flex;align-items:center;overflow:visible}
.brand>span{display:none!important}
.brand-logo{display:block!important;width:clamp(190px,18vw,248px)!important;height:58px!important;object-fit:contain!important;object-position:left center!important;overflow:visible!important;flex:0 0 auto!important}
.loader-brand-logo{display:block;width:min(410px,82vw)!important;height:auto;margin:0 auto 18px;filter:drop-shadow(0 0 22px rgba(34,211,238,.34));animation:float 3s ease-in-out infinite}
.loader-title,.loader-logo{display:none!important}
.package-wordmark{display:inline-flex;align-items:center;white-space:nowrap}
.brand-e{display:inline-flex!important;flex-direction:column;justify-content:center;gap:.115em;width:.72em;height:.84em;margin:0 .055em;vertical-align:middle;transform:none!important;font-size:inherit!important;line-height:1!important;background:none!important;-webkit-text-fill-color:initial!important;text-shadow:none!important}
.brand-e i{display:block;width:100%;height:.105em;min-height:3px;border-radius:999px;background:linear-gradient(90deg,#22d3ee,#60a5fa 48%,#a855f7);box-shadow:0 0 8px rgba(34,211,238,.34)}
.brand-e i:nth-child(2){width:78%}
@media(max-width:820px){.brand-logo{width:190px!important;height:52px!important}.loader-brand-logo{width:min(350px,84vw)!important}}
@media(max-width:620px){.brand-logo{width:166px!important;height:48px!important}.loader-brand-logo{width:min(310px,88vw)!important}.brand-e{gap:.13em}}


/* DERVONO 7.3.7 — robustes Drei-Balken-E in den drei Paketkarten */
.package-wordmark .package-e{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  width:.76em;
  height:.9em;
  margin:0 .07em;
  flex:0 0 .76em;
  vertical-align:middle;
  overflow:visible;
}
.package-wordmark .package-e svg{
  display:block!important;
  width:100%!important;
  height:100%!important;
  overflow:visible;
  filter:drop-shadow(0 0 5px rgba(34,211,238,.42));
}