/* SION Design — Webdesign Düsseldorf · page styles (namespace .v6) */
/* ═══════════════════════════════════════════════════════════════════
   TOKENS
   ═══════════════════════════════════════════════════════════════════ */
.v6{
    --v6-bg:#FAFAF7;
    --v6-bg-soft:#F1F1EB;
    --v6-bg-warm:#EDEAE0;
    --v6-paper:#F6F4EC;
    --v6-ink:#0E0E0C;
    --v6-ink-2:#1C1C18;
    --v6-ink-muted:#54544F;
    --v6-ink-dim:#8A8A82;
    --v6-line:rgba(14,14,12,.10);
    --v6-line-soft:rgba(14,14,12,.06);
    --v6-line-strong:rgba(14,14,12,.18);
    --v6-accent:#E8F497;
    --v6-accent-deep:#C9D973;
    --v6-accent-glow:rgba(232,244,151,.42);
    --v6-accent-ink:#1A1A18;
    --v6-dark:#0A0A09;
    --v6-dark-2:#13130F;
    --v6-radius:14px;
    --v6-radius-lg:22px;
    --v6-radius-pill:999px;
    --v6-container:1280px;
    --v6-pad:clamp(1.25rem,3.4vw,3rem);
    --v6-ease:cubic-bezier(.2,.7,.2,1);
    --v6-ease-out:cubic-bezier(.16,1,.3,1);
    --v6-ease-in-out:cubic-bezier(.7,0,.3,1);
    --v6-spring:cubic-bezier(.34,1.56,.64,1);
}
.v6 *{box-sizing:border-box}
.v6{
    color:var(--v6-ink);
    background:var(--v6-bg);
    font-family:"nimbus-sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    line-height:1.55;
    font-feature-settings:"kern","ss01","liga";
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    overflow-x:hidden; /* Mobile-Defense gegen rotierte Cards + Pseudo-Bleeds */
}
.v6 .v6-wrap{max-width:var(--v6-container);margin:0 auto;padding:0 var(--v6-pad)}
.v6 section{padding:clamp(4rem,7vw,7rem) 0;position:relative}

/* Global paper grain — sehr subtil, gibt allem Wärme */
.v6::before{
    content:"";
    position:fixed;
    inset:0;
    z-index:1;
    pointer-events:none;
    opacity:.035;
    background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .8 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
    mix-blend-mode:multiply;
}

/* Scroll-Progress (top bar) */
.v6 .v6-scroll-progress{
    position:fixed;
    top:0;left:0;right:0;
    height:2px;
    background:var(--v6-line-soft);
    z-index:100;
    pointer-events:none;
}
.v6 .v6-scroll-progress .bar{
    display:block;
    height:100%;
    width:var(--p,0%);
    background:linear-gradient(90deg,var(--v6-accent),var(--v6-accent-deep));
    transform-origin:left;
    transition:width .08s linear;
}

/* ═══════════════════════════════════════════════════════════════════
   TYPOGRAPHY
   ═══════════════════════════════════════════════════════════════════ */
.v6 h1,.v6 h2,.v6 h3,.v6 h4{
    font-family:"nimbus-sans-extended","Helvetica Neue",sans-serif;
    font-weight:400;
    line-height:1.04;
    letter-spacing:-.025em;
    text-wrap:balance;
    margin:0;
}
.v6 .eyebrow{
    font-size:.72rem;
    font-weight:500;
    letter-spacing:.16em;
    text-transform:uppercase;
    color:var(--v6-ink-muted);
    display:inline-flex;
    align-items:center;
    gap:.6rem;
}
.v6 .eyebrow::before{
    content:"";
    display:inline-block;
    width:6px;height:6px;
    border-radius:50%;
    background:var(--v6-accent);
    box-shadow:0 0 0 3px var(--v6-accent-glow);
}
.v6 .lede{
    font-size:clamp(1.05rem,1.4vw,1.225rem);
    line-height:1.55;
    color:var(--v6-ink-muted);
    max-width:60ch;
}

/* Marker-Highlight — Draw-In Keyframes (cleaner phasing) */
.v6 .hl{position:relative;display:inline-block;white-space:nowrap;isolation:isolate}
.v6 .hl > *{position:relative;z-index:1}
.v6 .hl::before{
    content:"";
    position:absolute;
    z-index:0;
    background:var(--v6-accent);
    left:-.08em;
    right:-.08em;
    bottom:.04em;
    top:.32em;
    border-radius:3px;
    transform-origin:left center;
    pointer-events:none;
    transform:skewX(-6deg) scaleX(0);
    opacity:0;
}
.v6 .is-in .hl::before,
.v6 .hero h1.is-in .hl::before,
.v6 .hero .hl::before{animation:v6MarkerIn .95s var(--v6-ease-out) both .3s}
@keyframes v6MarkerIn{
    0%{transform:skewX(-6deg) scaleX(0);opacity:0}
    40%{opacity:1}
    100%{transform:skewX(-6deg) scaleX(.96);opacity:1}
}

/* ═══════════════════════════════════════════════════════════════════
   BUTTONS — magnetic-ready
   ═══════════════════════════════════════════════════════════════════ */
.v6 .btn{
    display:inline-flex;
    align-items:center;
    gap:.7rem;
    padding:1.05rem 1.55rem;
    border-radius:var(--v6-radius-pill);
    font-size:.95rem;
    font-weight:500;
    cursor:pointer;
    border:0;
    text-decoration:none;
    transition:transform .25s var(--v6-ease),background .25s var(--v6-ease),color .25s var(--v6-ease),box-shadow .35s var(--v6-ease);
    position:relative;
    overflow:hidden;
    will-change:transform;
}
.v6 .btn svg{transition:transform .35s var(--v6-ease)}
.v6 .btn:hover svg{transform:translateX(3px)}

.v6 .btn-primary{
    background:var(--v6-accent);
    color:var(--v6-accent-ink);
    box-shadow:0 1px 0 rgba(14,14,12,.05), 0 12px 28px -16px var(--v6-accent-glow);
}
.v6 .btn-primary::before{
    content:"";
    position:absolute;
    inset:0;
    background:radial-gradient(circle at var(--mx,50%) var(--my,50%),var(--v6-accent-deep) 0%,transparent 60%);
    opacity:0;
    transition:opacity .35s var(--v6-ease);
    z-index:0;
}
.v6 .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 0 rgba(14,14,12,.04), 0 20px 40px -16px var(--v6-accent-glow)}
.v6 .btn-primary:hover::before{opacity:1}
.v6 .btn-primary > *{position:relative;z-index:1}

.v6 .btn-link{padding:.95rem .25rem;color:var(--v6-ink);position:relative}
.v6 .btn-link::after{
    content:"";
    position:absolute;
    left:.25rem;right:.25rem;
    bottom:.55rem;
    height:1px;
    background:currentColor;
    transform:scaleX(0);
    transform-origin:right center;
    transition:transform .45s var(--v6-ease-in-out);
}
.v6 .btn-link:hover::after{transform:scaleX(1);transform-origin:left center}

.v6 .btn-dark{
    background:var(--v6-ink);
    color:var(--v6-bg);
    box-shadow:0 14px 32px -18px rgba(14,14,12,.5);
}
.v6 .btn-dark:hover{transform:translateY(-2px);background:var(--v6-ink-2)}

/* ═══════════════════════════════════════════════════════════════════
   REVEAL CHOREOGRAPHY
   ═══════════════════════════════════════════════════════════════════ */
.v6 .reveal{
    opacity:0;
    transform:translateY(28px);
    transition:opacity .95s var(--v6-ease-out),transform 1s var(--v6-ease-out);
}
.v6 .is-in{opacity:1;transform:none}
.v6 .reveal-d1{transition-delay:.08s}
.v6 .reveal-d2{transition-delay:.18s}
.v6 .reveal-d3{transition-delay:.28s}
.v6 .reveal-d4{transition-delay:.38s}

/* Split-Text Line-Reveal (für H1) */
.v6 .split-line{display:block;overflow:hidden;padding-bottom:.08em}
.v6 .split-line > span,
.v6 .split-line .line-inner{
    display:block;
    transform:translateY(110%);
    transition:transform 1.15s var(--v6-ease-out);
    will-change:transform;
}
.v6 .is-in .split-line > span,
.v6 .is-in .split-line .line-inner,
.v6 .hero .split-line > span,
.v6 .hero .split-line .line-inner{transform:none}
.v6 .split-line:nth-child(1) > span,
.v6 .split-line:nth-child(1) .line-inner{transition-delay:.05s}
.v6 .split-line:nth-child(2) > span,
.v6 .split-line:nth-child(2) .line-inner{transition-delay:.17s}
.v6 .split-line:nth-child(3) > span,
.v6 .split-line:nth-child(3) .line-inner{transition-delay:.29s}
.v6 .split-line:nth-child(4) > span,
.v6 .split-line:nth-child(4) .line-inner{transition-delay:.41s}

