/* ============================================================
           REV-196 · schutzpakete.html seiten-scoped Styles (spk-*).
           Nutzt globale Tokens + Systeme (contact-pro, pricing-answer,
           gw-care-beam/@property --gw-beam aus style.css). Keine
           Overrides geteilter Klassen ausserhalb von .spk-Scopes.
           ============================================================ */
        /* CTA-Beam (dunkler Komet auf heller Pille) */
        .spk-beam{position:relative;overflow:hidden}
        .spk-beam::after{content:'';position:absolute;inset:0;border-radius:inherit;padding:2px;pointer-events:none;
            background:conic-gradient(from var(--gw-beam),transparent 0deg,transparent 300deg,rgba(17,17,17,.75) 332deg,transparent 360deg);
            -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
            -webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;
            animation:gw-care-beam 5.5s linear infinite}
        /* Hero: Care-Konsole (Beispiel-Ansicht der stillen Arbeit) */
        .spk-console{background:var(--dark);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:18px 18px 16px;color:var(--white);box-shadow:0 24px 60px -20px rgba(0,0,0,.45)}
        .spk-console-chrome{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.12)}
        .spk-console-dot{width:9px;height:9px;border-radius:50%;background:var(--white);position:relative;flex:0 0 auto}
        .spk-console-dot::after{content:'';position:absolute;inset:-4px;border-radius:50%;border:1px solid rgba(255,255,255,.6);animation:spk-ping 2.2s cubic-bezier(0,0,.2,1) infinite}
        .spk-console-chrome strong{font-size:.875rem;letter-spacing:-.01em;color:var(--white)}
        .spk-console-tag{margin-left:auto;font-size:.68rem;font-weight:600;color:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-full);padding:2px 9px;white-space:nowrap}
        .spk-console-spark{padding:14px 2px 4px}
        .spk-console-spark svg{display:block;width:100%;height:54px}
        .spk-spark-line{fill:none;stroke:rgba(255,255,255,.92);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:620;stroke-dashoffset:620;animation:spk-draw 2.6s .3s ease-out forwards}
        .spk-spark-grid{stroke:rgba(255,255,255,.1);stroke-width:1}
        .spk-console-spark-meta{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:.72rem;color:rgba(255,255,255,.55);padding:4px 2px 0}
        .spk-console-spark-meta strong{color:var(--white);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}
        .spk-console-rows{list-style:none;margin:10px 0 0;padding:0}
        .spk-console-rows li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 2px;border-bottom:1px dashed rgba(255,255,255,.1);font-size:.8125rem}
        .spk-console-rows li:last-child{border-bottom:0}
        .spk-console-rows li span{color:rgba(255,255,255,.62)}
        .spk-console-rows li strong{color:var(--white);font-weight:600;display:inline-flex;align-items:center;gap:8px;font-variant-numeric:tabular-nums;white-space:nowrap}
        .spk-console-rows li strong::before{content:'\2713';font-size:.62rem;width:15px;height:15px;flex:0 0 auto;border:1px solid rgba(255,255,255,.35);border-radius:50%;display:inline-flex;align-items:center;justify-content:center}
        .spk-console-foot{margin:12px 2px 0;font-size:.78rem;color:rgba(255,255,255,.5)}
        .spk-hero-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
        .spk-hero-chips span{font-size:.78rem;color:var(--text-light);border:1px solid var(--border);background:var(--white);border-radius:var(--radius-full);padding:6px 12px}
        .spk-hero-chips strong{color:var(--dark)}
        @keyframes spk-ping{0%{transform:scale(.6);opacity:1}80%,100%{transform:scale(1.7);opacity:0}}
        @keyframes spk-draw{to{stroke-dashoffset:0}}
        /* Schutzschild: Orbit-Diagramm + Service-Liste */
        .spk-shield{display:grid;grid-template-columns:minmax(300px,430px) 1fr;gap:clamp(24px,4.5vw,60px);align-items:center;max-width:1100px;margin:0 auto}
        .spk-shield-fig svg{display:block;width:100%;height:auto}
        .spk-ring-rot{transform-origin:180px 180px;animation:spk-rot 80s linear infinite}
        .spk-line{stroke:rgba(17,17,17,.15);stroke-width:1.5;transition:stroke .25s ease,opacity .25s ease}
        .spk-node{cursor:pointer;transition:opacity .25s ease}
        .spk-node circle{fill:var(--white);stroke:rgba(148,163,184,.5);stroke-width:1.5;transition:fill .25s ease,stroke .25s ease}
        .spk-node .spk-node-ic{color:var(--dark);transition:color .25s ease}
        .spk-shield.has-hot .spk-node:not(.is-hot){opacity:.3}
        .spk-shield.has-hot .spk-line{opacity:.25}
        .spk-shield.has-hot .spk-line.is-hot{opacity:1;stroke:var(--dark);stroke-width:2}
        .spk-node.is-hot circle{fill:var(--dark);stroke:var(--dark)}
        .spk-node.is-hot .spk-node-ic{color:var(--white)}
        .spk-svcs{list-style:none;margin:0;padding:0}
        .spk-svc{display:grid;grid-template-columns:42px 1fr;gap:3px 14px;padding:13px 14px;border-radius:var(--radius);border:1px solid transparent;transition:background var(--transition),border-color var(--transition),box-shadow var(--transition)}
        .spk-svc.is-hot,.spk-svc:hover{background:var(--white);border-color:var(--border);box-shadow:var(--shadow-sm)}
        .spk-svc-ic{grid-row:1/3;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:var(--white);border:1px solid var(--border);color:var(--dark);transition:background var(--transition),color var(--transition),border-color var(--transition)}
        .spk-svc.is-hot .spk-svc-ic,.spk-svc:hover .spk-svc-ic{background:var(--dark);border-color:var(--dark);color:var(--white)}
        .spk-svc strong{font-size:.95rem;color:var(--dark);letter-spacing:-.01em}
        .spk-svc p{margin:0;font-size:.84rem;line-height:1.55;color:var(--text-light)}
        @keyframes spk-rot{to{transform:rotate(360deg)}}
        @media (max-width:880px){.spk-shield{grid-template-columns:1fr}.spk-shield-fig{max-width:330px;margin:0 auto}}
        /* Tarif-Finder */
        .spk-finder{display:grid;grid-template-columns:1.25fr 1fr;max-width:1000px;margin:0 auto;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}
        .spk-finder-qs{padding:clamp(24px,3.4vw,38px);display:flex;flex-direction:column;gap:24px}
        .spk-fq{border:0;margin:0;padding:0}
        .spk-fq legend{font-weight:700;color:var(--dark);font-size:.95rem;margin-bottom:11px;padding:0;letter-spacing:-.01em}
        .spk-fq-opts{display:flex;gap:8px;flex-wrap:wrap}
        .spk-fq-opts label{position:relative;cursor:pointer}
        .spk-fq-opts input{position:absolute;opacity:0;pointer-events:none}
        .spk-fq-opts span{display:inline-flex;padding:9px 16px;border:1.5px solid var(--border);border-radius:var(--radius-full);font-size:.875rem;font-weight:600;color:var(--text);background:var(--bg);transition:background var(--transition),border-color var(--transition),color var(--transition)}
        .spk-fq-opts label:hover span{border-color:rgba(17,17,17,.35)}
        .spk-fq-opts input:checked + span{background:var(--dark);border-color:var(--dark);color:var(--white)}
        .spk-fq-opts input:focus-visible + span{outline:2px solid var(--dark);outline-offset:2px}
        .spk-finder-note{font-size:.78rem;color:var(--text-lighter);margin:0}
        .spk-finder-res{background:var(--dark);color:var(--white);padding:clamp(24px,3.4vw,38px);display:flex;flex-direction:column}
        .spk-finder-eyebrow{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.55);font-weight:800;margin-bottom:12px}
        .spk-finder-empty{color:rgba(255,255,255,.6);font-size:.9rem;line-height:1.65;margin:0}
        .spk-finder-tier{font-size:2rem;font-weight:900;letter-spacing:-.02em;line-height:1.05;color:var(--white)}
        .spk-finder-price{font-size:.95rem;color:rgba(255,255,255,.65);margin-top:6px}
        .spk-finder-price strong{color:var(--white)}
        .spk-finder-why{list-style:none;margin:16px 0 20px;padding:0;display:flex;flex-direction:column;gap:9px}
        .spk-finder-why li{display:flex;gap:9px;font-size:.84rem;line-height:1.5;color:rgba(255,255,255,.75)}
        .spk-finder-why li::before{content:'\2713';font-size:.6rem;flex:0 0 auto;width:15px;height:15px;margin-top:2px;border:1px solid rgba(255,255,255,.35);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--white)}
        .spk-finder-actions{margin-top:auto;display:flex;gap:10px;flex-wrap:wrap}
        .spk-finder-cta{display:inline-flex;align-items:center;gap:8px;background:var(--white);color:var(--dark);font-weight:700;font-size:.9rem;padding:11px 20px;border-radius:var(--radius-full);transition:transform var(--transition)}
        .spk-finder-cta:hover{color:var(--dark)}
        .spk-finder-ghost{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.3);color:var(--white);font-weight:600;font-size:.9rem;padding:11px 18px;border-radius:var(--radius-full);transition:border-color var(--transition)}
        .spk-finder-ghost:hover{border-color:rgba(255,255,255,.6);color:var(--white)}
        @media (max-width:880px){.spk-finder{grid-template-columns:1fr}.spk-finder-res{min-height:300px}}
        /* Tier-Karten */
        .spk-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1100px;margin:0 auto;align-items:stretch}
        .spk-tier{position:relative;display:flex;flex-direction:column;background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:28px 24px 24px;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}
        .spk-tier:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:rgba(17,17,17,.25)}
        .spk-tier.is-flash{box-shadow:0 0 0 3px var(--dark),var(--shadow-xl)}
        .spk-tier-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
        .spk-tier-name{font-weight:800;color:var(--dark);font-size:1.05rem;letter-spacing:-.01em}
        .spk-tier-meter{display:inline-flex;gap:4px}
        .spk-tier-meter i{width:16px;height:5px;border-radius:3px;background:var(--bg-2);border:1px solid var(--border)}
        .spk-tier-meter i.is-on{background:var(--dark);border-color:var(--dark)}
        .spk-tier-price{font-size:2.3rem;font-weight:900;color:var(--dark);letter-spacing:-.03em;line-height:1}
        .spk-tier-price span{font-size:.95rem;font-weight:600;color:var(--text-light);letter-spacing:0;margin-left:2px}
        .spk-tier-desc{font-size:.875rem;color:var(--text-light);line-height:1.55;margin:10px 0 16px}
        .spk-tier-list{list-style:none;margin:0 0 22px;padding:16px 0 0;border-top:1px dashed var(--border);display:flex;flex-direction:column;gap:9px;flex:1}
        .spk-tier-list li{position:relative;padding-left:25px;font-size:.875rem;color:var(--text);line-height:1.5}
        .spk-tier-list li::before{content:'\2713';position:absolute;left:0;top:2px;font-size:.62rem;width:15px;height:15px;border:1px solid rgba(17,17,17,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--dark)}
        .spk-tier-cta{display:flex;justify-content:center;align-items:center;gap:8px;padding:13px 18px;border-radius:var(--radius-full);background:var(--dark);color:var(--white);font-weight:700;font-size:.9375rem;transition:transform var(--transition),box-shadow var(--transition)}
        .spk-tier-cta:hover{color:var(--white);box-shadow:0 10px 24px -10px rgba(17,17,17,.5)}
        .spk-tier--featured{background:var(--dark);border-color:var(--dark);box-shadow:0 24px 60px -24px rgba(0,0,0,.5)}
        .spk-tier--featured::after{content:'';position:absolute;inset:0;border-radius:inherit;padding:1.5px;pointer-events:none;
            background:conic-gradient(from var(--gw-beam),transparent 0deg,transparent 300deg,rgba(255,255,255,.85) 332deg,transparent 360deg);
            -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
            -webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;
            animation:gw-care-beam 6.5s linear infinite}
        .spk-tier--featured .spk-tier-name,.spk-tier--featured .spk-tier-price{color:var(--white)}
        .spk-tier--featured .spk-tier-price span{color:rgba(255,255,255,.6)}
        .spk-tier--featured .spk-tier-desc{color:rgba(255,255,255,.68)}
        .spk-tier--featured .spk-tier-list{border-top-color:rgba(255,255,255,.18)}
        .spk-tier--featured .spk-tier-list li{color:rgba(255,255,255,.85)}
        .spk-tier--featured .spk-tier-list li::before{border-color:rgba(255,255,255,.4);color:var(--white)}
        .spk-tier--featured .spk-tier-meter i{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.25)}
        .spk-tier--featured .spk-tier-meter i.is-on{background:var(--white);border-color:var(--white)}
        .spk-tier--featured .spk-tier-cta{background:var(--white);color:var(--dark)}
        .spk-tier--featured .spk-tier-cta:hover{color:var(--dark)}
        .spk-tier-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);z-index:1;background:var(--white);color:var(--dark);border:1px solid var(--border);font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;border-radius:var(--radius-full);padding:5px 14px;box-shadow:var(--shadow);white-space:nowrap}
        @media (max-width:960px){.spk-tiers{grid-template-columns:1fr;max-width:480px}}
        /* Wert-Anker: selbst organisiert vs Care Basic */
        .spk-anchor{max-width:1100px;margin:26px auto 0;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px;display:grid;grid-template-columns:auto 1fr;gap:14px 20px;align-items:center}
        .spk-anchor-lbl{font-size:.84rem;font-weight:700;color:var(--dark);line-height:1.35}
        .spk-anchor-lbl span{display:block;font-weight:500;color:var(--text-light);font-size:.75rem}
        .spk-anchor-segs{display:flex;gap:5px;flex-wrap:wrap}
        .spk-anchor-seg{font-size:.72rem;font-weight:600;padding:5px 11px;border-radius:var(--radius-full);border:1px solid var(--border);color:var(--text-light);background:var(--bg)}
        .spk-anchor-seg.is-dark{background:var(--dark);border-color:var(--dark);color:var(--white)}
        .spk-anchor-foot{grid-column:1/-1;font-size:.8125rem;color:var(--text-lighter);line-height:1.6;margin:0;border-top:1px dashed var(--border);padding-top:14px}
        @media (max-width:720px){.spk-anchor{grid-template-columns:1fr;gap:8px}.spk-anchor-segs{margin-bottom:6px}}
        /* Vergleichstabelle: Plus-Spalte + Zeilen-Hover */
        .spk-table .pricing-table th:nth-child(3),.spk-table .pricing-table td:nth-child(3){background:rgba(17,17,17,.04)}
        .spk-table .pricing-table tbody tr{transition:background .15s ease}
        .spk-table .pricing-table tbody tr:hover{background:rgba(17,17,17,.025)}
        /* Monat-12-Weggabelung */
        .spk-fork{max-width:1080px;margin:0 auto}
        .spk-fork-origin{display:flex;justify-content:center}
        .spk-fork-node{display:inline-flex;align-items:center;gap:10px;background:var(--dark);color:var(--white);border-radius:var(--radius-full);padding:11px 24px;font-weight:700;font-size:.9375rem;box-shadow:var(--shadow-lg)}
        .spk-fork-branches{display:block;width:100%;height:64px}
        .spk-fork-branches path{fill:none;stroke:rgba(17,17,17,.3);stroke-width:1.5;stroke-dasharray:4 7;animation:spk-flow 1.4s linear infinite}
        .spk-fork-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
        .spk-fork-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;display:flex;flex-direction:column;gap:10px;transition:transform var(--transition),box-shadow var(--transition)}
        .spk-fork-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
        .spk-fork-card--care{border:1.5px solid var(--dark)}
        .spk-fork-tag{font-size:.7rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--text-lighter)}
        .spk-fork-card h3{font-size:1.06rem;letter-spacing:-.01em;margin:0}
        .spk-fork-card p{margin:0;font-size:.86rem;line-height:1.6;color:var(--text-light);flex:1}
        .spk-fork-link{display:inline-flex;align-items:center;gap:7px;font-weight:700;font-size:.875rem;color:var(--dark)}
        .spk-fork-note{text-align:center;font-size:.84rem;color:var(--text-light);margin:24px 0 0}
        @keyframes spk-flow{to{stroke-dashoffset:-11}}
        @media (max-width:880px){.spk-fork-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto}.spk-fork-branches{display:none}.spk-fork-origin{margin-bottom:20px}}
        /* FAQ-Politur (Nummern + Morph-Icon) */
        .spk-faq .faq-list{counter-reset:spkfaq}
        .spk-faq .faq-item summary{justify-content:flex-start}
        .spk-faq .faq-item summary::before{counter-increment:spkfaq;content:counter(spkfaq,decimal-leading-zero);flex-shrink:0;width:36px;font-size:.8125rem;font-weight:800;color:var(--text-lighter);font-variant-numeric:tabular-nums}
        .spk-faq .faq-item[open] summary::before{color:var(--dark)}
        .spk-faq .faq-item summary::after{content:"+";margin-left:auto;background:transparent;border:1px solid var(--border);color:var(--text-light);transition:transform .3s cubic-bezier(.4,0,.2,1),background var(--transition),color var(--transition)}
        .spk-faq .faq-item[open] summary::after{content:"+";transform:rotate(45deg);background:var(--dark);border-color:var(--dark);color:var(--white)}
        .spk-faq .faq-item p{padding-left:60px}
        @media (max-width:640px){.spk-faq .faq-item p{padding-left:24px}}
        /* Kontakt-Rail-Tile (Cockpit-Lokalteil) */
        .spk-rail-tile{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--radius);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);transition:background var(--transition),border-color var(--transition);margin-bottom:12px}
        .spk-rail-tile:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.24)}
        .spk-rail-tile-icon{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.92);color:var(--dark)}
        .spk-rail-tile-body{display:flex;flex-direction:column;gap:2px;min-width:0}
        .spk-rail-tile-body strong{color:var(--white);font-size:.9rem}
        .spk-rail-tile-body span{color:rgba(255,255,255,.55);font-size:.75rem}
        /* Sticky-Closer */
        .spk-sticky{position:fixed;left:50%;bottom:18px;transform:translate(-50%,140%);z-index:900;display:flex;align-items:center;gap:16px;padding:10px 10px 10px 22px;background:rgba(17,17,17,.96);border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-full);box-shadow:0 18px 44px -12px rgba(0,0,0,.5);transition:transform .35s cubic-bezier(.4,0,.2,1);max-width:calc(100vw - 24px)}
        .spk-sticky.is-on{transform:translate(-50%,0)}
        .spk-sticky-txt{color:rgba(255,255,255,.85);font-size:.9rem;white-space:nowrap}
        .spk-sticky-txt strong{color:var(--white)}
        .spk-sticky a{display:inline-flex;align-items:center;gap:8px;background:var(--white);color:var(--dark);font-weight:700;font-size:.9rem;padding:10px 20px;border-radius:var(--radius-full);transition:transform var(--transition)}
        .spk-sticky a:hover{color:var(--dark)}
        @media (max-width:560px){.spk-sticky-txt span{display:none}}
        @media (prefers-reduced-motion:reduce){
            .spk-beam::after,.spk-tier--featured::after{animation:none}
            .spk-console-dot::after,.spk-spark-line,.spk-ring-rot,.spk-fork-branches path{animation:none}
            .spk-spark-line{stroke-dashoffset:0}
            .spk-sticky{transition:none}
        }
        /* ============================================================
           REV-197 · Award-Layer: Display-Typo, Marquee, Scroll-Driven,
           Nachtschicht-Band, Progress-Rail, Tilt/Magnetik/Spotlight.
           ============================================================ */
        /* Hero: Typografie als Held */
        .spk-hero{position:relative;overflow:hidden}
        .spk-hero .container{position:relative;z-index:1}
        .spk-wm{position:absolute;right:-3%;top:4%;z-index:0;font-size:clamp(9rem,26vw,22rem);font-weight:900;letter-spacing:-.05em;line-height:1;color:transparent;-webkit-text-stroke:1.5px rgba(17,17,17,.06);pointer-events:none;user-select:none;white-space:nowrap}
        .spk-h1{display:block;margin:18px 0 0}
        .spk-h1-kicker{display:block;font-size:clamp(1rem,1.6vw,1.2rem);font-weight:700;letter-spacing:.02em;color:var(--text-light);margin-bottom:14px}
        .spk-h1-line{display:block;font-size:clamp(2.9rem,7.2vw,6.2rem);font-weight:900;letter-spacing:-.045em;line-height:.98;color:var(--dark);text-wrap:balance}
        .spk-h1-outline{font-style:normal;color:transparent;-webkit-text-stroke:2.5px var(--dark)}
        .spk-h1-kicker,.spk-h1-line{opacity:0;transform:translateY(26px);animation:spk-up .6s cubic-bezier(.2,.7,.2,1) forwards}
        .spk-h1-line:nth-child(2){animation-delay:.08s}
        .spk-h1-line:nth-child(3){animation-delay:.16s}
        .spk-hero-deck{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,76px);align-items:start;margin-top:clamp(30px,4vw,52px)}
        .spk-hero-deck-left{opacity:0;transform:translateY(22px);animation:spk-up .6s .24s cubic-bezier(.2,.7,.2,1) forwards}
        .spk-hero-deck-right{opacity:0;transform:translateY(22px);animation:spk-up .6s .34s cubic-bezier(.2,.7,.2,1) forwards}
        .spk-tilt{perspective:1100px}
        .spk-tilt .spk-console{transform:rotateX(var(--ry,0deg)) rotateY(var(--rx,0deg));transition:transform .18s ease-out;will-change:transform}
        @keyframes spk-up{to{opacity:1;transform:none}}
        @media (max-width:880px){.spk-hero-deck{grid-template-columns:1fr}.spk-wm{display:none}}
        /* Marquee-Band */
        .spk-marquee{overflow:hidden;border-block:1px solid var(--border);background:var(--white);padding:20px 0}
        .spk-marquee-track{display:flex;align-items:center;gap:54px;width:max-content;animation:spk-marq 30s linear infinite}
        .spk-marquee:hover .spk-marquee-track{animation-play-state:paused}
        .spk-marquee-track span{font-size:clamp(1.5rem,3.2vw,2.4rem);font-weight:900;text-transform:uppercase;letter-spacing:-.02em;color:var(--dark);white-space:nowrap}
        .spk-marquee-track span.spk-out{color:transparent;-webkit-text-stroke:1.5px rgba(17,17,17,.65)}
        .spk-marquee-track i{width:9px;height:9px;border-radius:50%;background:var(--dark);flex:0 0 auto}
        @keyframes spk-marq{to{transform:translateX(-50%)}}
        /* Editorial-Index in Sektions-Headern */
        .spk-idx{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:18px;font-size:.8rem;font-weight:800;color:var(--text-lighter);font-variant-numeric:tabular-nums;letter-spacing:.1em}
        .spk-idx::before,.spk-idx::after{content:'';height:1px;width:58px;background:rgba(17,17,17,.18)}
        /* Nachtschicht-Band (dunkler Akt) */
        .spk-night{position:relative;background:var(--dark);color:var(--white);padding:clamp(72px,9vw,130px) 0;overflow:hidden}
        .spk-night-wm{position:absolute;left:-2%;bottom:-6%;font-size:clamp(7rem,20vw,17rem);font-weight:900;letter-spacing:-.05em;line-height:1;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.05);pointer-events:none;user-select:none;white-space:nowrap}
        .spk-night .container{position:relative;z-index:1}
        .spk-night-head{max-width:720px;margin:0 auto clamp(40px,6vw,72px);text-align:center}
        .spk-night-head .spk-idx{color:rgba(255,255,255,.45)}
        .spk-night-head .spk-idx::before,.spk-night-head .spk-idx::after{background:rgba(255,255,255,.2)}
        .spk-night-eyebrow{display:block;font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:14px}
        .spk-night-head h2{color:var(--white);font-size:clamp(1.7rem,3.4vw,2.6rem);letter-spacing:-.03em;line-height:1.12;margin:0}
        .spk-night-head p{color:rgba(255,255,255,.55);font-size:.95rem;margin:14px 0 0}
        .spk-night-rows{list-style:none;margin:0;padding:0;max-width:980px;margin-inline:auto}
        .spk-night-row{display:grid;grid-template-columns:64px 1fr auto;gap:clamp(14px,3vw,34px);align-items:baseline;padding:clamp(20px,3vw,30px) 4px;border-top:1px solid rgba(255,255,255,.12)}
        .spk-night-row:last-child{border-bottom:1px solid rgba(255,255,255,.12)}
        .spk-night-no{font-size:.8rem;font-weight:800;color:rgba(255,255,255,.4);font-variant-numeric:tabular-nums}
        .spk-night-big{font-size:clamp(2.6rem,8vw,6rem);font-weight:900;letter-spacing:-.04em;line-height:1;color:var(--white);font-variant-numeric:tabular-nums;white-space:nowrap}
        .spk-night-row:nth-child(even) .spk-night-big{color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.85)}
        .spk-night-lbl{text-align:right;max-width:300px}
        .spk-night-lbl strong{display:block;color:var(--white);font-size:.95rem;letter-spacing:-.01em}
        .spk-night-lbl span{display:block;color:rgba(255,255,255,.55);font-size:.8125rem;line-height:1.5;margin-top:4px}
        @media (max-width:720px){.spk-night-row{grid-template-columns:1fr;gap:6px}.spk-night-lbl{text-align:left;max-width:none}.spk-night-big{white-space:normal}}
        /* Spotlight auf Karten (Cursor-Radial) */
        .spk-tier::before,.spk-fork-card::before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .35s ease;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(17,17,17,.055),transparent 65%)}
        .spk-fork-card{position:relative;overflow:hidden}
        .spk-tier:hover::before,.spk-fork-card:hover::before{opacity:1}
        .spk-tier--featured::before{background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.1),transparent 65%)}
        /* Progress-Rail (Desktop) */
        .spk-rail{display:none}
        @media (min-width:1400px){
            .spk-rail{position:fixed;left:26px;top:50%;transform:translateY(-50%);z-index:880;display:flex;flex-direction:column;gap:6px}
            .spk-rail a{display:flex;align-items:center;gap:10px;padding:5px 6px;border-radius:var(--radius-full);color:var(--text-lighter);transition:color var(--transition)}
            .spk-rail a i{width:7px;height:7px;border-radius:50%;background:rgba(17,17,17,.22);transition:all var(--transition);flex:0 0 auto}
            .spk-rail a span{font-size:.68rem;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.06em}
            .spk-rail a em{font-style:normal;font-size:.72rem;font-weight:600;opacity:0;transform:translateX(-4px);transition:opacity var(--transition),transform var(--transition);white-space:nowrap}
            .spk-rail a:hover{color:var(--dark)}
            .spk-rail a:hover em{opacity:1;transform:none}
            .spk-rail a.is-cur{color:var(--dark)}
            .spk-rail a.is-cur i{background:var(--dark);transform:scale(1.5)}
            .spk-rail a.is-cur em{opacity:1;transform:none}
            .spk-rail.is-night a{color:rgba(255,255,255,.5)}
            .spk-rail.is-night a i{background:rgba(255,255,255,.35)}
            .spk-rail.is-night a:hover,.spk-rail.is-night a.is-cur{color:var(--white)}
            .spk-rail.is-night a.is-cur i{background:var(--white)}
        }
        /* Scroll-Driven Reveals (progressive enhancement) */
        @media (prefers-reduced-motion:no-preference){
            @supports (animation-timeline:view()){
                .spk-rev{animation:spk-rise both;animation-timeline:view();animation-range:entry 0% entry 52%}
                .spk-tiers .spk-tier:nth-child(2).spk-rev{animation-range:entry 8% entry 62%}
                .spk-tiers .spk-tier:nth-child(3).spk-rev{animation-range:entry 16% entry 72%}
                .spk-fork-grid .spk-fork-card:nth-child(2).spk-rev{animation-range:entry 8% entry 62%}
                .spk-fork-grid .spk-fork-card:nth-child(3).spk-rev{animation-range:entry 16% entry 72%}
                .spk-night-row.spk-rev{animation-range:entry 0% entry 42%}
                .spk-wm{animation:spk-drift linear both;animation-timeline:scroll()}
                .spk-night-line::after{content:'';position:absolute;inset:0;background:var(--white);transform-origin:top;animation:spk-grow linear both;animation-timeline:view();animation-range:entry 0% exit 100%}
            }
        }
        .spk-night-line{position:absolute;left:clamp(18px,3vw,44px);top:0;bottom:0;width:1px;background:rgba(255,255,255,.08)}
        @keyframes spk-rise{from{opacity:0;transform:translateY(36px)}to{opacity:1;transform:none}}
        @keyframes spk-drift{to{transform:translateY(140px)}}
        @keyframes spk-grow{from{transform:scaleY(0)}to{transform:scaleY(1)}}
        @media (prefers-reduced-motion:reduce){
            .spk-marquee-track{animation:none}
            .spk-h1-kicker,.spk-h1-line,.spk-hero-deck-left,.spk-hero-deck-right{animation:none;opacity:1;transform:none}
            .spk-tilt .spk-console{transform:none;transition:none}
        }