/* Image-Mask Reveal */
.v6 .img-reveal{
    position:relative;
    overflow:hidden;
}
.v6 .img-reveal::after{
    content:"";
    position:absolute;
    inset:0;
    background:var(--v6-paper);
    transform:scaleX(1);
    transform-origin:right center;
    transition:transform 1.2s var(--v6-ease-in-out);
    z-index:2;
}
.v6 .img-reveal.featured-case-media::after{background:var(--v6-dark)}
.v6 .img-reveal img{
    transform:scale(1.15);
    transition:transform 2.5s var(--v6-ease-out);
}
.v6 .is-in.img-reveal::after,
.v6 .img-reveal.is-in::after{transform:scaleX(0);transform-origin:left center}
.v6 .is-in.img-reveal img,
.v6 .img-reveal.is-in img{transform:scale(1.02)}

/* ═══════════════════════════════════════════════════════════════════
   HERO — editorial, kinetic, layered
   ═══════════════════════════════════════════════════════════════════ */
.v6 .hero{
    padding:clamp(7rem,12vw,10rem) 0 clamp(3rem,5vw,5rem);
    position:relative;
    overflow:hidden;
    background:var(--v6-bg);
    isolation:isolate;
    /* Defend against global .hero{height:100vh} collision */
    height:auto;
    min-height:0;
}
/* Grid background — subtler, animated drift */
.v6 .hero::after{
    content:"";
    position:absolute;
    inset:-10% -10% -10% -10%;
    pointer-events:none;
    background-image:
        linear-gradient(var(--v6-line-soft) 1px,transparent 1px),
        linear-gradient(90deg,var(--v6-line-soft) 1px,transparent 1px);
    background-size:72px 72px;
    mask-image:radial-gradient(ellipse 65% 55% at 55% 35%,black 0%,transparent 75%);
    -webkit-mask-image:radial-gradient(ellipse 65% 55% at 55% 35%,black 0%,transparent 75%);
    opacity:.55;
    z-index:-1;
    animation:v6GridDrift 60s linear infinite;
}
@keyframes v6GridDrift{
    0%{transform:translate(0,0)}
    100%{transform:translate(-72px,-72px)}
}
/* Soft light leak top-right */
.v6 .hero::before{
    content:"";
    position:absolute;
    top:-30%;
    right:-15%;
    width:65vw;
    height:65vw;
    max-width:900px;max-height:900px;
    background:radial-gradient(circle at center,var(--v6-accent-glow) 0%,transparent 60%);
    pointer-events:none;
    z-index:-1;
    opacity:.85;
    filter:blur(20px);
}

.v6 .hero-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:clamp(2rem,4vw,3.5rem);
    position:relative;
    z-index:1;
}
.v6 .hero-eyebrow-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1rem;
    flex-wrap:wrap;
    color:var(--v6-ink-muted);
}
.v6 .hero-eyebrow-row .pill{
    display:inline-flex;
    align-items:center;
    gap:.55rem;
    font-size:.78rem;
    letter-spacing:.04em;
    padding:.5rem .9rem;
    background:#fff;
    border:1px solid var(--v6-line);
    border-radius:999px;
    box-shadow:0 1px 0 rgba(14,14,12,.02);
    transition:border-color .25s var(--v6-ease);
}
.v6 .hero-eyebrow-row .pill:hover{border-color:var(--v6-line-strong)}
.v6 .hero-eyebrow-row .pill .dot{
    width:6px;height:6px;
    border-radius:50%;
    background:var(--v6-accent);
    box-shadow:0 0 0 3px var(--v6-accent-glow);
    animation:v6Pulse 2.4s ease infinite;
}
.v6 .hero-eyebrow-row .rating{
    display:inline-flex;
    align-items:center;
    gap:.5rem;
    font-size:.85rem;
}
.v6 .hero-eyebrow-row .rating .stars{
    color:#E2A300;
    letter-spacing:1px;
    font-size:.95rem;
}
.v6 .hero-eyebrow-row .rating em{font-style:normal;color:var(--v6-ink-muted)}
.v6 .hero-eyebrow-row .rating strong{font-weight:500}

/* H1 — heroic, with split-text mask reveals */
.v6 .hero h1{
    font-size:clamp(2.6rem,7.4vw,6rem);
    letter-spacing:-.038em;
    line-height:.98;
    font-weight:400;
}
.v6 .hero h1 .line{display:block;overflow:hidden;padding-bottom:.08em}
.v6 .hero h1 .line .line-inner{
    display:block;
    transform:translateY(110%);
    transition:transform 1.15s var(--v6-ease-out);
    will-change:transform;
}
.v6 .hero h1 .line:nth-child(1) .line-inner{transition-delay:.08s}
.v6 .hero h1 .line:nth-child(2) .line-inner{transition-delay:.2s}
.v6 .hero h1 .line:nth-child(3) .line-inner{transition-delay:.32s}
.v6 .hero h1.is-in .line .line-inner{transform:translateY(0)}

.v6 .hero-sub{
    max-width:62ch;
    font-size:clamp(1.05rem,1.4vw,1.225rem);
    line-height:1.55;
    color:var(--v6-ink-muted);
    margin-top:.5rem;
}
.v6 .hero-sub strong{color:var(--v6-ink);font-weight:500}

.v6 .hero-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.v6 .hero-secondary-link{
    display:inline-flex;
    align-items:center;
    gap:.45rem;
    margin-top:.6rem;
    font-size:.88rem;
    color:var(--v6-ink-muted);
    text-decoration:none;
    transition:color .25s var(--v6-ease);
}
.v6 .hero-secondary-link strong{
    color:var(--v6-ink);
    font-weight:500;
    border-bottom:1px solid var(--v6-line);
    padding-bottom:1px;
    transition:border-color .25s var(--v6-ease);
}
.v6 .hero-secondary-link:hover{color:var(--v6-ink)}
.v6 .hero-secondary-link:hover strong{border-bottom-color:var(--v6-ink)}

.v6 .hero-bottom{
    display:grid;
    grid-template-columns:1.2fr 1fr;
    gap:clamp(1.5rem,3vw,2.5rem);
    align-items:start;
    border-top:1px solid var(--v6-line);
    padding-top:1.8rem;
    margin-top:clamp(1.5rem,3vw,2.5rem);
}
@media (max-width:780px){.v6 .hero-bottom{grid-template-columns:1fr}}

.v6 .hero-stats{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:1.5rem;
}
.v6 .hero-stat{position:relative}
.v6 .hero-stat .num{
    font-family:"nimbus-sans-extended",sans-serif;
    font-size:clamp(1.7rem,2.8vw,2.5rem);
    line-height:1;
    letter-spacing:-.035em;
    color:var(--v6-ink);
    font-feature-settings:"tnum","ss01";
}
.v6 .hero-stat .num .unit{color:var(--v6-ink-dim);font-size:.55em}
.v6 .hero-stat .lbl{
    font-size:.74rem;
    color:var(--v6-ink-muted);
    margin-top:.5rem;
    letter-spacing:.08em;
    text-transform:uppercase;
    line-height:1.3;
}

/* Hero Audit-Preview Widget — DARK, tilted, editorial */
.v6 .hero-preview{
    background:var(--v6-ink);
    color:var(--v6-bg);
    border-radius:var(--v6-radius);
    padding:1.4rem 1.4rem 1.5rem;
    box-shadow:0 1px 0 rgba(255,255,255,.04) inset, 0 30px 60px -24px rgba(14,14,12,.35);
    position:relative;
    overflow:hidden;
    transform:rotate(-.6deg);
    transition:transform .65s var(--v6-ease-out);
    isolation:isolate;
}
.v6 .hero-preview::before{
    content:"";
    position:absolute;
    inset:0;
    background:radial-gradient(ellipse at top right,rgba(232,244,151,.18),transparent 58%);
    pointer-events:none;
    z-index:-1;
}
.v6 .hero-preview:hover{transform:rotate(0deg) translateY(-2px)}
@media (max-width:780px){.v6 .hero-preview{transform:none}}
.v6 .hero-preview-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1rem;
    font-size:.66rem;
    letter-spacing:.1em;
    text-transform:uppercase;
    color:rgba(255,255,255,.5);
    position:relative;
    margin-bottom:1.2rem;
    white-space:nowrap;
}
.v6 .hero-preview-head .domain{
    display:inline-flex;
    align-items:center;
    gap:.4rem;
    color:var(--v6-accent);
    font-family:"nimbus-sans",monospace;
    text-transform:lowercase;
    letter-spacing:0;
    font-size:.78rem;
    white-space:nowrap;
}
.v6 .hero-preview-head .domain::before{
    content:"";
    display:inline-block;
    width:6px;height:6px;
    border-radius:50%;
    background:var(--v6-accent);
    box-shadow:0 0 0 3px rgba(232,244,151,.18);
    animation:v6Pulse 1.8s var(--v6-ease) infinite;
}
.v6 .hero-preview-score{
    display:flex;
    align-items:flex-end;
    gap:1.2rem;
    position:relative;
    margin-bottom:1.2rem;
}
.v6 .hero-preview-score .big{
    font-family:"nimbus-sans-extended",sans-serif;
    font-size:clamp(3rem,5vw,4rem);
    line-height:.9;
    letter-spacing:-.045em;
    color:var(--v6-bg);
    font-feature-settings:"tnum";
}
.v6 .hero-preview-score .big .unit{
    font-size:.4em;
    color:rgba(255,255,255,.4);
    margin-left:.05em;
    letter-spacing:0;
}
.v6 .hero-preview-score .meta{
    font-size:.78rem;
    line-height:1.5;
    color:rgba(255,255,255,.7);
    padding-bottom:.5rem;
}
.v6 .hero-preview-score .meta strong{
    color:var(--v6-accent);
    font-weight:500;
    display:block;
}
.v6 .hero-preview-bars{
    display:flex;
    flex-direction:column;
    gap:.45rem;
    position:relative;
}
.v6 .hero-preview-bar{
    display:grid;
    grid-template-columns:90px 1fr 36px;
    align-items:center;
    gap:.6rem;
    font-size:.74rem;
    color:rgba(255,255,255,.7);
    letter-spacing:.02em;
}
.v6 .hero-preview-bar .track{
    height:5px;
    background:rgba(255,255,255,.08);
    border-radius:99px;
    overflow:hidden;
    position:relative;
}
.v6 .hero-preview-bar .fill{
    position:absolute;
    left:0;top:0;bottom:0;
    background:linear-gradient(90deg,var(--v6-accent),var(--v6-accent-deep));
    border-radius:99px;
    width:0;
    transition:width 1.4s var(--v6-ease-out);
}
.v6 .hero .reveal.is-in .hero-preview-bar .fill,
.v6 .hero .is-in .hero-preview-bar .fill,
.v6 .hero-preview.in-view .hero-preview-bar .fill{width:var(--w,80%)}
.v6 .hero-preview-bar .val{
    text-align:right;
    color:var(--v6-accent);
    font-family:"nimbus-sans-extended",sans-serif;
    font-feature-settings:"tnum";
}

/* ═══════════════════════════════════════════════════════════════════
   LOGOS — refined infinite scroll
   ═══════════════════════════════════════════════════════════════════ */
.v6 .logos{
    padding:3rem 0 4rem;
    background:var(--v6-bg);
    position:relative;
    overflow:hidden;
}
.v6 .logos::before,.v6 .logos::after{
    content:"";
    position:absolute;
    top:0;bottom:0;
    width:160px;
    z-index:2;
    pointer-events:none;
}
.v6 .logos::before{left:0;background:linear-gradient(90deg,var(--v6-bg) 0%,transparent 100%)}
.v6 .logos::after{right:0;background:linear-gradient(270deg,var(--v6-bg) 0%,transparent 100%)}
.v6 .logos-label{
    font-size:.72rem;
    letter-spacing:.2em;
    text-transform:uppercase;
    color:var(--v6-ink-muted);
    text-align:center;
    margin-bottom:1.8rem;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:1rem;
}
.v6 .logos-label::before,.v6 .logos-label::after{
    content:"";
    width:32px;height:1px;
    background:var(--v6-line);
}
.v6 .logos-track{
    display:flex;
    gap:4.5rem;
    align-items:center;
    width:max-content;
    animation:v6Slide 48s linear infinite;
    will-change:transform;
}
.v6 .logos:hover .logos-track{animation-play-state:paused}
.v6 .logos-track img{
    height:34px;
    width:150px;
    object-fit:contain;
    flex:0 0 auto;
    filter:grayscale(1) brightness(0);
    opacity:.4;
    transition:opacity .35s var(--v6-ease),filter .35s var(--v6-ease),transform .35s var(--v6-ease);
}
.v6 .logos-track img:hover{
    opacity:1;
    filter:none;
    transform:scale(1.04);
}
@keyframes v6Slide{to{transform:translateX(-50%)}}

/* ═══════════════════════════════════════════════════════════════════
   AUDIT SECTION
   ═══════════════════════════════════════════════════════════════════ */
.v6 .audit{background:var(--v6-bg);position:relative}
.v6 .audit-grid{
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:clamp(2rem,5vw,4.5rem);
    align-items:start;
}
@media (max-width:900px){
    .v6 .audit-grid{grid-template-columns:1fr}
    .v6 .audit-form{position:relative;top:0}
}
.v6 .audit h2{font-size:clamp(2.1rem,4.4vw,3.2rem);margin:1rem 0 1.25rem}
.v6 .audit-steps{margin-top:2.5rem;display:flex;flex-direction:column;gap:0}
.v6 .audit-step{
    display:grid;
    grid-template-columns:auto 1fr auto;
    gap:1.5rem;
    align-items:start;
    padding:1.7rem 0;
    border-top:1px solid var(--v6-line);
    transition:padding .35s var(--v6-ease);
    position:relative;
}
.v6 .audit-step::after{
    content:"";
    position:absolute;
    left:0;right:0;
    bottom:-1px;
    height:0;
    background:var(--v6-accent);
    transition:height .3s var(--v6-ease);
    z-index:-1;
}
.v6 .audit-step:last-child{border-bottom:1px solid var(--v6-line)}
.v6 .audit-step:hover{padding-left:.6rem}
.v6 .audit-step-num{
    font-family:"nimbus-sans-extended",sans-serif;
    font-size:.78rem;
    letter-spacing:.04em;
    color:var(--v6-ink-dim);
    padding-top:.3rem;
    font-feature-settings:"tnum";
}
.v6 .audit-step h3{
    font-size:clamp(1.1rem,1.5vw,1.3rem);
    font-weight:500;
    letter-spacing:-.015em;
    margin-bottom:.45rem;
    color:var(--v6-ink);
}
.v6 .audit-step p{
    color:var(--v6-ink-muted);
    font-size:.93rem;
    max-width:46ch;
    line-height:1.6;
}
.v6 .audit-step-tag{
    font-size:.7rem;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:var(--v6-ink-muted);
    padding:.4rem .7rem;
    border:1px solid var(--v6-line);
    border-radius:999px;
    white-space:nowrap;
    background:#fff;
}

/* Audit Form Card (dark) */
.v6 .audit-form{
    position:sticky;
    top:88px;
    background:var(--v6-ink);
    color:var(--v6-bg);
    border-radius:var(--v6-radius-lg);
    padding:2rem;
    box-shadow:0 1px 0 rgba(255,255,255,.04) inset, 0 40px 80px -28px rgba(14,14,12,.4);
    overflow:hidden;
    isolation:isolate;
}
.v6 .audit-form::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(ellipse 80% 60% at 100% 0%,rgba(232,244,151,.22),transparent 55%),
        radial-gradient(ellipse 70% 50% at 0% 100%,rgba(232,244,151,.08),transparent 60%);
    pointer-events:none;
    z-index:-1;
}
.v6 .audit-form::after{
    content:"";
    position:absolute;
    inset:0;
    background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .6 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
    opacity:.045;
    pointer-events:none;
    z-index:-1;
}
.v6 .audit-form-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1rem;
    position:relative;
    margin-bottom:1.1rem;
}
.v6 .audit-badge{
    display:inline-flex;
    align-items:center;
    gap:.45rem;
    font-size:.7rem;
    letter-spacing:.12em;
    text-transform:uppercase;
    color:var(--v6-accent);
    padding:.4rem .7rem;
    border:1px solid rgba(232,244,151,.4);
    border-radius:999px;
}
.v6 .audit-badge .pulse{
    width:6px;height:6px;
    border-radius:50%;
    background:var(--v6-accent);
    animation:v6Pulse 1.8s ease infinite;
    box-shadow:0 0 0 3px rgba(232,244,151,.22);
}
@keyframes v6Pulse{
    0%,100%{transform:scale(1);opacity:1}
    50%{transform:scale(1.25);opacity:.65}
}
.v6 .audit-form .reply-time{
    font-size:.74rem;
    color:rgba(255,255,255,.55);
    letter-spacing:.04em;
}
.v6 .audit-form h3{
    font-size:clamp(1.4rem,1.9vw,1.6rem);
    margin:0 0 .4rem;
    font-weight:500;
    letter-spacing:-.02em;
    color:#fff;
    position:relative;
}

/* Tabs */
.v6 .form-tabs{
    display:flex;
    gap:.35rem;
    background:rgba(255,255,255,.05);
    padding:.3rem;
    border-radius:var(--v6-radius);
    margin:.6rem 0 1.3rem;
    position:relative;
    z-index:1;
    border:1px solid rgba(255,255,255,.06);
}
.v6 .form-tab{
    flex:1;
    padding:.7rem .85rem;
    background:transparent;
    border:0;
    border-radius:calc(var(--v6-radius) - 4px);
    color:rgba(255,255,255,.6);
    font-size:.82rem;
    font-weight:500;
    cursor:pointer;
    transition:background .25s var(--v6-ease),color .25s var(--v6-ease);
    text-align:center;
    line-height:1.3;
    font-family:inherit;
}
.v6 .form-tab small{
    display:block;
    font-size:.7rem;
    font-weight:400;
    opacity:.7;
    margin-top:.18rem;
}
.v6 .form-tab:hover{color:#fff}
.v6 .form-tab.is-active{
    background:var(--v6-accent);
    color:var(--v6-accent-ink);
}
.v6 .form-tab.is-active small{opacity:.85}

.v6 .audit-form form{
    position:relative;
    display:none;
    flex-direction:column;
    gap:.9rem;
}
.v6 .audit-form form.is-active{display:flex}
.v6 .audit-field{position:relative}
.v6 .audit-field label{
    display:block;
    font-size:.7rem;
    letter-spacing:.1em;
    text-transform:uppercase;
    color:rgba(255,255,255,.55);
    margin-bottom:.45rem;
}
.v6 .audit-field input,
.v6 .audit-field textarea{
    width:100%;
    background:transparent;
    border:0;
    border-bottom:1px solid rgba(255,255,255,.22);
    padding:.6rem 0;
    font:inherit;
    color:#fff;
    font-size:.95rem;
    transition:border-color .3s var(--v6-ease);
    resize:vertical;
    font-family:inherit;
}
.v6 .audit-field textarea{min-height:70px;line-height:1.55}
.v6 .audit-field input::placeholder,
.v6 .audit-field textarea::placeholder{color:rgba(255,255,255,.32)}
.v6 .audit-field input:focus,
.v6 .audit-field textarea:focus{
    outline:0;
    border-color:var(--v6-accent);
}
.v6 .audit-step-2{
    display:none;
    flex-direction:column;
    gap:.9rem;
    animation:v6FadeUp .5s var(--v6-ease-out);
}
.v6 .audit-form.is-expanded .audit-step-2{display:flex}
@keyframes v6FadeUp{
    from{opacity:0;transform:translateY(10px)}
    to{opacity:1;transform:translateY(0)}
}
.v6 .audit-submit{
    margin-top:1rem;
    background:var(--v6-accent);
    color:var(--v6-accent-ink);
    padding:1rem 1.4rem;
    border:0;
    border-radius:var(--v6-radius-pill);
    font-weight:600;
    cursor:pointer;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:.5rem;
    transition:transform .2s var(--v6-ease),background .3s var(--v6-ease),box-shadow .3s var(--v6-ease);
    font-family:inherit;
    font-size:.95rem;
    box-shadow:0 12px 30px -16px var(--v6-accent-glow);
}
.v6 .audit-submit svg{transition:transform .35s var(--v6-ease)}
.v6 .audit-submit:hover{
    transform:translateY(-2px);
    background:var(--v6-accent-deep);
    box-shadow:0 18px 40px -16px var(--v6-accent-glow);
}
.v6 .audit-submit:hover svg{transform:translateX(3px)}
.v6 .audit-submit:disabled{opacity:.55;cursor:not-allowed;transform:none}
.v6 .audit-foot{
    display:flex;
    align-items:center;
    gap:.5rem;
    margin-top:1rem;
    font-size:.72rem;
    color:rgba(255,255,255,.55);
    position:relative;
}
.v6 .audit-foot a{
    color:rgba(255,255,255,.85);
    text-decoration:underline;
    text-decoration-color:rgba(255,255,255,.3);
    text-underline-offset:2px;
    transition:text-decoration-color .25s var(--v6-ease);
}
.v6 .audit-foot a:hover{text-decoration-color:#fff}
.v6 .audit-err{
    background:rgba(255,107,107,.15);
    color:#ffb4b4;
    padding:.6rem .8rem;
    border-radius:8px;
    font-size:.82rem;
    display:none;
    margin-top:.5rem;
    border:1px solid rgba(255,107,107,.25);
}
.v6 .audit-err.show{display:block;animation:v6FadeUp .3s var(--v6-ease-out)}
.v6 .audit-success{display:none;text-align:center;padding:1.5rem 0}
.v6 .audit-form.is-done .audit-success{display:block;animation:v6FadeUp .55s var(--v6-ease-out)}
.v6 .audit-form.is-done form,
.v6 .audit-form.is-done .form-tabs{display:none}
.v6 .audit-success .check{
    width:62px;height:62px;
    border-radius:50%;
    background:var(--v6-accent);
    color:var(--v6-accent-ink);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-bottom:1.1rem;
    box-shadow:0 10px 24px -8px var(--v6-accent-glow);
    animation:v6SpringIn .6s var(--v6-spring);
}
@keyframes v6SpringIn{
    from{transform:scale(0);opacity:0}
    to{transform:scale(1);opacity:1}
}
.v6 .audit-success h4{
    font-size:1.4rem;
    color:#fff;
    margin-bottom:.55rem;
    letter-spacing:-.02em;
    font-weight:500;
}
.v6 .audit-success p{color:rgba(255,255,255,.75);font-size:.95rem;max-width:32ch;margin:0 auto}

/* ═══════════════════════════════════════════════════════════════════
   FOUNDER / PERSÖNLICH — "Sie sprechen mit Tom"
   ═══════════════════════════════════════════════════════════════════ */
.v6 .founder{
    background:var(--v6-paper);
    position:relative;
    overflow:hidden;
}
.v6 .founder::before{
    content:"";
    position:absolute;
    top:-20%;
    left:-10%;
    width:50vw;height:50vw;
    max-width:600px;max-height:600px;
    background:radial-gradient(circle,var(--v6-accent-glow) 0%,transparent 60%);
    opacity:.5;
    pointer-events:none;
    filter:blur(10px);
}
.v6 .founder-grid{
    display:grid;
    grid-template-columns:.85fr 1.15fr;
    gap:clamp(2rem,5vw,4.5rem);
    align-items:center;
    position:relative;
    z-index:1;
}
@media (max-width:900px){
    .v6 .founder-grid{grid-template-columns:1fr;gap:2rem}
    .v6 .founder-photo{aspect-ratio:5/4;max-width:520px}
}
.v6 .founder-photo{
    position:relative;
    aspect-ratio:4/5;
    border-radius:var(--v6-radius-lg);
    overflow:hidden;
    background:var(--v6-bg-warm);
    box-shadow:0 1px 0 rgba(14,14,12,.04), 0 30px 60px -28px rgba(14,14,12,.25);
}
.v6 .founder-photo img{
    width:100%;height:100%;
    object-fit:cover;
    transform:scale(1.04);
    transition:transform 2s var(--v6-ease-out);
}
.v6 .founder-photo:hover img{transform:scale(1.08)}
.v6 .founder-photo-badge{
    position:absolute;
    bottom:1rem;left:1rem;
    z-index:3;
    background:rgba(10,10,9,.82);
    color:#fff;
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    padding:.6rem .9rem;
    border-radius:999px;
    font-size:.72rem;
    letter-spacing:.08em;
    text-transform:uppercase;
    display:inline-flex;
    align-items:center;
    gap:.5rem;
    border:1px solid rgba(255,255,255,.1);
}
.v6 .founder-photo-badge .dot{
    width:6px;height:6px;
    border-radius:50%;
    background:#3CCE6A;
    box-shadow:0 0 0 3px rgba(60,206,106,.25);
    animation:v6Pulse 2s ease infinite;
}
.v6 .founder-body .eyebrow{margin-bottom:.8rem}
.v6 .founder-body h2{
    font-size:clamp(1.9rem,3.6vw,2.8rem);
    margin:.5rem 0 1.2rem;
    letter-spacing:-.03em;
}
.v6 .founder-body .lede{margin-bottom:1.6rem;max-width:48ch}
.v6 .founder-body p{
    color:var(--v6-ink-muted);
    margin-bottom:1rem;
    max-width:54ch;
    font-size:.97rem;
    line-height:1.65;
}
.v6 .founder-body p strong{color:var(--v6-ink);font-weight:500}
.v6 .founder-points{
    margin:1.5rem 0;
    display:grid;
    gap:.7rem;
}
.v6 .founder-point{
    display:flex;
    align-items:flex-start;
    gap:.7rem;
    font-size:.94rem;
    color:var(--v6-ink);
    line-height:1.5;
}
.v6 .founder-point svg{
    flex:0 0 18px;
    margin-top:3px;
    color:var(--v6-accent-deep);
}
.v6 .founder-sign{
    display:flex;
    align-items:center;
    gap:1rem;
    margin-top:1.8rem;
    padding-top:1.5rem;
    border-top:1px solid var(--v6-line);
}
.v6 .founder-sign-name{
    font-family:"nimbus-sans-extended",sans-serif;
    font-size:1rem;
    color:var(--v6-ink);
    letter-spacing:-.015em;
}
.v6 .founder-sign-name span{
    display:block;
    font-family:"nimbus-sans",sans-serif;
    font-size:.78rem;
    color:var(--v6-ink-muted);
    margin-top:.2rem;
    letter-spacing:.04em;
}

/* ═══════════════════════════════════════════════════════════════════
   FEATURED CASE — dark, cinematic
   ═══════════════════════════════════════════════════════════════════ */
.v6 .featured-case{
    background-color:var(--v6-dark);
    background-image:
        radial-gradient(ellipse 80% 60% at 90% 10%,rgba(232,244,151,.14),transparent 60%),
        radial-gradient(ellipse 60% 40% at 10% 90%,rgba(232,244,151,.04),transparent 70%);
    color:#fff;
    padding:clamp(4.5rem,8vw,7.5rem) 0;
    position:relative;
    overflow:hidden;
}
.v6 .featured-case::before{
    content:"";
    position:absolute;
    inset:0;
    background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
    opacity:.04;
    pointer-events:none;
    z-index:0;
    mix-blend-mode:overlay;
}
.v6 .featured-case .v6-wrap{position:relative;z-index:1}
.v6 .featured-case-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:clamp(2rem,5vw,4.5rem);
    align-items:center;
}
@media (max-width:980px){.v6 .featured-case-grid{grid-template-columns:1fr;gap:2.5rem}}
.v6 .featured-case-media{
    position:relative;
    border-radius:var(--v6-radius-lg);
    overflow:hidden;
    background:#0e0e0e;
    aspect-ratio:4/3;
    box-shadow:0 50px 100px -40px rgba(0,0,0,.7), 0 0 0 1px rgba(255,255,255,.05);
}
.v6 .featured-case-media picture{display:block;width:100%;height:100%}
.v6 .featured-case-media img{
    width:100%;height:100%;
    object-fit:cover;
    transition:transform 1.8s var(--v6-ease);
}
.v6 .featured-case-media:hover img{transform:scale(1.06)}
.v6 .featured-case-tag{
    position:absolute;
    bottom:1rem;left:1rem;
    z-index:3;
    font-size:.66rem;
    letter-spacing:.12em;
    text-transform:uppercase;
    background:rgba(10,10,9,.78);
    color:#fff;
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    padding:.55rem .85rem;
    border-radius:999px;
    font-weight:500;
    border:1px solid rgba(255,255,255,.12);
    display:inline-flex;
    align-items:center;
    gap:.5rem;
}
.v6 .featured-case-tag .dot{
    width:6px;height:6px;
    border-radius:50%;
    background:var(--v6-accent);
    box-shadow:0 0 0 3px rgba(232,244,151,.32);
}
.v6 .featured-case-body .eyebrow{color:rgba(255,255,255,.5);margin-bottom:.8rem}
.v6 .featured-case-body .eyebrow::before{background:var(--v6-accent)}
.v6 .featured-case-body h2{
    font-size:clamp(2rem,4.4vw,3.4rem);
    margin:.5rem 0 1.3rem;
    letter-spacing:-.035em;
    color:#fff;
    line-height:1.04;
}
.v6 .featured-case-body .lede{
    margin-bottom:1.6rem;
    font-size:clamp(1rem,1.3vw,1.12rem);
    color:rgba(255,255,255,.72);
    max-width:50ch;
}
/* Featured-Case Scope — descriptive deliverables, no fake-metric look */
.v6 .featured-case-scope{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:1.5rem;
    border-top:1px solid rgba(255,255,255,.12);
    padding-top:1.8rem;
    margin-top:.5rem;
}
@media (max-width:560px){.v6 .featured-case-scope{grid-template-columns:1fr;gap:1.25rem}}
.v6 .fc-scope-item{
    display:flex;
    flex-direction:column;
    gap:.5rem;
}
.v6 .fc-scope-item strong{
    font-family:"nimbus-sans-extended","Helvetica Neue",sans-serif;
    font-size:clamp(1rem,1.3vw,1.15rem);
    color:#fff;
    font-weight:400;
    letter-spacing:-.015em;
    line-height:1.3;
    position:relative;
    padding-left:1rem;
}
.v6 .fc-scope-item strong::before{
    content:"";
    position:absolute;
    left:0;
    top:.5em;
    width:6px;height:6px;
    border-radius:50%;
    background:var(--v6-accent);
    box-shadow:0 0 0 3px rgba(232,244,151,.18);
}
.v6 .fc-scope-item p{
    font-size:.85rem;
    color:rgba(255,255,255,.62);
    line-height:1.55;
    margin:0;
    padding-left:1rem;
}
.v6 .featured-case .btn-dark{
    background:#fff;
    color:var(--v6-ink);
    margin-top:1.8rem;
}
.v6 .featured-case .btn-dark:hover{background:var(--v6-accent)}

/* ═══════════════════════════════════════════════════════════════════
   SECTION HEAD (shared)
   ═══════════════════════════════════════════════════════════════════ */
.v6 .section-head{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:2.5rem;
    align-items:end;
    margin-bottom:3.5rem;
}
@media (max-width:780px){.v6 .section-head{grid-template-columns:1fr;gap:1.2rem;margin-bottom:2.5rem}}
.v6 .section-head h2{
    font-size:clamp(1.9rem,3.4vw,2.7rem);
    margin-top:.8rem;
    letter-spacing:-.03em;
}
.v6 .section-head p{
    color:var(--v6-ink-muted);
    max-width:52ch;
    font-size:1.02rem;
    line-height:1.6;
}

/* ═══════════════════════════════════════════════════════════════════
   CASES GRID — refined hover, image mask, overlay
   ═══════════════════════════════════════════════════════════════════ */
.v6 .cases{background:var(--v6-bg-soft);position:relative;overflow:hidden}

/* Cases-Swiper Navigation (oben rechts, gleicher Pattern wie test-nav) */
.v6 .cases-nav{
    display:flex;
    gap:.5rem;
    justify-content:flex-end;
    margin-bottom:1.5rem;
}
.v6 .cases-nav button{
    width:44px;height:44px;
    border-radius:50%;
    border:1px solid var(--v6-line-strong);
    background:#fff;
    font-size:1.1rem;
    cursor:pointer;
    color:var(--v6-ink);
    transition:background .25s var(--v6-ease),border-color .25s var(--v6-ease),transform .25s var(--v6-ease),color .25s var(--v6-ease);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    line-height:1;
    font-family:inherit;
}
.v6 .cases-nav button:hover{
    background:var(--v6-accent);
    border-color:var(--v6-accent);
    transform:translateY(-1px);
}
.v6 .cases-nav button.swiper-button-disabled{
    opacity:.35;
    cursor:not-allowed;
}

/* Swiper-Container */
.v6 .cases-swiper{
    padding:.5rem .25rem 2rem !important;
    overflow:visible !important;
}
.v6 .cases-swiper .swiper-slide{
    height:auto;
    display:flex;
}
.v6 .cases-swiper .case-card{
    width:100%;
    height:100%;
}

/* Card als Link */
.v6 a.case-card{
    text-decoration:none;
    color:inherit;
}

.v6 .case-card{
    background:#fff;
    border-radius:var(--v6-radius-lg);
    overflow:hidden;
    border:1px solid var(--v6-line-soft);
    transition:transform .45s var(--v6-ease),box-shadow .45s var(--v6-ease),border-color .35s var(--v6-ease);
    position:relative;
    display:flex;
    flex-direction:column;
}
.v6 .case-card:hover{
    transform:translateY(-6px);
    box-shadow:0 30px 60px -28px rgba(14,14,12,.25);
    border-color:var(--v6-line);
}
.v6 .case-card-media{
    aspect-ratio:4/3;
    overflow:hidden;
    background:var(--v6-bg-soft);
    position:relative;
}
.v6 .case-card-media::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:2;
    background:linear-gradient(180deg,transparent 50%,rgba(10,10,9,.5));
    opacity:0;
    transition:opacity .4s var(--v6-ease);
}
.v6 .case-card:hover .case-card-media::before{opacity:1}
.v6 .case-card-media img{
    width:100%;height:100%;
    object-fit:cover;
    transition:transform 1.5s var(--v6-ease);
}
.v6 .case-card:hover .case-card-media img{transform:scale(1.06)}
.v6 .case-card-arrow{
    position:absolute;
    top:1rem;right:1rem;
    z-index:3;
    width:38px;height:38px;
    border-radius:50%;
    background:rgba(255,255,255,.95);
    color:var(--v6-ink);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    opacity:0;
    transform:translateY(-6px) scale(.8);
    transition:opacity .4s var(--v6-ease),transform .5s var(--v6-spring);
    backdrop-filter:blur(10px);
}
.v6 .case-card:hover .case-card-arrow{opacity:1;transform:translateY(0) scale(1)}
.v6 .case-card-body{padding:1.5rem 1.4rem 1.6rem;flex:1;display:flex;flex-direction:column}
.v6 .case-card-tag{
    font-size:.7rem;
    letter-spacing:.1em;
    text-transform:uppercase;
    color:var(--v6-ink-muted);
    display:block;
    margin-bottom:.7rem;
}
.v6 .case-card h3{
    font-size:1.25rem;
    font-weight:500;
    margin:0 0 .65rem;
    letter-spacing:-.02em;
}
.v6 .case-card p{
    color:var(--v6-ink-muted);
    font-size:.93rem;
    line-height:1.6;
    margin-bottom:1.1rem;
    flex:1;
}
.v6 .case-card-qualities{
    display:flex;
    flex-wrap:wrap;
    gap:.4rem;
    margin-top:auto;
}
.v6 .case-card-quality{
    font-size:.74rem;
    padding:.32rem .7rem;
    background:var(--v6-bg-soft);
    border-radius:99px;
    color:var(--v6-ink-muted);
    border:1px solid transparent;
    transition:border-color .25s var(--v6-ease),background .25s var(--v6-ease);
}
.v6 .case-card:hover .case-card-quality{border-color:var(--v6-line-soft);background:#fff}

/* ═══════════════════════════════════════════════════════════════════
   FESTPREIS-BAND — Investment Transparency Strip
   ═══════════════════════════════════════════════════════════════════ */
.v6 .festpreis{
    background:var(--v6-bg);
    padding:clamp(3rem,5vw,5rem) 0;
    position:relative;
}
.v6 .festpreis-card{
    background:var(--v6-ink);
    color:#fff;
    border-radius:var(--v6-radius-lg);
    padding:clamp(2rem,4vw,3.5rem);
    position:relative;
    overflow:hidden;
    isolation:isolate;
}
.v6 .festpreis-card::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(ellipse 60% 80% at 100% 50%,rgba(232,244,151,.16),transparent 60%);
    pointer-events:none;
    z-index:-1;
}
.v6 .festpreis-grid{
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:clamp(1.5rem,4vw,3rem);
    align-items:center;
}
@media (max-width:780px){.v6 .festpreis-grid{grid-template-columns:1fr}}
.v6 .festpreis-card .eyebrow{color:var(--v6-accent);margin-bottom:1rem}
.v6 .festpreis-card .eyebrow::before{background:var(--v6-accent)}
.v6 .festpreis-card h2{
    font-size:clamp(1.7rem,3.2vw,2.4rem);
    color:#fff;
    margin:0 0 1rem;
    letter-spacing:-.025em;
}
.v6 .festpreis-card p{
    color:rgba(255,255,255,.72);
    font-size:1rem;
    line-height:1.65;
    max-width:48ch;
}
.v6 .festpreis-card p strong{color:#fff;font-weight:500}
.v6 .festpreis-checks{
    display:grid;
    gap:.85rem;
}
.v6 .festpreis-check{
    display:flex;
    align-items:flex-start;
    gap:.85rem;
    font-size:.95rem;
    color:#fff;
    line-height:1.55;
    padding-bottom:.85rem;
    border-bottom:1px solid rgba(255,255,255,.08);
}
.v6 .festpreis-check:last-child{border-bottom:0;padding-bottom:0}
.v6 .festpreis-check-icon{
    flex:0 0 28px;
    width:28px;height:28px;
    border-radius:50%;
    background:var(--v6-accent);
    color:var(--v6-accent-ink);
    display:inline-flex;
    align-items:center;
    justify-content:center;
}
.v6 .festpreis-check strong{display:block;color:#fff;font-weight:500;margin-bottom:.15rem}
.v6 .festpreis-check span{color:rgba(255,255,255,.65);font-size:.86rem}

/* ═══════════════════════════════════════════════════════════════════
   SION STANDARD — DARK, cinematic brand promise
   ═══════════════════════════════════════════════════════════════════ */
.v6 .std{
    background-color:var(--v6-dark);
    background-image:
        radial-gradient(ellipse 70% 50% at 100% 0%,rgba(232,244,151,.10),transparent 60%),
        radial-gradient(ellipse 50% 40% at 0% 100%,rgba(232,244,151,.04),transparent 70%);
    color:#fff;
    position:relative;
    overflow:hidden;
}
.v6 .std::before{
    content:"";
    position:absolute;
    inset:0;
    background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
    opacity:.04;
    pointer-events:none;
    z-index:0;
    mix-blend-mode:overlay;
}
.v6 .std .v6-wrap{position:relative;z-index:1}
.v6 .std .eyebrow{color:rgba(255,255,255,.55)}
.v6 .std .eyebrow::before{background:var(--v6-accent);box-shadow:0 0 0 3px rgba(232,244,151,.22)}
.v6 .std-intro{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:2.5rem;
    align-items:end;
    margin-bottom:3.5rem;
    background:transparent !important;
    padding:0 !important;
}
@media (max-width:780px){.v6 .std-intro{grid-template-columns:1fr;gap:1rem}}
.v6 .std-intro h2{
    font-size:clamp(1.9rem,3.6vw,2.8rem);
    margin-top:.8rem;
    letter-spacing:-.03em;
    color:#fff;
    max-width:18ch;
}
.v6 .std-intro p{
    color:rgba(255,255,255,.66);
    max-width:48ch;
    line-height:1.6;
    font-size:1.02rem;
}
.v6 .std-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:1rem;
}
@media (max-width:980px){.v6 .std-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.v6 .std-grid{grid-template-columns:1fr}}
.v6 .std-card{
    background:var(--v6-dark-2);
    border:1px solid rgba(255,255,255,.10);
    border-radius:var(--v6-radius);
    padding:1.75rem;
    display:flex;
    flex-direction:column;
    gap:1rem;
    min-height:240px;
    transition:transform .4s var(--v6-ease),border-color .4s var(--v6-ease),background .4s var(--v6-ease);
    position:relative;
    overflow:hidden;
}
.v6 .std-card::before{
    content:"";
    position:absolute;
    top:0;left:0;right:0;
    height:1px;
    background:linear-gradient(90deg,transparent,var(--v6-accent),transparent);
    transform:scaleX(0);
    transform-origin:center;
    transition:transform .55s var(--v6-ease);
}
.v6 .std-card:hover{
    transform:translateY(-3px);
    border-color:var(--v6-accent);
    background:#181814;
}
.v6 .std-card:hover::before{transform:scaleX(1)}
.v6 .std-card .icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:42px;height:42px;
    border-radius:10px;
    background:rgba(232,244,151,.10);
    color:var(--v6-accent);
    border:1px solid rgba(232,244,151,.18);
    transition:transform .45s var(--v6-spring),background .35s var(--v6-ease);
}
.v6 .std-card:hover .icon{
    transform:rotate(-6deg) scale(1.05);
    background:rgba(232,244,151,.18);
}
.v6 .std-card h4{
    font-size:1.1rem;
    font-weight:500;
    color:#fff;
    letter-spacing:-.015em;
}
.v6 .std-card p{
    font-size:.92rem;
    color:rgba(255,255,255,.62);
    line-height:1.6;
    margin-top:auto;
}

/* ═══════════════════════════════════════════════════════════════════
   PROCESS — connected steps with circle numbers + dashed line
   ═══════════════════════════════════════════════════════════════════ */
.v6 .proc{background:var(--v6-bg);position:relative}
.v6 .proc-list{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:1.5rem;
    counter-reset:proc-step;
    position:relative;
}
@media (max-width:980px){.v6 .proc-list{grid-template-columns:repeat(2,1fr);gap:2rem 1.5rem}}
@media (max-width:520px){.v6 .proc-list{grid-template-columns:1fr;gap:1.5rem}}
/* Dashed connector line — sits behind the circles, runs across desktop view */
.v6 .proc-list::before{
    content:"";
    position:absolute;
    top:24px;
    left:5%;right:5%;
    height:1px;
    background:linear-gradient(90deg,transparent,var(--v6-line) 8%,var(--v6-line) 92%,transparent);
    background-image:
        linear-gradient(90deg,transparent,var(--v6-line) 8%,var(--v6-line) 92%,transparent),
        repeating-linear-gradient(90deg,var(--v6-ink-muted) 0 4px,transparent 4px 10px);
    background-size:100% 100%, 100% 1px;
    background-repeat:no-repeat;
    background-position:center;
    mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
    z-index:0;
}
@media (max-width:980px){.v6 .proc-list::before{display:none}}
.v6 .proc-step{
    position:relative;
    z-index:1;
    background:transparent;
    padding:0;
    border:0;
}
.v6 .proc-step:hover{transform:none;box-shadow:none}
.v6 .proc-step-num{
    width:48px;height:48px;
    border-radius:50%;
    background:var(--v6-bg);
    border:1px solid var(--v6-line);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-family:"nimbus-sans-extended",sans-serif;
    font-size:.95rem;
    letter-spacing:-.01em;
    color:var(--v6-ink);
    font-feature-settings:"tnum";
    margin-bottom:1.25rem;
    position:relative;
    z-index:2;
    transition:background .35s var(--v6-ease),color .35s var(--v6-ease),border-color .35s var(--v6-ease),transform .35s var(--v6-spring);
    box-shadow:0 0 0 6px var(--v6-bg);
}
.v6 .proc-step-num::after{display:none}
.v6 .proc-step:hover .proc-step-num{
    background:var(--v6-accent);
    border-color:var(--v6-accent);
    transform:scale(1.06);
}
.v6 .proc-step h3{
    font-size:clamp(1.05rem,1.4vw,1.2rem);
    font-weight:500;
    margin-bottom:.55rem;
    color:var(--v6-ink);
    letter-spacing:-.018em;
}
.v6 .proc-step p{
    font-size:.93rem;
    color:var(--v6-ink-muted);
    line-height:1.6;
}

/* ═══════════════════════════════════════════════════════════════════
   TESTIMONIALS
   ═══════════════════════════════════════════════════════════════════ */
.v6 .test{background:var(--v6-bg);position:relative;overflow:hidden}

/* Swiper-Carousel mit Nav-Arrows oben rechts */
.v6 .test-nav{
    display:flex;
    gap:.5rem;
    justify-content:flex-end;
    margin-bottom:1.5rem;
}
.v6 .test-nav button{
    width:44px;height:44px;
    border-radius:50%;
    border:1px solid var(--v6-line-strong);
    background:#fff;
    font-size:1.1rem;
    cursor:pointer;
    color:var(--v6-ink);
    transition:background .25s var(--v6-ease),border-color .25s var(--v6-ease),transform .25s var(--v6-ease),color .25s var(--v6-ease);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    line-height:1;
    font-family:inherit;
}
.v6 .test-nav button:hover{
    background:var(--v6-accent);
    border-color:var(--v6-accent);
    transform:translateY(-1px);
}
.v6 .test-nav button:disabled{
    opacity:.3;
    cursor:not-allowed;
}

.v6 .test-swiper{
    padding:.5rem .25rem 2rem !important;
    overflow:visible !important;
}
.v6 .test-swiper .swiper-slide{
    height:auto;
}

.v6 .test-card{
    background:#fff;
    border:1px solid var(--v6-line-soft);
    border-radius:var(--v6-radius);
    padding:2rem 1.75rem;
    transition:transform .35s var(--v6-ease),box-shadow .35s var(--v6-ease),border-color .35s var(--v6-ease);
    position:relative;
    overflow:hidden;
    height:100%;
    display:flex;
    flex-direction:column;
}
.v6 .test-card::before{
    content:"„";
    position:absolute;
    top:-.5rem;
    right:1rem;
    font-family:"nimbus-sans-extended",serif;
    font-size:7rem;
    line-height:1;
    color:rgba(232,244,151,.5);
    pointer-events:none;
    z-index:0;
}
.v6 .test-card:hover{
    transform:translateY(-3px);
    border-color:var(--v6-line);
    box-shadow:0 18px 36px -22px rgba(14,14,12,.18);
}
.v6 .test-card .stars{
    color:#E2A300;
    letter-spacing:1.5px;
    margin-bottom:1rem;
    font-size:.98rem;
    position:relative;
    z-index:1;
}
.v6 .test-card blockquote{
    font-family:inherit;
    font-size:.97rem;
    line-height:1.6;
    color:var(--v6-ink);
    margin:0 0 1.4rem;
    font-style:normal;
    position:relative;
    z-index:1;
    flex:1;
}
.v6 .test-card cite{
    font-style:normal;
    display:flex;
    flex-direction:column;
    font-size:.85rem;
    color:var(--v6-ink-muted);
    position:relative;
    z-index:1;
    margin-top:auto;
}
.v6 .test-card cite strong{
    font-family:"nimbus-sans-extended",sans-serif;
    font-size:1rem;
    color:var(--v6-ink);
    font-weight:500;
    margin-bottom:.25rem;
    letter-spacing:-.015em;
}
/* Conversion-card replacing the testimonial-foot — drives to real Google profile */
.v6 .test-foot{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1.5rem;
    flex-wrap:wrap;
    margin-top:1.75rem;
    padding:1.4rem 1.6rem;
    background:#fff;
    border:1px solid var(--v6-line-soft);
    border-radius:var(--v6-radius);
    text-decoration:none;
    color:inherit;
    transition:transform .35s var(--v6-ease),border-color .35s var(--v6-ease),box-shadow .35s var(--v6-ease);
    position:relative;
    overflow:hidden;
}
.v6 .test-foot::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(120deg,transparent 60%,var(--v6-accent-glow) 130%);
    opacity:0;
    transition:opacity .4s var(--v6-ease);
    pointer-events:none;
}
.v6 .test-foot:hover{
    transform:translateY(-2px);
    border-color:var(--v6-line);
    box-shadow:0 18px 36px -22px rgba(14,14,12,.18);
}
.v6 .test-foot:hover::before{opacity:.55}
.v6 .test-foot-left{
    display:flex;
    align-items:center;
    gap:1rem;
    position:relative;
}
.v6 .test-foot-g{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:42px;height:42px;
    border-radius:50%;
    background:#fff;
    border:1px solid var(--v6-line);
    flex:0 0 42px;
    box-shadow:0 1px 0 rgba(14,14,12,.02), 0 4px 12px -6px rgba(14,14,12,.12);
}
.v6 .test-foot-meta{display:flex;flex-direction:column;gap:.15rem}
.v6 .test-foot-rating{
    display:inline-flex;
    align-items:baseline;
    gap:.55rem;
    font-family:"nimbus-sans-extended",sans-serif;
    line-height:1;
}
.v6 .test-foot-rating strong{
    font-size:1.45rem;
    color:var(--v6-ink);
    letter-spacing:-.025em;
    font-weight:400;
    font-feature-settings:"tnum";
}
.v6 .test-foot-rating .stars{
    color:#E2A300;
    letter-spacing:1.5px;
    font-size:.95rem;
    font-family:inherit;
}
.v6 .test-foot-sub{
    font-size:.86rem;
    color:var(--v6-ink-muted);
    line-height:1.4;
}
.v6 .test-foot-sub strong{color:var(--v6-ink);font-weight:500}
.v6 .test-foot-cta{
    display:inline-flex;
    align-items:center;
    gap:.5rem;
    font-size:.92rem;
    font-weight:500;
    color:var(--v6-ink);
    position:relative;
    padding:.6rem 0;
}
.v6 .test-foot-cta::after{
    content:"";
    position:absolute;
    left:0;right:0;
    bottom:.45rem;
    height:1px;
    background:currentColor;
    transform:scaleX(0);
    transform-origin:right center;
    transition:transform .45s var(--v6-ease-in-out);
}
.v6 .test-foot:hover .test-foot-cta::after{transform:scaleX(1);transform-origin:left center}
.v6 .test-foot-cta svg{transition:transform .35s var(--v6-ease)}
.v6 .test-foot:hover .test-foot-cta svg{transform:translate(2px,-2px)}
@media (max-width:560px){
    .v6 .test-foot{padding:1.2rem 1.3rem}
    .v6 .test-foot-cta{font-size:.88rem}
}

/* ═══════════════════════════════════════════════════════════════════
   SEO-INTRO
   ═══════════════════════════════════════════════════════════════════ */
.v6 .seo-intro{background:var(--v6-bg-soft);position:relative}
.v6 .seo-intro h2{font-size:clamp(1.8rem,3.2vw,2.5rem);margin-bottom:1.1rem;letter-spacing:-.025em}
.v6 .seo-intro .lede{margin-bottom:3rem}
.v6 .seo-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:1rem;
}
@media (max-width:780px){.v6 .seo-grid{grid-template-columns:1fr}}
.v6 .seo-card{
    background:#fff;
    border:1px solid var(--v6-line-soft);
    border-radius:var(--v6-radius);
    padding:1.5rem 1.4rem;
    transition:transform .35s var(--v6-ease),border-color .35s var(--v6-ease),box-shadow .35s var(--v6-ease);
    position:relative;
}
.v6 .seo-card:hover{
    transform:translateY(-3px);
    border-color:var(--v6-line);
    box-shadow:0 14px 28px -20px rgba(14,14,12,.15);
}
.v6 .seo-card h3{
    font-size:1.05rem;
    font-weight:500;
    margin-bottom:.55rem;
    color:var(--v6-ink);
    display:flex;
    align-items:center;
    gap:.55rem;
    letter-spacing:-.015em;
}
.v6 .seo-card h3::before{
    content:"";
    display:inline-block;
    width:9px;height:9px;
    background:var(--v6-accent);
    border-radius:2px;
    transition:transform .35s var(--v6-spring);
}
.v6 .seo-card:hover h3::before{transform:rotate(45deg)}
.v6 .seo-card p{font-size:.89rem;line-height:1.6;color:var(--v6-ink-muted)}

/* ═══════════════════════════════════════════════════════════════════
   FAQ — animated grid-template-rows accordion
   ═══════════════════════════════════════════════════════════════════ */
.v6 .faq{background:var(--v6-bg);position:relative}
.v6 .faq-grid{
    display:grid;
    grid-template-columns:1fr 1.5fr;
    gap:clamp(2rem,5vw,4.5rem);
    align-items:start;
}
@media (max-width:900px){.v6 .faq-grid{grid-template-columns:1fr}}
.v6 .faq-list{display:flex;flex-direction:column;gap:0}
.v6 .faq-item{
    border-bottom:1px solid var(--v6-line);
    transition:border-color .25s var(--v6-ease);
}
.v6 .faq-item:hover{border-bottom-color:var(--v6-line-strong)}
.v6 .faq-q{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1rem;
    width:100%;
    padding:1.3rem 0;
    text-align:left;
    cursor:pointer;
    background:none;
    border:0;
    font-family:inherit;
    color:var(--v6-ink);
    transition:padding .3s var(--v6-ease);
}
.v6 .faq-q:hover{padding-left:.4rem}
.v6 .faq-q h3{
    font-family:"nimbus-sans-extended","Helvetica Neue",sans-serif;
    font-size:clamp(1rem,1.4vw,1.18rem);
    font-weight:400;
    margin:0;
    letter-spacing:-.018em;
    line-height:1.4;
}
.v6 .faq-toggle{
    width:36px;height:36px;
    border-radius:50%;
    border:1px solid var(--v6-line);
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 36px;
    transition:background .35s var(--v6-ease),border-color .35s var(--v6-ease),transform .4s var(--v6-spring);
    position:relative;
}
.v6 .faq-toggle::before,
.v6 .faq-toggle::after{
    content:"";
    position:absolute;
    background:var(--v6-ink);
    transition:background .25s var(--v6-ease);
}
.v6 .faq-toggle::before{width:12px;height:1.5px}
.v6 .faq-toggle::after{width:1.5px;height:12px}
.v6 .faq-item.is-open .faq-toggle{
    background:var(--v6-accent);
    border-color:var(--v6-accent);
    transform:rotate(45deg);
}
.v6 .faq-item.is-open .faq-toggle::before,
.v6 .faq-item.is-open .faq-toggle::after{background:var(--v6-accent-ink)}
/* Accordion collapse — max-height approach, bulletproof across browsers.
   visibility flip prevents focusable children from being reachable when closed. */
.v6 .faq-a{
    max-height:0;
    overflow:hidden;
    visibility:hidden;
    transition:max-height .5s var(--v6-ease-out),visibility 0s linear .5s;
}
.v6 .faq-item.is-open .faq-a{
    max-height:800px;
    visibility:visible;
    transition:max-height .5s var(--v6-ease-out),visibility 0s linear 0s;
}
.v6 .faq-a-inner{
    padding:0 0 1.4rem;
    font-size:.94rem;
    color:var(--v6-ink-muted);
    line-height:1.65;
    max-width:60ch;
}

/* ═══════════════════════════════════════════════════════════════════
   FINAL CTA — oversized type, animated background
   ═══════════════════════════════════════════════════════════════════ */
.v6 .cta-final{
    background:var(--v6-dark);
    color:#fff;
    text-align:center;
    position:relative;
    overflow:hidden;
    padding:clamp(5rem,9vw,9rem) 0;
}
.v6 .cta-final::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 30% 30%,rgba(232,244,151,.18),transparent 50%),
        radial-gradient(circle at 70% 70%,rgba(232,244,151,.08),transparent 55%);
    pointer-events:none;
    z-index:0;
    animation:v6CTAGlow 12s ease-in-out infinite alternate;
}
@keyframes v6CTAGlow{
    0%{transform:scale(1) rotate(0deg)}
    100%{transform:scale(1.15) rotate(2deg)}
}
.v6 .cta-final::after{
    content:"";
    position:absolute;
    inset:0;
    background-image:
        linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
    background-size:64px 64px;
    mask-image:radial-gradient(ellipse 80% 60% at 50% 50%,black 0%,transparent 75%);
    -webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 50%,black 0%,transparent 75%);
    pointer-events:none;
    z-index:0;
}
.v6 .cta-final .v6-wrap{position:relative;z-index:1}
.v6 .cta-final h2{
    font-size:clamp(2.3rem,5.4vw,4.2rem);
    max-width:18ch;
    margin:.85rem auto 1.1rem;
    letter-spacing:-.035em;
    line-height:1.02;
}
.v6 .cta-final p{
    color:rgba(255,255,255,.72);
    max-width:55ch;
    margin:0 auto 2.2rem;
    font-size:1.08rem;
    line-height:1.55;
}
.v6 .cta-final .hero-actions{justify-content:center}
.v6 .cta-final .btn-link{color:#fff}
.v6 .cta-final .btn-link::after{background:#fff}

/* ═══════════════════════════════════════════════════════════════════
   STICKY CTA — refined
   ═══════════════════════════════════════════════════════════════════ */
.v6 ~ .sticky-cta,
.sticky-cta{transition:transform .4s var(--v6-ease),opacity .4s var(--v6-ease)}

/* ═══════════════════════════════════════════════════════════════════
   REDUCED MOTION
   ═══════════════════════════════════════════════════════════════════ */
@media (prefers-reduced-motion:reduce){
    .v6 *,.v6 *::before,.v6 *::after{
        animation-duration:.01ms !important;
        animation-iteration-count:1 !important;
        transition-duration:.01ms !important;
        scroll-behavior:auto !important;
    }
    .v6 .reveal,.v6 .split-line > span,.v6 .split-line .line-inner{opacity:1;transform:none}
    .v6 .hero h1 .line .line-inner{transform:none}
    .v6 .hl::before{transform:skewX(-6deg) scaleX(.96)}
    .v6 .logos-track{animation:none}
    .v6 .img-reveal::after{display:none}
    .v6 .img-reveal img{transform:none}
}

/* ═══════════════════════════════════════════════════════════════════
   PRINT
   ═══════════════════════════════════════════════════════════════════ */
@media print{
    .v6 .audit-form,.v6 .sticky-cta,.v6 .logos,.v6 .cta-final{display:none}
    .v6 .reveal{opacity:1;transform:none}
}